communication-react-19
Version:
React library for building modern communication user experiences utilizing Azure Communication Services (React 19 compatible fork)
93 lines • 2.79 kB
TypeScript
import { IButtonStyles, IModalStyleProps, IModalStyles, IStackStyles, IStyle, IStyleFunctionOrObject, Theme } from '@fluentui/react';
import { VideoTileStylesProps } from '../../VideoTile';
/**
* @private
*/
export declare const videoGalleryOuterDivStyle: string;
/**
* @private
*/
export declare const videoGalleryContainerStyle: IStackStyles;
/**
* Small floating modal width and height in rem for small screen
*/
export declare const SMALL_FLOATING_MODAL_SIZE_REM: {
width: number;
height: number;
};
/**
* Large floating modal width and height in rem for large screen
* Aspect ratio: 16:9
*/
export declare const LARGE_FLOATING_MODAL_SIZE_REM: {
width: number;
height: number;
};
/**
* Vertical gallery floating modal width and height in rem
* Aspect ratio: 16:9
*/
export declare const SHORT_VERTICAL_GALLERY_FLOATING_MODAL_SIZE_REM: {
width: number;
height: number;
};
/**
* Vertical gallery floating modal width and height in rem
* Aspect ratio: 16:9
*/
export declare const VERTICAL_GALLERY_FLOATING_MODAL_SIZE_REM: {
width: number;
height: number;
};
/**
* @private
* z-index to ensure that the local video tile is above the video gallery.
*/
export declare const LOCAL_VIDEO_TILE_ZINDEX = 2;
/**
* @private
*/
export declare const localVideoTileContainerStyle: (theme: Theme, localVideoTileSizeRem: {
width: number;
height: number;
}, screenSharePresent?: boolean, overflowGalleryPosition?: 'horizontalBottom' | 'verticalRight' | 'horizontalTop') => IStyle;
/**
* @private
*/
export declare const localVideoTileWithControlsContainerStyle: (theme: Theme, localVideoTileSizeRem: {
width: number;
height: number;
}) => IStackStyles;
/**
* @private
*/
export declare const floatingLocalVideoModalStyle: (theme: Theme, modalSizeRem: {
width: number;
height: number;
}) => IStyleFunctionOrObject<IModalStyleProps, IModalStyles>;
/**
* Initial position gap of the floating local video modal.
* ie. if this is 1rem, then floating local video modal would initially be positioned 1rem from
* the bottom and 1rem from the right.
* @private
*/
export declare const floatinglocalVideoModalInitialPositionGapRem = 1;
/**
* Padding of the docked local video tile container.
* @private
*/
export declare const dockedlocalVideoTileContainerPaddingRem = 0.5;
/**
* @private
*/
export declare const floatingLocalVideoTileStyle: VideoTileStylesProps;
/**
* @private
*/
export declare const localVideoCameraCycleButtonStyles: (theme: Theme) => IButtonStyles;
/**
* Styles for the local video tile modal when it is focused, will cause keyboard move icon to appear over video
* @private
*/
export declare const localVideoModalStyles: Partial<IModalStyles>;
//# sourceMappingURL=FloatingLocalVideo.styles.d.ts.map