@symbiote-native/angular 0.1.0

package/build/components/image/shared.js

@@ -0,0 +1,407 @@
+import { EventEmitter } from '@angular/core';
+import { imageStatics, renderImage, resolveAccessibilityProps, } from '@symbiote-native/components';
+export { setImageSourceResolver } from '@symbiote-native/components';
+export const IMAGE_INPUTS = [
+    'source',
+    'defaultSource',
+    'loadingIndicatorSource',
+    'style',
+    'resizeMode',
+    'resizeMethod',
+    'tintColor',
+    'blurRadius',
+    'capInsets',
+    'fadeDuration',
+    'progressiveRenderingEnabled',
+    'src',
+    'srcSet',
+    'alt',
+    'width',
+    'height',
+    'crossOrigin',
+    'referrerPolicy',
+    'testID',
+    'nativeID',
+    'accessible',
+    'accessibilityLabel',
+    'accessibilityHint',
+    'accessibilityRole',
+    'accessibilityState',
+    'accessibilityValue',
+    'accessibilityActions',
+    'accessibilityLabelledBy',
+    'importantForAccessibility',
+    'accessibilityLiveRegion',
+    'screenReaderFocusable',
+    'accessibilityViewIsModal',
+    'accessibilityElementsHidden',
+    'accessibilityIgnoresInvertColors',
+    'accessibilityLanguage',
+    'accessibilityRespondsToUserInteraction',
+    'accessibilityShowsLargeContentViewer',
+    'accessibilityLargeContentTitle',
+    'role',
+    'ariaLabel: aria-label',
+    'ariaLabelledBy: aria-labelledby',
+    'ariaLive: aria-live',
+    'ariaHidden: aria-hidden',
+    'ariaBusy: aria-busy',
+    'ariaChecked: aria-checked',
+    'ariaDisabled: aria-disabled',
+    'ariaExpanded: aria-expanded',
+    'ariaSelected: aria-selected',
+    'ariaModal: aria-modal',
+    'ariaValueMax: aria-valuemax',
+    'ariaValueMin: aria-valuemin',
+    'ariaValueNow: aria-valuenow',
+    'ariaValueText: aria-valuetext',
+    'onAccessibilityAction',
+    'onAccessibilityTap',
+    'onMagicTap',
+    'onAccessibilityEscape',
+    'onLoadStart',
+    'onLoad',
+    'onLoadEnd',
+    'onError',
+    'onProgress',
+    'onPartialLoad',
+];
+export const IMAGE_OUTPUTS = [
+    'accessibilityAction',
+    'accessibilityTap',
+    'magicTap',
+    'accessibilityEscape',
+    'loadStart',
+    'load',
+    'loadEnd',
+    'error',
+    'progress',
+    'partialLoad',
+];
+function asSource(value) {
+    if (typeof value === 'number')
+        return value;
+    if (typeof value === 'object' && value !== null)
+        return value;
+    return undefined;
+}
+function asResizeMode(value) {
+    if (value === 'cover' ||
+        value === 'contain' ||
+        value === 'stretch' ||
+        value === 'repeat' ||
+        value === 'center') {
+        return value;
+    }
+    return undefined;
+}
+function asString(value) {
+    return typeof value === 'string' ? value : undefined;
+}
+function asNumber(value) {
+    return typeof value === 'number' ? value : undefined;
+}
+function asCrossOrigin(value) {
+    return value === 'anonymous' || value === 'use-credentials' ? value : undefined;
+}
+function asStyle(value) {
+    return typeof value === 'object' && value !== null ? value : undefined;
+}
+function isSymbioteEvent(value) {
+    return typeof value === 'object' && value !== null && Reflect.has(value, 'nativeEvent');
+}
+export function resolveImageProps(input) {
+    const passthrough = {
+        resizeMethod: input['resizeMethod'],
+        blurRadius: asNumber(input['blurRadius']),
+        capInsets: input['capInsets'],
+        fadeDuration: asNumber(input['fadeDuration']),
+        progressiveRenderingEnabled: typeof input['progressiveRenderingEnabled'] === 'boolean'
+            ? input['progressiveRenderingEnabled']
+            : undefined,
+        testID: asString(input['testID']),
+        nativeID: asString(input['nativeID']),
+        accessible: typeof input['accessible'] === 'boolean' ? input['accessible'] : undefined,
+        accessibilityLabel: asString(input['accessibilityLabel']),
+        accessibilityHint: asString(input['accessibilityHint']),
+        accessibilityRole: input['accessibilityRole'],
+        accessibilityState: input['accessibilityState'],
+        accessibilityValue: input['accessibilityValue'],
+        accessibilityActions: input['accessibilityActions'],
+        accessibilityLabelledBy: input['accessibilityLabelledBy'],
+        importantForAccessibility: input['importantForAccessibility'],
+        accessibilityLiveRegion: input['accessibilityLiveRegion'],
+        screenReaderFocusable: typeof input['screenReaderFocusable'] === 'boolean'
+            ? input['screenReaderFocusable']
+            : undefined,
+        accessibilityViewIsModal: typeof input['accessibilityViewIsModal'] === 'boolean'
+            ? input['accessibilityViewIsModal']
+            : undefined,
+        accessibilityElementsHidden: typeof input['accessibilityElementsHidden'] === 'boolean'
+            ? input['accessibilityElementsHidden']
+            : undefined,
+        accessibilityIgnoresInvertColors: typeof input['accessibilityIgnoresInvertColors'] === 'boolean'
+            ? input['accessibilityIgnoresInvertColors']
+            : undefined,
+        accessibilityLanguage: asString(input['accessibilityLanguage']),
+        accessibilityRespondsToUserInteraction: typeof input['accessibilityRespondsToUserInteraction'] === 'boolean'
+            ? input['accessibilityRespondsToUserInteraction']
+            : undefined,
+        accessibilityShowsLargeContentViewer: typeof input['accessibilityShowsLargeContentViewer'] === 'boolean'
+            ? input['accessibilityShowsLargeContentViewer']
+            : undefined,
+        accessibilityLargeContentTitle: asString(input['accessibilityLargeContentTitle']),
+        role: input['role'],
+        'aria-label': asString(input['ariaLabel'] ?? input['aria-label']),
+        'aria-labelledby': asString(input['ariaLabelledBy'] ?? input['aria-labelledby']),
+        'aria-live': input['ariaLive'],
+        'aria-hidden': typeof input['ariaHidden'] === 'boolean' ? input['ariaHidden'] : undefined,
+        'aria-busy': typeof input['ariaBusy'] === 'boolean' ? input['ariaBusy'] : undefined,
+        'aria-checked': input['ariaChecked'],
+        'aria-disabled': typeof input['ariaDisabled'] === 'boolean' ? input['ariaDisabled'] : undefined,
+        'aria-expanded': typeof input['ariaExpanded'] === 'boolean' ? input['ariaExpanded'] : undefined,
+        'aria-selected': typeof input['ariaSelected'] === 'boolean' ? input['ariaSelected'] : undefined,
+        'aria-modal': typeof input['ariaModal'] === 'boolean' ? input['ariaModal'] : undefined,
+        'aria-valuemax': asNumber(input['ariaValueMax']),
+        'aria-valuemin': asNumber(input['ariaValueMin']),
+        'aria-valuenow': asNumber(input['ariaValueNow']),
+        'aria-valuetext': asString(input['ariaValueText']),
+        onAccessibilityAction: input['onAccessibilityAction'],
+        onAccessibilityTap: input['onAccessibilityTap'],
+        onMagicTap: input['onMagicTap'],
+        onAccessibilityEscape: input['onAccessibilityEscape'],
+        onLoadStart: input['onLoadStart'],
+        onLoad: input['onLoad'],
+        onLoadEnd: input['onLoadEnd'],
+        onError: input['onError'],
+        onProgress: input['onProgress'],
+        onPartialLoad: input['onPartialLoad'],
+    };
+    return renderImage({
+        source: asSource(input['source']),
+        defaultSource: asSource(input['defaultSource']),
+        loadingIndicatorSource: asSource(input['loadingIndicatorSource']),
+        style: asStyle(input['style']),
+        resizeMode: asResizeMode(input['resizeMode']),
+        tintColor: asString(input['tintColor']),
+        src: asString(input['src']),
+        srcSet: asString(input['srcSet']),
+        alt: asString(input['alt']),
+        width: asNumber(input['width']),
+        height: asNumber(input['height']),
+        crossOrigin: asCrossOrigin(input['crossOrigin']),
+        referrerPolicy: asString(input['referrerPolicy']),
+        passthrough: resolveAccessibilityProps(passthrough),
+    }).props;
+}
+export class ImageBase {
+    static getSize = imageStatics.getSize;
+    static getSizeWithHeaders = imageStatics.getSizeWithHeaders;
+    static prefetch = imageStatics.prefetch;
+    static abortPrefetch = imageStatics.abortPrefetch;
+    static queryCache = imageStatics.queryCache;
+    static resolveAssetSource = imageStatics.resolveAssetSource;
+    source;
+    defaultSource;
+    loadingIndicatorSource;
+    style;
+    resizeMode;
+    resizeMethod;
+    tintColor;
+    blurRadius;
+    capInsets;
+    fadeDuration;
+    progressiveRenderingEnabled;
+    src;
+    srcSet;
+    alt;
+    width;
+    height;
+    crossOrigin;
+    referrerPolicy;
+    testID;
+    nativeID;
+    accessible;
+    accessibilityLabel;
+    accessibilityHint;
+    accessibilityRole;
+    accessibilityState;
+    accessibilityValue;
+    accessibilityActions;
+    accessibilityLabelledBy;
+    importantForAccessibility;
+    accessibilityLiveRegion;
+    screenReaderFocusable;
+    accessibilityViewIsModal;
+    accessibilityElementsHidden;
+    accessibilityIgnoresInvertColors;
+    accessibilityLanguage;
+    accessibilityRespondsToUserInteraction;
+    accessibilityShowsLargeContentViewer;
+    accessibilityLargeContentTitle;
+    role;
+    ariaLabel;
+    ariaLabelledBy;
+    ariaLive;
+    ariaHidden;
+    ariaBusy;
+    ariaChecked;
+    ariaDisabled;
+    ariaExpanded;
+    ariaSelected;
+    ariaModal;
+    ariaValueMax;
+    ariaValueMin;
+    ariaValueNow;
+    ariaValueText;
+    onAccessibilityAction;
+    onAccessibilityTap;
+    onMagicTap;
+    onAccessibilityEscape;
+    onLoadStart;
+    onLoad;
+    onLoadEnd;
+    onError;
+    onProgress;
+    onPartialLoad;
+    accessibilityAction = new EventEmitter();
+    accessibilityTap = new EventEmitter();
+    magicTap = new EventEmitter();
+    accessibilityEscape = new EventEmitter();
+    loadStart = new EventEmitter();
+    load = new EventEmitter();
+    loadEnd = new EventEmitter();
+    error = new EventEmitter();
+    progress = new EventEmitter();
+    partialLoad = new EventEmitter();
+    handleAccessibilityAction(event) {
+        if (!isSymbioteEvent(event))
+            return;
+        this.onAccessibilityAction?.(event);
+        this.accessibilityAction.emit(event);
+    }
+    handleAccessibilityTap(event) {
+        if (!isSymbioteEvent(event))
+            return;
+        this.onAccessibilityTap?.(event);
+        this.accessibilityTap.emit(event);
+    }
+    handleMagicTap(event) {
+        if (!isSymbioteEvent(event))
+            return;
+        this.onMagicTap?.(event);
+        this.magicTap.emit(event);
+    }
+    handleAccessibilityEscape(event) {
+        if (!isSymbioteEvent(event))
+            return;
+        this.onAccessibilityEscape?.(event);
+        this.accessibilityEscape.emit(event);
+    }
+    handleLoadStart(event) {
+        if (!isSymbioteEvent(event))
+            return;
+        this.onLoadStart?.(event);
+        this.loadStart.emit(event);
+    }
+    handleLoad(event) {
+        if (!isSymbioteEvent(event))
+            return;
+        this.onLoad?.(event);
+        this.load.emit(event);
+    }
+    handleLoadEnd(event) {
+        if (!isSymbioteEvent(event))
+            return;
+        this.onLoadEnd?.(event);
+        this.loadEnd.emit(event);
+    }
+    handleError(event) {
+        if (!isSymbioteEvent(event))
+            return;
+        this.onError?.(event);
+        this.error.emit(event);
+    }
+    handleProgress(event) {
+        if (!isSymbioteEvent(event))
+            return;
+        this.onProgress?.(event);
+        this.progress.emit(event);
+    }
+    handlePartialLoad(event) {
+        if (!isSymbioteEvent(event))
+            return;
+        this.onPartialLoad?.(event);
+        this.partialLoad.emit(event);
+    }
+    get imageInputProps() {
+        return {
+            source: this.source,
+            defaultSource: this.defaultSource,
+            loadingIndicatorSource: this.loadingIndicatorSource,
+            style: this.style,
+            resizeMode: this.resizeMode,
+            resizeMethod: this.resizeMethod,
+            tintColor: this.tintColor,
+            blurRadius: this.blurRadius,
+            capInsets: this.capInsets,
+            fadeDuration: this.fadeDuration,
+            progressiveRenderingEnabled: this.progressiveRenderingEnabled,
+            src: this.src,
+            srcSet: this.srcSet,
+            alt: this.alt,
+            width: this.width,
+            height: this.height,
+            crossOrigin: this.crossOrigin,
+            referrerPolicy: this.referrerPolicy,
+            testID: this.testID,
+            nativeID: this.nativeID,
+            accessible: this.accessible,
+            accessibilityLabel: this.accessibilityLabel,
+            accessibilityHint: this.accessibilityHint,
+            accessibilityRole: this.accessibilityRole,
+            accessibilityState: this.accessibilityState,
+            accessibilityValue: this.accessibilityValue,
+            accessibilityActions: this.accessibilityActions,
+            accessibilityLabelledBy: this.accessibilityLabelledBy,
+            importantForAccessibility: this.importantForAccessibility,
+            accessibilityLiveRegion: this.accessibilityLiveRegion,
+            screenReaderFocusable: this.screenReaderFocusable,
+            accessibilityViewIsModal: this.accessibilityViewIsModal,
+            accessibilityElementsHidden: this.accessibilityElementsHidden,
+            accessibilityIgnoresInvertColors: this.accessibilityIgnoresInvertColors,
+            accessibilityLanguage: this.accessibilityLanguage,
+            accessibilityRespondsToUserInteraction: this.accessibilityRespondsToUserInteraction,
+            accessibilityShowsLargeContentViewer: this.accessibilityShowsLargeContentViewer,
+            accessibilityLargeContentTitle: this.accessibilityLargeContentTitle,
+            role: this.role,
+            ariaLabel: this.ariaLabel,
+            ariaLabelledBy: this.ariaLabelledBy,
+            ariaLive: this.ariaLive,
+            ariaHidden: this.ariaHidden,
+            ariaBusy: this.ariaBusy,
+            ariaChecked: this.ariaChecked,
+            ariaDisabled: this.ariaDisabled,
+            ariaExpanded: this.ariaExpanded,
+            ariaSelected: this.ariaSelected,
+            ariaModal: this.ariaModal,
+            ariaValueMax: this.ariaValueMax,
+            ariaValueMin: this.ariaValueMin,
+            ariaValueNow: this.ariaValueNow,
+            ariaValueText: this.ariaValueText,
+            onAccessibilityAction: this.onAccessibilityAction,
+            onAccessibilityTap: this.onAccessibilityTap,
+            onMagicTap: this.onMagicTap,
+            onAccessibilityEscape: this.onAccessibilityEscape,
+            onLoadStart: this.onLoadStart,
+            onLoad: this.onLoad,
+            onLoadEnd: this.onLoadEnd,
+            onError: this.onError,
+            onProgress: this.onProgress,
+            onPartialLoad: this.onPartialLoad,
+        };
+    }
+    get imageProps() {
+        return resolveImageProps(this.imageInputProps);
+    }
+}

package/build/components/image-background.d.ts

@@ -0,0 +1,78 @@
+import { EventEmitter } from '@angular/core';
+import { type IAccessibilityProps, type IAccessibilityStateValue, type IAriaProps, type IImageProps, type IImageSourceProp, type IResizeMode } from '@symbiote-native/components';
+import { type IStyleProp, type ISymbioteEvent, type IViewStyle } from '@symbiote-native/engine';
+export interface IAngularImageBackgroundProps extends Omit<IImageProps, 'style'> {
+    style?: IStyleProp<IViewStyle>;
+    imageStyle?: IStyleProp<IViewStyle> | string;
+}
+export type IAngularImageBackgroundInputs = Omit<IAngularImageBackgroundProps, 'onAccessibilityAction' | 'onAccessibilityTap' | 'onMagicTap' | 'onAccessibilityEscape' | 'onLoadStart' | 'onLoad' | 'onLoadEnd' | 'onError' | 'onProgress' | 'onPartialLoad'>;
+export declare class ImageBackground implements IAngularImageBackgroundInputs {
+    readonly accessibilityAction: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityTap: EventEmitter<ISymbioteEvent>;
+    readonly magicTap: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityEscape: EventEmitter<ISymbioteEvent>;
+    readonly loadStart: EventEmitter<ISymbioteEvent>;
+    readonly load: EventEmitter<ISymbioteEvent>;
+    readonly loadEnd: EventEmitter<ISymbioteEvent>;
+    readonly error: EventEmitter<ISymbioteEvent>;
+    readonly progress: EventEmitter<ISymbioteEvent>;
+    readonly partialLoad: EventEmitter<ISymbioteEvent>;
+    source?: IImageSourceProp;
+    defaultSource?: IImageSourceProp;
+    loadingIndicatorSource?: IImageSourceProp;
+    style?: IStyleProp<IViewStyle>;
+    imageStyleValue?: IStyleProp<IViewStyle> | string;
+    resizeMode?: IResizeMode;
+    resizeMethod?: IImageProps['resizeMethod'];
+    tintColor?: string;
+    blurRadius?: number;
+    capInsets?: IImageProps['capInsets'];
+    fadeDuration?: number;
+    progressiveRenderingEnabled?: boolean;
+    src?: string;
+    srcSet?: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    referrerPolicy?: string;
+    testID?: string;
+    nativeID?: string;
+    accessible?: boolean;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    accessibilityRole?: IAccessibilityProps['accessibilityRole'];
+    accessibilityState?: IAccessibilityStateValue;
+    accessibilityValue?: IAccessibilityProps['accessibilityValue'];
+    accessibilityActions?: IAccessibilityProps['accessibilityActions'];
+    accessibilityLabelledBy?: string | string[];
+    importantForAccessibility?: IAccessibilityProps['importantForAccessibility'];
+    accessibilityLiveRegion?: IAccessibilityProps['accessibilityLiveRegion'];
+    screenReaderFocusable?: boolean;
+    accessibilityViewIsModal?: boolean;
+    accessibilityElementsHidden?: boolean;
+    accessibilityIgnoresInvertColors?: boolean;
+    accessibilityLanguage?: string;
+    accessibilityRespondsToUserInteraction?: boolean;
+    accessibilityShowsLargeContentViewer?: boolean;
+    accessibilityLargeContentTitle?: string;
+    role?: IAriaProps['role'];
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaLive?: IAriaProps['aria-live'];
+    ariaHidden?: boolean;
+    ariaBusy?: boolean;
+    ariaChecked?: boolean | 'mixed';
+    ariaDisabled?: boolean;
+    ariaExpanded?: boolean;
+    ariaSelected?: boolean;
+    ariaModal?: boolean;
+    ariaValueMax?: number;
+    ariaValueMin?: number;
+    ariaValueNow?: number;
+    ariaValueText?: string;
+    private readonly elementRef;
+    get wrapperStyle(): unknown;
+    get imageStyle(): IStyleProp<IViewStyle> | undefined;
+    get folded(): Partial<IAngularImageBackgroundProps>;
+}