@symbiote-native/angular 1.0.0 → 2.0.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/README.md +13 -10
- package/babel-register-composed.cjs +41 -19
- package/bin/symbiote-angular-dev.cjs +16 -4
- package/build/angular/anchor-host-registry.js +1 -17
- package/build/angular/anchor-host-registry.js.map +1 -1
- package/build/angular/change-detection-flush.d.ts +31 -0
- package/build/angular/change-detection-flush.js +110 -0
- package/build/angular/change-detection-flush.js.map +1 -0
- package/build/angular/components/activity-indicator-props.d.ts +2 -0
- package/build/angular/components/activity-indicator-props.js +2 -0
- package/build/angular/components/activity-indicator-props.js.map +1 -0
- package/build/angular/components/button-props.d.ts +2 -0
- package/build/angular/components/button-props.js +2 -0
- package/build/angular/components/button-props.js.map +1 -0
- package/build/angular/components/flat-list/index.d.ts +2 -1
- package/build/angular/components/flat-list/index.js +22 -10
- package/build/angular/components/flat-list/index.js.map +1 -1
- package/build/angular/components/image-background-props.d.ts +6 -0
- package/build/angular/components/image-background-props.js +2 -0
- package/build/angular/components/image-background-props.js.map +1 -0
- package/build/angular/components/{image/shared.d.ts → image-shared.d.ts} +1 -1
- package/build/angular/components/{image/shared.js → image-shared.js} +7 -2
- package/build/angular/components/image-shared.js.map +1 -0
- package/build/angular/components/input-accessory-view-props.d.ts +7 -0
- package/build/angular/components/input-accessory-view-props.js +9 -0
- package/build/angular/components/input-accessory-view-props.js.map +1 -0
- package/build/angular/components/keyboard-avoiding-view/index.js +11 -17
- package/build/angular/components/keyboard-avoiding-view/index.js.map +1 -1
- package/build/angular/components/modal/index.d.ts +1 -0
- package/build/angular/components/modal/index.js +19 -12
- package/build/angular/components/modal/index.js.map +1 -1
- package/build/angular/components/pressable-props.d.ts +32 -0
- package/build/angular/components/pressable-props.js +11 -0
- package/build/angular/components/pressable-props.js.map +1 -0
- package/build/angular/components/refresh-control-props.d.ts +16 -0
- package/build/angular/components/refresh-control-props.js +14 -0
- package/build/angular/components/refresh-control-props.js.map +1 -0
- package/build/angular/components/safe-area-view-props.d.ts +7 -0
- package/build/angular/components/safe-area-view-props.js +11 -0
- package/build/angular/components/safe-area-view-props.js.map +1 -0
- package/build/angular/components/scroll-view-props.d.ts +76 -0
- package/build/angular/components/scroll-view-props.js +18 -0
- package/build/angular/components/scroll-view-props.js.map +1 -0
- package/build/angular/components/text-input-props.d.ts +45 -0
- package/build/angular/components/text-input-props.js +18 -0
- package/build/angular/components/text-input-props.js.map +1 -0
- package/build/angular/components/touchable-native-feedback/touchable-native-feedback-props.d.ts +6 -0
- package/build/angular/components/touchable-native-feedback/touchable-native-feedback-props.js +2 -0
- package/build/angular/components/touchable-native-feedback/touchable-native-feedback-props.js.map +1 -0
- package/build/angular/components/touchable-props.d.ts +14 -0
- package/build/angular/components/touchable-props.js +13 -0
- package/build/angular/components/touchable-props.js.map +1 -0
- package/build/angular/components/touchable-without-feedback/touchable-without-feedback-props.d.ts +3 -0
- package/build/angular/components/touchable-without-feedback/touchable-without-feedback-props.js +2 -0
- package/build/angular/components/touchable-without-feedback/touchable-without-feedback-props.js.map +1 -0
- package/build/angular/components/virtualized-list/index.d.ts +5 -1
- package/build/angular/components/virtualized-list/index.js +366 -280
- package/build/angular/components/virtualized-list/index.js.map +1 -1
- package/build/angular/components.d.ts +20 -26
- package/build/angular/components.js +12 -14
- package/build/angular/components.js.map +1 -1
- package/build/angular/create-portal/index.d.ts +2 -2
- package/build/angular/create-portal/index.js +5 -5
- package/build/angular/create-tunnel/index.js +1 -1
- package/build/angular/element-props.d.ts +53 -0
- package/build/angular/element-props.js +2 -0
- package/build/angular/element-props.js.map +1 -0
- package/build/angular/elements.d.ts +528 -0
- package/build/angular/elements.js +1444 -0
- package/build/angular/elements.js.map +1 -0
- package/build/angular/host-instance/index.js +1 -1
- package/build/angular/index.d.ts +4 -2
- package/build/angular/index.js +15 -1
- package/build/angular/index.js.map +1 -1
- package/build/angular/modules/animated/create-animated-component.d.ts +5 -6
- package/build/angular/modules/animated/create-animated-component.js +60 -73
- package/build/angular/modules/animated/create-animated-component.js.map +1 -1
- package/build/angular/modules/animated/index.js +1 -1
- package/build/angular/modules/animated/index.js.map +1 -1
- package/build/angular/modules/image/index.d.ts +3 -0
- package/build/angular/modules/image/index.js +16 -0
- package/build/angular/modules/image/index.js.map +1 -0
- package/build/angular/primitives/index.d.ts +18 -18
- package/build/angular/primitives/index.js +40 -36
- package/build/angular/primitives/index.js.map +1 -1
- package/build/angular/primitives/shared.d.ts +2 -3
- package/build/angular/primitives/shared.js +8 -53
- package/build/angular/primitives/shared.js.map +1 -1
- package/build/angular/register.d.ts +1 -1
- package/build/angular/register.js +12 -31
- package/build/angular/register.js.map +1 -1
- package/build/angular/render/index.js +3 -3
- package/build/angular/render/index.js.map +1 -1
- package/build/angular/renderer/index.js +113 -67
- package/build/angular/renderer/index.js.map +1 -1
- package/build/angular/renderer/value-change.d.ts +2 -0
- package/build/angular/renderer/value-change.js +9 -0
- package/build/angular/renderer/value-change.js.map +1 -0
- package/metro-config.cjs +54 -20
- package/metro-css-parser.cjs +2 -1
- package/package.json +5 -14
- package/src/anchor-host-registry.ts +1 -17
- package/src/change-detection-flush.ts +120 -0
- package/src/components/activity-indicator-props.ts +21 -0
- package/src/components/button-props.ts +26 -0
- package/src/components/flat-list/index.ts +12 -4
- package/src/components/image-background-props.ts +24 -0
- package/src/components/{image/shared.ts → image-shared.ts} +6 -1
- package/src/components/input-accessory-view-props.ts +21 -0
- package/src/components/keyboard-avoiding-view/index.ts +6 -9
- package/src/components/modal/index.ts +15 -7
- package/src/components/pressable-props.ts +73 -0
- package/src/components/refresh-control-props.ts +43 -0
- package/src/components/safe-area-view-props.ts +28 -0
- package/src/components/scroll-view-props.ts +109 -0
- package/src/components/text-input-props.ts +72 -0
- package/src/components/touchable-native-feedback/touchable-native-feedback-props.ts +23 -0
- package/src/components/touchable-props.ts +30 -0
- package/src/components/touchable-without-feedback/touchable-without-feedback-props.ts +21 -0
- package/src/components/virtualized-list/index.ts +239 -156
- package/src/components.ts +84 -35
- package/src/create-portal/index.ts +5 -5
- package/src/create-tunnel/index.ts +1 -1
- package/src/diagnostics.ts +1 -1
- package/src/element-props.ts +90 -0
- package/src/elements.ts +919 -0
- package/src/host-instance/index.ts +1 -1
- package/src/index.ts +52 -15
- package/src/modules/animated/create-animated-component.ts +50 -55
- package/src/modules/animated/index.ts +1 -1
- package/src/modules/image/index.ts +18 -0
- package/src/primitives/index.ts +22 -18
- package/src/primitives/shared.ts +11 -44
- package/src/register.ts +12 -40
- package/src/render/index.ts +3 -3
- package/src/renderer/index.ts +122 -73
- package/src/renderer/value-change.ts +8 -0
- package/babel-lower-host-primitives.cjs +0 -636
- package/build/angular/components/activity-indicator/index.android.d.ts +0 -13
- package/build/angular/components/activity-indicator/index.android.js +0 -29
- package/build/angular/components/activity-indicator/index.android.js.map +0 -1
- package/build/angular/components/activity-indicator/index.d.ts +0 -1
- package/build/angular/components/activity-indicator/index.ios.d.ts +0 -9
- package/build/angular/components/activity-indicator/index.ios.js +0 -26
- package/build/angular/components/activity-indicator/index.ios.js.map +0 -1
- package/build/angular/components/activity-indicator/index.js +0 -4
- package/build/angular/components/activity-indicator/index.js.map +0 -1
- package/build/angular/components/activity-indicator/shared.d.ts +0 -67
- package/build/angular/components/activity-indicator/shared.js +0 -260
- package/build/angular/components/activity-indicator/shared.js.map +0 -1
- package/build/angular/components/button.d.ts +0 -68
- package/build/angular/components/button.js +0 -360
- package/build/angular/components/button.js.map +0 -1
- package/build/angular/components/image/index.android.d.ts +0 -15
- package/build/angular/components/image/index.android.js +0 -83
- package/build/angular/components/image/index.android.js.map +0 -1
- package/build/angular/components/image/index.d.ts +0 -1
- package/build/angular/components/image/index.ios.d.ts +0 -15
- package/build/angular/components/image/index.ios.js +0 -83
- package/build/angular/components/image/index.ios.js.map +0 -1
- package/build/angular/components/image/index.js +0 -3
- package/build/angular/components/image/index.js.map +0 -1
- package/build/angular/components/image/shared.js.map +0 -1
- package/build/angular/components/image-background.d.ts +0 -85
- package/build/angular/components/image-background.js +0 -443
- package/build/angular/components/image-background.js.map +0 -1
- package/build/angular/components/input-accessory-view/index.d.ts +0 -66
- package/build/angular/components/input-accessory-view/index.js +0 -287
- package/build/angular/components/input-accessory-view/index.js.map +0 -1
- package/build/angular/components/pressable/index.d.ts +0 -134
- package/build/angular/components/pressable/index.js +0 -514
- package/build/angular/components/pressable/index.js.map +0 -1
- package/build/angular/components/refresh-control/index.d.ts +0 -91
- package/build/angular/components/refresh-control/index.js +0 -382
- package/build/angular/components/refresh-control/index.js.map +0 -1
- package/build/angular/components/safe-area-view/index.d.ts +0 -64
- package/build/angular/components/safe-area-view/index.js +0 -287
- package/build/angular/components/safe-area-view/index.js.map +0 -1
- package/build/angular/components/scroll-view/index.android.d.ts +0 -20
- package/build/angular/components/scroll-view/index.android.js +0 -262
- package/build/angular/components/scroll-view/index.android.js.map +0 -1
- package/build/angular/components/scroll-view/index.d.ts +0 -3
- package/build/angular/components/scroll-view/index.ios.d.ts +0 -8
- package/build/angular/components/scroll-view/index.ios.js +0 -92
- package/build/angular/components/scroll-view/index.ios.js.map +0 -1
- package/build/angular/components/scroll-view/index.js +0 -6
- package/build/angular/components/scroll-view/index.js.map +0 -1
- package/build/angular/components/scroll-view/projection.d.ts +0 -67
- package/build/angular/components/scroll-view/projection.js +0 -560
- package/build/angular/components/scroll-view/projection.js.map +0 -1
- package/build/angular/components/scroll-view/shared.d.ts +0 -241
- package/build/angular/components/scroll-view/shared.js +0 -848
- package/build/angular/components/scroll-view/shared.js.map +0 -1
- package/build/angular/components/scroll-view/sticky-header.d.ts +0 -40
- package/build/angular/components/scroll-view/sticky-header.js +0 -224
- package/build/angular/components/scroll-view/sticky-header.js.map +0 -1
- package/build/angular/components/switch/index.android.d.ts +0 -24
- package/build/angular/components/switch/index.android.js +0 -112
- package/build/angular/components/switch/index.android.js.map +0 -1
- package/build/angular/components/switch/index.d.ts +0 -1
- package/build/angular/components/switch/index.ios.d.ts +0 -23
- package/build/angular/components/switch/index.ios.js +0 -111
- package/build/angular/components/switch/index.ios.js.map +0 -1
- package/build/angular/components/switch/index.js +0 -4
- package/build/angular/components/switch/index.js.map +0 -1
- package/build/angular/components/switch/shared.d.ts +0 -49
- package/build/angular/components/switch/shared.js +0 -191
- package/build/angular/components/switch/shared.js.map +0 -1
- package/build/angular/components/text-input.d.ts +0 -167
- package/build/angular/components/text-input.js +0 -684
- package/build/angular/components/text-input.js.map +0 -1
- package/build/angular/components/touchable/index.d.ts +0 -283
- package/build/angular/components/touchable/index.js +0 -1453
- package/build/angular/components/touchable/index.js.map +0 -1
- package/build/angular/components/touchable-native-feedback/index.d.ts +0 -87
- package/build/angular/components/touchable-native-feedback/index.js +0 -409
- package/build/angular/components/touchable-native-feedback/index.js.map +0 -1
- package/build/angular/state-style.d.ts +0 -9
- package/build/angular/state-style.js +0 -39
- package/build/angular/state-style.js.map +0 -1
- package/metro-transformer.cjs +0 -69
- package/src/components/activity-indicator/index.android.ts +0 -23
- package/src/components/activity-indicator/index.ios.ts +0 -21
- package/src/components/activity-indicator/index.ts +0 -4
- package/src/components/activity-indicator/shared.ts +0 -225
- package/src/components/button.ts +0 -237
- package/src/components/image/index.android.ts +0 -95
- package/src/components/image/index.ios.ts +0 -95
- package/src/components/image/index.ts +0 -3
- package/src/components/image-background.ts +0 -308
- package/src/components/input-accessory-view/index.ts +0 -246
- package/src/components/pressable/index.ts +0 -522
- package/src/components/refresh-control/index.ts +0 -349
- package/src/components/safe-area-view/index.ts +0 -247
- package/src/components/scroll-view/index.android.ts +0 -205
- package/src/components/scroll-view/index.ios.ts +0 -81
- package/src/components/scroll-view/index.ts +0 -7
- package/src/components/scroll-view/projection.ts +0 -713
- package/src/components/scroll-view/shared.ts +0 -1093
- package/src/components/scroll-view/sticky-header.ts +0 -267
- package/src/components/switch/index.android.ts +0 -113
- package/src/components/switch/index.ios.ts +0 -112
- package/src/components/switch/index.ts +0 -4
- package/src/components/switch/shared.ts +0 -284
- package/src/components/text-input.ts +0 -669
- package/src/components/touchable/index.ts +0 -956
- package/src/components/touchable-native-feedback/index.ts +0 -327
- package/src/state-style.ts +0 -39
|
@@ -1,360 +0,0 @@
|
|
|
1
|
-
// Button for Angular. The minimal cross-platform button in RN's iOS shape (Button.js): a
|
|
2
|
-
// TouchableOpacity wrapping a Text. The base text style, the role constant, and the color fold are
|
|
3
|
-
// shared in @symbiote-native/components/view; Angular only composes its TouchableOpacity + a
|
|
4
|
-
// symbiote-text child and re-maps the few Button-owned props. No JS-side platform branch, so this
|
|
5
|
-
// stays a flat single file.
|
|
6
|
-
//
|
|
7
|
-
// RN's Button fixes accessibilityRole="button", marks the root accessible, and propagates
|
|
8
|
-
// `disabled` into the accessibility state; those three win over any caller value. `title` becomes
|
|
9
|
-
// the Text child; disabled forwards straight; touchSoundDisabled maps to the pressable's
|
|
10
|
-
// android_disableSound. Every other field of the shared IButtonProps stays RE-EXPORTED from
|
|
11
|
-
// @symbiote-native/components verbatim. onPress and the four accessibility callbacks are the
|
|
12
|
-
// exceptions: each is a real @Output() here (`press`, `accessibilityAction`, `accessibilityTap`,
|
|
13
|
-
// `magicTap`, `accessibilityEscape`), mirroring the Vue adapter's Button, which forks the same
|
|
14
|
-
// onPress field the same way — not a new precedent, the existing one extended to accessibility.
|
|
15
|
-
import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, inject, Input, Output, signal, } from '@angular/core';
|
|
16
|
-
import { BUTTON_ACCESSIBILITY_ROLE, resolveButtonTextStyle, } from '@symbiote-native/components';
|
|
17
|
-
import { anchorStyleProp, TextHost } from '../primitives';
|
|
18
|
-
import { TouchableOpacity } from './touchable';
|
|
19
|
-
import { gateWanted, injectGateDemandAbove, provideGateDemand, } from '../gate-demand';
|
|
20
|
-
import * as i0 from "@angular/core";
|
|
21
|
-
export class Button {
|
|
22
|
-
// This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
|
|
23
|
-
// onto (see anchorHostStyle's doc comment in primitives/shared.ts) — NOT the inner
|
|
24
|
-
// TouchableOpacity/Pressable one level down. RN's real Button takes no `style` prop, so this
|
|
25
|
-
// is the only style source forwarded.
|
|
26
|
-
elementRef = inject(ElementRef);
|
|
27
|
-
press = new EventEmitter();
|
|
28
|
-
accessibilityAction = new EventEmitter();
|
|
29
|
-
accessibilityTap = new EventEmitter();
|
|
30
|
-
magicTap = new EventEmitter();
|
|
31
|
-
accessibilityEscape = new EventEmitter();
|
|
32
|
-
// This wrapper binds the four gated accessibility events on the component it renders, which
|
|
33
|
-
// Angular forces to be unconditional and which would light that component's gates on every
|
|
34
|
-
// instance. It answers for them instead — see `gate-demand.ts`.
|
|
35
|
-
gateDemandAbove = injectGateDemandAbove();
|
|
36
|
-
wantsGate(name) {
|
|
37
|
-
return gateWanted(this.gateDemandAbove, name, this[name]);
|
|
38
|
-
}
|
|
39
|
-
// Button-owned props: title is the Text child, color/disabled fold into the label style, and
|
|
40
|
-
// touchSoundDisabled re-maps onto TouchableOpacity.
|
|
41
|
-
title = '';
|
|
42
|
-
color;
|
|
43
|
-
disabled;
|
|
44
|
-
touchSoundDisabled;
|
|
45
|
-
testID;
|
|
46
|
-
// TV-focus props (Button.js): inert on a phone host, forwarded through TouchableOpacity.
|
|
47
|
-
hasTVPreferredFocus;
|
|
48
|
-
nextFocusDown;
|
|
49
|
-
nextFocusForward;
|
|
50
|
-
nextFocusLeft;
|
|
51
|
-
nextFocusRight;
|
|
52
|
-
nextFocusUp;
|
|
53
|
-
// Accessibility surface (IAccessibilityProps). accessibilityRole, accessible, and
|
|
54
|
-
// accessibilityState are declared for surface completeness but Button forces its own
|
|
55
|
-
// (button / true / { disabled }); the caller value is ignored, mirroring RN's Button.js.
|
|
56
|
-
nativeID;
|
|
57
|
-
accessible;
|
|
58
|
-
accessibilityLabel;
|
|
59
|
-
accessibilityHint;
|
|
60
|
-
accessibilityRole;
|
|
61
|
-
accessibilityState;
|
|
62
|
-
accessibilityValue;
|
|
63
|
-
accessibilityActions;
|
|
64
|
-
accessibilityLabelledBy;
|
|
65
|
-
importantForAccessibility;
|
|
66
|
-
accessibilityLiveRegion;
|
|
67
|
-
screenReaderFocusable;
|
|
68
|
-
accessibilityViewIsModal;
|
|
69
|
-
accessibilityElementsHidden;
|
|
70
|
-
accessibilityIgnoresInvertColors;
|
|
71
|
-
accessibilityLanguage;
|
|
72
|
-
accessibilityRespondsToUserInteraction;
|
|
73
|
-
accessibilityShowsLargeContentViewer;
|
|
74
|
-
accessibilityLargeContentTitle;
|
|
75
|
-
// Web-alias a11y surface (IAriaProps). External dashed aliases are exposed as Angular inputs and
|
|
76
|
-
// forwarded to TouchableOpacity's camelCase aria inputs.
|
|
77
|
-
role;
|
|
78
|
-
ariaLabel;
|
|
79
|
-
ariaLabelledBy;
|
|
80
|
-
ariaLive;
|
|
81
|
-
ariaHidden;
|
|
82
|
-
ariaBusy;
|
|
83
|
-
ariaChecked;
|
|
84
|
-
ariaDisabled;
|
|
85
|
-
ariaExpanded;
|
|
86
|
-
ariaSelected;
|
|
87
|
-
ariaModal;
|
|
88
|
-
ariaValueMax;
|
|
89
|
-
ariaValueMin;
|
|
90
|
-
ariaValueNow;
|
|
91
|
-
ariaValueText;
|
|
92
|
-
// RN's Button is always accessibilityRole="button"; the shared role constant, not a literal.
|
|
93
|
-
buttonRole = BUTTON_ACCESSIBILITY_ROLE;
|
|
94
|
-
// The label style with the caller color tinted in and `disabled` greying it out (disabled wins),
|
|
95
|
-
// computed by the shared fold so every adapter paints the identical button.
|
|
96
|
-
get textStyle() {
|
|
97
|
-
return resolveButtonTextStyle(this.color, this.disabled);
|
|
98
|
-
}
|
|
99
|
-
// Polled, not read live: a class toggled after mount reaches the anchor through
|
|
100
|
-
// addClass/removeClass, which dirties nothing, so a plain getter froze at its creation value.
|
|
101
|
-
// Button cannot use SymbioteStyleInputDirective instead - RN's Button has no `style` prop, so
|
|
102
|
-
// there is no `style` @Input for it to hang off.
|
|
103
|
-
//
|
|
104
|
-
// ngDoCheck runs during the PARENT's refresh even when this view is skipped; the signal write is
|
|
105
|
-
// what marks this view. The anchor returns the same props.style reference until a commit changes
|
|
106
|
-
// it, so Object.is makes an unchanged poll free.
|
|
107
|
-
anchorStyleValue = signal(undefined, /* @ts-ignore */
|
|
108
|
-
...(ngDevMode ? [{ debugName: "anchorStyleValue" }] : /* istanbul ignore next */ []));
|
|
109
|
-
ngDoCheck() {
|
|
110
|
-
this.anchorStyleValue.set(anchorStyleProp(this.elementRef));
|
|
111
|
-
}
|
|
112
|
-
get anchorStyle() {
|
|
113
|
-
return this.anchorStyleValue();
|
|
114
|
-
}
|
|
115
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
116
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: Button, isStandalone: true, selector: "Button", inputs: { title: "title", color: "color", disabled: "disabled", touchSoundDisabled: "touchSoundDisabled", testID: "testID", hasTVPreferredFocus: "hasTVPreferredFocus", nextFocusDown: "nextFocusDown", nextFocusForward: "nextFocusForward", nextFocusLeft: "nextFocusLeft", nextFocusRight: "nextFocusRight", nextFocusUp: "nextFocusUp", 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: { press: "press", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, ngImport: i0, template: `
|
|
117
|
-
<TouchableOpacity
|
|
118
|
-
[style]="anchorStyle"
|
|
119
|
-
(press)="press.emit($event)"
|
|
120
|
-
[disabled]="disabled"
|
|
121
|
-
[android_disableSound]="touchSoundDisabled"
|
|
122
|
-
[accessibilityRole]="buttonRole"
|
|
123
|
-
[accessible]="true"
|
|
124
|
-
[accessibilityState]="{ disabled }"
|
|
125
|
-
[testID]="testID"
|
|
126
|
-
[nativeID]="nativeID"
|
|
127
|
-
[hasTVPreferredFocus]="hasTVPreferredFocus"
|
|
128
|
-
[nextFocusDown]="nextFocusDown"
|
|
129
|
-
[nextFocusForward]="nextFocusForward"
|
|
130
|
-
[nextFocusLeft]="nextFocusLeft"
|
|
131
|
-
[nextFocusRight]="nextFocusRight"
|
|
132
|
-
[nextFocusUp]="nextFocusUp"
|
|
133
|
-
[accessibilityLabel]="accessibilityLabel"
|
|
134
|
-
[accessibilityHint]="accessibilityHint"
|
|
135
|
-
[accessibilityValue]="accessibilityValue"
|
|
136
|
-
[accessibilityActions]="accessibilityActions"
|
|
137
|
-
[accessibilityLabelledBy]="accessibilityLabelledBy"
|
|
138
|
-
[importantForAccessibility]="importantForAccessibility"
|
|
139
|
-
[accessibilityLiveRegion]="accessibilityLiveRegion"
|
|
140
|
-
[screenReaderFocusable]="screenReaderFocusable"
|
|
141
|
-
[accessibilityViewIsModal]="accessibilityViewIsModal"
|
|
142
|
-
[accessibilityElementsHidden]="accessibilityElementsHidden"
|
|
143
|
-
[accessibilityIgnoresInvertColors]="accessibilityIgnoresInvertColors"
|
|
144
|
-
[accessibilityLanguage]="accessibilityLanguage"
|
|
145
|
-
[accessibilityRespondsToUserInteraction]="
|
|
146
|
-
accessibilityRespondsToUserInteraction
|
|
147
|
-
"
|
|
148
|
-
[accessibilityShowsLargeContentViewer]="
|
|
149
|
-
accessibilityShowsLargeContentViewer
|
|
150
|
-
"
|
|
151
|
-
[accessibilityLargeContentTitle]="accessibilityLargeContentTitle"
|
|
152
|
-
(accessibilityAction)="accessibilityAction.emit($event)"
|
|
153
|
-
(accessibilityTap)="accessibilityTap.emit($event)"
|
|
154
|
-
(magicTap)="magicTap.emit($event)"
|
|
155
|
-
(accessibilityEscape)="accessibilityEscape.emit($event)"
|
|
156
|
-
[ariaLabel]="ariaLabel"
|
|
157
|
-
[ariaBusy]="ariaBusy"
|
|
158
|
-
[ariaChecked]="ariaChecked"
|
|
159
|
-
[ariaDisabled]="ariaDisabled"
|
|
160
|
-
[ariaExpanded]="ariaExpanded"
|
|
161
|
-
[ariaHidden]="ariaHidden"
|
|
162
|
-
[ariaLabelledBy]="ariaLabelledBy"
|
|
163
|
-
[ariaLive]="ariaLive"
|
|
164
|
-
[ariaSelected]="ariaSelected"
|
|
165
|
-
[ariaModal]="ariaModal"
|
|
166
|
-
[ariaValueMax]="ariaValueMax"
|
|
167
|
-
[ariaValueMin]="ariaValueMin"
|
|
168
|
-
[ariaValueNow]="ariaValueNow"
|
|
169
|
-
[ariaValueText]="ariaValueText"
|
|
170
|
-
[role]="role"
|
|
171
|
-
>
|
|
172
|
-
<symbiote-text [style]="textStyle">{{ title }}</symbiote-text>
|
|
173
|
-
</TouchableOpacity>
|
|
174
|
-
`, isInline: true, dependencies: [{ kind: "component", type: TouchableOpacity, selector: "TouchableOpacity", inputs: ["activeOpacity", "delayPressIn", "delayPressOut", "minPressDuration", "style", "delayLongPress", "delayHoverIn", "delayHoverOut", "disabled", "cancelable", "hitSlop", "pressRetentionOffset", "unstable_pressDelay", "android_ripple", "android_disableSound", "testID", "nativeID", "hasTVPreferredFocus", "nextFocusDown", "nextFocusForward", "nextFocusLeft", "nextFocusRight", "nextFocusUp", "accessible", "accessibilityLabel", "accessibilityHint", "accessibilityRole", "accessibilityState", "accessibilityValue", "accessibilityActions", "accessibilityLabelledBy", "importantForAccessibility", "accessibilityLiveRegion", "screenReaderFocusable", "accessibilityViewIsModal", "accessibilityElementsHidden", "accessibilityIgnoresInvertColors", "accessibilityLanguage", "accessibilityRespondsToUserInteraction", "accessibilityShowsLargeContentViewer", "accessibilityLargeContentTitle", "ariaLabel", "ariaBusy", "ariaChecked", "ariaDisabled", "ariaExpanded", "ariaHidden", "ariaLabelledBy", "ariaLive", "ariaSelected", "ariaModal", "ariaValueMax", "ariaValueMin", "ariaValueNow", "ariaValueText", "id", "role"], outputs: ["press", "pressIn", "pressOut", "pressMove", "longPress", "hoverIn", "hoverOut", "accessibilityAction", "accessibilityTap", "magicTap", "accessibilityEscape"] }, { kind: "component", type: TextHost, selector: "symbiote-text, Text", inputs: ["ellipsizeMode", "allowFontScaling"] }], viewProviders: [provideGateDemand(() => Button)], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
175
|
-
}
|
|
176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Button, decorators: [{
|
|
177
|
-
type: Component,
|
|
178
|
-
args: [{
|
|
179
|
-
selector: 'Button',
|
|
180
|
-
standalone: true,
|
|
181
|
-
viewProviders: [provideGateDemand(() => Button)],
|
|
182
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
183
|
-
imports: [TouchableOpacity, TextHost],
|
|
184
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
185
|
-
template: `
|
|
186
|
-
<TouchableOpacity
|
|
187
|
-
[style]="anchorStyle"
|
|
188
|
-
(press)="press.emit($event)"
|
|
189
|
-
[disabled]="disabled"
|
|
190
|
-
[android_disableSound]="touchSoundDisabled"
|
|
191
|
-
[accessibilityRole]="buttonRole"
|
|
192
|
-
[accessible]="true"
|
|
193
|
-
[accessibilityState]="{ disabled }"
|
|
194
|
-
[testID]="testID"
|
|
195
|
-
[nativeID]="nativeID"
|
|
196
|
-
[hasTVPreferredFocus]="hasTVPreferredFocus"
|
|
197
|
-
[nextFocusDown]="nextFocusDown"
|
|
198
|
-
[nextFocusForward]="nextFocusForward"
|
|
199
|
-
[nextFocusLeft]="nextFocusLeft"
|
|
200
|
-
[nextFocusRight]="nextFocusRight"
|
|
201
|
-
[nextFocusUp]="nextFocusUp"
|
|
202
|
-
[accessibilityLabel]="accessibilityLabel"
|
|
203
|
-
[accessibilityHint]="accessibilityHint"
|
|
204
|
-
[accessibilityValue]="accessibilityValue"
|
|
205
|
-
[accessibilityActions]="accessibilityActions"
|
|
206
|
-
[accessibilityLabelledBy]="accessibilityLabelledBy"
|
|
207
|
-
[importantForAccessibility]="importantForAccessibility"
|
|
208
|
-
[accessibilityLiveRegion]="accessibilityLiveRegion"
|
|
209
|
-
[screenReaderFocusable]="screenReaderFocusable"
|
|
210
|
-
[accessibilityViewIsModal]="accessibilityViewIsModal"
|
|
211
|
-
[accessibilityElementsHidden]="accessibilityElementsHidden"
|
|
212
|
-
[accessibilityIgnoresInvertColors]="accessibilityIgnoresInvertColors"
|
|
213
|
-
[accessibilityLanguage]="accessibilityLanguage"
|
|
214
|
-
[accessibilityRespondsToUserInteraction]="
|
|
215
|
-
accessibilityRespondsToUserInteraction
|
|
216
|
-
"
|
|
217
|
-
[accessibilityShowsLargeContentViewer]="
|
|
218
|
-
accessibilityShowsLargeContentViewer
|
|
219
|
-
"
|
|
220
|
-
[accessibilityLargeContentTitle]="accessibilityLargeContentTitle"
|
|
221
|
-
(accessibilityAction)="accessibilityAction.emit($event)"
|
|
222
|
-
(accessibilityTap)="accessibilityTap.emit($event)"
|
|
223
|
-
(magicTap)="magicTap.emit($event)"
|
|
224
|
-
(accessibilityEscape)="accessibilityEscape.emit($event)"
|
|
225
|
-
[ariaLabel]="ariaLabel"
|
|
226
|
-
[ariaBusy]="ariaBusy"
|
|
227
|
-
[ariaChecked]="ariaChecked"
|
|
228
|
-
[ariaDisabled]="ariaDisabled"
|
|
229
|
-
[ariaExpanded]="ariaExpanded"
|
|
230
|
-
[ariaHidden]="ariaHidden"
|
|
231
|
-
[ariaLabelledBy]="ariaLabelledBy"
|
|
232
|
-
[ariaLive]="ariaLive"
|
|
233
|
-
[ariaSelected]="ariaSelected"
|
|
234
|
-
[ariaModal]="ariaModal"
|
|
235
|
-
[ariaValueMax]="ariaValueMax"
|
|
236
|
-
[ariaValueMin]="ariaValueMin"
|
|
237
|
-
[ariaValueNow]="ariaValueNow"
|
|
238
|
-
[ariaValueText]="ariaValueText"
|
|
239
|
-
[role]="role"
|
|
240
|
-
>
|
|
241
|
-
<symbiote-text [style]="textStyle">{{ title }}</symbiote-text>
|
|
242
|
-
</TouchableOpacity>
|
|
243
|
-
`,
|
|
244
|
-
}]
|
|
245
|
-
}], propDecorators: { press: [{
|
|
246
|
-
type: Output
|
|
247
|
-
}], accessibilityAction: [{
|
|
248
|
-
type: Output
|
|
249
|
-
}], accessibilityTap: [{
|
|
250
|
-
type: Output
|
|
251
|
-
}], magicTap: [{
|
|
252
|
-
type: Output
|
|
253
|
-
}], accessibilityEscape: [{
|
|
254
|
-
type: Output
|
|
255
|
-
}], title: [{
|
|
256
|
-
type: Input
|
|
257
|
-
}], color: [{
|
|
258
|
-
type: Input
|
|
259
|
-
}], disabled: [{
|
|
260
|
-
type: Input
|
|
261
|
-
}], touchSoundDisabled: [{
|
|
262
|
-
type: Input
|
|
263
|
-
}], testID: [{
|
|
264
|
-
type: Input
|
|
265
|
-
}], hasTVPreferredFocus: [{
|
|
266
|
-
type: Input
|
|
267
|
-
}], nextFocusDown: [{
|
|
268
|
-
type: Input
|
|
269
|
-
}], nextFocusForward: [{
|
|
270
|
-
type: Input
|
|
271
|
-
}], nextFocusLeft: [{
|
|
272
|
-
type: Input
|
|
273
|
-
}], nextFocusRight: [{
|
|
274
|
-
type: Input
|
|
275
|
-
}], nextFocusUp: [{
|
|
276
|
-
type: Input
|
|
277
|
-
}], nativeID: [{
|
|
278
|
-
type: Input
|
|
279
|
-
}], accessible: [{
|
|
280
|
-
type: Input
|
|
281
|
-
}], accessibilityLabel: [{
|
|
282
|
-
type: Input
|
|
283
|
-
}], accessibilityHint: [{
|
|
284
|
-
type: Input
|
|
285
|
-
}], accessibilityRole: [{
|
|
286
|
-
type: Input
|
|
287
|
-
}], accessibilityState: [{
|
|
288
|
-
type: Input
|
|
289
|
-
}], accessibilityValue: [{
|
|
290
|
-
type: Input
|
|
291
|
-
}], accessibilityActions: [{
|
|
292
|
-
type: Input
|
|
293
|
-
}], accessibilityLabelledBy: [{
|
|
294
|
-
type: Input
|
|
295
|
-
}], importantForAccessibility: [{
|
|
296
|
-
type: Input
|
|
297
|
-
}], accessibilityLiveRegion: [{
|
|
298
|
-
type: Input
|
|
299
|
-
}], screenReaderFocusable: [{
|
|
300
|
-
type: Input
|
|
301
|
-
}], accessibilityViewIsModal: [{
|
|
302
|
-
type: Input
|
|
303
|
-
}], accessibilityElementsHidden: [{
|
|
304
|
-
type: Input
|
|
305
|
-
}], accessibilityIgnoresInvertColors: [{
|
|
306
|
-
type: Input
|
|
307
|
-
}], accessibilityLanguage: [{
|
|
308
|
-
type: Input
|
|
309
|
-
}], accessibilityRespondsToUserInteraction: [{
|
|
310
|
-
type: Input
|
|
311
|
-
}], accessibilityShowsLargeContentViewer: [{
|
|
312
|
-
type: Input
|
|
313
|
-
}], accessibilityLargeContentTitle: [{
|
|
314
|
-
type: Input
|
|
315
|
-
}], role: [{
|
|
316
|
-
type: Input
|
|
317
|
-
}], ariaLabel: [{
|
|
318
|
-
type: Input,
|
|
319
|
-
args: ['aria-label']
|
|
320
|
-
}], ariaLabelledBy: [{
|
|
321
|
-
type: Input,
|
|
322
|
-
args: ['aria-labelledby']
|
|
323
|
-
}], ariaLive: [{
|
|
324
|
-
type: Input,
|
|
325
|
-
args: ['aria-live']
|
|
326
|
-
}], ariaHidden: [{
|
|
327
|
-
type: Input,
|
|
328
|
-
args: ['aria-hidden']
|
|
329
|
-
}], ariaBusy: [{
|
|
330
|
-
type: Input,
|
|
331
|
-
args: ['aria-busy']
|
|
332
|
-
}], ariaChecked: [{
|
|
333
|
-
type: Input,
|
|
334
|
-
args: ['aria-checked']
|
|
335
|
-
}], ariaDisabled: [{
|
|
336
|
-
type: Input,
|
|
337
|
-
args: ['aria-disabled']
|
|
338
|
-
}], ariaExpanded: [{
|
|
339
|
-
type: Input,
|
|
340
|
-
args: ['aria-expanded']
|
|
341
|
-
}], ariaSelected: [{
|
|
342
|
-
type: Input,
|
|
343
|
-
args: ['aria-selected']
|
|
344
|
-
}], ariaModal: [{
|
|
345
|
-
type: Input,
|
|
346
|
-
args: ['aria-modal']
|
|
347
|
-
}], ariaValueMax: [{
|
|
348
|
-
type: Input,
|
|
349
|
-
args: ['aria-valuemax']
|
|
350
|
-
}], ariaValueMin: [{
|
|
351
|
-
type: Input,
|
|
352
|
-
args: ['aria-valuemin']
|
|
353
|
-
}], ariaValueNow: [{
|
|
354
|
-
type: Input,
|
|
355
|
-
args: ['aria-valuenow']
|
|
356
|
-
}], ariaValueText: [{
|
|
357
|
-
type: Input,
|
|
358
|
-
args: ['aria-valuetext']
|
|
359
|
-
}] } });
|
|
360
|
-
//# sourceMappingURL=button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { type DoCheck, type OnChanges } from '@angular/core';
|
|
2
|
-
import { ImageBase } from './shared';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../../primitives/shared";
|
|
5
|
-
export { setImageSourceResolver } from './shared';
|
|
6
|
-
export type { IImageProps, IImageSource, IImageSourceProp, IResizeMode, IImageSize, IImageCacheStatus, } from './shared';
|
|
7
|
-
export declare class Image extends ImageBase implements OnChanges, DoCheck {
|
|
8
|
-
private readonly elementRef;
|
|
9
|
-
private readonly anchorStyle;
|
|
10
|
-
ngOnChanges(): void;
|
|
11
|
-
ngDoCheck(): void;
|
|
12
|
-
protected buildImageProps(): Record<string, unknown>;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<Image, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<Image, "Image", never, { "source": { "alias": "source"; "required": false; }; "defaultSource": { "alias": "defaultSource"; "required": false; }; "loadingIndicatorSource": { "alias": "loadingIndicatorSource"; "required": false; }; "style": { "alias": "style"; "required": false; }; "resizeMode": { "alias": "resizeMode"; "required": false; }; "resizeMethod": { "alias": "resizeMethod"; "required": false; }; "tintColor": { "alias": "tintColor"; "required": false; }; "blurRadius": { "alias": "blurRadius"; "required": false; }; "capInsets": { "alias": "capInsets"; "required": false; }; "fadeDuration": { "alias": "fadeDuration"; "required": false; }; "progressiveRenderingEnabled": { "alias": "progressiveRenderingEnabled"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; }; "referrerPolicy": { "alias": "referrerPolicy"; "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; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; }; "ariaLive": { "alias": "aria-live"; "required": false; }; "ariaHidden": { "alias": "aria-hidden"; "required": false; }; "ariaBusy": { "alias": "aria-busy"; "required": false; }; "ariaChecked": { "alias": "aria-checked"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "ariaExpanded": { "alias": "aria-expanded"; "required": false; }; "ariaSelected": { "alias": "aria-selected"; "required": false; }; "ariaModal": { "alias": "aria-modal"; "required": false; }; "ariaValueMax": { "alias": "aria-valuemax"; "required": false; }; "ariaValueMin": { "alias": "aria-valuemin"; "required": false; }; "ariaValueNow": { "alias": "aria-valuenow"; "required": false; }; "ariaValueText": { "alias": "aria-valuetext"; "required": false; }; "onAccessibilityAction": { "alias": "onAccessibilityAction"; "required": false; }; "onAccessibilityTap": { "alias": "onAccessibilityTap"; "required": false; }; "onMagicTap": { "alias": "onMagicTap"; "required": false; }; "onAccessibilityEscape": { "alias": "onAccessibilityEscape"; "required": false; }; "onLoadStart": { "alias": "onLoadStart"; "required": false; }; "onLoad": { "alias": "onLoad"; "required": false; }; "onLoadEnd": { "alias": "onLoadEnd"; "required": false; }; "onError": { "alias": "onError"; "required": false; }; "onProgress": { "alias": "onProgress"; "required": false; }; "onPartialLoad": { "alias": "onPartialLoad"; "required": false; }; }, { "accessibilityAction": "accessibilityAction"; "accessibilityTap": "accessibilityTap"; "magicTap": "magicTap"; "accessibilityEscape": "accessibilityEscape"; "loadStart": "loadStart"; "load": "load"; "loadEnd": "loadEnd"; "error": "error"; "progress": "progress"; "partialLoad": "partialLoad"; }, never, never, true, [{ directive: typeof i1.SymbioteStyleInputDirective; inputs: { "style": "style"; }; outputs: {}; }]>;
|
|
15
|
-
}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { CUSTOM_ELEMENTS_SCHEMA, Component, ElementRef, inject, signal, } from '@angular/core';
|
|
2
|
-
import { anchorHostStyle, ImageHost, SymbioteHostPropsDirective, SymbioteStyleInputDirective, } from '../../primitives';
|
|
3
|
-
import { IMAGE_INPUTS, IMAGE_OUTPUTS, ImageBase, resolveImageProps, } from './shared';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "../../primitives/shared";
|
|
6
|
-
export { setImageSourceResolver } from './shared';
|
|
7
|
-
export class Image extends ImageBase {
|
|
8
|
-
// This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
|
|
9
|
-
// onto (see anchorHostStyle's doc comment) — NOT the inner `symbiote-image` one level down.
|
|
10
|
-
elementRef = inject(ElementRef);
|
|
11
|
-
// The anchor's class-derived style is written by the renderer's addClass/removeClass and never
|
|
12
|
-
// reaches Angular's input pipeline (a bare `class="x"` never appears in SimpleChanges — see
|
|
13
|
-
// anchorHostStyle's doc comment), so ImageBase's inputsRevision cannot see it. Hence its own
|
|
14
|
-
// signal: a plain field read inside a computed() would be untracked and the bag would go stale
|
|
15
|
-
// the moment a `[class.x]`/`[ngClass]` toggled.
|
|
16
|
-
//
|
|
17
|
-
// ngDoCheck is the right cadence: render3's callHooks flushes a node's pre-order hooks at the
|
|
18
|
-
// next `ɵɵadvance` past it (or in refreshView's post-template flush), i.e. AFTER the declaring
|
|
19
|
-
// template's ɵɵclassProp wrote the class onto this element and BEFORE this component's own view
|
|
20
|
-
// refreshes — the exact window a class poll needs. callHooks also runs under
|
|
21
|
-
// setActiveConsumer(null), so the write registers no dependency on the caller's view (no NG0600).
|
|
22
|
-
// commitClassStyle allocates a fresh style array only when a token actually moved, so signal.set's
|
|
23
|
-
// own Object.is check makes an unchanged poll a no-op that dirties nothing.
|
|
24
|
-
//
|
|
25
|
-
// Known gap, shared with every other component polling this way (Pressable, SafeAreaView,
|
|
26
|
-
// TouchableNativeFeedback): `[ngClass]` applies its tokens from NgClass's OWN ngDoCheck, and a
|
|
27
|
-
// node's hooks flush in registration order with the component's first, so an [ngClass] flip lands
|
|
28
|
-
// one pass after this poll reads it. `class=` and `[class.x]` are written by the declaring
|
|
29
|
-
// template's styling instructions and so are always current here.
|
|
30
|
-
anchorStyle = signal(undefined, /* @ts-ignore */
|
|
31
|
-
...(ngDevMode ? [{ debugName: "anchorStyle" }] : /* istanbul ignore next */ []));
|
|
32
|
-
// ImageBase is undecorated, so the input bump is declared here rather than inherited.
|
|
33
|
-
ngOnChanges() {
|
|
34
|
-
this.bumpInputsRevision();
|
|
35
|
-
}
|
|
36
|
-
ngDoCheck() {
|
|
37
|
-
this.anchorStyle.set(anchorHostStyle(this.elementRef));
|
|
38
|
-
}
|
|
39
|
-
buildImageProps() {
|
|
40
|
-
return resolveImageProps({
|
|
41
|
-
...this.imageInputProps,
|
|
42
|
-
style: [this.anchorStyle(), this.style],
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Image, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: Image, isStandalone: true, selector: "Image", inputs: { source: "source", defaultSource: "defaultSource", loadingIndicatorSource: "loadingIndicatorSource", style: "style", resizeMode: "resizeMode", resizeMethod: "resizeMethod", tintColor: "tintColor", blurRadius: "blurRadius", capInsets: "capInsets", fadeDuration: "fadeDuration", progressiveRenderingEnabled: "progressiveRenderingEnabled", src: "src", srcSet: "srcSet", alt: "alt", width: "width", height: "height", crossOrigin: "crossOrigin", referrerPolicy: "referrerPolicy", 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"], onAccessibilityAction: "onAccessibilityAction", onAccessibilityTap: "onAccessibilityTap", onMagicTap: "onMagicTap", onAccessibilityEscape: "onAccessibilityEscape", onLoadStart: "onLoadStart", onLoad: "onLoad", onLoadEnd: "onLoadEnd", onError: "onError", onProgress: "onProgress", onPartialLoad: "onPartialLoad" }, outputs: { accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape", loadStart: "loadStart", load: "load", loadEnd: "loadEnd", error: "error", progress: "progress", partialLoad: "partialLoad" }, usesInheritance: true, usesOnChanges: true, hostDirectives: [{ directive: i1.SymbioteStyleInputDirective, inputs: ["style", "style"] }], ngImport: i0, template: `
|
|
47
|
-
<symbiote-image
|
|
48
|
-
[symbioteHostProps]="imageProps()"
|
|
49
|
-
(loadStart)="handleLoadStart($event)"
|
|
50
|
-
(load)="handleLoad($event)"
|
|
51
|
-
(loadEnd)="handleLoadEnd($event)"
|
|
52
|
-
(error)="handleError($event)"
|
|
53
|
-
(progress)="handleProgress($event)"
|
|
54
|
-
(partialLoad)="handlePartialLoad($event)"
|
|
55
|
-
/>
|
|
56
|
-
`, isInline: true, dependencies: [{ kind: "component", type: ImageHost, selector: "symbiote-image" }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }] });
|
|
57
|
-
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Image, decorators: [{
|
|
59
|
-
type: Component,
|
|
60
|
-
args: [{
|
|
61
|
-
selector: 'Image',
|
|
62
|
-
standalone: true,
|
|
63
|
-
hostDirectives: [
|
|
64
|
-
{ directive: SymbioteStyleInputDirective, inputs: ['style'] },
|
|
65
|
-
],
|
|
66
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
67
|
-
imports: [ImageHost, SymbioteHostPropsDirective],
|
|
68
|
-
inputs: IMAGE_INPUTS,
|
|
69
|
-
outputs: IMAGE_OUTPUTS,
|
|
70
|
-
template: `
|
|
71
|
-
<symbiote-image
|
|
72
|
-
[symbioteHostProps]="imageProps()"
|
|
73
|
-
(loadStart)="handleLoadStart($event)"
|
|
74
|
-
(load)="handleLoad($event)"
|
|
75
|
-
(loadEnd)="handleLoadEnd($event)"
|
|
76
|
-
(error)="handleError($event)"
|
|
77
|
-
(progress)="handleProgress($event)"
|
|
78
|
-
(partialLoad)="handlePartialLoad($event)"
|
|
79
|
-
/>
|
|
80
|
-
`,
|
|
81
|
-
}]
|
|
82
|
-
}] });
|
|
83
|
-
//# sourceMappingURL=index.android.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../../../src/components/image/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,SAAS,EACT,UAAU,EACV,MAAM,EACN,MAAM,GAGP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EACf,SAAS,EACT,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,iBAAiB,GAClB,MAAM,UAAU,CAAC;;;AAClB,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAgClD,MAAM,OAAO,KAAM,SAAQ,SAAS;IAClC,6FAA6F;IAC7F,4FAA4F;IAC3E,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEjD,+FAA+F;IAC/F,4FAA4F;IAC5F,6FAA6F;IAC7F,+FAA+F;IAC/F,gDAAgD;IAChD,EAAE;IACF,8FAA8F;IAC9F,+FAA+F;IAC/F,gGAAgG;IAChG,6EAA6E;IAC7E,kGAAkG;IAClG,mGAAmG;IACnG,4EAA4E;IAC5E,EAAE;IACF,0FAA0F;IAC1F,+FAA+F;IAC/F,kGAAkG;IAClG,2FAA2F;IAC3F,kEAAkE;IACjD,WAAW,GAAG,MAAM,CAAU,SAAS;oFAAC,CAAC;IAE1D,sFAAsF;IACtF,WAAW;QACT,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,SAAS;QACP,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACzD,CAAC;IAEkB,eAAe;QAChC,OAAO,iBAAiB,CAAC;YACvB,GAAG,IAAI,CAAC,eAAe;YACvB,KAAK,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC;SACxC,CAAC,CAAC;IACL,CAAC;uGAxCU,KAAK;2FAAL,KAAK,+2FAZN;;;;;;;;;;GAUT,4DAbS,SAAS,2DAAE,0BAA0B;;2FAepC,KAAK;kBAtBjB,SAAS;mBAAC;oBACT,QAAQ,EAAE,OAAO;oBACjB,UAAU,EAAE,IAAI;oBAChB,cAAc,EAAE;wBACd,EAAE,SAAS,EAAE,2BAA2B,EAAE,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE;qBAC9D;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC;oBAChD,MAAM,EAAE,YAAY;oBACpB,OAAO,EAAE,aAAa;oBACtB,QAAQ,EAAE;;;;;;;;;;GAUT;iBACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './index.ios';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { type DoCheck, type OnChanges } from '@angular/core';
|
|
2
|
-
import { ImageBase } from './shared';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../../primitives/shared";
|
|
5
|
-
export { setImageSourceResolver } from './shared';
|
|
6
|
-
export type { IImageProps, IImageSource, IImageSourceProp, IResizeMode, IImageSize, IImageCacheStatus, } from './shared';
|
|
7
|
-
export declare class Image extends ImageBase implements OnChanges, DoCheck {
|
|
8
|
-
private readonly elementRef;
|
|
9
|
-
private readonly anchorStyle;
|
|
10
|
-
ngOnChanges(): void;
|
|
11
|
-
ngDoCheck(): void;
|
|
12
|
-
protected buildImageProps(): Record<string, unknown>;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<Image, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<Image, "Image", never, { "source": { "alias": "source"; "required": false; }; "defaultSource": { "alias": "defaultSource"; "required": false; }; "loadingIndicatorSource": { "alias": "loadingIndicatorSource"; "required": false; }; "style": { "alias": "style"; "required": false; }; "resizeMode": { "alias": "resizeMode"; "required": false; }; "resizeMethod": { "alias": "resizeMethod"; "required": false; }; "tintColor": { "alias": "tintColor"; "required": false; }; "blurRadius": { "alias": "blurRadius"; "required": false; }; "capInsets": { "alias": "capInsets"; "required": false; }; "fadeDuration": { "alias": "fadeDuration"; "required": false; }; "progressiveRenderingEnabled": { "alias": "progressiveRenderingEnabled"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; }; "referrerPolicy": { "alias": "referrerPolicy"; "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; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; }; "ariaLive": { "alias": "aria-live"; "required": false; }; "ariaHidden": { "alias": "aria-hidden"; "required": false; }; "ariaBusy": { "alias": "aria-busy"; "required": false; }; "ariaChecked": { "alias": "aria-checked"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "ariaExpanded": { "alias": "aria-expanded"; "required": false; }; "ariaSelected": { "alias": "aria-selected"; "required": false; }; "ariaModal": { "alias": "aria-modal"; "required": false; }; "ariaValueMax": { "alias": "aria-valuemax"; "required": false; }; "ariaValueMin": { "alias": "aria-valuemin"; "required": false; }; "ariaValueNow": { "alias": "aria-valuenow"; "required": false; }; "ariaValueText": { "alias": "aria-valuetext"; "required": false; }; "onAccessibilityAction": { "alias": "onAccessibilityAction"; "required": false; }; "onAccessibilityTap": { "alias": "onAccessibilityTap"; "required": false; }; "onMagicTap": { "alias": "onMagicTap"; "required": false; }; "onAccessibilityEscape": { "alias": "onAccessibilityEscape"; "required": false; }; "onLoadStart": { "alias": "onLoadStart"; "required": false; }; "onLoad": { "alias": "onLoad"; "required": false; }; "onLoadEnd": { "alias": "onLoadEnd"; "required": false; }; "onError": { "alias": "onError"; "required": false; }; "onProgress": { "alias": "onProgress"; "required": false; }; "onPartialLoad": { "alias": "onPartialLoad"; "required": false; }; }, { "accessibilityAction": "accessibilityAction"; "accessibilityTap": "accessibilityTap"; "magicTap": "magicTap"; "accessibilityEscape": "accessibilityEscape"; "loadStart": "loadStart"; "load": "load"; "loadEnd": "loadEnd"; "error": "error"; "progress": "progress"; "partialLoad": "partialLoad"; }, never, never, true, [{ directive: typeof i1.SymbioteStyleInputDirective; inputs: { "style": "style"; }; outputs: {}; }]>;
|
|
15
|
-
}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { CUSTOM_ELEMENTS_SCHEMA, Component, ElementRef, inject, signal, } from '@angular/core';
|
|
2
|
-
import { anchorHostStyle, ImageHost, SymbioteHostPropsDirective, SymbioteStyleInputDirective, } from '../../primitives';
|
|
3
|
-
import { IMAGE_INPUTS, IMAGE_OUTPUTS, ImageBase, resolveImageProps, } from './shared';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "../../primitives/shared";
|
|
6
|
-
export { setImageSourceResolver } from './shared';
|
|
7
|
-
export class Image extends ImageBase {
|
|
8
|
-
// This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
|
|
9
|
-
// onto (see anchorHostStyle's doc comment) — NOT the inner `symbiote-image` one level down.
|
|
10
|
-
elementRef = inject(ElementRef);
|
|
11
|
-
// The anchor's class-derived style is written by the renderer's addClass/removeClass and never
|
|
12
|
-
// reaches Angular's input pipeline (a bare `class="x"` never appears in SimpleChanges — see
|
|
13
|
-
// anchorHostStyle's doc comment), so ImageBase's inputsRevision cannot see it. Hence its own
|
|
14
|
-
// signal: a plain field read inside a computed() would be untracked and the bag would go stale
|
|
15
|
-
// the moment a `[class.x]`/`[ngClass]` toggled.
|
|
16
|
-
//
|
|
17
|
-
// ngDoCheck is the right cadence: render3's callHooks flushes a node's pre-order hooks at the
|
|
18
|
-
// next `ɵɵadvance` past it (or in refreshView's post-template flush), i.e. AFTER the declaring
|
|
19
|
-
// template's ɵɵclassProp wrote the class onto this element and BEFORE this component's own view
|
|
20
|
-
// refreshes — the exact window a class poll needs. callHooks also runs under
|
|
21
|
-
// setActiveConsumer(null), so the write registers no dependency on the caller's view (no NG0600).
|
|
22
|
-
// commitClassStyle allocates a fresh style array only when a token actually moved, so signal.set's
|
|
23
|
-
// own Object.is check makes an unchanged poll a no-op that dirties nothing.
|
|
24
|
-
//
|
|
25
|
-
// Known gap, shared with every other component polling this way (Pressable, SafeAreaView,
|
|
26
|
-
// TouchableNativeFeedback): `[ngClass]` applies its tokens from NgClass's OWN ngDoCheck, and a
|
|
27
|
-
// node's hooks flush in registration order with the component's first, so an [ngClass] flip lands
|
|
28
|
-
// one pass after this poll reads it. `class=` and `[class.x]` are written by the declaring
|
|
29
|
-
// template's styling instructions and so are always current here.
|
|
30
|
-
anchorStyle = signal(undefined, /* @ts-ignore */
|
|
31
|
-
...(ngDevMode ? [{ debugName: "anchorStyle" }] : /* istanbul ignore next */ []));
|
|
32
|
-
// ImageBase is undecorated, so the input bump is declared here rather than inherited.
|
|
33
|
-
ngOnChanges() {
|
|
34
|
-
this.bumpInputsRevision();
|
|
35
|
-
}
|
|
36
|
-
ngDoCheck() {
|
|
37
|
-
this.anchorStyle.set(anchorHostStyle(this.elementRef));
|
|
38
|
-
}
|
|
39
|
-
buildImageProps() {
|
|
40
|
-
return resolveImageProps({
|
|
41
|
-
...this.imageInputProps,
|
|
42
|
-
style: [this.anchorStyle(), this.style],
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Image, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: Image, isStandalone: true, selector: "Image", inputs: { source: "source", defaultSource: "defaultSource", loadingIndicatorSource: "loadingIndicatorSource", style: "style", resizeMode: "resizeMode", resizeMethod: "resizeMethod", tintColor: "tintColor", blurRadius: "blurRadius", capInsets: "capInsets", fadeDuration: "fadeDuration", progressiveRenderingEnabled: "progressiveRenderingEnabled", src: "src", srcSet: "srcSet", alt: "alt", width: "width", height: "height", crossOrigin: "crossOrigin", referrerPolicy: "referrerPolicy", 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"], onAccessibilityAction: "onAccessibilityAction", onAccessibilityTap: "onAccessibilityTap", onMagicTap: "onMagicTap", onAccessibilityEscape: "onAccessibilityEscape", onLoadStart: "onLoadStart", onLoad: "onLoad", onLoadEnd: "onLoadEnd", onError: "onError", onProgress: "onProgress", onPartialLoad: "onPartialLoad" }, outputs: { accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape", loadStart: "loadStart", load: "load", loadEnd: "loadEnd", error: "error", progress: "progress", partialLoad: "partialLoad" }, usesInheritance: true, usesOnChanges: true, hostDirectives: [{ directive: i1.SymbioteStyleInputDirective, inputs: ["style", "style"] }], ngImport: i0, template: `
|
|
47
|
-
<symbiote-image
|
|
48
|
-
[symbioteHostProps]="imageProps()"
|
|
49
|
-
(loadStart)="handleLoadStart($event)"
|
|
50
|
-
(load)="handleLoad($event)"
|
|
51
|
-
(loadEnd)="handleLoadEnd($event)"
|
|
52
|
-
(error)="handleError($event)"
|
|
53
|
-
(progress)="handleProgress($event)"
|
|
54
|
-
(partialLoad)="handlePartialLoad($event)"
|
|
55
|
-
/>
|
|
56
|
-
`, isInline: true, dependencies: [{ kind: "component", type: ImageHost, selector: "symbiote-image" }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }] });
|
|
57
|
-
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Image, decorators: [{
|
|
59
|
-
type: Component,
|
|
60
|
-
args: [{
|
|
61
|
-
selector: 'Image',
|
|
62
|
-
standalone: true,
|
|
63
|
-
hostDirectives: [
|
|
64
|
-
{ directive: SymbioteStyleInputDirective, inputs: ['style'] },
|
|
65
|
-
],
|
|
66
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
67
|
-
imports: [ImageHost, SymbioteHostPropsDirective],
|
|
68
|
-
inputs: IMAGE_INPUTS,
|
|
69
|
-
outputs: IMAGE_OUTPUTS,
|
|
70
|
-
template: `
|
|
71
|
-
<symbiote-image
|
|
72
|
-
[symbioteHostProps]="imageProps()"
|
|
73
|
-
(loadStart)="handleLoadStart($event)"
|
|
74
|
-
(load)="handleLoad($event)"
|
|
75
|
-
(loadEnd)="handleLoadEnd($event)"
|
|
76
|
-
(error)="handleError($event)"
|
|
77
|
-
(progress)="handleProgress($event)"
|
|
78
|
-
(partialLoad)="handlePartialLoad($event)"
|
|
79
|
-
/>
|
|
80
|
-
`,
|
|
81
|
-
}]
|
|
82
|
-
}] });
|
|
83
|
-
//# sourceMappingURL=index.ios.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../../src/components/image/index.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,SAAS,EACT,UAAU,EACV,MAAM,EACN,MAAM,GAGP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EACf,SAAS,EACT,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,iBAAiB,GAClB,MAAM,UAAU,CAAC;;;AAClB,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAgClD,MAAM,OAAO,KAAM,SAAQ,SAAS;IAClC,6FAA6F;IAC7F,4FAA4F;IAC3E,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEjD,+FAA+F;IAC/F,4FAA4F;IAC5F,6FAA6F;IAC7F,+FAA+F;IAC/F,gDAAgD;IAChD,EAAE;IACF,8FAA8F;IAC9F,+FAA+F;IAC/F,gGAAgG;IAChG,6EAA6E;IAC7E,kGAAkG;IAClG,mGAAmG;IACnG,4EAA4E;IAC5E,EAAE;IACF,0FAA0F;IAC1F,+FAA+F;IAC/F,kGAAkG;IAClG,2FAA2F;IAC3F,kEAAkE;IACjD,WAAW,GAAG,MAAM,CAAU,SAAS;oFAAC,CAAC;IAE1D,sFAAsF;IACtF,WAAW;QACT,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,SAAS;QACP,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACzD,CAAC;IAEkB,eAAe;QAChC,OAAO,iBAAiB,CAAC;YACvB,GAAG,IAAI,CAAC,eAAe;YACvB,KAAK,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC;SACxC,CAAC,CAAC;IACL,CAAC;uGAxCU,KAAK;2FAAL,KAAK,+2FAZN;;;;;;;;;;GAUT,4DAbS,SAAS,2DAAE,0BAA0B;;2FAepC,KAAK;kBAtBjB,SAAS;mBAAC;oBACT,QAAQ,EAAE,OAAO;oBACjB,UAAU,EAAE,IAAI;oBAChB,cAAc,EAAE;wBACd,EAAE,SAAS,EAAE,2BAA2B,EAAE,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE;qBAC9D;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC;oBAChD,MAAM,EAAE,YAAY;oBACpB,OAAO,EAAE,aAAa;oBACtB,QAAQ,EAAE;;;;;;;;;;GAUT;iBACF"}
|