Class ShareEventModal

ShareEventModal - Modal for sharing room/event access details

Component

Description

Displays a modal with meeting ID, passcode, and share options for inviting participants. Includes social sharing buttons and copy-to-clipboard functionality.

Supports three levels of customization:

  1. Basic Usage: Use default modal UI with room details and share buttons
  2. Style Customization: Override modal appearance with overlayStyle and contentStyle
  3. Full Override: Provide a custom template via customTemplate for complete control

Key Features:

  • Meeting ID display with copy functionality
  • Admin passcode display (for hosts)
  • Social media share buttons (optional)
  • Support for custom/local server links
  • Event type-specific sharing

Example

Basic Usage:

<app-share-event-modal
  [isShareEventModalVisible]="showShareModal"
  [roomName]="currentRoom"
  [adminPasscode]="hostPasscode"
  [islevel]="'0'"
  [eventType]="'webinar'"
  [shareButtons]="true"
  [onShareEventClose]="closeShareModal">
</app-share-event-modal>

Example

Style Customization:

<app-share-event-modal
  [isShareEventModalVisible]="showShareModal"
  [roomName]="currentRoom"
  [adminPasscode]="hostPasscode"
  [eventType]="'conference'"
  [overlayStyle]="{
    backgroundColor: 'rgba(0, 0, 0, 0.75)'
  }"
  [contentStyle]="{
    backgroundColor: '#ffffff',
    borderRadius: '16px',
    padding: '30px',
    maxWidth: '500px'
  }"
  [position]="'center'"
  [shareButtons]="true"
  [onShareEventClose]="closeShareModal">
</app-share-event-modal>

Example

Custom Template Override:

<app-share-event-modal
  [isShareEventModalVisible]="showShareModal"
  [customTemplate]="customShareTemplate"
  [onShareEventClose]="closeShareModal">
</app-share-event-modal>

<ng-template #customShareTemplate let-roomName="roomName" let-adminPasscode="adminPasscode">
  <div class="custom-share-dialog">
    <h3>Invite Participants</h3>
    <div class="share-item">
      <label>Meeting ID:</label>
      <code>{{ roomName }}</code>
      <button (click)="copyToClipboard(roomName)">Copy</button>
    </div>
    <div class="share-item" *ngIf="adminPasscode">
      <label>Host Code:</label>
      <code>{{ adminPasscode }}</code>
      <button (click)="copyToClipboard(adminPasscode)">Copy</button>
    </div>
  </div>
</ng-template>

Selector

app-share-event-modal

Standalone

true

Imports

CommonModule, FontAwesomeModule, MeetingIdComponent, MeetingPasscodeComponent, ShareButtonsComponent

Input

backgroundColor - Background color of the modal content. Default: '#83c0e9'

Input

isShareEventModalVisible - Whether the modal is currently visible. Default: false

Input

onShareEventClose - Callback function to close the modal. Default: () => {}

Input

shareButtons - Whether to display social media share buttons. Default: true

Input

position - Modal position on screen (e.g., 'topRight', 'center'). Default: 'topRight'

Input

roomName - Room/meeting ID to be shared. Default: ''

Input

adminPasscode - Admin/host passcode (shown only to hosts). Default: undefined

Input

islevel - User level/role ('0' for host, '2' for participant). Default: '2'

Input

eventType - Type of event ('chat', 'broadcast', 'webinar', 'conference'). Default: 'webinar'

Input

localLink - Custom server link for community edition deployments. 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

handleClose - Closes the modal by invoking onShareEventClose callback

Method

getCombinedOverlayStyle - Merges default and custom overlay styles

Method

getCombinedContentStyle - Merges default and custom content styles

Getter

modalContainerStyle - Returns computed overlay styles

Getter

modalContentStyle - Returns computed content styles

Accessors

modalContainerStyle modalContentStyle

Constructors

constructor

Methods

handleClose getCombinedOverlayStyle getCombinedContentStyle

Properties

backgroundColor isShareEventModalVisible onShareEventClose roomName adminPasscode islevel position shareButtons eventType localLink overlayStyle? contentStyle? customTemplate? faTimes

Accessors

modalContainerStyle

  • get modalContainerStyle(): {
        position: string;
        top: number;
        left: number;
        width: string;
        height: string;
        backgroundColor: string;
        display: string;
        zIndex: number;
    }

  • Returns {
        position: string;
        top: number;
        left: number;
        width: string;
        height: string;
        backgroundColor: string;
        display: string;
        zIndex: number;
    }

    • position: string
    • top: number
    • left: number
    • width: string
    • height: string
    • backgroundColor: string
    • display: string
    • zIndex: number

modalContentStyle

  • get modalContentStyle(): {
        position: string;
        backgroundColor: string;
        borderRadius: string;
        padding: string;
        width: string;
        maxHeight: string;
        overflowY: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    }

  • Returns {
        position: string;
        backgroundColor: string;
        borderRadius: string;
        padding: string;
        width: string;
        maxHeight: string;
        overflowY: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    }

    • position: string
    • backgroundColor: string
    • borderRadius: string
    • padding: string
    • width: string
    • maxHeight: string
    • overflowY: string
    • top: string
    • bottom: string
    • left: string
    • right: string

Constructors

constructor

Methods

handleClose

getCombinedOverlayStyle

  • getCombinedOverlayStyle(): {
        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;
        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;
        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;
        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;
        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?: null | CSSRule;
        perspective?: string;
        perspectiveOrigin?: string;
        placeContent?: string;
        placeItems?: string;
        placeSelf?: string;
        pointerEvents?: 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;
        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;
        willChange?: string;
        wordBreak?: string;
        wordSpacing?: string;
        wordWrap?: string;
        writingMode?: string;
        x?: string;
        y?: string;
        zoom?: string;
        getPropertyPriority?(property: string): string;
        getPropertyValue?(property: string): string;
        item?(index: number): string;
        removeProperty?(property: string): string;
        setProperty?(property: string, value: null | string, priority?: string): void;
        position: string;
        top: string | number;
        left: string | number;
        width: string;
        height: string;
        backgroundColor: string;
        display: string;
        zIndex: string | number;
    }

  • Returns {
        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;
        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;
        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;
        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;
        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?: null | CSSRule;
        perspective?: string;
        perspectiveOrigin?: string;
        placeContent?: string;
        placeItems?: string;
        placeSelf?: string;
        pointerEvents?: 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;
        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;
        willChange?: string;
        wordBreak?: string;
        wordSpacing?: string;
        wordWrap?: string;
        writingMode?: string;
        x?: string;
        y?: string;
        zoom?: string;
        getPropertyPriority?(property: string): string;
        getPropertyValue?(property: string): string;
        item?(index: number): string;
        removeProperty?(property: string): string;
        setProperty?(property: string, value: null | string, priority?: string): void;
        position: string;
        top: string | number;
        left: string | number;
        width: string;
        height: string;
        backgroundColor: string;
        display: string;
        zIndex: string | number;
    }

getCombinedContentStyle

  • 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;
        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;
        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;
        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;
        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;
        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;
        overscrollBehavior?: string;
        overscrollBehaviorBlock?: string;
        overscrollBehaviorInline?: string;
        overscrollBehaviorX?: string;
        overscrollBehaviorY?: 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?: null | CSSRule;
        perspective?: string;
        perspectiveOrigin?: string;
        placeContent?: string;
        placeItems?: string;
        placeSelf?: string;
        pointerEvents?: string;
        printColorAdjust?: string;
        quotes?: string;
        r?: string;
        resize?: 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;
        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;
        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: null | string, priority?: string): void;
        position: string;
        backgroundColor: string;
        borderRadius: string;
        padding: string;
        width: string;
        maxHeight: string;
        overflowY: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    }

  • Returns {
        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;
        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;
        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;
        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;
        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;
        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;
        overscrollBehavior?: string;
        overscrollBehaviorBlock?: string;
        overscrollBehaviorInline?: string;
        overscrollBehaviorX?: string;
        overscrollBehaviorY?: 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?: null | CSSRule;
        perspective?: string;
        perspectiveOrigin?: string;
        placeContent?: string;
        placeItems?: string;
        placeSelf?: string;
        pointerEvents?: string;
        printColorAdjust?: string;
        quotes?: string;
        r?: string;
        resize?: 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;
        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;
        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: null | string, priority?: string): void;
        position: string;
        backgroundColor: string;
        borderRadius: string;
        padding: string;
        width: string;
        maxHeight: string;
        overflowY: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    }

Properties

backgroundColor

backgroundColor: string = 'rgba(255, 255, 255, 0.25)'

isShareEventModalVisible

isShareEventModalVisible: boolean = false

onShareEventClose

onShareEventClose: (() => void)

roomName

roomName: string

adminPasscode

adminPasscode: string

islevel

islevel: string

position

position: string = 'topRight'

shareButtons

shareButtons: boolean = true

eventType

eventType: EventType

localLink

localLink: string = ''

OptionaloverlayStyle

overlayStyle?: Partial<CSSStyleDeclaration>

OptionalcontentStyle

contentStyle?: Partial<CSSStyleDeclaration>

OptionalcustomTemplate

customTemplate?: TemplateRef<any>

faTimes

faTimes: IconDefinition = faTimes

Settings

Member Visibility

On This Page

Accessors
Constructors
Methods
Properties