mediasfu-angular
Version:
mediasfu-angular - Angular 17/18/19 WebRTC SDK for video conferencing, webinars, broadcasts, live streaming, chat, recording, whiteboard, and AI agents. Prebuilt rooms and fully custom UIs.
1,219 lines (1,218 loc) • 43.9 kB
TypeScript
import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
import { ModifySettings, ModifySettingsOptions } from '../../../methods/settings-methods/modify-settings.service';
import { Socket } from 'socket.io-client';
import { ShowAlert } from '../../../@types/types';
import * as i0 from "@angular/core";
export interface EventSettingsModalOptions {
isEventSettingsModalVisible: boolean;
onEventSettingsClose: () => void;
onModifyEventSettings?: (options: ModifySettingsOptions) => Promise<void>;
position?: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
backgroundColor?: string;
audioSetting: string;
videoSetting: string;
screenshareSetting: string;
chatSetting: string;
updateAudioSetting: (setting: string) => void;
updateVideoSetting: (setting: string) => void;
updateScreenshareSetting: (setting: string) => void;
updateChatSetting: (setting: string) => void;
updateIsSettingsModalVisible: (isVisible: boolean) => void;
roomName: string;
socket: Socket;
showAlert?: ShowAlert;
overlayStyle?: Partial<CSSStyleDeclaration>;
contentStyle?: Partial<CSSStyleDeclaration>;
customTemplate?: any;
}
export type EventSettingsModalType = (options: EventSettingsModalOptions) => HTMLElement;
/**
* EventSettingsModal - Modal for configuring room-wide event permissions (host only)
*
* @component
* @description
* Provides host/admin controls for managing participant permissions: audio, video, screenshare, and chat.
* Settings are saved to the room and enforced for all participants.
*
* Supports three levels of customization:
* 1. **Basic Usage**: Use default modal UI with permission toggles and save functionality
* 2. **Style Customization**: Override modal appearance with overlayStyle and contentStyle
* 3. **Full Override**: Provide a custom template via customTemplate for complete control
*
* Key Features:
* - Audio permission control (allow/disallow, allow but muted)
* - Video permission control (allow/disallow, allow but off)
* - Screenshare permission control (allow/disallow, allow certain roles)
* - Chat permission control (allow/disallow, allow only host)
* - Socket-based setting persistence
*
* @example
* Basic Usage:
* ```html
* <app-event-settings-modal
* [isEventSettingsModalVisible]="showEventSettings"
* [audioSetting]="currentAudioSetting"
* [videoSetting]="currentVideoSetting"
* [screenshareSetting]="currentScreenshareSetting"
* [chatSetting]="currentChatSetting"
* [roomName]="currentRoom"
* [socket]="socketInstance"
* [updateAudioSetting]="setAudioSetting"
* [updateVideoSetting]="setVideoSetting"
* [updateScreenshareSetting]="setScreenshareSetting"
* [updateChatSetting]="setChatSetting"
* [onEventSettingsClose]="closeEventSettings">
* </app-event-settings-modal>
* ```
*
* @example
* Style Customization:
* ```html
* <app-event-settings-modal
* [isEventSettingsModalVisible]="showEventSettings"
* [audioSetting]="currentAudioSetting"
* [videoSetting]="currentVideoSetting"
* [screenshareSetting]="currentScreenshareSetting"
* [chatSetting]="currentChatSetting"
* [roomName]="currentRoom"
* [socket]="socketInstance"
* [overlayStyle]="{
* backgroundColor: 'rgba(0, 0, 0, 0.8)'
* }"
* [contentStyle]="{
* backgroundColor: '#1e1e1e',
* borderRadius: '12px',
* padding: '25px'
* }"
* [backgroundColor]="'#2c3e50'"
* [position]="'center'"
* [onEventSettingsClose]="closeEventSettings">
* </app-event-settings-modal>
* ```
*
* @example
* Custom Template Override:
* ```html
* <app-event-settings-modal
* [isEventSettingsModalVisible]="showEventSettings"
* [customTemplate]="customSettingsTemplate"
* [onEventSettingsClose]="closeEventSettings">
* </app-event-settings-modal>
*
* <ng-template #customSettingsTemplate let-audioSetting="audioSetting" let-videoSetting="videoSetting" let-onSave="onSave">
* <div class="custom-settings">
* <h3>Room Permissions</h3>
* <label>
* Audio:
* <select [(ngModel)]="audioSetting">
* <option value="allow">Allow</option>
* <option value="disallow">Disallow</option>
* </select>
* </label>
* <label>
* Video:
* <select [(ngModel)]="videoSetting">
* <option value="allow">Allow</option>
* <option value="disallow">Disallow</option>
* </select>
* </label>
* <button (click)="onSave()">Save Settings</button>
* </div>
* </ng-template>
* ```
*
* @selector app-event-settings-modal
* @standalone true
* @imports CommonModule, FontAwesomeModule, FormsModule
*
* @input isEventSettingsModalVisible - Whether the modal is currently visible. Default: `false`
* @input onEventSettingsClose - Callback function to close the modal. Default: `() => {}`
* @input onModifyEventSettings - Callback to save modified settings. Default: `modifySettingsService.modifySettings`
* @input position - Modal position on screen ('topLeft', 'topRight', 'bottomLeft', 'bottomRight'). Default: `'topRight'`
* @input backgroundColor - Background color of the modal content. Default: `'#83c0e9'`
* @input audioSetting - Current audio permission setting. Default: `''`
* @input videoSetting - Current video permission setting. Default: `''`
* @input screenshareSetting - Current screenshare permission setting. Default: `''`
* @input chatSetting - Current chat permission setting. Default: `''`
* @input updateAudioSetting - Function to update audio setting state. Default: `() => {}`
* @input updateVideoSetting - Function to update video setting state. Default: `() => {}`
* @input updateScreenshareSetting - Function to update screenshare setting state. Default: `() => {}`
* @input updateChatSetting - Function to update chat setting state. Default: `() => {}`
* @input updateIsSettingsModalVisible - Function to update modal visibility. Default: `() => {}`
* @input roomName - Name of the room/session. Default: `''`
* @input socket - Socket.io client instance for real-time communication. Default: `undefined`
* @input showAlert - Optional alert function for displaying success/error messages. Default: `undefined`
* @input overlayStyle - Custom CSS styles for the modal overlay backdrop. Default: `undefined`
* @input contentStyle - Custom CSS styles for the modal content container. Default: `undefined`
* @input customTemplate - Custom TemplateRef to completely replace default modal template. Default: `undefined`
*
* @method ngOnInit - Initializes component and sets up default modify settings handler
* @method ngOnChanges - Updates internal setting states when modal visibility changes
* @method updateStatesFromParameters - Synchronizes internal states with input props
* @method handleSaveSettings - Saves modified settings via socket and closes modal
* @method closeModal - Closes the modal via onEventSettingsClose callback
* @method getCombinedOverlayStyle - Merges default and custom overlay styles
* @method getCombinedContentStyle - Merges default and custom content styles
* @method getModalContentStyle - Returns computed content styles with positioning
*/
export declare class EventSettingsModal implements OnInit, OnChanges {
private modifySettingsService;
isEventSettingsModalVisible: boolean;
onEventSettingsClose: () => void;
onModifyEventSettings: (options: ModifySettingsOptions) => Promise<void>;
position: string;
backgroundColor: string;
audioSetting: string;
videoSetting: string;
screenshareSetting: string;
chatSetting: string;
updateAudioSetting: (setting: string) => void;
updateVideoSetting: (setting: string) => void;
updateScreenshareSetting: (setting: string) => void;
updateChatSetting: (setting: string) => void;
updateIsSettingsModalVisible: (isVisible: boolean) => void;
roomName: string;
socket: Socket;
showAlert?: ShowAlert;
overlayStyle?: Partial<CSSStyleDeclaration>;
contentStyle?: Partial<CSSStyleDeclaration>;
customTemplate?: any;
audioState: string;
videoState: string;
screenshareState: string;
chatState: string;
faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
constructor(modifySettingsService: ModifySettings);
ngOnInit(): void;
ngOnChanges(changes: SimpleChanges): void;
updateStatesFromParameters(): void;
getModalContentStyle(): {
backgroundColor: string;
borderRadius: string;
padding: string;
width: string;
maxHeight: string;
overflowY: string;
top: string;
bottom: string;
left: string;
right: string;
};
handleSaveSettings(): Promise<void>;
closeModal(): void;
getCombinedOverlayStyle(): {
[x: number]: string;
accentColor?: string;
alignContent?: string;
alignItems?: string;
alignSelf?: string;
alignmentBaseline?: string;
all?: string;
animation?: string;
animationComposition?: string;
animationDelay?: string;
animationDirection?: string;
animationDuration?: string;
animationFillMode?: string;
animationIterationCount?: string;
animationName?: string;
animationPlayState?: string;
animationTimingFunction?: string;
appearance?: string;
aspectRatio?: string;
backdropFilter?: string;
backfaceVisibility?: string;
background?: string;
backgroundAttachment?: string;
backgroundBlendMode?: string;
backgroundClip?: string;
backgroundColor?: string;
backgroundImage?: string;
backgroundOrigin?: string;
backgroundPosition?: string;
backgroundPositionX?: string;
backgroundPositionY?: string;
backgroundRepeat?: string;
backgroundSize?: string;
baselineShift?: string;
baselineSource?: string;
blockSize?: string;
border?: string;
borderBlock?: string;
borderBlockColor?: string;
borderBlockEnd?: string;
borderBlockEndColor?: string;
borderBlockEndStyle?: string;
borderBlockEndWidth?: string;
borderBlockStart?: string;
borderBlockStartColor?: string;
borderBlockStartStyle?: string;
borderBlockStartWidth?: string;
borderBlockStyle?: string;
borderBlockWidth?: string;
borderBottom?: string;
borderBottomColor?: string;
borderBottomLeftRadius?: string;
borderBottomRightRadius?: string;
borderBottomStyle?: string;
borderBottomWidth?: string;
borderCollapse?: string;
borderColor?: string;
borderEndEndRadius?: string;
borderEndStartRadius?: string;
borderImage?: string;
borderImageOutset?: string;
borderImageRepeat?: string;
borderImageSlice?: string;
borderImageSource?: string;
borderImageWidth?: string;
borderInline?: string;
borderInlineColor?: string;
borderInlineEnd?: string;
borderInlineEndColor?: string;
borderInlineEndStyle?: string;
borderInlineEndWidth?: string;
borderInlineStart?: string;
borderInlineStartColor?: string;
borderInlineStartStyle?: string;
borderInlineStartWidth?: string;
borderInlineStyle?: string;
borderInlineWidth?: string;
borderLeft?: string;
borderLeftColor?: string;
borderLeftStyle?: string;
borderLeftWidth?: string;
borderRadius?: string;
borderRight?: string;
borderRightColor?: string;
borderRightStyle?: string;
borderRightWidth?: string;
borderSpacing?: string;
borderStartEndRadius?: string;
borderStartStartRadius?: string;
borderStyle?: string;
borderTop?: string;
borderTopColor?: string;
borderTopLeftRadius?: string;
borderTopRightRadius?: string;
borderTopStyle?: string;
borderTopWidth?: string;
borderWidth?: string;
bottom?: string;
boxShadow?: string;
boxSizing?: string;
breakAfter?: string;
breakBefore?: string;
breakInside?: string;
captionSide?: string;
caretColor?: string;
clear?: string;
clip?: string;
clipPath?: string;
clipRule?: string;
color?: string;
colorInterpolation?: string;
colorInterpolationFilters?: string;
colorScheme?: string;
columnCount?: string;
columnFill?: string;
columnGap?: string;
columnRule?: string;
columnRuleColor?: string;
columnRuleStyle?: string;
columnRuleWidth?: string;
columnSpan?: string;
columnWidth?: string;
columns?: string;
contain?: string;
containIntrinsicBlockSize?: string;
containIntrinsicHeight?: string;
containIntrinsicInlineSize?: string;
containIntrinsicSize?: string;
containIntrinsicWidth?: string;
container?: string;
containerName?: string;
containerType?: string;
content?: string;
contentVisibility?: string;
counterIncrement?: string;
counterReset?: string;
counterSet?: string;
cssFloat?: string;
cssText?: string;
cursor?: string;
cx?: string;
cy?: string;
d?: string;
direction?: string;
display?: string;
dominantBaseline?: string;
emptyCells?: string;
fill?: string;
fillOpacity?: string;
fillRule?: string;
filter?: string;
flex?: string;
flexBasis?: string;
flexDirection?: string;
flexFlow?: string;
flexGrow?: string;
flexShrink?: string;
flexWrap?: string;
float?: string;
floodColor?: string;
floodOpacity?: string;
font?: string;
fontFamily?: string;
fontFeatureSettings?: string;
fontKerning?: string;
fontOpticalSizing?: string;
fontPalette?: string;
fontSize?: string;
fontSizeAdjust?: string;
fontStretch?: string;
fontStyle?: string;
fontSynthesis?: string;
fontSynthesisSmallCaps?: string;
fontSynthesisStyle?: string;
fontSynthesisWeight?: string;
fontVariant?: string;
fontVariantAlternates?: string;
fontVariantCaps?: string;
fontVariantEastAsian?: string;
fontVariantLigatures?: string;
fontVariantNumeric?: string;
fontVariantPosition?: string;
fontVariationSettings?: string;
fontWeight?: string;
forcedColorAdjust?: string;
gap?: string;
grid?: string;
gridArea?: string;
gridAutoColumns?: string;
gridAutoFlow?: string;
gridAutoRows?: string;
gridColumn?: string;
gridColumnEnd?: string;
gridColumnGap?: string;
gridColumnStart?: string;
gridGap?: string;
gridRow?: string;
gridRowEnd?: string;
gridRowGap?: string;
gridRowStart?: string;
gridTemplate?: string;
gridTemplateAreas?: string;
gridTemplateColumns?: string;
gridTemplateRows?: string;
height?: string;
hyphenateCharacter?: string;
hyphens?: string;
imageOrientation?: string;
imageRendering?: string;
inlineSize?: string;
inset?: string;
insetBlock?: string;
insetBlockEnd?: string;
insetBlockStart?: string;
insetInline?: string;
insetInlineEnd?: string;
insetInlineStart?: string;
isolation?: string;
justifyContent?: string;
justifyItems?: string;
justifySelf?: string;
left?: string;
length?: number;
letterSpacing?: string;
lightingColor?: string;
lineBreak?: string;
lineHeight?: string;
listStyle?: string;
listStyleImage?: string;
listStylePosition?: string;
listStyleType?: string;
margin?: string;
marginBlock?: string;
marginBlockEnd?: string;
marginBlockStart?: string;
marginBottom?: string;
marginInline?: string;
marginInlineEnd?: string;
marginInlineStart?: string;
marginLeft?: string;
marginRight?: string;
marginTop?: string;
marker?: string;
markerEnd?: string;
markerMid?: string;
markerStart?: string;
mask?: string;
maskClip?: string;
maskComposite?: string;
maskImage?: string;
maskMode?: string;
maskOrigin?: string;
maskPosition?: string;
maskRepeat?: string;
maskSize?: string;
maskType?: string;
mathDepth?: string;
mathStyle?: string;
maxBlockSize?: string;
maxHeight?: string;
maxInlineSize?: string;
maxWidth?: string;
minBlockSize?: string;
minHeight?: string;
minInlineSize?: string;
minWidth?: string;
mixBlendMode?: string;
objectFit?: string;
objectPosition?: string;
offset?: string;
offsetAnchor?: string;
offsetDistance?: string;
offsetPath?: string;
offsetPosition?: string;
offsetRotate?: string;
opacity?: string;
order?: string;
orphans?: string;
outline?: string;
outlineColor?: string;
outlineOffset?: string;
outlineStyle?: string;
outlineWidth?: string;
overflow?: string;
overflowAnchor?: string;
overflowClipMargin?: string;
overflowWrap?: string;
overflowX?: string;
overflowY?: string;
overscrollBehavior?: string;
overscrollBehaviorBlock?: string;
overscrollBehaviorInline?: string;
overscrollBehaviorX?: string;
overscrollBehaviorY?: string;
padding?: string;
paddingBlock?: string;
paddingBlockEnd?: string;
paddingBlockStart?: string;
paddingBottom?: string;
paddingInline?: string;
paddingInlineEnd?: string;
paddingInlineStart?: string;
paddingLeft?: string;
paddingRight?: string;
paddingTop?: string;
page?: string;
pageBreakAfter?: string;
pageBreakBefore?: string;
pageBreakInside?: string;
paintOrder?: string;
parentRule?: CSSRule | null;
perspective?: string;
perspectiveOrigin?: string;
placeContent?: string;
placeItems?: string;
placeSelf?: string;
pointerEvents?: string;
position?: string;
printColorAdjust?: string;
quotes?: string;
r?: string;
resize?: string;
right?: string;
rotate?: string;
rowGap?: string;
rubyPosition?: string;
rx?: string;
ry?: string;
scale?: string;
scrollBehavior?: string;
scrollMargin?: string;
scrollMarginBlock?: string;
scrollMarginBlockEnd?: string;
scrollMarginBlockStart?: string;
scrollMarginBottom?: string;
scrollMarginInline?: string;
scrollMarginInlineEnd?: string;
scrollMarginInlineStart?: string;
scrollMarginLeft?: string;
scrollMarginRight?: string;
scrollMarginTop?: string;
scrollPadding?: string;
scrollPaddingBlock?: string;
scrollPaddingBlockEnd?: string;
scrollPaddingBlockStart?: string;
scrollPaddingBottom?: string;
scrollPaddingInline?: string;
scrollPaddingInlineEnd?: string;
scrollPaddingInlineStart?: string;
scrollPaddingLeft?: string;
scrollPaddingRight?: string;
scrollPaddingTop?: string;
scrollSnapAlign?: string;
scrollSnapStop?: string;
scrollSnapType?: string;
scrollbarColor?: string;
scrollbarGutter?: string;
scrollbarWidth?: string;
shapeImageThreshold?: string;
shapeMargin?: string;
shapeOutside?: string;
shapeRendering?: string;
stopColor?: string;
stopOpacity?: string;
stroke?: string;
strokeDasharray?: string;
strokeDashoffset?: string;
strokeLinecap?: string;
strokeLinejoin?: string;
strokeMiterlimit?: string;
strokeOpacity?: string;
strokeWidth?: string;
tabSize?: string;
tableLayout?: string;
textAlign?: string;
textAlignLast?: string;
textAnchor?: string;
textCombineUpright?: string;
textDecoration?: string;
textDecorationColor?: string;
textDecorationLine?: string;
textDecorationSkipInk?: string;
textDecorationStyle?: string;
textDecorationThickness?: string;
textEmphasis?: string;
textEmphasisColor?: string;
textEmphasisPosition?: string;
textEmphasisStyle?: string;
textIndent?: string;
textOrientation?: string;
textOverflow?: string;
textRendering?: string;
textShadow?: string;
textTransform?: string;
textUnderlineOffset?: string;
textUnderlinePosition?: string;
textWrap?: string;
textWrapMode?: string;
textWrapStyle?: string;
top?: string;
touchAction?: string;
transform?: string;
transformBox?: string;
transformOrigin?: string;
transformStyle?: string;
transition?: string;
transitionBehavior?: string;
transitionDelay?: string;
transitionDuration?: string;
transitionProperty?: string;
transitionTimingFunction?: string;
translate?: string;
unicodeBidi?: string;
userSelect?: string;
vectorEffect?: string;
verticalAlign?: string;
visibility?: string;
webkitAlignContent?: string;
webkitAlignItems?: string;
webkitAlignSelf?: string;
webkitAnimation?: string;
webkitAnimationDelay?: string;
webkitAnimationDirection?: string;
webkitAnimationDuration?: string;
webkitAnimationFillMode?: string;
webkitAnimationIterationCount?: string;
webkitAnimationName?: string;
webkitAnimationPlayState?: string;
webkitAnimationTimingFunction?: string;
webkitAppearance?: string;
webkitBackfaceVisibility?: string;
webkitBackgroundClip?: string;
webkitBackgroundOrigin?: string;
webkitBackgroundSize?: string;
webkitBorderBottomLeftRadius?: string;
webkitBorderBottomRightRadius?: string;
webkitBorderRadius?: string;
webkitBorderTopLeftRadius?: string;
webkitBorderTopRightRadius?: string;
webkitBoxAlign?: string;
webkitBoxFlex?: string;
webkitBoxOrdinalGroup?: string;
webkitBoxOrient?: string;
webkitBoxPack?: string;
webkitBoxShadow?: string;
webkitBoxSizing?: string;
webkitFilter?: string;
webkitFlex?: string;
webkitFlexBasis?: string;
webkitFlexDirection?: string;
webkitFlexFlow?: string;
webkitFlexGrow?: string;
webkitFlexShrink?: string;
webkitFlexWrap?: string;
webkitJustifyContent?: string;
webkitLineClamp?: string;
webkitMask?: string;
webkitMaskBoxImage?: string;
webkitMaskBoxImageOutset?: string;
webkitMaskBoxImageRepeat?: string;
webkitMaskBoxImageSlice?: string;
webkitMaskBoxImageSource?: string;
webkitMaskBoxImageWidth?: string;
webkitMaskClip?: string;
webkitMaskComposite?: string;
webkitMaskImage?: string;
webkitMaskOrigin?: string;
webkitMaskPosition?: string;
webkitMaskRepeat?: string;
webkitMaskSize?: string;
webkitOrder?: string;
webkitPerspective?: string;
webkitPerspectiveOrigin?: string;
webkitTextFillColor?: string;
webkitTextSizeAdjust?: string;
webkitTextStroke?: string;
webkitTextStrokeColor?: string;
webkitTextStrokeWidth?: string;
webkitTransform?: string;
webkitTransformOrigin?: string;
webkitTransformStyle?: string;
webkitTransition?: string;
webkitTransitionDelay?: string;
webkitTransitionDuration?: string;
webkitTransitionProperty?: string;
webkitTransitionTimingFunction?: string;
webkitUserSelect?: string;
whiteSpace?: string;
whiteSpaceCollapse?: string;
widows?: string;
width?: string;
willChange?: string;
wordBreak?: string;
wordSpacing?: string;
wordWrap?: string;
writingMode?: string;
x?: string;
y?: string;
zIndex?: string;
zoom?: string;
getPropertyPriority?: (property: string) => string;
getPropertyValue?: (property: string) => string;
item?: (index: number) => string;
removeProperty?: (property: string) => string;
setProperty?: (property: string, value: string | null, priority?: string) => void;
};
getCombinedContentStyle(): {
accentColor?: string;
alignContent?: string;
alignItems?: string;
alignSelf?: string;
alignmentBaseline?: string;
all?: string;
animation?: string;
animationComposition?: string;
animationDelay?: string;
animationDirection?: string;
animationDuration?: string;
animationFillMode?: string;
animationIterationCount?: string;
animationName?: string;
animationPlayState?: string;
animationTimingFunction?: string;
appearance?: string;
aspectRatio?: string;
backdropFilter?: string;
backfaceVisibility?: string;
background?: string;
backgroundAttachment?: string;
backgroundBlendMode?: string;
backgroundClip?: string;
backgroundColor: string;
backgroundImage?: string;
backgroundOrigin?: string;
backgroundPosition?: string;
backgroundPositionX?: string;
backgroundPositionY?: string;
backgroundRepeat?: string;
backgroundSize?: string;
baselineShift?: string;
baselineSource?: string;
blockSize?: string;
border?: string;
borderBlock?: string;
borderBlockColor?: string;
borderBlockEnd?: string;
borderBlockEndColor?: string;
borderBlockEndStyle?: string;
borderBlockEndWidth?: string;
borderBlockStart?: string;
borderBlockStartColor?: string;
borderBlockStartStyle?: string;
borderBlockStartWidth?: string;
borderBlockStyle?: string;
borderBlockWidth?: string;
borderBottom?: string;
borderBottomColor?: string;
borderBottomLeftRadius?: string;
borderBottomRightRadius?: string;
borderBottomStyle?: string;
borderBottomWidth?: string;
borderCollapse?: string;
borderColor?: string;
borderEndEndRadius?: string;
borderEndStartRadius?: string;
borderImage?: string;
borderImageOutset?: string;
borderImageRepeat?: string;
borderImageSlice?: string;
borderImageSource?: string;
borderImageWidth?: string;
borderInline?: string;
borderInlineColor?: string;
borderInlineEnd?: string;
borderInlineEndColor?: string;
borderInlineEndStyle?: string;
borderInlineEndWidth?: string;
borderInlineStart?: string;
borderInlineStartColor?: string;
borderInlineStartStyle?: string;
borderInlineStartWidth?: string;
borderInlineStyle?: string;
borderInlineWidth?: string;
borderLeft?: string;
borderLeftColor?: string;
borderLeftStyle?: string;
borderLeftWidth?: string;
borderRadius: string;
borderRight?: string;
borderRightColor?: string;
borderRightStyle?: string;
borderRightWidth?: string;
borderSpacing?: string;
borderStartEndRadius?: string;
borderStartStartRadius?: string;
borderStyle?: string;
borderTop?: string;
borderTopColor?: string;
borderTopLeftRadius?: string;
borderTopRightRadius?: string;
borderTopStyle?: string;
borderTopWidth?: string;
borderWidth?: string;
bottom: string;
boxShadow?: string;
boxSizing?: string;
breakAfter?: string;
breakBefore?: string;
breakInside?: string;
captionSide?: string;
caretColor?: string;
clear?: string;
clip?: string;
clipPath?: string;
clipRule?: string;
color?: string;
colorInterpolation?: string;
colorInterpolationFilters?: string;
colorScheme?: string;
columnCount?: string;
columnFill?: string;
columnGap?: string;
columnRule?: string;
columnRuleColor?: string;
columnRuleStyle?: string;
columnRuleWidth?: string;
columnSpan?: string;
columnWidth?: string;
columns?: string;
contain?: string;
containIntrinsicBlockSize?: string;
containIntrinsicHeight?: string;
containIntrinsicInlineSize?: string;
containIntrinsicSize?: string;
containIntrinsicWidth?: string;
container?: string;
containerName?: string;
containerType?: string;
content?: string;
contentVisibility?: string;
counterIncrement?: string;
counterReset?: string;
counterSet?: string;
cssFloat?: string;
cssText?: string;
cursor?: string;
cx?: string;
cy?: string;
d?: string;
direction?: string;
display?: string;
dominantBaseline?: string;
emptyCells?: string;
fill?: string;
fillOpacity?: string;
fillRule?: string;
filter?: string;
flex?: string;
flexBasis?: string;
flexDirection?: string;
flexFlow?: string;
flexGrow?: string;
flexShrink?: string;
flexWrap?: string;
float?: string;
floodColor?: string;
floodOpacity?: string;
font?: string;
fontFamily?: string;
fontFeatureSettings?: string;
fontKerning?: string;
fontOpticalSizing?: string;
fontPalette?: string;
fontSize?: string;
fontSizeAdjust?: string;
fontStretch?: string;
fontStyle?: string;
fontSynthesis?: string;
fontSynthesisSmallCaps?: string;
fontSynthesisStyle?: string;
fontSynthesisWeight?: string;
fontVariant?: string;
fontVariantAlternates?: string;
fontVariantCaps?: string;
fontVariantEastAsian?: string;
fontVariantLigatures?: string;
fontVariantNumeric?: string;
fontVariantPosition?: string;
fontVariationSettings?: string;
fontWeight?: string;
forcedColorAdjust?: string;
gap?: string;
grid?: string;
gridArea?: string;
gridAutoColumns?: string;
gridAutoFlow?: string;
gridAutoRows?: string;
gridColumn?: string;
gridColumnEnd?: string;
gridColumnGap?: string;
gridColumnStart?: string;
gridGap?: string;
gridRow?: string;
gridRowEnd?: string;
gridRowGap?: string;
gridRowStart?: string;
gridTemplate?: string;
gridTemplateAreas?: string;
gridTemplateColumns?: string;
gridTemplateRows?: string;
height?: string;
hyphenateCharacter?: string;
hyphens?: string;
imageOrientation?: string;
imageRendering?: string;
inlineSize?: string;
inset?: string;
insetBlock?: string;
insetBlockEnd?: string;
insetBlockStart?: string;
insetInline?: string;
insetInlineEnd?: string;
insetInlineStart?: string;
isolation?: string;
justifyContent?: string;
justifyItems?: string;
justifySelf?: string;
left: string;
length?: number;
letterSpacing?: string;
lightingColor?: string;
lineBreak?: string;
lineHeight?: string;
listStyle?: string;
listStyleImage?: string;
listStylePosition?: string;
listStyleType?: string;
margin?: string;
marginBlock?: string;
marginBlockEnd?: string;
marginBlockStart?: string;
marginBottom?: string;
marginInline?: string;
marginInlineEnd?: string;
marginInlineStart?: string;
marginLeft?: string;
marginRight?: string;
marginTop?: string;
marker?: string;
markerEnd?: string;
markerMid?: string;
markerStart?: string;
mask?: string;
maskClip?: string;
maskComposite?: string;
maskImage?: string;
maskMode?: string;
maskOrigin?: string;
maskPosition?: string;
maskRepeat?: string;
maskSize?: string;
maskType?: string;
mathDepth?: string;
mathStyle?: string;
maxBlockSize?: string;
maxHeight: string;
maxInlineSize?: string;
maxWidth?: string;
minBlockSize?: string;
minHeight?: string;
minInlineSize?: string;
minWidth?: string;
mixBlendMode?: string;
objectFit?: string;
objectPosition?: string;
offset?: string;
offsetAnchor?: string;
offsetDistance?: string;
offsetPath?: string;
offsetPosition?: string;
offsetRotate?: string;
opacity?: string;
order?: string;
orphans?: string;
outline?: string;
outlineColor?: string;
outlineOffset?: string;
outlineStyle?: string;
outlineWidth?: string;
overflow?: string;
overflowAnchor?: string;
overflowClipMargin?: string;
overflowWrap?: string;
overflowX?: string;
overflowY: string;
overscrollBehavior?: string;
overscrollBehaviorBlock?: string;
overscrollBehaviorInline?: string;
overscrollBehaviorX?: string;
overscrollBehaviorY?: string;
padding: string;
paddingBlock?: string;
paddingBlockEnd?: string;
paddingBlockStart?: string;
paddingBottom?: string;
paddingInline?: string;
paddingInlineEnd?: string;
paddingInlineStart?: string;
paddingLeft?: string;
paddingRight?: string;
paddingTop?: string;
page?: string;
pageBreakAfter?: string;
pageBreakBefore?: string;
pageBreakInside?: string;
paintOrder?: string;
parentRule?: CSSRule | null;
perspective?: string;
perspectiveOrigin?: string;
placeContent?: string;
placeItems?: string;
placeSelf?: string;
pointerEvents?: string;
position?: string;
printColorAdjust?: string;
quotes?: string;
r?: string;
resize?: string;
right: string;
rotate?: string;
rowGap?: string;
rubyPosition?: string;
rx?: string;
ry?: string;
scale?: string;
scrollBehavior?: string;
scrollMargin?: string;
scrollMarginBlock?: string;
scrollMarginBlockEnd?: string;
scrollMarginBlockStart?: string;
scrollMarginBottom?: string;
scrollMarginInline?: string;
scrollMarginInlineEnd?: string;
scrollMarginInlineStart?: string;
scrollMarginLeft?: string;
scrollMarginRight?: string;
scrollMarginTop?: string;
scrollPadding?: string;
scrollPaddingBlock?: string;
scrollPaddingBlockEnd?: string;
scrollPaddingBlockStart?: string;
scrollPaddingBottom?: string;
scrollPaddingInline?: string;
scrollPaddingInlineEnd?: string;
scrollPaddingInlineStart?: string;
scrollPaddingLeft?: string;
scrollPaddingRight?: string;
scrollPaddingTop?: string;
scrollSnapAlign?: string;
scrollSnapStop?: string;
scrollSnapType?: string;
scrollbarColor?: string;
scrollbarGutter?: string;
scrollbarWidth?: string;
shapeImageThreshold?: string;
shapeMargin?: string;
shapeOutside?: string;
shapeRendering?: string;
stopColor?: string;
stopOpacity?: string;
stroke?: string;
strokeDasharray?: string;
strokeDashoffset?: string;
strokeLinecap?: string;
strokeLinejoin?: string;
strokeMiterlimit?: string;
strokeOpacity?: string;
strokeWidth?: string;
tabSize?: string;
tableLayout?: string;
textAlign?: string;
textAlignLast?: string;
textAnchor?: string;
textCombineUpright?: string;
textDecoration?: string;
textDecorationColor?: string;
textDecorationLine?: string;
textDecorationSkipInk?: string;
textDecorationStyle?: string;
textDecorationThickness?: string;
textEmphasis?: string;
textEmphasisColor?: string;
textEmphasisPosition?: string;
textEmphasisStyle?: string;
textIndent?: string;
textOrientation?: string;
textOverflow?: string;
textRendering?: string;
textShadow?: string;
textTransform?: string;
textUnderlineOffset?: string;
textUnderlinePosition?: string;
textWrap?: string;
textWrapMode?: string;
textWrapStyle?: string;
top: string;
touchAction?: string;
transform?: string;
transformBox?: string;
transformOrigin?: string;
transformStyle?: string;
transition?: string;
transitionBehavior?: string;
transitionDelay?: string;
transitionDuration?: string;
transitionProperty?: string;
transitionTimingFunction?: string;
translate?: string;
unicodeBidi?: string;
userSelect?: string;
vectorEffect?: string;
verticalAlign?: string;
visibility?: string;
webkitAlignContent?: string;
webkitAlignItems?: string;
webkitAlignSelf?: string;
webkitAnimation?: string;
webkitAnimationDelay?: string;
webkitAnimationDirection?: string;
webkitAnimationDuration?: string;
webkitAnimationFillMode?: string;
webkitAnimationIterationCount?: string;
webkitAnimationName?: string;
webkitAnimationPlayState?: string;
webkitAnimationTimingFunction?: string;
webkitAppearance?: string;
webkitBackfaceVisibility?: string;
webkitBackgroundClip?: string;
webkitBackgroundOrigin?: string;
webkitBackgroundSize?: string;
webkitBorderBottomLeftRadius?: string;
webkitBorderBottomRightRadius?: string;
webkitBorderRadius?: string;
webkitBorderTopLeftRadius?: string;
webkitBorderTopRightRadius?: string;
webkitBoxAlign?: string;
webkitBoxFlex?: string;
webkitBoxOrdinalGroup?: string;
webkitBoxOrient?: string;
webkitBoxPack?: string;
webkitBoxShadow?: string;
webkitBoxSizing?: string;
webkitFilter?: string;
webkitFlex?: string;
webkitFlexBasis?: string;
webkitFlexDirection?: string;
webkitFlexFlow?: string;
webkitFlexGrow?: string;
webkitFlexShrink?: string;
webkitFlexWrap?: string;
webkitJustifyContent?: string;
webkitLineClamp?: string;
webkitMask?: string;
webkitMaskBoxImage?: string;
webkitMaskBoxImageOutset?: string;
webkitMaskBoxImageRepeat?: string;
webkitMaskBoxImageSlice?: string;
webkitMaskBoxImageSource?: string;
webkitMaskBoxImageWidth?: string;
webkitMaskClip?: string;
webkitMaskComposite?: string;
webkitMaskImage?: string;
webkitMaskOrigin?: string;
webkitMaskPosition?: string;
webkitMaskRepeat?: string;
webkitMaskSize?: string;
webkitOrder?: string;
webkitPerspective?: string;
webkitPerspectiveOrigin?: string;
webkitTextFillColor?: string;
webkitTextSizeAdjust?: string;
webkitTextStroke?: string;
webkitTextStrokeColor?: string;
webkitTextStrokeWidth?: string;
webkitTransform?: string;
webkitTransformOrigin?: string;
webkitTransformStyle?: string;
webkitTransition?: string;
webkitTransitionDelay?: string;
webkitTransitionDuration?: string;
webkitTransitionProperty?: string;
webkitTransitionTimingFunction?: string;
webkitUserSelect?: string;
whiteSpace?: string;
whiteSpaceCollapse?: string;
widows?: string;
width: string;
willChange?: string;
wordBreak?: string;
wordSpacing?: string;
wordWrap?: string;
writingMode?: string;
x?: string;
y?: string;
zIndex?: string;
zoom?: string;
getPropertyPriority?: (property: string) => string;
getPropertyValue?: (property: string) => string;
item?: (index: number) => string;
removeProperty?: (property: string) => string;
setProperty?: (property: string, value: string | null, priority?: string) => void;
};
static ɵfac: i0.ɵɵFactoryDeclaration<EventSettingsModal, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<EventSettingsModal, "app-event-settings-modal", never, { "isEventSettingsModalVisible": { "alias": "isEventSettingsModalVisible"; "required": false; }; "onEventSettingsClose": { "alias": "onEventSettingsClose"; "required": false; }; "onModifyEventSettings": { "alias": "onModifyEventSettings"; "required": false; }; "position": { "alias": "position"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "audioSetting": { "alias": "audioSetting"; "required": false; }; "videoSetting": { "alias": "videoSetting"; "required": false; }; "screenshareSetting": { "alias": "screenshareSetting"; "required": false; }; "chatSetting": { "alias": "chatSetting"; "required": false; }; "updateAudioSetting": { "alias": "updateAudioSetting"; "required": false; }; "updateVideoSetting": { "alias": "updateVideoSetting"; "required": false; }; "updateScreenshareSetting": { "alias": "updateScreenshareSetting"; "required": false; }; "updateChatSetting": { "alias": "updateChatSetting"; "required": false; }; "updateIsSettingsModalVisible": { "alias": "updateIsSettingsModalVisible"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "socket": { "alias": "socket"; "required": false; }; "showAlert": { "alias": "showAlert"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; }, {}, never, never, true, never>;
}