@symbiote-native/angular 0.0.0-canary-20260724081123
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/LICENSE +21 -0
- package/README.md +157 -0
- package/babel-linker.cjs +7 -0
- package/babel-register-composed.cjs +127 -0
- package/bin/symbiote-angular-dev.cjs +93 -0
- package/build/angular/anchor-host-registry.d.ts +2 -0
- package/build/angular/anchor-host-registry.js +84 -0
- package/build/angular/anchor-host-registry.js.map +1 -0
- package/build/angular/bootstrap.d.ts +7 -0
- package/build/angular/bootstrap.js +15 -0
- package/build/angular/bootstrap.js.map +1 -0
- package/build/angular/components/activity-indicator/index.android.d.ts +12 -0
- package/build/angular/components/activity-indicator/index.android.js +21 -0
- package/build/angular/components/activity-indicator/index.android.js.map +1 -0
- package/build/angular/components/activity-indicator/index.d.ts +1 -0
- package/build/angular/components/activity-indicator/index.ios.d.ts +8 -0
- package/build/angular/components/activity-indicator/index.ios.js +21 -0
- package/build/angular/components/activity-indicator/index.ios.js.map +1 -0
- package/build/angular/components/activity-indicator/index.js +4 -0
- package/build/angular/components/activity-indicator/index.js.map +1 -0
- package/build/angular/components/activity-indicator/shared.d.ts +67 -0
- package/build/angular/components/activity-indicator/shared.js +260 -0
- package/build/angular/components/activity-indicator/shared.js.map +1 -0
- package/build/angular/components/button.d.ts +63 -0
- package/build/angular/components/button.js +332 -0
- package/build/angular/components/button.js.map +1 -0
- package/build/angular/components/flat-list/index.d.ts +122 -0
- package/build/angular/components/flat-list/index.js +688 -0
- package/build/angular/components/flat-list/index.js.map +1 -0
- package/build/angular/components/image/index.android.d.ts +10 -0
- package/build/angular/components/image/index.android.js +59 -0
- package/build/angular/components/image/index.android.js.map +1 -0
- package/build/angular/components/image/index.d.ts +1 -0
- package/build/angular/components/image/index.ios.d.ts +10 -0
- package/build/angular/components/image/index.ios.js +59 -0
- package/build/angular/components/image/index.ios.js.map +1 -0
- package/build/angular/components/image/index.js +3 -0
- package/build/angular/components/image/index.js.map +1 -0
- package/build/angular/components/image/shared.d.ts +101 -0
- package/build/angular/components/image/shared.js +406 -0
- package/build/angular/components/image/shared.js.map +1 -0
- package/build/angular/components/image-background.d.ts +81 -0
- package/build/angular/components/image-background.js +418 -0
- package/build/angular/components/image-background.js.map +1 -0
- package/build/angular/components/input-accessory-view/index.d.ts +60 -0
- package/build/angular/components/input-accessory-view/index.js +251 -0
- package/build/angular/components/input-accessory-view/index.js.map +1 -0
- package/build/angular/components/keyboard-avoiding-view/index.d.ts +82 -0
- package/build/angular/components/keyboard-avoiding-view/index.js +358 -0
- package/build/angular/components/keyboard-avoiding-view/index.js.map +1 -0
- package/build/angular/components/modal/index.d.ts +92 -0
- package/build/angular/components/modal/index.js +360 -0
- package/build/angular/components/modal/index.js.map +1 -0
- package/build/angular/components/pressable/index.d.ts +123 -0
- package/build/angular/components/pressable/index.js +420 -0
- package/build/angular/components/pressable/index.js.map +1 -0
- package/build/angular/components/refresh-control/index.d.ts +86 -0
- package/build/angular/components/refresh-control/index.js +342 -0
- package/build/angular/components/refresh-control/index.js.map +1 -0
- package/build/angular/components/safe-area-view/index.d.ts +57 -0
- package/build/angular/components/safe-area-view/index.js +248 -0
- package/build/angular/components/safe-area-view/index.js.map +1 -0
- package/build/angular/components/scroll-view/index.android.d.ts +21 -0
- package/build/angular/components/scroll-view/index.android.js +235 -0
- package/build/angular/components/scroll-view/index.android.js.map +1 -0
- package/build/angular/components/scroll-view/index.d.ts +3 -0
- package/build/angular/components/scroll-view/index.ios.d.ts +9 -0
- package/build/angular/components/scroll-view/index.ios.js +86 -0
- package/build/angular/components/scroll-view/index.ios.js.map +1 -0
- package/build/angular/components/scroll-view/index.js +6 -0
- package/build/angular/components/scroll-view/index.js.map +1 -0
- package/build/angular/components/scroll-view/projection.d.ts +32 -0
- package/build/angular/components/scroll-view/projection.js +334 -0
- package/build/angular/components/scroll-view/projection.js.map +1 -0
- package/build/angular/components/scroll-view/shared.d.ts +230 -0
- package/build/angular/components/scroll-view/shared.js +682 -0
- package/build/angular/components/scroll-view/shared.js.map +1 -0
- package/build/angular/components/scroll-view/sticky-header.d.ts +40 -0
- package/build/angular/components/scroll-view/sticky-header.js +225 -0
- package/build/angular/components/scroll-view/sticky-header.js.map +1 -0
- package/build/angular/components/section-list/index.d.ts +116 -0
- package/build/angular/components/section-list/index.js +641 -0
- package/build/angular/components/section-list/index.js.map +1 -0
- package/build/angular/components/switch/index.android.d.ts +20 -0
- package/build/angular/components/switch/index.android.js +70 -0
- package/build/angular/components/switch/index.android.js.map +1 -0
- package/build/angular/components/switch/index.d.ts +1 -0
- package/build/angular/components/switch/index.ios.d.ts +19 -0
- package/build/angular/components/switch/index.ios.js +69 -0
- package/build/angular/components/switch/index.ios.js.map +1 -0
- package/build/angular/components/switch/index.js +4 -0
- package/build/angular/components/switch/index.js.map +1 -0
- package/build/angular/components/switch/shared.d.ts +40 -0
- package/build/angular/components/switch/shared.js +127 -0
- package/build/angular/components/switch/shared.js.map +1 -0
- package/build/angular/components/text-input.d.ts +153 -0
- package/build/angular/components/text-input.js +599 -0
- package/build/angular/components/text-input.js.map +1 -0
- package/build/angular/components/touchable/index.d.ts +245 -0
- package/build/angular/components/touchable/index.js +1186 -0
- package/build/angular/components/touchable/index.js.map +1 -0
- package/build/angular/components/touchable-native-feedback/index.d.ts +83 -0
- package/build/angular/components/touchable-native-feedback/index.js +371 -0
- package/build/angular/components/touchable-native-feedback/index.js.map +1 -0
- package/build/angular/components/virtualized-list/directives.d.ts +54 -0
- package/build/angular/components/virtualized-list/directives.js +153 -0
- package/build/angular/components/virtualized-list/directives.js.map +1 -0
- package/build/angular/components/virtualized-list/index.d.ts +253 -0
- package/build/angular/components/virtualized-list/index.js +1031 -0
- package/build/angular/components/virtualized-list/index.js.map +1 -0
- package/build/angular/components/virtualized-section-list/directives.d.ts +37 -0
- package/build/angular/components/virtualized-section-list/directives.js +76 -0
- package/build/angular/components/virtualized-section-list/directives.js.map +1 -0
- package/build/angular/components/virtualized-section-list/index.d.ts +178 -0
- package/build/angular/components/virtualized-section-list/index.js +720 -0
- package/build/angular/components/virtualized-section-list/index.js.map +1 -0
- package/build/angular/components.d.ts +39 -0
- package/build/angular/components.js +38 -0
- package/build/angular/components.js.map +1 -0
- package/build/angular/create-portal/index.d.ts +22 -0
- package/build/angular/create-portal/index.js +74 -0
- package/build/angular/create-portal/index.js.map +1 -0
- package/build/angular/create-tunnel/index.d.ts +34 -0
- package/build/angular/create-tunnel/index.js +126 -0
- package/build/angular/create-tunnel/index.js.map +1 -0
- package/build/angular/descriptor-to-angular/index.d.ts +22 -0
- package/build/angular/descriptor-to-angular/index.js +142 -0
- package/build/angular/descriptor-to-angular/index.js.map +1 -0
- package/build/angular/host-instance/index.d.ts +2 -0
- package/build/angular/host-instance/index.js +37 -0
- package/build/angular/host-instance/index.js.map +1 -0
- package/build/angular/index.d.ts +22 -0
- package/build/angular/index.js +46 -0
- package/build/angular/index.js.map +1 -0
- package/build/angular/modules/animated/animated-leaf-binder/index.d.ts +14 -0
- package/build/angular/modules/animated/animated-leaf-binder/index.js +91 -0
- package/build/angular/modules/animated/animated-leaf-binder/index.js.map +1 -0
- package/build/angular/modules/animated/animated-leaf-binder.d.ts +14 -0
- package/build/angular/modules/animated/animated-leaf-binder.js +91 -0
- package/build/angular/modules/animated/animated-leaf-binder.js.map +1 -0
- package/build/angular/modules/animated/create-animated-component.d.ts +59 -0
- package/build/angular/modules/animated/create-animated-component.js +364 -0
- package/build/angular/modules/animated/create-animated-component.js.map +1 -0
- package/build/angular/modules/animated/index.d.ts +51 -0
- package/build/angular/modules/animated/index.js +59 -0
- package/build/angular/modules/animated/index.js.map +1 -0
- package/build/angular/modules/app-registry/index.d.ts +7 -0
- package/build/angular/modules/app-registry/index.js +23 -0
- package/build/angular/modules/app-registry/index.js.map +1 -0
- package/build/angular/modules/status-bar/index.d.ts +20 -0
- package/build/angular/modules/status-bar/index.js +59 -0
- package/build/angular/modules/status-bar/index.js.map +1 -0
- package/build/angular/primitives/index.d.ts +63 -0
- package/build/angular/primitives/index.js +189 -0
- package/build/angular/primitives/index.js.map +1 -0
- package/build/angular/primitives/shared.d.ts +88 -0
- package/build/angular/primitives/shared.js +171 -0
- package/build/angular/primitives/shared.js.map +1 -0
- package/build/angular/render/index.d.ts +11 -0
- package/build/angular/render/index.js +171 -0
- package/build/angular/render/index.js.map +1 -0
- package/build/angular/renderer/index.d.ts +37 -0
- package/build/angular/renderer/index.js +301 -0
- package/build/angular/renderer/index.js.map +1 -0
- package/build/angular/services/color-scheme.service.d.ts +16 -0
- package/build/angular/services/color-scheme.service.js +31 -0
- package/build/angular/services/color-scheme.service.js.map +1 -0
- package/build/angular/services/index.d.ts +2 -0
- package/build/angular/services/index.js +3 -0
- package/build/angular/services/index.js.map +1 -0
- package/build/angular/services/window-dimensions.service.d.ts +16 -0
- package/build/angular/services/window-dimensions.service.js +42 -0
- package/build/angular/services/window-dimensions.service.js.map +1 -0
- package/metro-config.cjs +48 -0
- package/metro-css-parser.cjs +13 -0
- package/package.json +80 -0
- package/src/__tests__/responder-change-detection.test.ts +102 -0
- package/src/__tests__/responder-nested-cd.test.ts +113 -0
- package/src/anchor-host-registry.ts +88 -0
- package/src/angular-gaps.test.ts +142 -0
- package/src/angular-imports.test.ts +100 -0
- package/src/bootstrap.ts +26 -0
- package/src/components/activity-indicator/activity-indicator-class-style.test.ts +44 -0
- package/src/components/activity-indicator/activity-indicator.test.ts +131 -0
- package/src/components/activity-indicator/index.android.ts +16 -0
- package/src/components/activity-indicator/index.ios.ts +17 -0
- package/src/components/activity-indicator/index.ts +4 -0
- package/src/components/activity-indicator/shared.ts +206 -0
- package/src/components/button.ts +193 -0
- package/src/components/flat-list/column-wrapper-style-class.test.ts +116 -0
- package/src/components/flat-list/flat-list-array-style.test.ts +131 -0
- package/src/components/flat-list/flat-list-class-style.test.ts +74 -0
- package/src/components/flat-list/flat-list-scroll-containment.test.ts +107 -0
- package/src/components/flat-list/flat-list.test.ts +99 -0
- package/src/components/flat-list/index.ts +574 -0
- package/src/components/image/image-class-style.test.ts +46 -0
- package/src/components/image/index.android.ts +48 -0
- package/src/components/image/index.ios.ts +48 -0
- package/src/components/image/index.ts +3 -0
- package/src/components/image/shared.ts +479 -0
- package/src/components/image-background-class-style.test.ts +48 -0
- package/src/components/image-background-style-class.test.ts +79 -0
- package/src/components/image-background.ts +270 -0
- package/src/components/input-accessory-view/index.ts +185 -0
- package/src/components/input-accessory-view/input-accessory-view.test.ts +43 -0
- package/src/components/keyboard-avoiding-view/index.ts +303 -0
- package/src/components/keyboard-avoiding-view/keyboard-avoiding-view.test.ts +54 -0
- package/src/components/modal/index.ts +299 -0
- package/src/components/modal/modal.test.ts +43 -0
- package/src/components/pressable/index.ts +373 -0
- package/src/components/pressable/pressable.test.ts +85 -0
- package/src/components/refresh-control/index.ts +284 -0
- package/src/components/refresh-control/refresh-control.test.ts +41 -0
- package/src/components/safe-area-view/index.ts +177 -0
- package/src/components/safe-area-view/safe-area-view.test.ts +43 -0
- package/src/components/scroll-view/android-scroll-view-axis-projection.test.ts +123 -0
- package/src/components/scroll-view/content-container-style-class.test.ts +75 -0
- package/src/components/scroll-view/index.android.ts +190 -0
- package/src/components/scroll-view/index.ios.ts +79 -0
- package/src/components/scroll-view/index.ts +7 -0
- package/src/components/scroll-view/projection.ts +414 -0
- package/src/components/scroll-view/scroll-view-class-style.test.ts +134 -0
- package/src/components/scroll-view/scroll-view-projection.test.ts +194 -0
- package/src/components/scroll-view/shared.ts +844 -0
- package/src/components/scroll-view/sticky-header.ts +255 -0
- package/src/components/section-list/index.ts +445 -0
- package/src/components/switch/android-switch-class.test.ts +42 -0
- package/src/components/switch/index.android.ts +61 -0
- package/src/components/switch/index.ios.ts +60 -0
- package/src/components/switch/index.ts +4 -0
- package/src/components/switch/shared.ts +197 -0
- package/src/components/switch/switch.test.ts +92 -0
- package/src/components/text-input-class-style.test.ts +54 -0
- package/src/components/text-input.ts +531 -0
- package/src/components/touchable/index.ts +629 -0
- package/src/components/touchable/touchable.test.ts +102 -0
- package/src/components/touchable-native-feedback/index.ts +254 -0
- package/src/components/touchable-native-feedback/touchable-native-feedback.test.ts +49 -0
- package/src/components/virtualized-list/directives.ts +168 -0
- package/src/components/virtualized-list/index.ts +992 -0
- package/src/components/virtualized-list/virtualized-list-class-style.test.ts +76 -0
- package/src/components/virtualized-section-list/directives.ts +90 -0
- package/src/components/virtualized-section-list/index.ts +601 -0
- package/src/components/virtualized-section-list/virtualized-section-list-class-style.test.ts +60 -0
- package/src/components.ts +149 -0
- package/src/create-portal/create-portal.test.ts +90 -0
- package/src/create-portal/index.ts +74 -0
- package/src/create-tunnel/create-tunnel.test.ts +120 -0
- package/src/create-tunnel/index.ts +136 -0
- package/src/descriptor-to-angular/descriptor-outlet.test.ts +94 -0
- package/src/descriptor-to-angular/index.ts +190 -0
- package/src/host-instance/host-instance.test.ts +49 -0
- package/src/host-instance/index.ts +36 -0
- package/src/index.ts +261 -0
- package/src/modules/animated/animated-leaf-binder/animated-leaf-binder.test.ts +116 -0
- package/src/modules/animated/animated-leaf-binder/index.ts +101 -0
- package/src/modules/animated/animated-leaf-binder.test.ts +116 -0
- package/src/modules/animated/animated-leaf-binder.ts +101 -0
- package/src/modules/animated/animated-scroll-view.test.ts +102 -0
- package/src/modules/animated/create-animated-component.ts +365 -0
- package/src/modules/animated/index.ts +105 -0
- package/src/modules/app-registry/app-registry.test.ts +106 -0
- package/src/modules/app-registry/index.ts +60 -0
- package/src/modules/status-bar/index.ts +57 -0
- package/src/modules/status-bar/status-bar.test.ts +50 -0
- package/src/primitives/index.ts +119 -0
- package/src/primitives/shared.ts +190 -0
- package/src/render/index.ts +235 -0
- package/src/render/render.test.ts +147 -0
- package/src/renderer/index.ts +347 -0
- package/src/renderer/renderer.test.ts +203 -0
- package/src/services/color-scheme.service.ts +27 -0
- package/src/services/index.ts +2 -0
- package/src/services/services.test.ts +163 -0
- package/src/services/window-dimensions.service.ts +41 -0
- package/tsconfig.angular.base.json +30 -0
|
@@ -0,0 +1,248 @@
|
|
|
1
|
+
// SafeAreaView, the Angular lifecycle half. A plain view whose native side insets its
|
|
2
|
+
// children to the safe area (notch, rounded corners, system bars). There is no JS-side
|
|
3
|
+
// translation — RN renders the native RCTSafeAreaView and lets the host do the inset math —
|
|
4
|
+
// so this folds aria/role through the shared resolveAccessibilityProps and maps style +
|
|
5
|
+
// a11y + onLayout straight onto the symbiote-safe-area-view host, children via <ng-content>.
|
|
6
|
+
// The Angular twin of the React/Vue SafeAreaView. No platform branch (one Fabric name both
|
|
7
|
+
// platforms), so this stays a flat single file.
|
|
8
|
+
import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, inject, Input, Output, } from '@angular/core';
|
|
9
|
+
import { resolveAccessibilityProps, } from '@symbiote-native/components';
|
|
10
|
+
import { isSymbioteEvent, } from '@symbiote-native/engine';
|
|
11
|
+
import { anchorHostStyle, SafeAreaViewHost, SymbioteHostPropsDirective } from '../../primitives';
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
export class SafeAreaView {
|
|
14
|
+
style;
|
|
15
|
+
// Real @Output()s, not `[onX]="…"` callbacks. Safe to name `layout` the same as the native
|
|
16
|
+
// `layout` event fired inside this component's own template — the engine's bubble() treats
|
|
17
|
+
// ANCHOR_HOST_COMPONENTS as transparent to listener lookup, so there is no double-fire.
|
|
18
|
+
layout = new EventEmitter();
|
|
19
|
+
accessibilityAction = new EventEmitter();
|
|
20
|
+
accessibilityTap = new EventEmitter();
|
|
21
|
+
magicTap = new EventEmitter();
|
|
22
|
+
accessibilityEscape = new EventEmitter();
|
|
23
|
+
testID;
|
|
24
|
+
nativeID;
|
|
25
|
+
accessible;
|
|
26
|
+
accessibilityLabel;
|
|
27
|
+
accessibilityHint;
|
|
28
|
+
accessibilityRole;
|
|
29
|
+
accessibilityState;
|
|
30
|
+
accessibilityValue;
|
|
31
|
+
accessibilityActions;
|
|
32
|
+
accessibilityLabelledBy;
|
|
33
|
+
importantForAccessibility;
|
|
34
|
+
accessibilityLiveRegion;
|
|
35
|
+
screenReaderFocusable;
|
|
36
|
+
accessibilityViewIsModal;
|
|
37
|
+
accessibilityElementsHidden;
|
|
38
|
+
accessibilityIgnoresInvertColors;
|
|
39
|
+
accessibilityLanguage;
|
|
40
|
+
accessibilityRespondsToUserInteraction;
|
|
41
|
+
accessibilityShowsLargeContentViewer;
|
|
42
|
+
accessibilityLargeContentTitle;
|
|
43
|
+
role;
|
|
44
|
+
ariaLabel;
|
|
45
|
+
ariaLabelledBy;
|
|
46
|
+
ariaLive;
|
|
47
|
+
ariaHidden;
|
|
48
|
+
ariaBusy;
|
|
49
|
+
ariaChecked;
|
|
50
|
+
ariaDisabled;
|
|
51
|
+
ariaExpanded;
|
|
52
|
+
ariaSelected;
|
|
53
|
+
ariaModal;
|
|
54
|
+
ariaValueMax;
|
|
55
|
+
ariaValueMin;
|
|
56
|
+
ariaValueNow;
|
|
57
|
+
ariaValueText;
|
|
58
|
+
// This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
|
|
59
|
+
// onto (see anchorHostStyle's doc comment). SafeAreaView has no inner ViewChild, so this is
|
|
60
|
+
// the only ElementRef in the class.
|
|
61
|
+
elementRef = inject(ElementRef);
|
|
62
|
+
// Forward an engine event to the matching @Output(), narrowing the template's untyped
|
|
63
|
+
// $event first. layout / accessibility* arrive on the engine's structural event channel
|
|
64
|
+
// (Angular blocks [onX] property bindings; events flow through (event) only).
|
|
65
|
+
emit(emitter, event) {
|
|
66
|
+
if (isSymbioteEvent(event))
|
|
67
|
+
emitter.emit(event);
|
|
68
|
+
}
|
|
69
|
+
// Folds style/testID/nativeID/accessible alongside the accessibility*/aria-*/role surface into
|
|
70
|
+
// one bag for [symbioteHostProps] — resolveAccessibilityProps takes the whole props object (not
|
|
71
|
+
// just the accessibility slice) and returns it with aria-*/role folded into accessibility*, so
|
|
72
|
+
// the host node never sees an aria-* key (native ignores them), same transform React's
|
|
73
|
+
// SafeAreaView runs over its whole `rawProps`. The anchor's class-derived style goes FIRST, this
|
|
74
|
+
// component's own explicit `style` @Input SECOND — flattenStyle's later-wins collapse keeps an
|
|
75
|
+
// explicit [style] winning over its ambient class.
|
|
76
|
+
get hostProps() {
|
|
77
|
+
return resolveAccessibilityProps({
|
|
78
|
+
style: [anchorHostStyle(this.elementRef), this.style],
|
|
79
|
+
testID: this.testID,
|
|
80
|
+
nativeID: this.nativeID,
|
|
81
|
+
accessible: this.accessible,
|
|
82
|
+
accessibilityLabel: this.accessibilityLabel,
|
|
83
|
+
accessibilityHint: this.accessibilityHint,
|
|
84
|
+
accessibilityRole: this.accessibilityRole,
|
|
85
|
+
accessibilityState: this.accessibilityState,
|
|
86
|
+
accessibilityValue: this.accessibilityValue,
|
|
87
|
+
accessibilityActions: this.accessibilityActions,
|
|
88
|
+
accessibilityLabelledBy: this.accessibilityLabelledBy,
|
|
89
|
+
importantForAccessibility: this.importantForAccessibility,
|
|
90
|
+
accessibilityLiveRegion: this.accessibilityLiveRegion,
|
|
91
|
+
screenReaderFocusable: this.screenReaderFocusable,
|
|
92
|
+
accessibilityViewIsModal: this.accessibilityViewIsModal,
|
|
93
|
+
accessibilityElementsHidden: this.accessibilityElementsHidden,
|
|
94
|
+
accessibilityIgnoresInvertColors: this.accessibilityIgnoresInvertColors,
|
|
95
|
+
accessibilityLanguage: this.accessibilityLanguage,
|
|
96
|
+
accessibilityRespondsToUserInteraction: this.accessibilityRespondsToUserInteraction,
|
|
97
|
+
accessibilityShowsLargeContentViewer: this.accessibilityShowsLargeContentViewer,
|
|
98
|
+
accessibilityLargeContentTitle: this.accessibilityLargeContentTitle,
|
|
99
|
+
role: this.role,
|
|
100
|
+
'aria-label': this.ariaLabel,
|
|
101
|
+
'aria-labelledby': this.ariaLabelledBy,
|
|
102
|
+
'aria-live': this.ariaLive,
|
|
103
|
+
'aria-hidden': this.ariaHidden,
|
|
104
|
+
'aria-busy': this.ariaBusy,
|
|
105
|
+
'aria-checked': this.ariaChecked,
|
|
106
|
+
'aria-disabled': this.ariaDisabled,
|
|
107
|
+
'aria-expanded': this.ariaExpanded,
|
|
108
|
+
'aria-selected': this.ariaSelected,
|
|
109
|
+
'aria-modal': this.ariaModal,
|
|
110
|
+
'aria-valuemax': this.ariaValueMax,
|
|
111
|
+
'aria-valuemin': this.ariaValueMin,
|
|
112
|
+
'aria-valuenow': this.ariaValueNow,
|
|
113
|
+
'aria-valuetext': this.ariaValueText,
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SafeAreaView, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
117
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: SafeAreaView, isStandalone: true, selector: "SafeAreaView", inputs: { style: "style", testID: "testID", nativeID: "nativeID", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", role: "role", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledBy: ["aria-labelledby", "ariaLabelledBy"], ariaLive: ["aria-live", "ariaLive"], ariaHidden: ["aria-hidden", "ariaHidden"], ariaBusy: ["aria-busy", "ariaBusy"], ariaChecked: ["aria-checked", "ariaChecked"], ariaDisabled: ["aria-disabled", "ariaDisabled"], ariaExpanded: ["aria-expanded", "ariaExpanded"], ariaSelected: ["aria-selected", "ariaSelected"], ariaModal: ["aria-modal", "ariaModal"], ariaValueMax: ["aria-valuemax", "ariaValueMax"], ariaValueMin: ["aria-valuemin", "ariaValueMin"], ariaValueNow: ["aria-valuenow", "ariaValueNow"], ariaValueText: ["aria-valuetext", "ariaValueText"] }, outputs: { layout: "layout", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, ngImport: i0, template: `
|
|
118
|
+
<symbiote-safe-area-view
|
|
119
|
+
[symbioteHostProps]="hostProps"
|
|
120
|
+
(accessibilityAction)="emit(accessibilityAction, $event)"
|
|
121
|
+
(accessibilityTap)="emit(accessibilityTap, $event)"
|
|
122
|
+
(magicTap)="emit(magicTap, $event)"
|
|
123
|
+
(accessibilityEscape)="emit(accessibilityEscape, $event)"
|
|
124
|
+
(layout)="emit(layout, $event)"
|
|
125
|
+
>
|
|
126
|
+
<ng-content></ng-content>
|
|
127
|
+
</symbiote-safe-area-view>
|
|
128
|
+
`, isInline: true, dependencies: [{ kind: "component", type: SafeAreaViewHost, selector: "symbiote-safe-area-view" }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
129
|
+
}
|
|
130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SafeAreaView, decorators: [{
|
|
131
|
+
type: Component,
|
|
132
|
+
args: [{
|
|
133
|
+
selector: 'SafeAreaView',
|
|
134
|
+
standalone: true,
|
|
135
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
136
|
+
imports: [SafeAreaViewHost, SymbioteHostPropsDirective],
|
|
137
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
138
|
+
template: `
|
|
139
|
+
<symbiote-safe-area-view
|
|
140
|
+
[symbioteHostProps]="hostProps"
|
|
141
|
+
(accessibilityAction)="emit(accessibilityAction, $event)"
|
|
142
|
+
(accessibilityTap)="emit(accessibilityTap, $event)"
|
|
143
|
+
(magicTap)="emit(magicTap, $event)"
|
|
144
|
+
(accessibilityEscape)="emit(accessibilityEscape, $event)"
|
|
145
|
+
(layout)="emit(layout, $event)"
|
|
146
|
+
>
|
|
147
|
+
<ng-content></ng-content>
|
|
148
|
+
</symbiote-safe-area-view>
|
|
149
|
+
`,
|
|
150
|
+
}]
|
|
151
|
+
}], propDecorators: { style: [{
|
|
152
|
+
type: Input
|
|
153
|
+
}], layout: [{
|
|
154
|
+
type: Output
|
|
155
|
+
}], accessibilityAction: [{
|
|
156
|
+
type: Output
|
|
157
|
+
}], accessibilityTap: [{
|
|
158
|
+
type: Output
|
|
159
|
+
}], magicTap: [{
|
|
160
|
+
type: Output
|
|
161
|
+
}], accessibilityEscape: [{
|
|
162
|
+
type: Output
|
|
163
|
+
}], testID: [{
|
|
164
|
+
type: Input
|
|
165
|
+
}], nativeID: [{
|
|
166
|
+
type: Input
|
|
167
|
+
}], accessible: [{
|
|
168
|
+
type: Input
|
|
169
|
+
}], accessibilityLabel: [{
|
|
170
|
+
type: Input
|
|
171
|
+
}], accessibilityHint: [{
|
|
172
|
+
type: Input
|
|
173
|
+
}], accessibilityRole: [{
|
|
174
|
+
type: Input
|
|
175
|
+
}], accessibilityState: [{
|
|
176
|
+
type: Input
|
|
177
|
+
}], accessibilityValue: [{
|
|
178
|
+
type: Input
|
|
179
|
+
}], accessibilityActions: [{
|
|
180
|
+
type: Input
|
|
181
|
+
}], accessibilityLabelledBy: [{
|
|
182
|
+
type: Input
|
|
183
|
+
}], importantForAccessibility: [{
|
|
184
|
+
type: Input
|
|
185
|
+
}], accessibilityLiveRegion: [{
|
|
186
|
+
type: Input
|
|
187
|
+
}], screenReaderFocusable: [{
|
|
188
|
+
type: Input
|
|
189
|
+
}], accessibilityViewIsModal: [{
|
|
190
|
+
type: Input
|
|
191
|
+
}], accessibilityElementsHidden: [{
|
|
192
|
+
type: Input
|
|
193
|
+
}], accessibilityIgnoresInvertColors: [{
|
|
194
|
+
type: Input
|
|
195
|
+
}], accessibilityLanguage: [{
|
|
196
|
+
type: Input
|
|
197
|
+
}], accessibilityRespondsToUserInteraction: [{
|
|
198
|
+
type: Input
|
|
199
|
+
}], accessibilityShowsLargeContentViewer: [{
|
|
200
|
+
type: Input
|
|
201
|
+
}], accessibilityLargeContentTitle: [{
|
|
202
|
+
type: Input
|
|
203
|
+
}], role: [{
|
|
204
|
+
type: Input
|
|
205
|
+
}], ariaLabel: [{
|
|
206
|
+
type: Input,
|
|
207
|
+
args: ['aria-label']
|
|
208
|
+
}], ariaLabelledBy: [{
|
|
209
|
+
type: Input,
|
|
210
|
+
args: ['aria-labelledby']
|
|
211
|
+
}], ariaLive: [{
|
|
212
|
+
type: Input,
|
|
213
|
+
args: ['aria-live']
|
|
214
|
+
}], ariaHidden: [{
|
|
215
|
+
type: Input,
|
|
216
|
+
args: ['aria-hidden']
|
|
217
|
+
}], ariaBusy: [{
|
|
218
|
+
type: Input,
|
|
219
|
+
args: ['aria-busy']
|
|
220
|
+
}], ariaChecked: [{
|
|
221
|
+
type: Input,
|
|
222
|
+
args: ['aria-checked']
|
|
223
|
+
}], ariaDisabled: [{
|
|
224
|
+
type: Input,
|
|
225
|
+
args: ['aria-disabled']
|
|
226
|
+
}], ariaExpanded: [{
|
|
227
|
+
type: Input,
|
|
228
|
+
args: ['aria-expanded']
|
|
229
|
+
}], ariaSelected: [{
|
|
230
|
+
type: Input,
|
|
231
|
+
args: ['aria-selected']
|
|
232
|
+
}], ariaModal: [{
|
|
233
|
+
type: Input,
|
|
234
|
+
args: ['aria-modal']
|
|
235
|
+
}], ariaValueMax: [{
|
|
236
|
+
type: Input,
|
|
237
|
+
args: ['aria-valuemax']
|
|
238
|
+
}], ariaValueMin: [{
|
|
239
|
+
type: Input,
|
|
240
|
+
args: ['aria-valuemin']
|
|
241
|
+
}], ariaValueNow: [{
|
|
242
|
+
type: Input,
|
|
243
|
+
args: ['aria-valuenow']
|
|
244
|
+
}], ariaValueText: [{
|
|
245
|
+
type: Input,
|
|
246
|
+
args: ['aria-valuetext']
|
|
247
|
+
}] } });
|
|
248
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/safe-area-view/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { TemplateRef, type OnChanges, type OnDestroy } from '@angular/core';
|
|
2
|
+
import type { IStyleProp, IViewStyle } from '@symbiote-native/engine';
|
|
3
|
+
import { ScrollViewBase } from './shared';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export type { IAngularScrollViewProps, IScrollViewHandle } from './shared';
|
|
6
|
+
export declare class SymbioteTemplateOutletDirective implements OnChanges, OnDestroy {
|
|
7
|
+
symbioteTemplateOutlet: TemplateRef<unknown> | null;
|
|
8
|
+
private readonly viewContainerRef;
|
|
9
|
+
private viewRef;
|
|
10
|
+
ngOnChanges(): void;
|
|
11
|
+
ngOnDestroy(): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SymbioteTemplateOutletDirective, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SymbioteTemplateOutletDirective, "[symbioteTemplateOutlet]", never, { "symbioteTemplateOutlet": { "alias": "symbioteTemplateOutlet"; "required": false; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
15
|
+
export declare class ScrollView extends ScrollViewBase {
|
|
16
|
+
private readonly elementRef;
|
|
17
|
+
get scrollProps(): Record<string, unknown>;
|
|
18
|
+
protected get layoutSplitStyle(): IStyleProp<IViewStyle>;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollView, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollView, "ScrollView", never, { "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "scrollEnabled": { "alias": "scrollEnabled"; "required": false; }; "showsVerticalScrollIndicator": { "alias": "showsVerticalScrollIndicator"; "required": false; }; "showsHorizontalScrollIndicator": { "alias": "showsHorizontalScrollIndicator"; "required": false; }; "pagingEnabled": { "alias": "pagingEnabled"; "required": false; }; "bounces": { "alias": "bounces"; "required": false; }; "decelerationRate": { "alias": "decelerationRate"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "contentInset": { "alias": "contentInset"; "required": false; }; "contentOffset": { "alias": "contentOffset"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "snapToInterval": { "alias": "snapToInterval"; "required": false; }; "snapToOffsets": { "alias": "snapToOffsets"; "required": false; }; "snapToAlignment": { "alias": "snapToAlignment"; "required": false; }; "snapToStart": { "alias": "snapToStart"; "required": false; }; "snapToEnd": { "alias": "snapToEnd"; "required": false; }; "disableIntervalMomentum": { "alias": "disableIntervalMomentum"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "invertStickyHeaders": { "alias": "invertStickyHeaders"; "required": false; }; "StickyHeaderComponent": { "alias": "StickyHeaderComponent"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "alwaysBounceHorizontal": { "alias": "alwaysBounceHorizontal"; "required": false; }; "alwaysBounceVertical": { "alias": "alwaysBounceVertical"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "scrollIndicatorInsets": { "alias": "scrollIndicatorInsets"; "required": false; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; }; "directionalLockEnabled": { "alias": "directionalLockEnabled"; "required": false; }; "automaticallyAdjustKeyboardInsets": { "alias": "automaticallyAdjustKeyboardInsets"; "required": false; }; "contentInsetAdjustmentBehavior": { "alias": "contentInsetAdjustmentBehavior"; "required": false; }; "minimumZoomScale": { "alias": "minimumZoomScale"; "required": false; }; "maximumZoomScale": { "alias": "maximumZoomScale"; "required": false; }; "zoomScale": { "alias": "zoomScale"; "required": false; }; "bouncesZoom": { "alias": "bouncesZoom"; "required": false; }; "pinchGestureEnabled": { "alias": "pinchGestureEnabled"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "overScrollMode": { "alias": "overScrollMode"; "required": false; }; "fadingEdgeLength": { "alias": "fadingEdgeLength"; "required": false; }; "persistentScrollbar": { "alias": "persistentScrollbar"; "required": false; }; "endFillColor": { "alias": "endFillColor"; "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; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "role": { "alias": "role"; "required": false; }; "aria-label": { "alias": "aria-label"; "required": false; }; "aria-labelledby": { "alias": "aria-labelledby"; "required": false; }; "aria-live": { "alias": "aria-live"; "required": false; }; "aria-hidden": { "alias": "aria-hidden"; "required": false; }; "aria-busy": { "alias": "aria-busy"; "required": false; }; "aria-checked": { "alias": "aria-checked"; "required": false; }; "aria-disabled": { "alias": "aria-disabled"; "required": false; }; "aria-expanded": { "alias": "aria-expanded"; "required": false; }; "aria-selected": { "alias": "aria-selected"; "required": false; }; "aria-modal": { "alias": "aria-modal"; "required": false; }; "aria-valuemax": { "alias": "aria-valuemax"; "required": false; }; "aria-valuemin": { "alias": "aria-valuemin"; "required": false; }; "aria-valuenow": { "alias": "aria-valuenow"; "required": false; }; "aria-valuetext": { "alias": "aria-valuetext"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
21
|
+
}
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
// ScrollView on Android. An Android ScrollView accepts only ONE child, so a
|
|
2
|
+
// RefreshControl can't be a sibling of the content the way iOS allows ("addViewAt: failed to insert
|
|
3
|
+
// view ... at index 1"). RN solves this by having the RefreshControl (AndroidSwipeRefreshLayout)
|
|
4
|
+
// WRAP the scroll view (cloneElement(refreshControl, {style}, scrollView)). Angular mirrors that
|
|
5
|
+
// shape by querying a projected <RefreshControl>, re-rendering its native prop surface as the outer
|
|
6
|
+
// wrapper, and projecting every non-RefreshControl child into the inner scroll content.
|
|
7
|
+
//
|
|
8
|
+
// Android genuinely needs a different Fabric view per
|
|
9
|
+
// axis for BOTH the outer scroll container (RCTScrollView is vertical-only; AndroidHorizontalScrollView
|
|
10
|
+
// is a dedicated ViewManager) AND the inner content view (vertical content is a plain Android View,
|
|
11
|
+
// horizontal content is AndroidHorizontalScrollContentView, which carries its own ShadowNode::
|
|
12
|
+
// layout() override). So the content tag differs by axis — but Angular only reliably projects into a
|
|
13
|
+
// component's LAST-declared <ng-content> when 2+ DISTINCT declarations exist (angular/angular#22972),
|
|
14
|
+
// which an earlier 4-call-site template (one <ng-content> per axis x refresh-control branch) tripped.
|
|
15
|
+
// Fix: exactly ONE `<ng-content>` textually, inside a single top-level `<ng-template>`, re-instantiated
|
|
16
|
+
// into whichever branch is active via a local template-outlet directive (SymbioteTemplateOutletDirective
|
|
17
|
+
// below, `@angular/common`-free per this adapter's dependency policy — see package.json). Only one
|
|
18
|
+
// branch is ever live at a time, and the `<ng-content>` DECLARATION COUNT stays at one, so the "last
|
|
19
|
+
// one wins" limitation never triggers. Covered by `android-scroll-view-axis-projection.test.ts` (all
|
|
20
|
+
// four axis x refresh combos, plus a runtime axis switch) and `flat-list-scroll-containment.test.ts`.
|
|
21
|
+
//
|
|
22
|
+
// Metro picks this on an Android host; no Platform.OS read.
|
|
23
|
+
import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, Directive, ElementRef, Input, TemplateRef, ViewContainerRef, inject, } from '@angular/core';
|
|
24
|
+
import { anchorHostStyle, HorizontalScrollView, HorizontalScrollContentView, RefreshControlHost, ScrollContentView, ScrollViewHost, SymbioteHostPropsDirective, } from '../../primitives';
|
|
25
|
+
import { ScrollViewBase, ScrollViewProjectionDirective, SCROLL_VIEW_INPUTS } from './shared';
|
|
26
|
+
import * as i0 from "@angular/core";
|
|
27
|
+
// Minimal local twin of `@angular/common`'s NgTemplateOutlet (this adapter deliberately has no
|
|
28
|
+
// @angular/common dependency — see package.json): re-instantiates the SAME TemplateRef into
|
|
29
|
+
// whichever structural branch below is currently active, so the component's compiled template
|
|
30
|
+
// keeps exactly ONE <ng-content> declaration regardless of how many places reference it.
|
|
31
|
+
export class SymbioteTemplateOutletDirective {
|
|
32
|
+
symbioteTemplateOutlet = null;
|
|
33
|
+
viewContainerRef = inject(ViewContainerRef);
|
|
34
|
+
viewRef;
|
|
35
|
+
ngOnChanges() {
|
|
36
|
+
if (this.viewRef !== undefined) {
|
|
37
|
+
this.viewRef.destroy();
|
|
38
|
+
this.viewRef = undefined;
|
|
39
|
+
}
|
|
40
|
+
if (this.symbioteTemplateOutlet !== null) {
|
|
41
|
+
this.viewRef = this.viewContainerRef.createEmbeddedView(this.symbioteTemplateOutlet);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
ngOnDestroy() {
|
|
45
|
+
this.viewRef?.destroy();
|
|
46
|
+
}
|
|
47
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SymbioteTemplateOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
48
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: SymbioteTemplateOutletDirective, isStandalone: true, selector: "[symbioteTemplateOutlet]", inputs: { symbioteTemplateOutlet: "symbioteTemplateOutlet" }, usesOnChanges: true, ngImport: i0 });
|
|
49
|
+
}
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SymbioteTemplateOutletDirective, decorators: [{
|
|
51
|
+
type: Directive,
|
|
52
|
+
args: [{
|
|
53
|
+
selector: '[symbioteTemplateOutlet]',
|
|
54
|
+
standalone: true,
|
|
55
|
+
}]
|
|
56
|
+
}], propDecorators: { symbioteTemplateOutlet: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}] } });
|
|
59
|
+
// anchorHostStyle returns `unknown` (the anchor's already-resolved style, any shape); narrowed
|
|
60
|
+
// here (mirrors the identical `asStyle` in image/shared.ts) rather than `as`-cast to satisfy
|
|
61
|
+
// `IStyleProp<IViewStyle>`'s stricter array-element union.
|
|
62
|
+
function asStyle(value) {
|
|
63
|
+
return typeof value === 'object' && value !== null ? value : undefined;
|
|
64
|
+
}
|
|
65
|
+
// The symbiote-* host elements are imported as standalone components; the props directive is
|
|
66
|
+
// applied as a template directive and the projection directive manages sticky-header wrapping.
|
|
67
|
+
export class ScrollView extends ScrollViewBase {
|
|
68
|
+
// This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
|
|
69
|
+
// onto (see anchorHostStyle's doc comment) — NOT `#host` in the template above, which targets
|
|
70
|
+
// the real inner `symbiote-scroll-view`/`symbiote-horizontal-scroll-view` one level down.
|
|
71
|
+
elementRef = inject(ElementRef);
|
|
72
|
+
get scrollProps() {
|
|
73
|
+
const props = super.scrollProps;
|
|
74
|
+
return { ...props, style: [anchorHostStyle(this.elementRef), props.style] };
|
|
75
|
+
}
|
|
76
|
+
// Feeds the anchor's class-derived style INTO the base class's own `splitLayoutProps` call
|
|
77
|
+
// (shared.ts's `androidWrappedScrollProps`/`androidRefreshControlProps`), not tacked on after —
|
|
78
|
+
// a class-only layout style (flex/height/gap/…) must be visible to the split itself, or the
|
|
79
|
+
// Android outer refresh-control wrapper never receives its share and collapses to zero size
|
|
80
|
+
// (a real device bug: the whole ScrollView renders nothing). See layoutSplitStyle's doc comment
|
|
81
|
+
// in shared.ts and the identical fix already shipped in the Vue adapter's scroll-view.
|
|
82
|
+
get layoutSplitStyle() {
|
|
83
|
+
return [asStyle(anchorHostStyle(this.elementRef)), this.style];
|
|
84
|
+
}
|
|
85
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ScrollView, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ScrollView, isStandalone: true, selector: "ScrollView", inputs: { style: "style", contentContainerStyle: "contentContainerStyle", horizontal: "horizontal", scrollEnabled: "scrollEnabled", showsVerticalScrollIndicator: "showsVerticalScrollIndicator", showsHorizontalScrollIndicator: "showsHorizontalScrollIndicator", pagingEnabled: "pagingEnabled", bounces: "bounces", decelerationRate: "decelerationRate", scrollEventThrottle: "scrollEventThrottle", contentInset: "contentInset", contentOffset: "contentOffset", removeClippedSubviews: "removeClippedSubviews", snapToInterval: "snapToInterval", snapToOffsets: "snapToOffsets", snapToAlignment: "snapToAlignment", snapToStart: "snapToStart", snapToEnd: "snapToEnd", disableIntervalMomentum: "disableIntervalMomentum", stickyHeaderIndices: "stickyHeaderIndices", invertStickyHeaders: "invertStickyHeaders", StickyHeaderComponent: "StickyHeaderComponent", keyboardDismissMode: "keyboardDismissMode", keyboardShouldPersistTaps: "keyboardShouldPersistTaps", maintainVisibleContentPosition: "maintainVisibleContentPosition", alwaysBounceHorizontal: "alwaysBounceHorizontal", alwaysBounceVertical: "alwaysBounceVertical", centerContent: "centerContent", scrollIndicatorInsets: "scrollIndicatorInsets", indicatorStyle: "indicatorStyle", directionalLockEnabled: "directionalLockEnabled", automaticallyAdjustKeyboardInsets: "automaticallyAdjustKeyboardInsets", contentInsetAdjustmentBehavior: "contentInsetAdjustmentBehavior", minimumZoomScale: "minimumZoomScale", maximumZoomScale: "maximumZoomScale", zoomScale: "zoomScale", bouncesZoom: "bouncesZoom", pinchGestureEnabled: "pinchGestureEnabled", nestedScrollEnabled: "nestedScrollEnabled", overScrollMode: "overScrollMode", fadingEdgeLength: "fadingEdgeLength", persistentScrollbar: "persistentScrollbar", endFillColor: "endFillColor", onScroll: "onScroll", onScrollBeginDrag: "onScrollBeginDrag", onScrollEndDrag: "onScrollEndDrag", onMomentumScrollBegin: "onMomentumScrollBegin", onMomentumScrollEnd: "onMomentumScrollEnd", testID: "testID", nativeID: "nativeID", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", role: "role", "aria-label": "aria-label", "aria-labelledby": "aria-labelledby", "aria-live": "aria-live", "aria-hidden": "aria-hidden", "aria-busy": "aria-busy", "aria-checked": "aria-checked", "aria-disabled": "aria-disabled", "aria-expanded": "aria-expanded", "aria-selected": "aria-selected", "aria-modal": "aria-modal", "aria-valuemax": "aria-valuemax", "aria-valuemin": "aria-valuemin", "aria-valuenow": "aria-valuenow", "aria-valuetext": "aria-valuetext" }, usesInheritance: true, ngImport: i0, template: `
|
|
87
|
+
<ng-template #sharedContent>
|
|
88
|
+
<ng-content></ng-content>
|
|
89
|
+
</ng-template>
|
|
90
|
+
@if (isHorizontal) {
|
|
91
|
+
@if (hasProjectedRefreshControl) {
|
|
92
|
+
<symbiote-refresh-control
|
|
93
|
+
#refreshHost="symbioteHost"
|
|
94
|
+
[symbioteHostProps]="androidRefreshControlProps"
|
|
95
|
+
(refresh)="handleProjectedRefresh(refreshHost.node)"
|
|
96
|
+
>
|
|
97
|
+
<symbiote-horizontal-scroll-view
|
|
98
|
+
#host="symbioteHost"
|
|
99
|
+
[symbioteHostProps]="androidWrappedScrollProps"
|
|
100
|
+
>
|
|
101
|
+
<symbiote-horizontal-scroll-content
|
|
102
|
+
[symbioteHostProps]="contentProps"
|
|
103
|
+
[symbioteScrollViewProjection]="projectionController"
|
|
104
|
+
>
|
|
105
|
+
<ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
|
|
106
|
+
</symbiote-horizontal-scroll-content>
|
|
107
|
+
</symbiote-horizontal-scroll-view>
|
|
108
|
+
</symbiote-refresh-control>
|
|
109
|
+
} @else {
|
|
110
|
+
<symbiote-horizontal-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
|
|
111
|
+
<symbiote-horizontal-scroll-content
|
|
112
|
+
[symbioteHostProps]="contentProps"
|
|
113
|
+
[symbioteScrollViewProjection]="projectionController"
|
|
114
|
+
>
|
|
115
|
+
<ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
|
|
116
|
+
</symbiote-horizontal-scroll-content>
|
|
117
|
+
</symbiote-horizontal-scroll-view>
|
|
118
|
+
}
|
|
119
|
+
} @else {
|
|
120
|
+
@if (hasProjectedRefreshControl) {
|
|
121
|
+
<symbiote-refresh-control
|
|
122
|
+
#refreshHost="symbioteHost"
|
|
123
|
+
[symbioteHostProps]="androidRefreshControlProps"
|
|
124
|
+
(refresh)="handleProjectedRefresh(refreshHost.node)"
|
|
125
|
+
>
|
|
126
|
+
<symbiote-scroll-view
|
|
127
|
+
#host="symbioteHost"
|
|
128
|
+
[symbioteHostProps]="androidWrappedScrollProps"
|
|
129
|
+
>
|
|
130
|
+
<symbiote-scroll-content
|
|
131
|
+
[symbioteHostProps]="contentProps"
|
|
132
|
+
[symbioteScrollViewProjection]="projectionController"
|
|
133
|
+
>
|
|
134
|
+
<ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
|
|
135
|
+
</symbiote-scroll-content>
|
|
136
|
+
</symbiote-scroll-view>
|
|
137
|
+
</symbiote-refresh-control>
|
|
138
|
+
} @else {
|
|
139
|
+
<symbiote-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
|
|
140
|
+
<symbiote-scroll-content
|
|
141
|
+
[symbioteHostProps]="contentProps"
|
|
142
|
+
[symbioteScrollViewProjection]="projectionController"
|
|
143
|
+
>
|
|
144
|
+
<ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
|
|
145
|
+
</symbiote-scroll-content>
|
|
146
|
+
</symbiote-scroll-view>
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ScrollViewHost, selector: "symbiote-scroll-view" }, { kind: "component", type: ScrollContentView, selector: "symbiote-scroll-content" }, { kind: "component", type: HorizontalScrollView, selector: "symbiote-horizontal-scroll-view" }, { kind: "component", type: HorizontalScrollContentView, selector: "symbiote-horizontal-scroll-content" }, { kind: "component", type: RefreshControlHost, selector: "symbiote-refresh-control" }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }, { kind: "directive", type: ScrollViewProjectionDirective, selector: "[symbioteScrollViewProjection]", inputs: ["symbioteScrollViewProjection"] }, { kind: "directive", type: SymbioteTemplateOutletDirective, selector: "[symbioteTemplateOutlet]", inputs: ["symbioteTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
150
|
+
}
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ScrollView, decorators: [{
|
|
152
|
+
type: Component,
|
|
153
|
+
args: [{
|
|
154
|
+
selector: 'ScrollView',
|
|
155
|
+
standalone: true,
|
|
156
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
157
|
+
imports: [
|
|
158
|
+
ScrollViewHost,
|
|
159
|
+
ScrollContentView,
|
|
160
|
+
HorizontalScrollView,
|
|
161
|
+
HorizontalScrollContentView,
|
|
162
|
+
RefreshControlHost,
|
|
163
|
+
SymbioteHostPropsDirective,
|
|
164
|
+
ScrollViewProjectionDirective,
|
|
165
|
+
SymbioteTemplateOutletDirective,
|
|
166
|
+
],
|
|
167
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
168
|
+
inputs: SCROLL_VIEW_INPUTS,
|
|
169
|
+
template: `
|
|
170
|
+
<ng-template #sharedContent>
|
|
171
|
+
<ng-content></ng-content>
|
|
172
|
+
</ng-template>
|
|
173
|
+
@if (isHorizontal) {
|
|
174
|
+
@if (hasProjectedRefreshControl) {
|
|
175
|
+
<symbiote-refresh-control
|
|
176
|
+
#refreshHost="symbioteHost"
|
|
177
|
+
[symbioteHostProps]="androidRefreshControlProps"
|
|
178
|
+
(refresh)="handleProjectedRefresh(refreshHost.node)"
|
|
179
|
+
>
|
|
180
|
+
<symbiote-horizontal-scroll-view
|
|
181
|
+
#host="symbioteHost"
|
|
182
|
+
[symbioteHostProps]="androidWrappedScrollProps"
|
|
183
|
+
>
|
|
184
|
+
<symbiote-horizontal-scroll-content
|
|
185
|
+
[symbioteHostProps]="contentProps"
|
|
186
|
+
[symbioteScrollViewProjection]="projectionController"
|
|
187
|
+
>
|
|
188
|
+
<ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
|
|
189
|
+
</symbiote-horizontal-scroll-content>
|
|
190
|
+
</symbiote-horizontal-scroll-view>
|
|
191
|
+
</symbiote-refresh-control>
|
|
192
|
+
} @else {
|
|
193
|
+
<symbiote-horizontal-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
|
|
194
|
+
<symbiote-horizontal-scroll-content
|
|
195
|
+
[symbioteHostProps]="contentProps"
|
|
196
|
+
[symbioteScrollViewProjection]="projectionController"
|
|
197
|
+
>
|
|
198
|
+
<ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
|
|
199
|
+
</symbiote-horizontal-scroll-content>
|
|
200
|
+
</symbiote-horizontal-scroll-view>
|
|
201
|
+
}
|
|
202
|
+
} @else {
|
|
203
|
+
@if (hasProjectedRefreshControl) {
|
|
204
|
+
<symbiote-refresh-control
|
|
205
|
+
#refreshHost="symbioteHost"
|
|
206
|
+
[symbioteHostProps]="androidRefreshControlProps"
|
|
207
|
+
(refresh)="handleProjectedRefresh(refreshHost.node)"
|
|
208
|
+
>
|
|
209
|
+
<symbiote-scroll-view
|
|
210
|
+
#host="symbioteHost"
|
|
211
|
+
[symbioteHostProps]="androidWrappedScrollProps"
|
|
212
|
+
>
|
|
213
|
+
<symbiote-scroll-content
|
|
214
|
+
[symbioteHostProps]="contentProps"
|
|
215
|
+
[symbioteScrollViewProjection]="projectionController"
|
|
216
|
+
>
|
|
217
|
+
<ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
|
|
218
|
+
</symbiote-scroll-content>
|
|
219
|
+
</symbiote-scroll-view>
|
|
220
|
+
</symbiote-refresh-control>
|
|
221
|
+
} @else {
|
|
222
|
+
<symbiote-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
|
|
223
|
+
<symbiote-scroll-content
|
|
224
|
+
[symbioteHostProps]="contentProps"
|
|
225
|
+
[symbioteScrollViewProjection]="projectionController"
|
|
226
|
+
>
|
|
227
|
+
<ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
|
|
228
|
+
</symbiote-scroll-content>
|
|
229
|
+
</symbiote-scroll-view>
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
`,
|
|
233
|
+
}]
|
|
234
|
+
}] });
|
|
235
|
+
//# sourceMappingURL=index.android.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../src/components/scroll-view/index.android.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ScrollViewBase } from './shared';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type { IAngularScrollViewProps, IScrollViewHandle } from './shared';
|
|
4
|
+
export declare class ScrollView extends ScrollViewBase {
|
|
5
|
+
private readonly elementRef;
|
|
6
|
+
get scrollProps(): Record<string, unknown>;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollView, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollView, "ScrollView", never, { "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "scrollEnabled": { "alias": "scrollEnabled"; "required": false; }; "showsVerticalScrollIndicator": { "alias": "showsVerticalScrollIndicator"; "required": false; }; "showsHorizontalScrollIndicator": { "alias": "showsHorizontalScrollIndicator"; "required": false; }; "pagingEnabled": { "alias": "pagingEnabled"; "required": false; }; "bounces": { "alias": "bounces"; "required": false; }; "decelerationRate": { "alias": "decelerationRate"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "contentInset": { "alias": "contentInset"; "required": false; }; "contentOffset": { "alias": "contentOffset"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "snapToInterval": { "alias": "snapToInterval"; "required": false; }; "snapToOffsets": { "alias": "snapToOffsets"; "required": false; }; "snapToAlignment": { "alias": "snapToAlignment"; "required": false; }; "snapToStart": { "alias": "snapToStart"; "required": false; }; "snapToEnd": { "alias": "snapToEnd"; "required": false; }; "disableIntervalMomentum": { "alias": "disableIntervalMomentum"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "invertStickyHeaders": { "alias": "invertStickyHeaders"; "required": false; }; "StickyHeaderComponent": { "alias": "StickyHeaderComponent"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "alwaysBounceHorizontal": { "alias": "alwaysBounceHorizontal"; "required": false; }; "alwaysBounceVertical": { "alias": "alwaysBounceVertical"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "scrollIndicatorInsets": { "alias": "scrollIndicatorInsets"; "required": false; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; }; "directionalLockEnabled": { "alias": "directionalLockEnabled"; "required": false; }; "automaticallyAdjustKeyboardInsets": { "alias": "automaticallyAdjustKeyboardInsets"; "required": false; }; "contentInsetAdjustmentBehavior": { "alias": "contentInsetAdjustmentBehavior"; "required": false; }; "minimumZoomScale": { "alias": "minimumZoomScale"; "required": false; }; "maximumZoomScale": { "alias": "maximumZoomScale"; "required": false; }; "zoomScale": { "alias": "zoomScale"; "required": false; }; "bouncesZoom": { "alias": "bouncesZoom"; "required": false; }; "pinchGestureEnabled": { "alias": "pinchGestureEnabled"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "overScrollMode": { "alias": "overScrollMode"; "required": false; }; "fadingEdgeLength": { "alias": "fadingEdgeLength"; "required": false; }; "persistentScrollbar": { "alias": "persistentScrollbar"; "required": false; }; "endFillColor": { "alias": "endFillColor"; "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; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "role": { "alias": "role"; "required": false; }; "aria-label": { "alias": "aria-label"; "required": false; }; "aria-labelledby": { "alias": "aria-labelledby"; "required": false; }; "aria-live": { "alias": "aria-live"; "required": false; }; "aria-hidden": { "alias": "aria-hidden"; "required": false; }; "aria-busy": { "alias": "aria-busy"; "required": false; }; "aria-checked": { "alias": "aria-checked"; "required": false; }; "aria-disabled": { "alias": "aria-disabled"; "required": false; }; "aria-expanded": { "alias": "aria-expanded"; "required": false; }; "aria-selected": { "alias": "aria-selected"; "required": false; }; "aria-modal": { "alias": "aria-modal"; "required": false; }; "aria-valuemax": { "alias": "aria-valuemax"; "required": false; }; "aria-valuemin": { "alias": "aria-valuemin"; "required": false; }; "aria-valuenow": { "alias": "aria-valuenow"; "required": false; }; "aria-valuetext": { "alias": "aria-valuetext"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
9
|
+
}
|