@symbiote-native/angular 0.5.0 → 0.6.1

package/build/components/image/shared.js

@@ -1,405 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { imageStatics, renderImage, resolveAccessibilityProps, } from '@symbiote-native/components';
-import { isSymbioteEvent, } from '@symbiote-native/engine';
-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;
-}
-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

@@ -1,78 +0,0 @@
-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>;
-}