@symbiote-native/angular 0.5.0 → 0.6.1
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 +11 -3
- 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/components/input-accessory-view/index.d.ts +2 -1
- package/build/angular/components/input-accessory-view/index.js +28 -39
- package/build/angular/components/input-accessory-view/index.js.map +1 -1
- package/build/angular/components/scroll-view/projection.js +70 -48
- package/build/angular/components/scroll-view/projection.js.map +1 -1
- package/build/angular/components/scroll-view/shared.js +28 -25
- package/build/angular/components/scroll-view/shared.js.map +1 -1
- package/build/angular/components/scroll-view/sticky-header.d.ts +6 -7
- package/build/angular/components/scroll-view/sticky-header.js +82 -65
- package/build/angular/components/scroll-view/sticky-header.js.map +1 -1
- package/build/angular/components/touchable/index.d.ts +2 -5
- package/build/angular/components/touchable/index.js +36 -56
- package/build/angular/components/touchable/index.js.map +1 -1
- package/build/angular/components/virtualized-list/index.d.ts +5 -20
- package/build/angular/components/virtualized-list/index.js +145 -275
- package/build/angular/components/virtualized-list/index.js.map +1 -1
- package/build/angular/components/virtualized-section-list/index.js +2 -4
- package/build/angular/components/virtualized-section-list/index.js.map +1 -1
- package/build/angular/index.d.ts +2 -1
- package/build/angular/index.js +6 -1
- package/build/angular/index.js.map +1 -1
- package/build/angular/renderer/index.d.ts +0 -1
- package/build/angular/renderer/index.js +5 -60
- package/build/angular/renderer/index.js.map +1 -1
- package/package.json +9 -7
- package/src/__tests__/responder-nested-cd.test.ts +1 -1
- package/src/anchor-host-registry.ts +88 -0
- package/src/components/input-accessory-view/index.ts +30 -39
- package/src/components/scroll-view/projection.ts +76 -46
- package/src/components/scroll-view/shared.ts +27 -19
- package/src/components/scroll-view/sticky-header.ts +89 -64
- package/src/components/touchable/index.ts +52 -66
- package/src/components/virtualized-list/index.ts +157 -368
- package/src/components/virtualized-section-list/index.ts +6 -3
- package/src/index.ts +6 -1
- package/src/renderer/index.ts +5 -63
- package/src/renderer/renderer.test.ts +2 -1
- package/build/bootstrap.d.ts +0 -7
- package/build/bootstrap.js +0 -14
- package/build/components/activity-indicator/index.android.d.ts +0 -9
- package/build/components/activity-indicator/index.android.js +0 -64
- package/build/components/activity-indicator/index.d.ts +0 -1
- package/build/components/activity-indicator/index.ios.d.ts +0 -5
- package/build/components/activity-indicator/index.ios.js +0 -64
- package/build/components/activity-indicator/index.js +0 -3
- package/build/components/activity-indicator/shared.d.ts +0 -64
- package/build/components/activity-indicator/shared.js +0 -424
- package/build/components/button.d.ts +0 -60
- package/build/components/button.js +0 -456
- package/build/components/flat-list/index.d.ts +0 -119
- package/build/components/flat-list/index.js +0 -691
- package/build/components/image/index.android.d.ts +0 -7
- package/build/components/image/index.android.js +0 -88
- package/build/components/image/index.d.ts +0 -1
- package/build/components/image/index.ios.d.ts +0 -7
- package/build/components/image/index.ios.js +0 -88
- package/build/components/image/index.js +0 -2
- package/build/components/image/shared.d.ts +0 -101
- package/build/components/image/shared.js +0 -405
- package/build/components/image-background.d.ts +0 -78
- package/build/components/image-background.js +0 -583
- package/build/components/input-accessory-view/index.d.ts +0 -56
- package/build/components/input-accessory-view/index.js +0 -403
- package/build/components/keyboard-avoiding-view/index.d.ts +0 -79
- package/build/components/keyboard-avoiding-view/index.js +0 -504
- package/build/components/modal/index.d.ts +0 -89
- package/build/components/modal/index.js +0 -529
- package/build/components/pressable/index.d.ts +0 -120
- package/build/components/pressable/index.js +0 -639
- package/build/components/refresh-control/index.d.ts +0 -83
- package/build/components/refresh-control/index.js +0 -509
- package/build/components/safe-area-view/index.d.ts +0 -54
- package/build/components/safe-area-view/index.js +0 -388
- package/build/components/scroll-view/index.android.d.ts +0 -16
- package/build/components/scroll-view/index.android.js +0 -228
- package/build/components/scroll-view/index.d.ts +0 -3
- package/build/components/scroll-view/index.ios.d.ts +0 -6
- package/build/components/scroll-view/index.ios.js +0 -113
- package/build/components/scroll-view/index.js +0 -5
- package/build/components/scroll-view/projection.d.ts +0 -32
- package/build/components/scroll-view/projection.js +0 -311
- package/build/components/scroll-view/shared.d.ts +0 -225
- package/build/components/scroll-view/shared.js +0 -757
- package/build/components/scroll-view/sticky-header.d.ts +0 -38
- package/build/components/scroll-view/sticky-header.js +0 -257
- package/build/components/section-list/index.d.ts +0 -113
- package/build/components/section-list/index.js +0 -768
- package/build/components/switch/index.android.d.ts +0 -17
- package/build/components/switch/index.android.js +0 -107
- package/build/components/switch/index.d.ts +0 -1
- package/build/components/switch/index.ios.d.ts +0 -16
- package/build/components/switch/index.ios.js +0 -106
- package/build/components/switch/index.js +0 -3
- package/build/components/switch/shared.d.ts +0 -37
- package/build/components/switch/shared.js +0 -176
- package/build/components/text-input.d.ts +0 -150
- package/build/components/text-input.js +0 -821
- package/build/components/touchable/index.d.ts +0 -241
- package/build/components/touchable/index.js +0 -1672
- package/build/components/touchable-native-feedback/index.d.ts +0 -80
- package/build/components/touchable-native-feedback/index.js +0 -545
- package/build/components/virtualized-list/directives.d.ts +0 -41
- package/build/components/virtualized-list/directives.js +0 -249
- package/build/components/virtualized-list/index.d.ts +0 -265
- package/build/components/virtualized-list/index.js +0 -1343
- package/build/components/virtualized-section-list/directives.d.ts +0 -28
- package/build/components/virtualized-section-list/directives.js +0 -148
- package/build/components/virtualized-section-list/index.d.ts +0 -175
- package/build/components/virtualized-section-list/index.js +0 -854
- package/build/components.d.ts +0 -39
- package/build/components.js +0 -37
- package/build/create-portal/index.d.ts +0 -17
- package/build/create-portal/index.js +0 -128
- package/build/create-tunnel/index.d.ts +0 -29
- package/build/create-tunnel/index.js +0 -181
- package/build/descriptor-to-angular/index.d.ts +0 -19
- package/build/descriptor-to-angular/index.js +0 -186
- package/build/host-instance/index.d.ts +0 -2
- package/build/host-instance/index.js +0 -36
- package/build/index.d.ts +0 -21
- package/build/index.js +0 -40
- package/build/modules/animated/animated-leaf-binder/index.d.ts +0 -14
- package/build/modules/animated/animated-leaf-binder/index.js +0 -90
- package/build/modules/animated/animated-leaf-binder.d.ts +0 -14
- package/build/modules/animated/animated-leaf-binder.js +0 -90
- package/build/modules/animated/create-animated-component.d.ts +0 -48
- package/build/modules/animated/create-animated-component.js +0 -425
- package/build/modules/animated/index.d.ts +0 -51
- package/build/modules/animated/index.js +0 -58
- package/build/modules/app-registry/index.d.ts +0 -7
- package/build/modules/app-registry/index.js +0 -22
- package/build/modules/status-bar/index.d.ts +0 -17
- package/build/modules/status-bar/index.js +0 -121
- package/build/primitives/index.d.ts +0 -32
- package/build/primitives/index.js +0 -386
- package/build/primitives/shared.d.ts +0 -83
- package/build/primitives/shared.js +0 -230
- package/build/render/index.d.ts +0 -11
- package/build/render/index.js +0 -170
- package/build/renderer/index.d.ts +0 -38
- package/build/renderer/index.js +0 -355
- package/build/services/color-scheme.service.d.ts +0 -13
- package/build/services/color-scheme.service.js +0 -72
- package/build/services/index.d.ts +0 -2
- package/build/services/index.js +0 -2
- package/build/services/window-dimensions.service.d.ts +0 -13
- package/build/services/window-dimensions.service.js +0 -83
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
// StatusBar, the Angular lifecycle half. The native StatusBarManager driving, the imperative
|
|
2
|
-
// statics, and the Android bar-height constant all live in @symbiote-native/engine, shared verbatim with
|
|
3
|
-
// React and Vue; Metro selects the engine's platform variant. Angular supplies only the
|
|
4
|
-
// declarative shape: a component that renders nothing and re-applies the props through
|
|
5
|
-
// ngOnChanges on mount + every prop change. Imperative statics are attached to the component
|
|
6
|
-
// object the same way RN does.
|
|
7
|
-
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
8
|
-
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
9
|
-
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
10
|
-
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
11
|
-
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
12
|
-
var _, done = false;
|
|
13
|
-
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
14
|
-
var context = {};
|
|
15
|
-
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
16
|
-
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
17
|
-
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
18
|
-
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
19
|
-
if (kind === "accessor") {
|
|
20
|
-
if (result === void 0) continue;
|
|
21
|
-
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
22
|
-
if (_ = accept(result.get)) descriptor.get = _;
|
|
23
|
-
if (_ = accept(result.set)) descriptor.set = _;
|
|
24
|
-
if (_ = accept(result.init)) initializers.unshift(_);
|
|
25
|
-
}
|
|
26
|
-
else if (_ = accept(result)) {
|
|
27
|
-
if (kind === "field") initializers.unshift(_);
|
|
28
|
-
else descriptor[key] = _;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
32
|
-
done = true;
|
|
33
|
-
};
|
|
34
|
-
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
35
|
-
var useValue = arguments.length > 2;
|
|
36
|
-
for (var i = 0; i < initializers.length; i++) {
|
|
37
|
-
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
38
|
-
}
|
|
39
|
-
return useValue ? value : void 0;
|
|
40
|
-
};
|
|
41
|
-
import { Component, Input } from '@angular/core';
|
|
42
|
-
import { applyStatusBarProps, statusBarImperative, statusBarCurrentHeight, } from '@symbiote-native/engine';
|
|
43
|
-
let StatusBarComponent = (() => {
|
|
44
|
-
let _classDecorators = [Component({
|
|
45
|
-
selector: 'StatusBar',
|
|
46
|
-
standalone: true,
|
|
47
|
-
template: '',
|
|
48
|
-
})];
|
|
49
|
-
let _classDescriptor;
|
|
50
|
-
let _classExtraInitializers = [];
|
|
51
|
-
let _classThis;
|
|
52
|
-
let _barStyle_decorators;
|
|
53
|
-
let _barStyle_initializers = [];
|
|
54
|
-
let _barStyle_extraInitializers = [];
|
|
55
|
-
let _hidden_decorators;
|
|
56
|
-
let _hidden_initializers = [];
|
|
57
|
-
let _hidden_extraInitializers = [];
|
|
58
|
-
let _animated_decorators;
|
|
59
|
-
let _animated_initializers = [];
|
|
60
|
-
let _animated_extraInitializers = [];
|
|
61
|
-
let _networkActivityIndicatorVisible_decorators;
|
|
62
|
-
let _networkActivityIndicatorVisible_initializers = [];
|
|
63
|
-
let _networkActivityIndicatorVisible_extraInitializers = [];
|
|
64
|
-
let _backgroundColor_decorators;
|
|
65
|
-
let _backgroundColor_initializers = [];
|
|
66
|
-
let _backgroundColor_extraInitializers = [];
|
|
67
|
-
let _translucent_decorators;
|
|
68
|
-
let _translucent_initializers = [];
|
|
69
|
-
let _translucent_extraInitializers = [];
|
|
70
|
-
var StatusBarComponent = class {
|
|
71
|
-
static { _classThis = this; }
|
|
72
|
-
static {
|
|
73
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
74
|
-
_barStyle_decorators = [Input()];
|
|
75
|
-
_hidden_decorators = [Input()];
|
|
76
|
-
_animated_decorators = [Input()];
|
|
77
|
-
_networkActivityIndicatorVisible_decorators = [Input()];
|
|
78
|
-
_backgroundColor_decorators = [Input()];
|
|
79
|
-
_translucent_decorators = [Input()];
|
|
80
|
-
__esDecorate(null, null, _barStyle_decorators, { kind: "field", name: "barStyle", static: false, private: false, access: { has: obj => "barStyle" in obj, get: obj => obj.barStyle, set: (obj, value) => { obj.barStyle = value; } }, metadata: _metadata }, _barStyle_initializers, _barStyle_extraInitializers);
|
|
81
|
-
__esDecorate(null, null, _hidden_decorators, { kind: "field", name: "hidden", static: false, private: false, access: { has: obj => "hidden" in obj, get: obj => obj.hidden, set: (obj, value) => { obj.hidden = value; } }, metadata: _metadata }, _hidden_initializers, _hidden_extraInitializers);
|
|
82
|
-
__esDecorate(null, null, _animated_decorators, { kind: "field", name: "animated", static: false, private: false, access: { has: obj => "animated" in obj, get: obj => obj.animated, set: (obj, value) => { obj.animated = value; } }, metadata: _metadata }, _animated_initializers, _animated_extraInitializers);
|
|
83
|
-
__esDecorate(null, null, _networkActivityIndicatorVisible_decorators, { kind: "field", name: "networkActivityIndicatorVisible", static: false, private: false, access: { has: obj => "networkActivityIndicatorVisible" in obj, get: obj => obj.networkActivityIndicatorVisible, set: (obj, value) => { obj.networkActivityIndicatorVisible = value; } }, metadata: _metadata }, _networkActivityIndicatorVisible_initializers, _networkActivityIndicatorVisible_extraInitializers);
|
|
84
|
-
__esDecorate(null, null, _backgroundColor_decorators, { kind: "field", name: "backgroundColor", static: false, private: false, access: { has: obj => "backgroundColor" in obj, get: obj => obj.backgroundColor, set: (obj, value) => { obj.backgroundColor = value; } }, metadata: _metadata }, _backgroundColor_initializers, _backgroundColor_extraInitializers);
|
|
85
|
-
__esDecorate(null, null, _translucent_decorators, { kind: "field", name: "translucent", static: false, private: false, access: { has: obj => "translucent" in obj, get: obj => obj.translucent, set: (obj, value) => { obj.translucent = value; } }, metadata: _metadata }, _translucent_initializers, _translucent_extraInitializers);
|
|
86
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
87
|
-
StatusBarComponent = _classThis = _classDescriptor.value;
|
|
88
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
89
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
90
|
-
}
|
|
91
|
-
barStyle = __runInitializers(this, _barStyle_initializers, void 0);
|
|
92
|
-
hidden = (__runInitializers(this, _barStyle_extraInitializers), __runInitializers(this, _hidden_initializers, void 0));
|
|
93
|
-
animated = (__runInitializers(this, _hidden_extraInitializers), __runInitializers(this, _animated_initializers, void 0));
|
|
94
|
-
networkActivityIndicatorVisible = (__runInitializers(this, _animated_extraInitializers), __runInitializers(this, _networkActivityIndicatorVisible_initializers, void 0));
|
|
95
|
-
backgroundColor = (__runInitializers(this, _networkActivityIndicatorVisible_extraInitializers), __runInitializers(this, _backgroundColor_initializers, void 0));
|
|
96
|
-
translucent = (__runInitializers(this, _backgroundColor_extraInitializers), __runInitializers(this, _translucent_initializers, void 0));
|
|
97
|
-
ngOnChanges(_changes) {
|
|
98
|
-
applyStatusBarProps(this.buildProps());
|
|
99
|
-
}
|
|
100
|
-
buildProps() {
|
|
101
|
-
return {
|
|
102
|
-
barStyle: this.barStyle,
|
|
103
|
-
hidden: this.hidden,
|
|
104
|
-
animated: this.animated,
|
|
105
|
-
networkActivityIndicatorVisible: this.networkActivityIndicatorVisible,
|
|
106
|
-
backgroundColor: this.backgroundColor,
|
|
107
|
-
translucent: this.translucent,
|
|
108
|
-
};
|
|
109
|
-
}
|
|
110
|
-
constructor() {
|
|
111
|
-
__runInitializers(this, _translucent_extraInitializers);
|
|
112
|
-
}
|
|
113
|
-
};
|
|
114
|
-
return StatusBarComponent = _classThis;
|
|
115
|
-
})();
|
|
116
|
-
const StatusBarWithStatics = Object.assign(StatusBarComponent, statusBarImperative);
|
|
117
|
-
Object.defineProperty(StatusBarWithStatics, 'currentHeight', {
|
|
118
|
-
get: statusBarCurrentHeight,
|
|
119
|
-
enumerable: true,
|
|
120
|
-
});
|
|
121
|
-
export const StatusBar = StatusBarWithStatics;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { SymbiotePrimitiveHost } from './shared';
|
|
2
|
-
export { anchorHostStyle, anchorStyleProp, stableAnchorStyle, SymbioteHostPropsDirective, } from './shared';
|
|
3
|
-
export declare class ViewHost extends SymbiotePrimitiveHost {
|
|
4
|
-
}
|
|
5
|
-
export declare class TextHost extends SymbiotePrimitiveHost {
|
|
6
|
-
}
|
|
7
|
-
export declare class ImageHost extends SymbiotePrimitiveHost {
|
|
8
|
-
}
|
|
9
|
-
export declare class ScrollViewHost extends SymbiotePrimitiveHost {
|
|
10
|
-
}
|
|
11
|
-
export declare class ScrollContentView extends SymbiotePrimitiveHost {
|
|
12
|
-
}
|
|
13
|
-
export declare class HorizontalScrollView extends SymbiotePrimitiveHost {
|
|
14
|
-
}
|
|
15
|
-
export declare class HorizontalScrollContentView extends SymbiotePrimitiveHost {
|
|
16
|
-
}
|
|
17
|
-
export declare class TextInputHost extends SymbiotePrimitiveHost {
|
|
18
|
-
}
|
|
19
|
-
export declare class MultilineTextInputHost extends SymbiotePrimitiveHost {
|
|
20
|
-
}
|
|
21
|
-
export declare class SwitchHost extends SymbiotePrimitiveHost {
|
|
22
|
-
}
|
|
23
|
-
export declare class ActivityIndicatorHost extends SymbiotePrimitiveHost {
|
|
24
|
-
}
|
|
25
|
-
export declare class SafeAreaViewHost extends SymbiotePrimitiveHost {
|
|
26
|
-
}
|
|
27
|
-
export declare class ModalHost extends SymbiotePrimitiveHost {
|
|
28
|
-
}
|
|
29
|
-
export declare class RefreshControlHost extends SymbiotePrimitiveHost {
|
|
30
|
-
}
|
|
31
|
-
export declare class InputAccessoryViewHost extends SymbiotePrimitiveHost {
|
|
32
|
-
}
|
|
@@ -1,386 +0,0 @@
|
|
|
1
|
-
// Angular primitive host components over Symbiote engine intrinsics. These are the only
|
|
2
|
-
// components that directly own the `symbiote-*` selectors; every composed adapter
|
|
3
|
-
// component imports them and renders them in its template. Declaring `style` as a real
|
|
4
|
-
// Angular input prevents Angular's CSS style engine from decomposing RN `StyleProp` arrays.
|
|
5
|
-
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
6
|
-
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
7
|
-
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
8
|
-
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
9
|
-
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
10
|
-
var _, done = false;
|
|
11
|
-
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
12
|
-
var context = {};
|
|
13
|
-
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
14
|
-
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
15
|
-
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
16
|
-
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
17
|
-
if (kind === "accessor") {
|
|
18
|
-
if (result === void 0) continue;
|
|
19
|
-
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
20
|
-
if (_ = accept(result.get)) descriptor.get = _;
|
|
21
|
-
if (_ = accept(result.set)) descriptor.set = _;
|
|
22
|
-
if (_ = accept(result.init)) initializers.unshift(_);
|
|
23
|
-
}
|
|
24
|
-
else if (_ = accept(result)) {
|
|
25
|
-
if (kind === "field") initializers.unshift(_);
|
|
26
|
-
else descriptor[key] = _;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
30
|
-
done = true;
|
|
31
|
-
};
|
|
32
|
-
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
33
|
-
var useValue = arguments.length > 2;
|
|
34
|
-
for (var i = 0; i < initializers.length; i++) {
|
|
35
|
-
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
36
|
-
}
|
|
37
|
-
return useValue ? value : void 0;
|
|
38
|
-
};
|
|
39
|
-
import { Component } from '@angular/core';
|
|
40
|
-
import { SymbiotePrimitiveHost } from './shared';
|
|
41
|
-
export { anchorHostStyle, anchorStyleProp, stableAnchorStyle, SymbioteHostPropsDirective, } from './shared';
|
|
42
|
-
let ViewHost = (() => {
|
|
43
|
-
let _classDecorators = [Component({
|
|
44
|
-
selector: 'symbiote-view, View',
|
|
45
|
-
standalone: true,
|
|
46
|
-
template: '<ng-content></ng-content>',
|
|
47
|
-
})];
|
|
48
|
-
let _classDescriptor;
|
|
49
|
-
let _classExtraInitializers = [];
|
|
50
|
-
let _classThis;
|
|
51
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
52
|
-
var ViewHost = class extends _classSuper {
|
|
53
|
-
static { _classThis = this; }
|
|
54
|
-
static {
|
|
55
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
56
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
57
|
-
ViewHost = _classThis = _classDescriptor.value;
|
|
58
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
59
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
return ViewHost = _classThis;
|
|
63
|
-
})();
|
|
64
|
-
export { ViewHost };
|
|
65
|
-
let TextHost = (() => {
|
|
66
|
-
let _classDecorators = [Component({
|
|
67
|
-
selector: 'symbiote-text, Text',
|
|
68
|
-
standalone: true,
|
|
69
|
-
template: '<ng-content></ng-content>',
|
|
70
|
-
})];
|
|
71
|
-
let _classDescriptor;
|
|
72
|
-
let _classExtraInitializers = [];
|
|
73
|
-
let _classThis;
|
|
74
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
75
|
-
var TextHost = class extends _classSuper {
|
|
76
|
-
static { _classThis = this; }
|
|
77
|
-
static {
|
|
78
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
79
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
80
|
-
TextHost = _classThis = _classDescriptor.value;
|
|
81
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
82
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
return TextHost = _classThis;
|
|
86
|
-
})();
|
|
87
|
-
export { TextHost };
|
|
88
|
-
let ImageHost = (() => {
|
|
89
|
-
let _classDecorators = [Component({
|
|
90
|
-
selector: 'symbiote-image',
|
|
91
|
-
standalone: true,
|
|
92
|
-
template: '<ng-content></ng-content>',
|
|
93
|
-
})];
|
|
94
|
-
let _classDescriptor;
|
|
95
|
-
let _classExtraInitializers = [];
|
|
96
|
-
let _classThis;
|
|
97
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
98
|
-
var ImageHost = class extends _classSuper {
|
|
99
|
-
static { _classThis = this; }
|
|
100
|
-
static {
|
|
101
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
102
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
103
|
-
ImageHost = _classThis = _classDescriptor.value;
|
|
104
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
105
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
return ImageHost = _classThis;
|
|
109
|
-
})();
|
|
110
|
-
export { ImageHost };
|
|
111
|
-
let ScrollViewHost = (() => {
|
|
112
|
-
let _classDecorators = [Component({
|
|
113
|
-
selector: 'symbiote-scroll-view',
|
|
114
|
-
standalone: true,
|
|
115
|
-
template: '<ng-content></ng-content>',
|
|
116
|
-
})];
|
|
117
|
-
let _classDescriptor;
|
|
118
|
-
let _classExtraInitializers = [];
|
|
119
|
-
let _classThis;
|
|
120
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
121
|
-
var ScrollViewHost = class extends _classSuper {
|
|
122
|
-
static { _classThis = this; }
|
|
123
|
-
static {
|
|
124
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
125
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
126
|
-
ScrollViewHost = _classThis = _classDescriptor.value;
|
|
127
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
128
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
129
|
-
}
|
|
130
|
-
};
|
|
131
|
-
return ScrollViewHost = _classThis;
|
|
132
|
-
})();
|
|
133
|
-
export { ScrollViewHost };
|
|
134
|
-
let ScrollContentView = (() => {
|
|
135
|
-
let _classDecorators = [Component({
|
|
136
|
-
selector: 'symbiote-scroll-content',
|
|
137
|
-
standalone: true,
|
|
138
|
-
template: '<ng-content></ng-content>',
|
|
139
|
-
})];
|
|
140
|
-
let _classDescriptor;
|
|
141
|
-
let _classExtraInitializers = [];
|
|
142
|
-
let _classThis;
|
|
143
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
144
|
-
var ScrollContentView = class extends _classSuper {
|
|
145
|
-
static { _classThis = this; }
|
|
146
|
-
static {
|
|
147
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
148
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
149
|
-
ScrollContentView = _classThis = _classDescriptor.value;
|
|
150
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
151
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
152
|
-
}
|
|
153
|
-
};
|
|
154
|
-
return ScrollContentView = _classThis;
|
|
155
|
-
})();
|
|
156
|
-
export { ScrollContentView };
|
|
157
|
-
let HorizontalScrollView = (() => {
|
|
158
|
-
let _classDecorators = [Component({
|
|
159
|
-
selector: 'symbiote-horizontal-scroll-view',
|
|
160
|
-
standalone: true,
|
|
161
|
-
template: '<ng-content></ng-content>',
|
|
162
|
-
})];
|
|
163
|
-
let _classDescriptor;
|
|
164
|
-
let _classExtraInitializers = [];
|
|
165
|
-
let _classThis;
|
|
166
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
167
|
-
var HorizontalScrollView = class extends _classSuper {
|
|
168
|
-
static { _classThis = this; }
|
|
169
|
-
static {
|
|
170
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
171
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
172
|
-
HorizontalScrollView = _classThis = _classDescriptor.value;
|
|
173
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
174
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
175
|
-
}
|
|
176
|
-
};
|
|
177
|
-
return HorizontalScrollView = _classThis;
|
|
178
|
-
})();
|
|
179
|
-
export { HorizontalScrollView };
|
|
180
|
-
let HorizontalScrollContentView = (() => {
|
|
181
|
-
let _classDecorators = [Component({
|
|
182
|
-
selector: 'symbiote-horizontal-scroll-content',
|
|
183
|
-
standalone: true,
|
|
184
|
-
template: '<ng-content></ng-content>',
|
|
185
|
-
})];
|
|
186
|
-
let _classDescriptor;
|
|
187
|
-
let _classExtraInitializers = [];
|
|
188
|
-
let _classThis;
|
|
189
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
190
|
-
var HorizontalScrollContentView = class extends _classSuper {
|
|
191
|
-
static { _classThis = this; }
|
|
192
|
-
static {
|
|
193
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
194
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
195
|
-
HorizontalScrollContentView = _classThis = _classDescriptor.value;
|
|
196
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
197
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
198
|
-
}
|
|
199
|
-
};
|
|
200
|
-
return HorizontalScrollContentView = _classThis;
|
|
201
|
-
})();
|
|
202
|
-
export { HorizontalScrollContentView };
|
|
203
|
-
let TextInputHost = (() => {
|
|
204
|
-
let _classDecorators = [Component({
|
|
205
|
-
selector: 'symbiote-text-input',
|
|
206
|
-
standalone: true,
|
|
207
|
-
template: '<ng-content></ng-content>',
|
|
208
|
-
})];
|
|
209
|
-
let _classDescriptor;
|
|
210
|
-
let _classExtraInitializers = [];
|
|
211
|
-
let _classThis;
|
|
212
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
213
|
-
var TextInputHost = class extends _classSuper {
|
|
214
|
-
static { _classThis = this; }
|
|
215
|
-
static {
|
|
216
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
217
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
218
|
-
TextInputHost = _classThis = _classDescriptor.value;
|
|
219
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
220
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
221
|
-
}
|
|
222
|
-
};
|
|
223
|
-
return TextInputHost = _classThis;
|
|
224
|
-
})();
|
|
225
|
-
export { TextInputHost };
|
|
226
|
-
let MultilineTextInputHost = (() => {
|
|
227
|
-
let _classDecorators = [Component({
|
|
228
|
-
selector: 'symbiote-text-input-multiline',
|
|
229
|
-
standalone: true,
|
|
230
|
-
template: '<ng-content></ng-content>',
|
|
231
|
-
})];
|
|
232
|
-
let _classDescriptor;
|
|
233
|
-
let _classExtraInitializers = [];
|
|
234
|
-
let _classThis;
|
|
235
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
236
|
-
var MultilineTextInputHost = class extends _classSuper {
|
|
237
|
-
static { _classThis = this; }
|
|
238
|
-
static {
|
|
239
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
240
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
241
|
-
MultilineTextInputHost = _classThis = _classDescriptor.value;
|
|
242
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
243
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
244
|
-
}
|
|
245
|
-
};
|
|
246
|
-
return MultilineTextInputHost = _classThis;
|
|
247
|
-
})();
|
|
248
|
-
export { MultilineTextInputHost };
|
|
249
|
-
let SwitchHost = (() => {
|
|
250
|
-
let _classDecorators = [Component({
|
|
251
|
-
selector: 'symbiote-switch',
|
|
252
|
-
standalone: true,
|
|
253
|
-
template: '<ng-content></ng-content>',
|
|
254
|
-
})];
|
|
255
|
-
let _classDescriptor;
|
|
256
|
-
let _classExtraInitializers = [];
|
|
257
|
-
let _classThis;
|
|
258
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
259
|
-
var SwitchHost = class extends _classSuper {
|
|
260
|
-
static { _classThis = this; }
|
|
261
|
-
static {
|
|
262
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
263
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
264
|
-
SwitchHost = _classThis = _classDescriptor.value;
|
|
265
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
266
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
267
|
-
}
|
|
268
|
-
};
|
|
269
|
-
return SwitchHost = _classThis;
|
|
270
|
-
})();
|
|
271
|
-
export { SwitchHost };
|
|
272
|
-
let ActivityIndicatorHost = (() => {
|
|
273
|
-
let _classDecorators = [Component({
|
|
274
|
-
selector: 'symbiote-activity-indicator',
|
|
275
|
-
standalone: true,
|
|
276
|
-
template: '<ng-content></ng-content>',
|
|
277
|
-
})];
|
|
278
|
-
let _classDescriptor;
|
|
279
|
-
let _classExtraInitializers = [];
|
|
280
|
-
let _classThis;
|
|
281
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
282
|
-
var ActivityIndicatorHost = class extends _classSuper {
|
|
283
|
-
static { _classThis = this; }
|
|
284
|
-
static {
|
|
285
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
286
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
287
|
-
ActivityIndicatorHost = _classThis = _classDescriptor.value;
|
|
288
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
289
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
290
|
-
}
|
|
291
|
-
};
|
|
292
|
-
return ActivityIndicatorHost = _classThis;
|
|
293
|
-
})();
|
|
294
|
-
export { ActivityIndicatorHost };
|
|
295
|
-
let SafeAreaViewHost = (() => {
|
|
296
|
-
let _classDecorators = [Component({
|
|
297
|
-
selector: 'symbiote-safe-area-view',
|
|
298
|
-
standalone: true,
|
|
299
|
-
template: '<ng-content></ng-content>',
|
|
300
|
-
})];
|
|
301
|
-
let _classDescriptor;
|
|
302
|
-
let _classExtraInitializers = [];
|
|
303
|
-
let _classThis;
|
|
304
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
305
|
-
var SafeAreaViewHost = class extends _classSuper {
|
|
306
|
-
static { _classThis = this; }
|
|
307
|
-
static {
|
|
308
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
309
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
310
|
-
SafeAreaViewHost = _classThis = _classDescriptor.value;
|
|
311
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
312
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
313
|
-
}
|
|
314
|
-
};
|
|
315
|
-
return SafeAreaViewHost = _classThis;
|
|
316
|
-
})();
|
|
317
|
-
export { SafeAreaViewHost };
|
|
318
|
-
let ModalHost = (() => {
|
|
319
|
-
let _classDecorators = [Component({
|
|
320
|
-
selector: 'symbiote-modal',
|
|
321
|
-
standalone: true,
|
|
322
|
-
template: '<ng-content></ng-content>',
|
|
323
|
-
})];
|
|
324
|
-
let _classDescriptor;
|
|
325
|
-
let _classExtraInitializers = [];
|
|
326
|
-
let _classThis;
|
|
327
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
328
|
-
var ModalHost = class extends _classSuper {
|
|
329
|
-
static { _classThis = this; }
|
|
330
|
-
static {
|
|
331
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
332
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
333
|
-
ModalHost = _classThis = _classDescriptor.value;
|
|
334
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
335
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
336
|
-
}
|
|
337
|
-
};
|
|
338
|
-
return ModalHost = _classThis;
|
|
339
|
-
})();
|
|
340
|
-
export { ModalHost };
|
|
341
|
-
let RefreshControlHost = (() => {
|
|
342
|
-
let _classDecorators = [Component({
|
|
343
|
-
selector: 'symbiote-refresh-control',
|
|
344
|
-
standalone: true,
|
|
345
|
-
template: '<ng-content></ng-content>',
|
|
346
|
-
})];
|
|
347
|
-
let _classDescriptor;
|
|
348
|
-
let _classExtraInitializers = [];
|
|
349
|
-
let _classThis;
|
|
350
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
351
|
-
var RefreshControlHost = class extends _classSuper {
|
|
352
|
-
static { _classThis = this; }
|
|
353
|
-
static {
|
|
354
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
355
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
356
|
-
RefreshControlHost = _classThis = _classDescriptor.value;
|
|
357
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
358
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
359
|
-
}
|
|
360
|
-
};
|
|
361
|
-
return RefreshControlHost = _classThis;
|
|
362
|
-
})();
|
|
363
|
-
export { RefreshControlHost };
|
|
364
|
-
let InputAccessoryViewHost = (() => {
|
|
365
|
-
let _classDecorators = [Component({
|
|
366
|
-
selector: 'symbiote-input-accessory-view',
|
|
367
|
-
standalone: true,
|
|
368
|
-
template: '<ng-content></ng-content>',
|
|
369
|
-
})];
|
|
370
|
-
let _classDescriptor;
|
|
371
|
-
let _classExtraInitializers = [];
|
|
372
|
-
let _classThis;
|
|
373
|
-
let _classSuper = SymbiotePrimitiveHost;
|
|
374
|
-
var InputAccessoryViewHost = class extends _classSuper {
|
|
375
|
-
static { _classThis = this; }
|
|
376
|
-
static {
|
|
377
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
378
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
379
|
-
InputAccessoryViewHost = _classThis = _classDescriptor.value;
|
|
380
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
381
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
382
|
-
}
|
|
383
|
-
};
|
|
384
|
-
return InputAccessoryViewHost = _classThis;
|
|
385
|
-
})();
|
|
386
|
-
export { InputAccessoryViewHost };
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { ElementRef, type OnChanges, type SimpleChanges } from '@angular/core';
|
|
2
|
-
import { type IHostInstance, type IStyleProp } from '@symbiote-native/engine';
|
|
3
|
-
/**
|
|
4
|
-
* A composed Angular component (Pressable, SafeAreaView, ScrollView, ...) is created as a
|
|
5
|
-
* non-painting ANCHOR host (`ANCHOR_HOST_COMPONENTS` in renderer.ts) so it doesn't paint an
|
|
6
|
-
* extra native view over its own template's real content. `class="..."`/`[class.x]`/`[ngClass]`
|
|
7
|
-
* at the component's use site ALWAYS resolves through the renderer's addClass/removeClass onto
|
|
8
|
-
* that anchor — Angular gives no `@Input()` interception hook for `class` the way it does for
|
|
9
|
-
* `[style]` (which is why `style` alone was declared as an `@Input()` in the first place, see
|
|
10
|
-
* `SymbiotePrimitiveHost` above) — so the anchor ends up holding the fully-resolved class-derived
|
|
11
|
-
* style (`routeProp`'s `commitClassStyle` already wrote it to `anchor.props.style`) while the
|
|
12
|
-
* REAL native node the component's own template creates never sees it.
|
|
13
|
-
*
|
|
14
|
-
* Call this from a composed component's own `hostProps`/style getter and merge the result AHEAD
|
|
15
|
-
* of its own explicit `style` @Input, e.g. `style: [anchorHostStyle(this.elementRef),
|
|
16
|
-
* this.resolvedStyle]` — array order matters: `flattenStyle`'s later-wins collapse is what makes
|
|
17
|
-
* an explicit `[style]` on the component still beat its ambient class, mirroring the
|
|
18
|
-
* class-loses-to-explicit-style cascade `commitClassStyle` already enforces for a direct
|
|
19
|
-
* primitive. `this.elementRef` must be this component's OWN injected `ElementRef` (its anchor
|
|
20
|
-
* host), not a `@ViewChild` into its template's inner primitive.
|
|
21
|
-
*
|
|
22
|
-
* Skipping this call for a new `ANCHOR_HOST_COMPONENTS` entry compiles clean under `tsc` AND a
|
|
23
|
-
* real `ngc` AOT build — no type error, no template error — it just silently drops `class="..."`
|
|
24
|
-
* forever; only a device/simulator render (or a committed-node style assertion) catches it.
|
|
25
|
-
*/
|
|
26
|
-
export declare function anchorHostStyle(elementRef: ElementRef<unknown>): unknown;
|
|
27
|
-
export declare function anchorStyleProp<T>(elementRef: ElementRef<unknown>): IStyleProp<T> | undefined;
|
|
28
|
-
/**
|
|
29
|
-
* `anchorHostStyle` must be re-read on every check (a bare `class="x"` with no matching
|
|
30
|
-
* `[style]` binding never appears in Angular's `SimpleChanges`/dirty-check inputs, so nothing
|
|
31
|
-
* else signals "the anchor's class-derived style may have changed"). But `flattenStyle([...])`
|
|
32
|
-
* always allocates a FRESH object, even when its content is byte-for-byte identical to last
|
|
33
|
-
* time — and a windowed list component (FlatList/VirtualizedList/SectionList/
|
|
34
|
-
* VirtualizedSectionList) binds its resolved style into a structural-directive-bound `@Input()`
|
|
35
|
-
* chain where a fresh reference on an UNRELATED CD pass is mistaken for a real change, which
|
|
36
|
-
* reschedules ANOTHER CD tick (`VListOutletDirective`'s `context` `@Input()` calling
|
|
37
|
-
* `markForCheck()`) — free-running forever. See the `flat-list-array-style.test.ts` regression
|
|
38
|
-
* this fixes (and the near-identical `lastRecompute` dedup guard in `virtualized-list/index.ts`,
|
|
39
|
-
* which this mirrors at the style-merge call site instead of a whole recompute step). Returns
|
|
40
|
-
* `previous` unchanged when the freshly-flattened merge is shallow-equal to it, so a downstream
|
|
41
|
-
* `@Input() style` binding sees NO change and skips its own update on an unrelated tick.
|
|
42
|
-
*/
|
|
43
|
-
export declare function stableAnchorStyle(elementRef: ElementRef<unknown>, explicitStyle: unknown, previous: unknown): Record<string, unknown>;
|
|
44
|
-
/**
|
|
45
|
-
* Base for all Angular primitive host components (`symbiote-view`, `symbiote-text`, ...).
|
|
46
|
-
* RN's `StyleProp` can be an object, an array, nested arrays, falsy entries, and Animated
|
|
47
|
-
* values. Angular's raw `[style]` binding on a custom element routes through the CSS style
|
|
48
|
-
* engine (`setStyle` per key), which crashes on numeric array keys. By declaring `style` as
|
|
49
|
-
* an Angular `@Input()` on a known component, we intercept it here and forward a flattened
|
|
50
|
-
* style object through `Renderer2.setProperty`, bypassing Angular's CSS styling path.
|
|
51
|
-
*
|
|
52
|
-
* Other props (source, pointerEvents, ...) are intentionally *not* declared as inputs.
|
|
53
|
-
* Angular then treats them as host property bindings and still dispatches them through the
|
|
54
|
-
* custom renderer's `setProperty`, so the engine's `routeProp` handles them as usual.
|
|
55
|
-
*/
|
|
56
|
-
export declare abstract class SymbiotePrimitiveHost implements OnChanges {
|
|
57
|
-
private readonly renderer;
|
|
58
|
-
private readonly elementRef;
|
|
59
|
-
style?: IStyleProp<unknown>;
|
|
60
|
-
/**
|
|
61
|
-
* The underlying engine host node (public instance). Exposed so `findNodeHandle` can resolve
|
|
62
|
-
* an Angular template ref (`#ref`) on a primitive host to its native reactTag.
|
|
63
|
-
*/
|
|
64
|
-
get nativeElement(): IHostInstance;
|
|
65
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
66
|
-
}
|
|
67
|
-
/**
|
|
68
|
-
* Applies a whole resolved props record (a shared `renderX(...).props` bag) onto a host
|
|
69
|
-
* element via `Renderer2.setProperty`, one call per key. Angular templates compile bindings
|
|
70
|
-
* ahead of time — there is no `v-bind="obj"` equivalent for a custom element — so a component
|
|
71
|
-
* whose props come from a shared render function would otherwise have to declare every key as
|
|
72
|
-
* its own static `[prop]="hostProps['x']"` binding. This generalizes the pattern
|
|
73
|
-
* `SwitchHostPropsDirective` proved first: `<symbiote-x [symbioteHostProps]="hostProps" #ref="symbioteHost">`,
|
|
74
|
-
* with `ref.node` exposing the native element for any imperative follow-up call.
|
|
75
|
-
*/
|
|
76
|
-
export declare class SymbioteHostPropsDirective {
|
|
77
|
-
private readonly renderer;
|
|
78
|
-
private readonly elementRef;
|
|
79
|
-
private readonly cdr;
|
|
80
|
-
get node(): unknown;
|
|
81
|
-
set symbioteHostProps(props: Record<string, unknown>);
|
|
82
|
-
private wrapCallback;
|
|
83
|
-
}
|