@symbiote-native/angular 3.2.0 → 3.3.0

package/build/angular/elements-press.js

@@ -0,0 +1,227 @@
+import { Directive, Input } from '@angular/core';
+import { SymbioteElement } from './element-base';
+import * as i0 from "@angular/core";
+// BOTH SPELLINGS ON THE SEVEN DASHLESS TAGS, and it is a correctness fix rather than a convenience.
+//
+// The renderer has always mapped `symbiote-view` onto `view` (`PRIMITIVE_SELECTOR_ALIAS`), because
+// `CUSTOM_ELEMENTS_SCHEMA` admits an unknown element only when the name carries a hyphen — so the
+// hyphenated form is the spelling an app WITHOUT these directives has to use. It is the same tag and
+// commits the same node.
+//
+// It was not the same tag HERE. A selector of `view` alone meant an app that imports
+// `SYMBIOTE_ELEMENTS` and writes `<symbiote-view>` matched nothing: no type check on its props, no
+// declared inputs, none of `SymbioteElement`'s forwarding or callback wrapping — silently, with the
+// tree still looking right. Measured, that shape also ran ~8.6 us per element FASTER, which is what
+// made it look like an optimization instead of a hole (`angular-directive-cost.itest.ts`).
+//
+// Only the seven dashless tags need it: `hyphenatedIntrinsicAliases` skips any tag that already
+// carries a dash, so `symbiote-scroll-view` resolves nowhere on either side and the two halves agree
+// already.
+export class ViewElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ViewElement, isStandalone: true, selector: "view, symbiote-view", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ViewElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'view, symbiote-view', standalone: true }]
+        }] });
+export class PressableElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PressableElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PressableElement, isStandalone: true, selector: "pressable, symbiote-pressable", inputs: { disabled: "disabled", cancelable: "cancelable", blockNativeResponder: "blockNativeResponder", delayLongPress: "delayLongPress", delayHoverIn: "delayHoverIn", delayHoverOut: "delayHoverOut", onHoverIn: "onHoverIn", onHoverOut: "onHoverOut", pressRetentionOffset: "pressRetentionOffset", unstable_pressDelay: "unstable_pressDelay", android_ripple: "android_ripple", testOnly_pressed: "testOnly_pressed", android_disableSound: "android_disableSound", hasTVPreferredFocus: "hasTVPreferredFocus", nextFocusDown: "nextFocusDown", nextFocusForward: "nextFocusForward", nextFocusLeft: "nextFocusLeft", nextFocusRight: "nextFocusRight", nextFocusUp: "nextFocusUp" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PressableElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'pressable, symbiote-pressable', standalone: true }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], cancelable: [{
+                type: Input
+            }], blockNativeResponder: [{
+                type: Input
+            }], delayLongPress: [{
+                type: Input
+            }], delayHoverIn: [{
+                type: Input
+            }], delayHoverOut: [{
+                type: Input
+            }], onHoverIn: [{
+                type: Input
+            }], onHoverOut: [{
+                type: Input
+            }], pressRetentionOffset: [{
+                type: Input
+            }], unstable_pressDelay: [{
+                type: Input
+            }], android_ripple: [{
+                type: Input
+            }], testOnly_pressed: [{
+                type: Input
+            }], android_disableSound: [{
+                type: Input
+            }], hasTVPreferredFocus: [{
+                type: Input
+            }], nextFocusDown: [{
+                type: Input
+            }], nextFocusForward: [{
+                type: Input
+            }], nextFocusLeft: [{
+                type: Input
+            }], nextFocusRight: [{
+                type: Input
+            }], nextFocusUp: [{
+                type: Input
+            }] } });
+// RN's TouchableOpacity is a Pressable that also fades, and both halves are on the engine node —
+// so it takes the same inputs and adds only the fade's own knob.
+export class TouchableOpacityElement extends PressableElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableOpacityElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableOpacityElement, isStandalone: true, selector: "touchable-opacity", inputs: { activeOpacity: "activeOpacity", delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableOpacityElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'touchable-opacity', standalone: true }]
+        }], propDecorators: { activeOpacity: [{
+                type: Input
+            }], delayPressIn: [{
+                type: Input
+            }], delayPressOut: [{
+                type: Input
+            }], minPressDuration: [{
+                type: Input
+            }] } });
+// RN's TouchableHighlight is a Pressable that swaps its own background while pressed
+// (TouchableHighlight.js), and the underlay machine runs on the engine node — so the tag takes the
+// press surface plus the two knobs that describe the underlay. `onShowUnderlay`/`onHideUnderlay`
+// need no @Input: they are events, bound as `(showUnderlay)` through the renderer's own listen.
+export class TouchableHighlightElement extends PressableElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableHighlightElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableHighlightElement, isStandalone: true, selector: "touchable-highlight", inputs: { activeOpacity: "activeOpacity", underlayColor: "underlayColor", delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableHighlightElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'touchable-highlight', standalone: true }]
+        }], propDecorators: { activeOpacity: [{
+                type: Input
+            }], underlayColor: [{
+                type: Input
+            }], delayPressIn: [{
+                type: Input
+            }], delayPressOut: [{
+                type: Input
+            }], minPressDuration: [{
+                type: Input
+            }], touchSoundDisabled: [{
+                type: Input
+            }] } });
+// RN's TouchableNativeFeedback is a Pressable that CLONES onto its single child instead of
+// rendering anything (TouchableNativeFeedback.js:339) — so the tag takes the press surface plus the
+// two props that pick the Android ripple drawable. The tag itself commits no native view; the
+// behavior configures the child, which is why `elements.test.ts` reads it as an anchor.
+export class TouchableNativeFeedbackElement extends PressableElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableNativeFeedbackElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableNativeFeedbackElement, isStandalone: true, selector: "touchable-native-feedback", inputs: { background: "background", useForeground: "useForeground", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableNativeFeedbackElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'touchable-native-feedback', standalone: true }]
+        }], propDecorators: { background: [{
+                type: Input
+            }], useForeground: [{
+                type: Input
+            }], touchSoundDisabled: [{
+                type: Input
+            }] } });
+// RN's TouchableWithoutFeedback clones onto its single child the same way
+// (TouchableWithoutFeedback.js:286) and installs no drawable, so it takes the press surface plus the
+// three timing knobs it forwards to Pressability (:186-190) and nothing else. Like the tag above it
+// commits no native view; `elements.test.ts` reads it as an anchor.
+export class TouchableWithoutFeedbackElement extends PressableElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableWithoutFeedbackElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TouchableWithoutFeedbackElement, isStandalone: true, selector: "touchable-without-feedback", inputs: { delayPressIn: "delayPressIn", delayPressOut: "delayPressOut", minPressDuration: "minPressDuration", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TouchableWithoutFeedbackElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'touchable-without-feedback', standalone: true }]
+        }], propDecorators: { delayPressIn: [{
+                type: Input
+            }], delayPressOut: [{
+                type: Input
+            }], minPressDuration: [{
+                type: Input
+            }], touchSoundDisabled: [{
+                type: Input
+            }] } });
+// RN's Button IS a TouchableOpacity (Button.js:384), and the behavior builds the view and the
+// label under it — so the tag takes the touchable's surface plus the four props Button owns. There
+// is no `style`: RN's Button has no such prop, and the label/background come from `color`.
+export class ButtonElement extends TouchableOpacityElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ButtonElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ButtonElement, isStandalone: true, selector: "button, symbiote-button", inputs: { title: "title", color: "color", touchSoundDisabled: "touchSoundDisabled" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ButtonElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'button, symbiote-button', standalone: true }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], touchSoundDisabled: [{
+                type: Input
+            }] } });
+// expo-checkbox: View-like box plus the toggle on the engine node, поэтому только свои пять полей
+// Нет `(valueChange)`: тоггл зовёт `onValueChange` как проп, он не engine-событие с read-back
+export class CheckboxElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CheckboxElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CheckboxElement, isStandalone: true, selector: "checkbox, symbiote-checkbox", inputs: { value: "value", disabled: "disabled", color: "color", onValueChange: "onValueChange" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CheckboxElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'checkbox, symbiote-checkbox', standalone: true }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], onValueChange: [{
+                type: Input
+            }] } });
+export class TextElement extends SymbioteElement {
+    constructor() {
+        super(...arguments);
+        // Narrows the inherited input to a TEXT style so `fontSize`/`fontWeight` type-check here. The
+        // initializer is what TS2612 asks for to accept a redeclaration as deliberate; `declare` would
+        // be the other answer and cannot carry a decorator.
+        this.style = undefined;
+        this.styleProp = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TextElement, isStandalone: true, selector: "text, symbiote-text", inputs: { style: "style", styleProp: "styleProp", numberOfLines: "numberOfLines", ellipsizeMode: "ellipsizeMode", selectable: "selectable", adjustsFontSizeToFit: "adjustsFontSizeToFit", minimumFontScale: "minimumFontScale", allowFontScaling: "allowFontScaling", maxFontSizeMultiplier: "maxFontSizeMultiplier", selectionColor: "selectionColor", disabled: "disabled" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'text, symbiote-text', standalone: true }]
+        }], propDecorators: { style: [{
+                type: Input
+            }], styleProp: [{
+                type: Input
+            }], numberOfLines: [{
+                type: Input
+            }], ellipsizeMode: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], adjustsFontSizeToFit: [{
+                type: Input
+            }], minimumFontScale: [{
+                type: Input
+            }], allowFontScaling: [{
+                type: Input
+            }], maxFontSizeMultiplier: [{
+                type: Input
+            }], selectionColor: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=elements-press.js.map

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

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