@symbiote-native/angular 3.1.3 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/babel-register-composed.cjs +1 -0
- package/build/angular/accessibility-events.d.ts +12 -0
- package/build/angular/accessibility-events.js +28 -0
- package/build/angular/accessibility-events.js.map +1 -0
- package/build/angular/accessibility-inputs.d.ts +40 -0
- package/build/angular/accessibility-inputs.js +130 -0
- package/build/angular/accessibility-inputs.js.map +1 -0
- package/build/angular/bootstrap.d.ts +3 -1
- package/build/angular/bootstrap.js +4 -1
- package/build/angular/bootstrap.js.map +1 -1
- package/build/angular/components/checkbox-props.d.ts +2 -0
- package/build/angular/components/checkbox-props.js +2 -0
- package/build/angular/components/checkbox-props.js.map +1 -0
- package/build/angular/components/flat-list/flat-list-template.d.ts +1 -0
- package/build/angular/components/flat-list/flat-list-template.js +158 -0
- package/build/angular/components/flat-list/flat-list-template.js.map +1 -0
- package/build/angular/components/flat-list/index.d.ts +6 -61
- package/build/angular/components/flat-list/index.js +26 -463
- package/build/angular/components/flat-list/index.js.map +1 -1
- package/build/angular/components/keyboard-avoiding-view/index.d.ts +4 -40
- package/build/angular/components/keyboard-avoiding-view/index.js +7 -131
- package/build/angular/components/keyboard-avoiding-view/index.js.map +1 -1
- package/build/angular/components/modal/index.d.ts +5 -41
- package/build/angular/components/modal/index.js +8 -133
- package/build/angular/components/modal/index.js.map +1 -1
- package/build/angular/components/section-list/index.d.ts +4 -51
- package/build/angular/components/section-list/index.js +18 -335
- package/build/angular/components/section-list/index.js.map +1 -1
- package/build/angular/components/virtualized-list/cell-registry.d.ts +35 -0
- package/build/angular/components/virtualized-list/cell-registry.js +133 -0
- package/build/angular/components/virtualized-list/cell-registry.js.map +1 -0
- package/build/angular/components/virtualized-list/index.d.ts +18 -253
- package/build/angular/components/virtualized-list/index.js +112 -1178
- package/build/angular/components/virtualized-list/index.js.map +1 -1
- package/build/angular/components/virtualized-list/list-a11y-forward.d.ts +1 -0
- package/build/angular/components/virtualized-list/list-a11y-forward.js +42 -0
- package/build/angular/components/virtualized-list/list-a11y-forward.js.map +1 -0
- package/build/angular/components/virtualized-list/list-bags.d.ts +32 -0
- package/build/angular/components/virtualized-list/list-bags.js +120 -0
- package/build/angular/components/virtualized-list/list-bags.js.map +1 -0
- package/build/angular/components/virtualized-list/list-effects.d.ts +31 -0
- package/build/angular/components/virtualized-list/list-effects.js +83 -0
- package/build/angular/components/virtualized-list/list-effects.js.map +1 -0
- package/build/angular/components/virtualized-list/list-events.d.ts +17 -0
- package/build/angular/components/virtualized-list/list-events.js +34 -0
- package/build/angular/components/virtualized-list/list-events.js.map +1 -0
- package/build/angular/components/virtualized-list/list-handle.d.ts +35 -0
- package/build/angular/components/virtualized-list/list-handle.js +61 -0
- package/build/angular/components/virtualized-list/list-handle.js.map +1 -0
- package/build/angular/components/virtualized-list/list-inputs.d.ts +78 -0
- package/build/angular/components/virtualized-list/list-inputs.js +150 -0
- package/build/angular/components/virtualized-list/list-inputs.js.map +1 -0
- package/build/angular/components/virtualized-list/list-props.d.ts +58 -0
- package/build/angular/components/virtualized-list/list-props.js +3 -0
- package/build/angular/components/virtualized-list/list-props.js.map +1 -0
- package/build/angular/components/virtualized-list/list-styles.d.ts +23 -0
- package/build/angular/components/virtualized-list/list-styles.js +26 -0
- package/build/angular/components/virtualized-list/list-styles.js.map +1 -0
- package/build/angular/components/virtualized-list/list-template.d.ts +1 -0
- package/build/angular/components/virtualized-list/list-template.js +176 -0
- package/build/angular/components/virtualized-list/list-template.js.map +1 -0
- package/build/angular/components/virtualized-section-list/index.d.ts +13 -70
- package/build/angular/components/virtualized-section-list/index.js +22 -455
- package/build/angular/components/virtualized-section-list/index.js.map +1 -1
- package/build/angular/components/virtualized-section-list/section-list-template.d.ts +1 -0
- package/build/angular/components/virtualized-section-list/section-list-template.js +107 -0
- package/build/angular/components/virtualized-section-list/section-list-template.js.map +1 -0
- package/build/angular/components.d.ts +1 -0
- package/build/angular/components.js.map +1 -1
- package/build/angular/descriptor-to-angular/descriptor-host.d.ts +8 -0
- package/build/angular/descriptor-to-angular/descriptor-host.js +38 -0
- package/build/angular/descriptor-to-angular/descriptor-host.js.map +1 -0
- package/build/angular/descriptor-to-angular/index.d.ts +1 -0
- package/build/angular/descriptor-to-angular/index.js +4 -0
- package/build/angular/descriptor-to-angular/index.js.map +1 -1
- package/build/angular/element-base.d.ts +153 -0
- package/build/angular/element-base.js +272 -0
- package/build/angular/element-base.js.map +1 -0
- package/build/angular/elements-controls.d.ts +165 -0
- package/build/angular/elements-controls.js +382 -0
- package/build/angular/elements-controls.js.map +1 -0
- package/build/angular/elements-layout.d.ts +122 -0
- package/build/angular/elements-layout.js +242 -0
- package/build/angular/elements-layout.js.map +1 -0
- package/build/angular/elements-press.d.ts +96 -0
- package/build/angular/elements-press.js +227 -0
- package/build/angular/elements-press.js.map +1 -0
- package/build/angular/elements.d.ts +6 -516
- package/build/angular/elements.js +8 -1091
- package/build/angular/elements.js.map +1 -1
- package/build/angular/finalization-registry.d.ts +4 -0
- package/build/angular/finalization-registry.js +17 -0
- package/build/angular/finalization-registry.js.map +1 -0
- package/build/angular/host-instance/index.d.ts +2 -0
- package/build/angular/host-instance/index.js +4 -4
- package/build/angular/host-instance/index.js.map +1 -1
- package/build/angular/index.d.ts +9 -4
- package/build/angular/index.js +8 -3
- package/build/angular/index.js.map +1 -1
- package/build/angular/native-view-base.d.ts +27 -0
- package/build/angular/native-view-base.js +69 -0
- package/build/angular/native-view-base.js.map +1 -0
- package/build/angular/render/index.d.ts +2 -1
- package/build/angular/render/index.js +46 -73
- package/build/angular/render/index.js.map +1 -1
- package/build/angular/services/connect-watched-signal.d.ts +2 -0
- package/build/angular/services/connect-watched-signal.js +9 -0
- package/build/angular/services/connect-watched-signal.js.map +1 -0
- package/build/angular/services/create-event-value-hook.d.ts +3 -0
- package/build/angular/services/create-event-value-hook.js +17 -0
- package/build/angular/services/create-event-value-hook.js.map +1 -0
- package/build/angular/services/create-resource-hook.d.ts +7 -0
- package/build/angular/services/create-resource-hook.js +20 -0
- package/build/angular/services/create-resource-hook.js.map +1 -0
- package/build/angular/services/index.d.ts +5 -0
- package/build/angular/services/index.js +5 -0
- package/build/angular/services/index.js.map +1 -1
- package/build/angular/services/inject-event.d.ts +6 -0
- package/build/angular/services/inject-event.js +24 -0
- package/build/angular/services/inject-event.js.map +1 -0
- package/build/angular/services/permissions-service-base.d.ts +14 -0
- package/build/angular/services/permissions-service-base.js +38 -0
- package/build/angular/services/permissions-service-base.js.map +1 -0
- package/package.json +6 -6
- package/src/accessibility-events.ts +13 -0
- package/src/accessibility-inputs.ts +89 -0
- package/src/bootstrap.ts +6 -2
- package/src/components/checkbox-props.ts +12 -0
- package/src/components/flat-list/flat-list-template.ts +159 -0
- package/src/components/flat-list/index.ts +30 -307
- package/src/components/keyboard-avoiding-view/index.ts +4 -78
- package/src/components/modal/index.ts +7 -80
- package/src/components/section-list/index.ts +21 -172
- package/src/components/virtualized-list/cell-registry.ts +199 -0
- package/src/components/virtualized-list/index.ts +145 -1181
- package/src/components/virtualized-list/list-a11y-forward.ts +42 -0
- package/src/components/virtualized-list/list-bags.ts +142 -0
- package/src/components/virtualized-list/list-effects.ts +116 -0
- package/src/components/virtualized-list/list-events.ts +31 -0
- package/src/components/virtualized-list/list-handle.ts +92 -0
- package/src/components/virtualized-list/list-inputs.ts +149 -0
- package/src/components/virtualized-list/list-props.ts +81 -0
- package/src/components/virtualized-list/list-styles.ts +62 -0
- package/src/components/virtualized-list/list-template.ts +175 -0
- package/src/components/virtualized-section-list/index.ts +40 -351
- package/src/components/virtualized-section-list/section-list-template.ts +108 -0
- package/src/components.ts +1 -0
- package/src/descriptor-to-angular/descriptor-host.ts +27 -0
- package/src/descriptor-to-angular/index.ts +5 -0
- package/src/element-base.ts +272 -0
- package/src/elements-controls.ts +282 -0
- package/src/elements-layout.ts +141 -0
- package/src/elements-press.ts +145 -0
- package/src/elements.ts +73 -788
- package/src/finalization-registry.ts +18 -0
- package/src/host-instance/index.ts +4 -4
- package/src/index.ts +18 -2
- package/src/native-view-base.ts +86 -0
- package/src/render/index.ts +76 -77
- package/src/services/connect-watched-signal.ts +15 -0
- package/src/services/create-event-value-hook.ts +24 -0
- package/src/services/create-resource-hook.ts +32 -0
- package/src/services/index.ts +5 -0
- package/src/services/inject-event.ts +52 -0
- package/src/services/permissions-service-base.ts +46 -0
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { SymbioteElement } from './element-base';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class ImageElement extends SymbioteElement {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6
|
+
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 }); }
|
|
7
|
+
}
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageElement, decorators: [{
|
|
9
|
+
type: Directive,
|
|
10
|
+
args: [{ selector: 'image, symbiote-image', standalone: true }]
|
|
11
|
+
}], propDecorators: { source: [{
|
|
12
|
+
type: Input
|
|
13
|
+
}], src: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}], srcSet: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}], alt: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], width: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], height: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], resizeMode: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], resizeMethod: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], defaultSource: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], loadingIndicatorSource: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], blurRadius: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], capInsets: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], crossOrigin: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], referrerPolicy: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], fadeDuration: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], progressiveRenderingEnabled: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], tintColor: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], onLoad: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], onLoadStart: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], onLoadEnd: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], onError: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], onProgress: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], onPartialLoad: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}] } });
|
|
58
|
+
// The box, not the image. Every Image prop below rides the engine's `slotPropsExcept` redirect onto
|
|
59
|
+
// the absolutely-filled image the behavior builds, exactly as RN's own `...props` spread does
|
|
60
|
+
// (ImageBackground.js:81) — so this directive declares them to make the BINDING legal, and the
|
|
61
|
+
// engine decides which node each lands on.
|
|
62
|
+
export class ImageBackgroundElement extends SymbioteElement {
|
|
63
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageBackgroundElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
64
|
+
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 }); }
|
|
65
|
+
}
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageBackgroundElement, decorators: [{
|
|
67
|
+
type: Directive,
|
|
68
|
+
args: [{ selector: 'image-background', standalone: true }]
|
|
69
|
+
}], propDecorators: { imageStyle: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], source: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], src: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], srcSet: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], alt: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], width: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], height: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], resizeMode: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], resizeMethod: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], defaultSource: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], loadingIndicatorSource: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], blurRadius: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], capInsets: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], crossOrigin: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], referrerPolicy: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}], fadeDuration: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}], progressiveRenderingEnabled: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}], tintColor: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], onLoad: [{
|
|
106
|
+
type: Input
|
|
107
|
+
}], onLoadStart: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], onLoadEnd: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}], onError: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], onProgress: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}], onPartialLoad: [{
|
|
116
|
+
type: Input
|
|
117
|
+
}] } });
|
|
118
|
+
export class ScrollViewElement extends SymbioteElement {
|
|
119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
120
|
+
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 }); }
|
|
121
|
+
}
|
|
122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollViewElement, decorators: [{
|
|
123
|
+
type: Directive,
|
|
124
|
+
args: [{ selector: 'scroll-view', standalone: true }]
|
|
125
|
+
}], propDecorators: { scrollEnabled: [{
|
|
126
|
+
type: Input
|
|
127
|
+
}], scrollEventThrottle: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}], contentContainerStyle: [{
|
|
130
|
+
type: Input
|
|
131
|
+
}], contentInset: [{
|
|
132
|
+
type: Input
|
|
133
|
+
}], contentInsetAdjustmentBehavior: [{
|
|
134
|
+
type: Input
|
|
135
|
+
}], contentOffset: [{
|
|
136
|
+
type: Input
|
|
137
|
+
}], scrollIndicatorInsets: [{
|
|
138
|
+
type: Input
|
|
139
|
+
}], showsHorizontalScrollIndicator: [{
|
|
140
|
+
type: Input
|
|
141
|
+
}], showsVerticalScrollIndicator: [{
|
|
142
|
+
type: Input
|
|
143
|
+
}], alwaysBounceHorizontal: [{
|
|
144
|
+
type: Input
|
|
145
|
+
}], alwaysBounceVertical: [{
|
|
146
|
+
type: Input
|
|
147
|
+
}], bounces: [{
|
|
148
|
+
type: Input
|
|
149
|
+
}], bouncesZoom: [{
|
|
150
|
+
type: Input
|
|
151
|
+
}], centerContent: [{
|
|
152
|
+
type: Input
|
|
153
|
+
}], decelerationRate: [{
|
|
154
|
+
type: Input
|
|
155
|
+
}], directionalLockEnabled: [{
|
|
156
|
+
type: Input
|
|
157
|
+
}], disableIntervalMomentum: [{
|
|
158
|
+
type: Input
|
|
159
|
+
}], endFillColor: [{
|
|
160
|
+
type: Input
|
|
161
|
+
}], fadingEdgeLength: [{
|
|
162
|
+
type: Input
|
|
163
|
+
}], indicatorStyle: [{
|
|
164
|
+
type: Input
|
|
165
|
+
}], invertStickyHeaders: [{
|
|
166
|
+
type: Input
|
|
167
|
+
}], keyboardDismissMode: [{
|
|
168
|
+
type: Input
|
|
169
|
+
}], keyboardShouldPersistTaps: [{
|
|
170
|
+
type: Input
|
|
171
|
+
}], automaticallyAdjustKeyboardInsets: [{
|
|
172
|
+
type: Input
|
|
173
|
+
}], maintainVisibleContentPosition: [{
|
|
174
|
+
type: Input
|
|
175
|
+
}], maximumZoomScale: [{
|
|
176
|
+
type: Input
|
|
177
|
+
}], minimumZoomScale: [{
|
|
178
|
+
type: Input
|
|
179
|
+
}], zoomScale: [{
|
|
180
|
+
type: Input
|
|
181
|
+
}], nestedScrollEnabled: [{
|
|
182
|
+
type: Input
|
|
183
|
+
}], overScrollMode: [{
|
|
184
|
+
type: Input
|
|
185
|
+
}], pagingEnabled: [{
|
|
186
|
+
type: Input
|
|
187
|
+
}], persistentScrollbar: [{
|
|
188
|
+
type: Input
|
|
189
|
+
}], pinchGestureEnabled: [{
|
|
190
|
+
type: Input
|
|
191
|
+
}], snapToAlignment: [{
|
|
192
|
+
type: Input
|
|
193
|
+
}], snapToEnd: [{
|
|
194
|
+
type: Input
|
|
195
|
+
}], snapToInterval: [{
|
|
196
|
+
type: Input
|
|
197
|
+
}], snapToOffsets: [{
|
|
198
|
+
type: Input
|
|
199
|
+
}], snapToStart: [{
|
|
200
|
+
type: Input
|
|
201
|
+
}], stickyHeaderIndices: [{
|
|
202
|
+
type: Input
|
|
203
|
+
}], onScroll: [{
|
|
204
|
+
type: Input
|
|
205
|
+
}], onScrollBeginDrag: [{
|
|
206
|
+
type: Input
|
|
207
|
+
}], onScrollEndDrag: [{
|
|
208
|
+
type: Input
|
|
209
|
+
}], onMomentumScrollBegin: [{
|
|
210
|
+
type: Input
|
|
211
|
+
}], onMomentumScrollEnd: [{
|
|
212
|
+
type: Input
|
|
213
|
+
}], onScrollToTop: [{
|
|
214
|
+
type: Input
|
|
215
|
+
}], onContentSizeChange: [{
|
|
216
|
+
type: Input
|
|
217
|
+
}] } });
|
|
218
|
+
export class HorizontalScrollViewElement extends ScrollViewElement {
|
|
219
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
220
|
+
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 }); }
|
|
221
|
+
}
|
|
222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollViewElement, decorators: [{
|
|
223
|
+
type: Directive,
|
|
224
|
+
args: [{ selector: 'horizontal-scroll-view', standalone: true }]
|
|
225
|
+
}] });
|
|
226
|
+
export class ScrollContentElement extends SymbioteElement {
|
|
227
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollContentElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
228
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ScrollContentElement, isStandalone: true, selector: "scroll-content", usesInheritance: true, ngImport: i0 }); }
|
|
229
|
+
}
|
|
230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollContentElement, decorators: [{
|
|
231
|
+
type: Directive,
|
|
232
|
+
args: [{ selector: 'scroll-content', standalone: true }]
|
|
233
|
+
}] });
|
|
234
|
+
export class HorizontalScrollContentElement extends SymbioteElement {
|
|
235
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollContentElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
236
|
+
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 }); }
|
|
237
|
+
}
|
|
238
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollContentElement, decorators: [{
|
|
239
|
+
type: Directive,
|
|
240
|
+
args: [{ selector: 'horizontal-scroll-content', standalone: true }]
|
|
241
|
+
}] });
|
|
242
|
+
//# sourceMappingURL=elements-layout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elements-layout.js","sourceRoot":"","sources":["../../src/elements-layout.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import type { INativeFeedbackBackground } from '@symbiote-native/components';
|
|
2
|
+
import type { ITextElementProps } from './element-props';
|
|
3
|
+
import type { ICheckboxProps } from './components/checkbox-props';
|
|
4
|
+
import type { IAngularPressableProps } from './components/pressable-props';
|
|
5
|
+
import { SymbioteElement } from './element-base';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class ViewElement extends SymbioteElement {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ViewElement, never>;
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ViewElement, "view, symbiote-view", never, {}, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
11
|
+
export declare class PressableElement extends SymbioteElement {
|
|
12
|
+
disabled?: IAngularPressableProps['disabled'];
|
|
13
|
+
cancelable?: IAngularPressableProps['cancelable'];
|
|
14
|
+
blockNativeResponder?: IAngularPressableProps['blockNativeResponder'];
|
|
15
|
+
delayLongPress?: IAngularPressableProps['delayLongPress'];
|
|
16
|
+
delayHoverIn?: IAngularPressableProps['delayHoverIn'];
|
|
17
|
+
delayHoverOut?: IAngularPressableProps['delayHoverOut'];
|
|
18
|
+
onHoverIn?: IAngularPressableProps['onHoverIn'];
|
|
19
|
+
onHoverOut?: IAngularPressableProps['onHoverOut'];
|
|
20
|
+
pressRetentionOffset?: IAngularPressableProps['pressRetentionOffset'];
|
|
21
|
+
unstable_pressDelay?: IAngularPressableProps['unstable_pressDelay'];
|
|
22
|
+
android_ripple?: IAngularPressableProps['android_ripple'];
|
|
23
|
+
testOnly_pressed?: IAngularPressableProps['testOnly_pressed'];
|
|
24
|
+
android_disableSound?: IAngularPressableProps['android_disableSound'];
|
|
25
|
+
hasTVPreferredFocus?: IAngularPressableProps['hasTVPreferredFocus'];
|
|
26
|
+
nextFocusDown?: IAngularPressableProps['nextFocusDown'];
|
|
27
|
+
nextFocusForward?: IAngularPressableProps['nextFocusForward'];
|
|
28
|
+
nextFocusLeft?: IAngularPressableProps['nextFocusLeft'];
|
|
29
|
+
nextFocusRight?: IAngularPressableProps['nextFocusRight'];
|
|
30
|
+
nextFocusUp?: IAngularPressableProps['nextFocusUp'];
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PressableElement, never>;
|
|
32
|
+
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>;
|
|
33
|
+
}
|
|
34
|
+
export declare class TouchableOpacityElement extends PressableElement {
|
|
35
|
+
activeOpacity?: number;
|
|
36
|
+
delayPressIn?: number;
|
|
37
|
+
delayPressOut?: number;
|
|
38
|
+
minPressDuration?: number;
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TouchableOpacityElement, never>;
|
|
40
|
+
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>;
|
|
41
|
+
}
|
|
42
|
+
export declare class TouchableHighlightElement extends PressableElement {
|
|
43
|
+
activeOpacity?: number;
|
|
44
|
+
underlayColor?: string;
|
|
45
|
+
delayPressIn?: number;
|
|
46
|
+
delayPressOut?: number;
|
|
47
|
+
minPressDuration?: number;
|
|
48
|
+
touchSoundDisabled?: boolean;
|
|
49
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TouchableHighlightElement, never>;
|
|
50
|
+
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>;
|
|
51
|
+
}
|
|
52
|
+
export declare class TouchableNativeFeedbackElement extends PressableElement {
|
|
53
|
+
background?: INativeFeedbackBackground;
|
|
54
|
+
useForeground?: boolean;
|
|
55
|
+
touchSoundDisabled?: boolean;
|
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TouchableNativeFeedbackElement, never>;
|
|
57
|
+
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>;
|
|
58
|
+
}
|
|
59
|
+
export declare class TouchableWithoutFeedbackElement extends PressableElement {
|
|
60
|
+
delayPressIn?: number;
|
|
61
|
+
delayPressOut?: number;
|
|
62
|
+
minPressDuration?: number;
|
|
63
|
+
touchSoundDisabled?: boolean;
|
|
64
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TouchableWithoutFeedbackElement, never>;
|
|
65
|
+
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>;
|
|
66
|
+
}
|
|
67
|
+
export declare class ButtonElement extends TouchableOpacityElement {
|
|
68
|
+
title?: string;
|
|
69
|
+
color?: string;
|
|
70
|
+
touchSoundDisabled?: boolean;
|
|
71
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonElement, never>;
|
|
72
|
+
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>;
|
|
73
|
+
}
|
|
74
|
+
export declare class CheckboxElement extends SymbioteElement {
|
|
75
|
+
value?: ICheckboxProps['value'];
|
|
76
|
+
disabled?: ICheckboxProps['disabled'];
|
|
77
|
+
color?: ICheckboxProps['color'];
|
|
78
|
+
onValueChange?: ICheckboxProps['onValueChange'];
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxElement, never>;
|
|
80
|
+
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>;
|
|
81
|
+
}
|
|
82
|
+
export declare class TextElement extends SymbioteElement {
|
|
83
|
+
style?: ITextElementProps['style'];
|
|
84
|
+
styleProp?: ITextElementProps['styleProp'];
|
|
85
|
+
numberOfLines?: ITextElementProps['numberOfLines'];
|
|
86
|
+
ellipsizeMode?: ITextElementProps['ellipsizeMode'];
|
|
87
|
+
selectable?: ITextElementProps['selectable'];
|
|
88
|
+
adjustsFontSizeToFit?: ITextElementProps['adjustsFontSizeToFit'];
|
|
89
|
+
minimumFontScale?: ITextElementProps['minimumFontScale'];
|
|
90
|
+
allowFontScaling?: ITextElementProps['allowFontScaling'];
|
|
91
|
+
maxFontSizeMultiplier?: ITextElementProps['maxFontSizeMultiplier'];
|
|
92
|
+
selectionColor?: ITextElementProps['selectionColor'];
|
|
93
|
+
disabled?: ITextElementProps['disabled'];
|
|
94
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextElement, never>;
|
|
95
|
+
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>;
|
|
96
|
+
}
|
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { SymbioteElement } from './element-base';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
// BOTH SPELLINGS ON THE SEVEN DASHLESS TAGS, and it is a correctness fix rather than a convenience.
|
|
5
|
+
//
|
|
6
|
+
// The renderer has always mapped `symbiote-view` onto `view` (`PRIMITIVE_SELECTOR_ALIAS`), because
|
|
7
|
+
// `CUSTOM_ELEMENTS_SCHEMA` admits an unknown element only when the name carries a hyphen — so the
|
|
8
|
+
// hyphenated form is the spelling an app WITHOUT these directives has to use. It is the same tag and
|
|
9
|
+
// commits the same node.
|
|
10
|
+
//
|
|
11
|
+
// It was not the same tag HERE. A selector of `view` alone meant an app that imports
|
|
12
|
+
// `SYMBIOTE_ELEMENTS` and writes `<symbiote-view>` matched nothing: no type check on its props, no
|
|
13
|
+
// declared inputs, none of `SymbioteElement`'s forwarding or callback wrapping — silently, with the
|
|
14
|
+
// tree still looking right. Measured, that shape also ran ~8.6 us per element FASTER, which is what
|
|
15
|
+
// made it look like an optimization instead of a hole (`angular-directive-cost.itest.ts`).
|
|
16
|
+
//
|
|
17
|
+
// Only the seven dashless tags need it: `hyphenatedIntrinsicAliases` skips any tag that already
|
|
18
|
+
// carries a dash, so `symbiote-scroll-view` resolves nowhere on either side and the two halves agree
|
|
19
|
+
// already.
|
|
20
|
+
export class ViewElement extends SymbioteElement {
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
22
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ViewElement, isStandalone: true, selector: "view, symbiote-view", usesInheritance: true, ngImport: i0 }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ViewElement, decorators: [{
|
|
25
|
+
type: Directive,
|
|
26
|
+
args: [{ selector: 'view, symbiote-view', standalone: true }]
|
|
27
|
+
}] });
|
|
28
|
+
export class PressableElement extends SymbioteElement {
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PressableElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
30
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PressableElement, isStandalone: true, selector: "pressable, symbiote-pressable", inputs: { disabled: "disabled", cancelable: "cancelable", blockNativeResponder: "blockNativeResponder", delayLongPress: "delayLongPress", delayHoverIn: "delayHoverIn", delayHoverOut: "delayHoverOut", onHoverIn: "onHoverIn", onHoverOut: "onHoverOut", pressRetentionOffset: "pressRetentionOffset", unstable_pressDelay: "unstable_pressDelay", android_ripple: "android_ripple", testOnly_pressed: "testOnly_pressed", android_disableSound: "android_disableSound", hasTVPreferredFocus: "hasTVPreferredFocus", nextFocusDown: "nextFocusDown", nextFocusForward: "nextFocusForward", nextFocusLeft: "nextFocusLeft", nextFocusRight: "nextFocusRight", nextFocusUp: "nextFocusUp" }, usesInheritance: true, ngImport: i0 }); }
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PressableElement, decorators: [{
|
|
33
|
+
type: Directive,
|
|
34
|
+
args: [{ selector: 'pressable, symbiote-pressable', standalone: true }]
|
|
35
|
+
}], propDecorators: { disabled: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], cancelable: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], blockNativeResponder: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], delayLongPress: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], delayHoverIn: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], delayHoverOut: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], onHoverIn: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], onHoverOut: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], pressRetentionOffset: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], unstable_pressDelay: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], android_ripple: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], testOnly_pressed: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], android_disableSound: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], hasTVPreferredFocus: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], nextFocusDown: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], nextFocusForward: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], nextFocusLeft: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], nextFocusRight: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], nextFocusUp: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}] } });
|
|
74
|
+
// RN's TouchableOpacity is a Pressable that also fades, and both halves are on the engine node —
|
|
75
|
+
// so it takes the same inputs and adds only the fade's own knob.
|
|
76
|
+
export class TouchableOpacityElement extends PressableElement {
|
|
77
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableOpacityElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
78
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableOpacityElement, isStandalone: true, selector: "touchable-opacity", inputs: { activeOpacity: "activeOpacity", delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration" }, usesInheritance: true, ngImport: i0 }); }
|
|
79
|
+
}
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableOpacityElement, decorators: [{
|
|
81
|
+
type: Directive,
|
|
82
|
+
args: [{ selector: 'touchable-opacity', standalone: true }]
|
|
83
|
+
}], propDecorators: { activeOpacity: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], delayPressIn: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], delayPressOut: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], minPressDuration: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}] } });
|
|
92
|
+
// RN's TouchableHighlight is a Pressable that swaps its own background while pressed
|
|
93
|
+
// (TouchableHighlight.js), and the underlay machine runs on the engine node — so the tag takes the
|
|
94
|
+
// press surface plus the two knobs that describe the underlay. `onShowUnderlay`/`onHideUnderlay`
|
|
95
|
+
// need no @Input: they are events, bound as `(showUnderlay)` through the renderer's own listen.
|
|
96
|
+
export class TouchableHighlightElement extends PressableElement {
|
|
97
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableHighlightElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
98
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableHighlightElement, isStandalone: true, selector: "touchable-highlight", inputs: { activeOpacity: "activeOpacity", underlayColor: "underlayColor", delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
|
|
99
|
+
}
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableHighlightElement, decorators: [{
|
|
101
|
+
type: Directive,
|
|
102
|
+
args: [{ selector: 'touchable-highlight', standalone: true }]
|
|
103
|
+
}], propDecorators: { activeOpacity: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], underlayColor: [{
|
|
106
|
+
type: Input
|
|
107
|
+
}], delayPressIn: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], delayPressOut: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}], minPressDuration: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], touchSoundDisabled: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}] } });
|
|
116
|
+
// RN's TouchableNativeFeedback is a Pressable that CLONES onto its single child instead of
|
|
117
|
+
// rendering anything (TouchableNativeFeedback.js:339) — so the tag takes the press surface plus the
|
|
118
|
+
// two props that pick the Android ripple drawable. The tag itself commits no native view; the
|
|
119
|
+
// behavior configures the child, which is why `elements.test.ts` reads it as an anchor.
|
|
120
|
+
export class TouchableNativeFeedbackElement extends PressableElement {
|
|
121
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableNativeFeedbackElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
122
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableNativeFeedbackElement, isStandalone: true, selector: "touchable-native-feedback", inputs: { background: "background", useForeground: "useForeground", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
|
|
123
|
+
}
|
|
124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableNativeFeedbackElement, decorators: [{
|
|
125
|
+
type: Directive,
|
|
126
|
+
args: [{ selector: 'touchable-native-feedback', standalone: true }]
|
|
127
|
+
}], propDecorators: { background: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}], useForeground: [{
|
|
130
|
+
type: Input
|
|
131
|
+
}], touchSoundDisabled: [{
|
|
132
|
+
type: Input
|
|
133
|
+
}] } });
|
|
134
|
+
// RN's TouchableWithoutFeedback clones onto its single child the same way
|
|
135
|
+
// (TouchableWithoutFeedback.js:286) and installs no drawable, so it takes the press surface plus the
|
|
136
|
+
// three timing knobs it forwards to Pressability (:186-190) and nothing else. Like the tag above it
|
|
137
|
+
// commits no native view; `elements.test.ts` reads it as an anchor.
|
|
138
|
+
export class TouchableWithoutFeedbackElement extends PressableElement {
|
|
139
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableWithoutFeedbackElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
140
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableWithoutFeedbackElement, isStandalone: true, selector: "touchable-without-feedback", inputs: { delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
|
|
141
|
+
}
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableWithoutFeedbackElement, decorators: [{
|
|
143
|
+
type: Directive,
|
|
144
|
+
args: [{ selector: 'touchable-without-feedback', standalone: true }]
|
|
145
|
+
}], propDecorators: { delayPressIn: [{
|
|
146
|
+
type: Input
|
|
147
|
+
}], delayPressOut: [{
|
|
148
|
+
type: Input
|
|
149
|
+
}], minPressDuration: [{
|
|
150
|
+
type: Input
|
|
151
|
+
}], touchSoundDisabled: [{
|
|
152
|
+
type: Input
|
|
153
|
+
}] } });
|
|
154
|
+
// RN's Button IS a TouchableOpacity (Button.js:384), and the behavior builds the view and the
|
|
155
|
+
// label under it — so the tag takes the touchable's surface plus the four props Button owns. There
|
|
156
|
+
// is no `style`: RN's Button has no such prop, and the label/background come from `color`.
|
|
157
|
+
export class ButtonElement extends TouchableOpacityElement {
|
|
158
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ButtonElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
159
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ButtonElement, isStandalone: true, selector: "button, symbiote-button", inputs: { title: "title", color: "color", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
|
|
160
|
+
}
|
|
161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ButtonElement, decorators: [{
|
|
162
|
+
type: Directive,
|
|
163
|
+
args: [{ selector: 'button, symbiote-button', standalone: true }]
|
|
164
|
+
}], propDecorators: { title: [{
|
|
165
|
+
type: Input
|
|
166
|
+
}], color: [{
|
|
167
|
+
type: Input
|
|
168
|
+
}], touchSoundDisabled: [{
|
|
169
|
+
type: Input
|
|
170
|
+
}] } });
|
|
171
|
+
// expo-checkbox: View-like box plus the toggle on the engine node, поэтому только свои пять полей
|
|
172
|
+
// Нет `(valueChange)`: тоггл зовёт `onValueChange` как проп, он не engine-событие с read-back
|
|
173
|
+
export class CheckboxElement extends SymbioteElement {
|
|
174
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CheckboxElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
175
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CheckboxElement, isStandalone: true, selector: "checkbox, symbiote-checkbox", inputs: { value: "value", disabled: "disabled", color: "color", onValueChange: "onValueChange" }, usesInheritance: true, ngImport: i0 }); }
|
|
176
|
+
}
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CheckboxElement, decorators: [{
|
|
178
|
+
type: Directive,
|
|
179
|
+
args: [{ selector: 'checkbox, symbiote-checkbox', standalone: true }]
|
|
180
|
+
}], propDecorators: { value: [{
|
|
181
|
+
type: Input
|
|
182
|
+
}], disabled: [{
|
|
183
|
+
type: Input
|
|
184
|
+
}], color: [{
|
|
185
|
+
type: Input
|
|
186
|
+
}], onValueChange: [{
|
|
187
|
+
type: Input
|
|
188
|
+
}] } });
|
|
189
|
+
export class TextElement extends SymbioteElement {
|
|
190
|
+
constructor() {
|
|
191
|
+
super(...arguments);
|
|
192
|
+
// Narrows the inherited input to a TEXT style so `fontSize`/`fontWeight` type-check here. The
|
|
193
|
+
// initializer is what TS2612 asks for to accept a redeclaration as deliberate; `declare` would
|
|
194
|
+
// be the other answer and cannot carry a decorator.
|
|
195
|
+
this.style = undefined;
|
|
196
|
+
this.styleProp = undefined;
|
|
197
|
+
}
|
|
198
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
199
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TextElement, isStandalone: true, selector: "text, symbiote-text", inputs: { style: "style", styleProp: "styleProp", numberOfLines: "numberOfLines", ellipsizeMode: "ellipsizeMode", selectable: "selectable", adjustsFontSizeToFit: "adjustsFontSizeToFit", minimumFontScale: "minimumFontScale", allowFontScaling: "allowFontScaling", maxFontSizeMultiplier: "maxFontSizeMultiplier", selectionColor: "selectionColor", disabled: "disabled" }, usesInheritance: true, ngImport: i0 }); }
|
|
200
|
+
}
|
|
201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextElement, decorators: [{
|
|
202
|
+
type: Directive,
|
|
203
|
+
args: [{ selector: 'text, symbiote-text', standalone: true }]
|
|
204
|
+
}], propDecorators: { style: [{
|
|
205
|
+
type: Input
|
|
206
|
+
}], styleProp: [{
|
|
207
|
+
type: Input
|
|
208
|
+
}], numberOfLines: [{
|
|
209
|
+
type: Input
|
|
210
|
+
}], ellipsizeMode: [{
|
|
211
|
+
type: Input
|
|
212
|
+
}], selectable: [{
|
|
213
|
+
type: Input
|
|
214
|
+
}], adjustsFontSizeToFit: [{
|
|
215
|
+
type: Input
|
|
216
|
+
}], minimumFontScale: [{
|
|
217
|
+
type: Input
|
|
218
|
+
}], allowFontScaling: [{
|
|
219
|
+
type: Input
|
|
220
|
+
}], maxFontSizeMultiplier: [{
|
|
221
|
+
type: Input
|
|
222
|
+
}], selectionColor: [{
|
|
223
|
+
type: Input
|
|
224
|
+
}], disabled: [{
|
|
225
|
+
type: Input
|
|
226
|
+
}] } });
|
|
227
|
+
//# sourceMappingURL=elements-press.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elements-press.js","sourceRoot":"","sources":["../../src/elements-press.ts"],"names":[],"mappings":"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"}
|