mediasfu-angular 2.2.2 → 2.2.3

package/dist/lib/components/menu-components/menu-modal/menu-modal.component.d.ts

@@ -8,6 +8,8 @@ export interface MenuModalRenderContext {
 export interface MenuModalOptions {
     backgroundColor?: string;
     isVisible: boolean;
+    isDarkMode?: boolean;
+    onToggleTheme?: (value: boolean) => void;
     customButtons?: CustomButton[];
     shareButtons?: boolean;
     position?: string;
@@ -174,6 +176,8 @@ export type MenuModalType = (options: MenuModalOptions) => HTMLElement;
 export declare class MenuModal {
     backgroundColor: string;
     isVisible: boolean;
+    isDarkMode?: boolean;
+    onToggleTheme?: (value: boolean) => void;
     customButtons: CustomButton[];
     shareButtons: boolean;
     position: string;
@@ -235,6 +239,7 @@ export declare class MenuModal {
     getTitle(): string;
     faBars: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    get resolvedIsDarkMode(): boolean;
     modalContainerStyle(): {
         position: string;
         top: number;
@@ -242,528 +247,534 @@ export declare class MenuModal {
         width: string;
         height: string;
         backgroundColor: string;
+        backdropFilter: string;
         display: string;
+        alignItems: string;
+        justifyContent: string;
+        padding: string;
         zIndex: number;
     };
     modalContentStyle(): {
-        backgroundColor: string;
+        background: string;
         borderRadius: string;
+        border: string;
         padding: string;
         width: string;
         maxHeight: string;
-        overflowY: string;
-        top: string;
-        bottom: string;
-        left: string;
-        right: string;
+        overflow: string;
+        boxShadow: string;
+        color: string;
     };
     getCombinedContentStyle(): {
-        accentColor?: string | undefined;
-        alignContent?: string | undefined;
-        alignItems?: string | undefined;
-        alignSelf?: string | undefined;
-        alignmentBaseline?: string | undefined;
-        all?: string | undefined;
-        animation?: string | undefined;
-        animationComposition?: string | undefined;
-        animationDelay?: string | undefined;
-        animationDirection?: string | undefined;
-        animationDuration?: string | undefined;
-        animationFillMode?: string | undefined;
-        animationIterationCount?: string | undefined;
-        animationName?: string | undefined;
-        animationPlayState?: string | undefined;
-        animationTimingFunction?: string | undefined;
-        appearance?: string | undefined;
-        aspectRatio?: string | undefined;
-        backdropFilter?: string | undefined;
-        backfaceVisibility?: string | undefined;
-        background?: string | undefined;
-        backgroundAttachment?: string | undefined;
-        backgroundBlendMode?: string | undefined;
-        backgroundClip?: string | undefined;
-        backgroundColor: string;
-        backgroundImage?: string | undefined;
-        backgroundOrigin?: string | undefined;
-        backgroundPosition?: string | undefined;
-        backgroundPositionX?: string | undefined;
-        backgroundPositionY?: string | undefined;
-        backgroundRepeat?: string | undefined;
-        backgroundSize?: string | undefined;
-        baselineShift?: string | undefined;
-        baselineSource?: string | undefined;
-        blockSize?: string | undefined;
-        border?: string | undefined;
-        borderBlock?: string | undefined;
-        borderBlockColor?: string | undefined;
-        borderBlockEnd?: string | undefined;
-        borderBlockEndColor?: string | undefined;
-        borderBlockEndStyle?: string | undefined;
-        borderBlockEndWidth?: string | undefined;
-        borderBlockStart?: string | undefined;
-        borderBlockStartColor?: string | undefined;
-        borderBlockStartStyle?: string | undefined;
-        borderBlockStartWidth?: string | undefined;
-        borderBlockStyle?: string | undefined;
-        borderBlockWidth?: string | undefined;
-        borderBottom?: string | undefined;
-        borderBottomColor?: string | undefined;
-        borderBottomLeftRadius?: string | undefined;
-        borderBottomRightRadius?: string | undefined;
-        borderBottomStyle?: string | undefined;
-        borderBottomWidth?: string | undefined;
-        borderCollapse?: string | undefined;
-        borderColor?: string | undefined;
-        borderEndEndRadius?: string | undefined;
-        borderEndStartRadius?: string | undefined;
-        borderImage?: string | undefined;
-        borderImageOutset?: string | undefined;
-        borderImageRepeat?: string | undefined;
-        borderImageSlice?: string | undefined;
-        borderImageSource?: string | undefined;
-        borderImageWidth?: string | undefined;
-        borderInline?: string | undefined;
-        borderInlineColor?: string | undefined;
-        borderInlineEnd?: string | undefined;
-        borderInlineEndColor?: string | undefined;
-        borderInlineEndStyle?: string | undefined;
-        borderInlineEndWidth?: string | undefined;
-        borderInlineStart?: string | undefined;
-        borderInlineStartColor?: string | undefined;
-        borderInlineStartStyle?: string | undefined;
-        borderInlineStartWidth?: string | undefined;
-        borderInlineStyle?: string | undefined;
-        borderInlineWidth?: string | undefined;
-        borderLeft?: string | undefined;
-        borderLeftColor?: string | undefined;
-        borderLeftStyle?: string | undefined;
-        borderLeftWidth?: string | undefined;
+        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 | undefined;
-        borderRightColor?: string | undefined;
-        borderRightStyle?: string | undefined;
-        borderRightWidth?: string | undefined;
-        borderSpacing?: string | undefined;
-        borderStartEndRadius?: string | undefined;
-        borderStartStartRadius?: string | undefined;
-        borderStyle?: string | undefined;
-        borderTop?: string | undefined;
-        borderTopColor?: string | undefined;
-        borderTopLeftRadius?: string | undefined;
-        borderTopRightRadius?: string | undefined;
-        borderTopStyle?: string | undefined;
-        borderTopWidth?: string | undefined;
-        borderWidth?: string | undefined;
-        bottom: string;
-        boxShadow?: string | undefined;
-        boxSizing?: string | undefined;
-        breakAfter?: string | undefined;
-        breakBefore?: string | undefined;
-        breakInside?: string | undefined;
-        captionSide?: string | undefined;
-        caretColor?: string | undefined;
-        clear?: string | undefined;
-        clip?: string | undefined;
-        clipPath?: string | undefined;
-        clipRule?: string | undefined;
-        color?: string | undefined;
-        colorInterpolation?: string | undefined;
-        colorInterpolationFilters?: string | undefined;
-        colorScheme?: string | undefined;
-        columnCount?: string | undefined;
-        columnFill?: string | undefined;
-        columnGap?: string | undefined;
-        columnRule?: string | undefined;
-        columnRuleColor?: string | undefined;
-        columnRuleStyle?: string | undefined;
-        columnRuleWidth?: string | undefined;
-        columnSpan?: string | undefined;
-        columnWidth?: string | undefined;
-        columns?: string | undefined;
-        contain?: string | undefined;
-        containIntrinsicBlockSize?: string | undefined;
-        containIntrinsicHeight?: string | undefined;
-        containIntrinsicInlineSize?: string | undefined;
-        containIntrinsicSize?: string | undefined;
-        containIntrinsicWidth?: string | undefined;
-        container?: string | undefined;
-        containerName?: string | undefined;
-        containerType?: string | undefined;
-        content?: string | undefined;
-        contentVisibility?: string | undefined;
-        counterIncrement?: string | undefined;
-        counterReset?: string | undefined;
-        counterSet?: string | undefined;
-        cssFloat?: string | undefined;
-        cssText?: string | undefined;
-        cursor?: string | undefined;
-        cx?: string | undefined;
-        cy?: string | undefined;
-        d?: string | undefined;
-        direction?: string | undefined;
-        display?: string | undefined;
-        dominantBaseline?: string | undefined;
-        emptyCells?: string | undefined;
-        fill?: string | undefined;
-        fillOpacity?: string | undefined;
-        fillRule?: string | undefined;
-        filter?: string | undefined;
-        flex?: string | undefined;
-        flexBasis?: string | undefined;
-        flexDirection?: string | undefined;
-        flexFlow?: string | undefined;
-        flexGrow?: string | undefined;
-        flexShrink?: string | undefined;
-        flexWrap?: string | undefined;
-        float?: string | undefined;
-        floodColor?: string | undefined;
-        floodOpacity?: string | undefined;
-        font?: string | undefined;
-        fontFamily?: string | undefined;
-        fontFeatureSettings?: string | undefined;
-        fontKerning?: string | undefined;
-        fontOpticalSizing?: string | undefined;
-        fontPalette?: string | undefined;
-        fontSize?: string | undefined;
-        fontSizeAdjust?: string | undefined;
-        fontStretch?: string | undefined;
-        fontStyle?: string | undefined;
-        fontSynthesis?: string | undefined;
-        fontSynthesisSmallCaps?: string | undefined;
-        fontSynthesisStyle?: string | undefined;
-        fontSynthesisWeight?: string | undefined;
-        fontVariant?: string | undefined;
-        fontVariantAlternates?: string | undefined;
-        fontVariantCaps?: string | undefined;
-        fontVariantEastAsian?: string | undefined;
-        fontVariantLigatures?: string | undefined;
-        fontVariantNumeric?: string | undefined;
-        fontVariantPosition?: string | undefined;
-        fontVariationSettings?: string | undefined;
-        fontWeight?: string | undefined;
-        forcedColorAdjust?: string | undefined;
-        gap?: string | undefined;
-        grid?: string | undefined;
-        gridArea?: string | undefined;
-        gridAutoColumns?: string | undefined;
-        gridAutoFlow?: string | undefined;
-        gridAutoRows?: string | undefined;
-        gridColumn?: string | undefined;
-        gridColumnEnd?: string | undefined;
-        gridColumnGap?: string | undefined;
-        gridColumnStart?: string | undefined;
-        gridGap?: string | undefined;
-        gridRow?: string | undefined;
-        gridRowEnd?: string | undefined;
-        gridRowGap?: string | undefined;
-        gridRowStart?: string | undefined;
-        gridTemplate?: string | undefined;
-        gridTemplateAreas?: string | undefined;
-        gridTemplateColumns?: string | undefined;
-        gridTemplateRows?: string | undefined;
-        height?: string | undefined;
-        hyphenateCharacter?: string | undefined;
-        hyphens?: string | undefined;
-        imageOrientation?: string | undefined;
-        imageRendering?: string | undefined;
-        inlineSize?: string | undefined;
-        inset?: string | undefined;
-        insetBlock?: string | undefined;
-        insetBlockEnd?: string | undefined;
-        insetBlockStart?: string | undefined;
-        insetInline?: string | undefined;
-        insetInlineEnd?: string | undefined;
-        insetInlineStart?: string | undefined;
-        isolation?: string | undefined;
-        justifyContent?: string | undefined;
-        justifyItems?: string | undefined;
-        justifySelf?: string | undefined;
-        left: string;
-        length?: number | undefined;
-        letterSpacing?: string | undefined;
-        lightingColor?: string | undefined;
-        lineBreak?: string | undefined;
-        lineHeight?: string | undefined;
-        listStyle?: string | undefined;
-        listStyleImage?: string | undefined;
-        listStylePosition?: string | undefined;
-        listStyleType?: string | undefined;
-        margin?: string | undefined;
-        marginBlock?: string | undefined;
-        marginBlockEnd?: string | undefined;
-        marginBlockStart?: string | undefined;
-        marginBottom?: string | undefined;
-        marginInline?: string | undefined;
-        marginInlineEnd?: string | undefined;
-        marginInlineStart?: string | undefined;
-        marginLeft?: string | undefined;
-        marginRight?: string | undefined;
-        marginTop?: string | undefined;
-        marker?: string | undefined;
-        markerEnd?: string | undefined;
-        markerMid?: string | undefined;
-        markerStart?: string | undefined;
-        mask?: string | undefined;
-        maskClip?: string | undefined;
-        maskComposite?: string | undefined;
-        maskImage?: string | undefined;
-        maskMode?: string | undefined;
-        maskOrigin?: string | undefined;
-        maskPosition?: string | undefined;
-        maskRepeat?: string | undefined;
-        maskSize?: string | undefined;
-        maskType?: string | undefined;
-        mathDepth?: string | undefined;
-        mathStyle?: string | undefined;
-        maxBlockSize?: string | undefined;
+        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 | undefined;
-        maxWidth?: string | undefined;
-        minBlockSize?: string | undefined;
-        minHeight?: string | undefined;
-        minInlineSize?: string | undefined;
-        minWidth?: string | undefined;
-        mixBlendMode?: string | undefined;
-        objectFit?: string | undefined;
-        objectPosition?: string | undefined;
-        offset?: string | undefined;
-        offsetAnchor?: string | undefined;
-        offsetDistance?: string | undefined;
-        offsetPath?: string | undefined;
-        offsetPosition?: string | undefined;
-        offsetRotate?: string | undefined;
-        opacity?: string | undefined;
-        order?: string | undefined;
-        orphans?: string | undefined;
-        outline?: string | undefined;
-        outlineColor?: string | undefined;
-        outlineOffset?: string | undefined;
-        outlineStyle?: string | undefined;
-        outlineWidth?: string | undefined;
-        overflow?: string | undefined;
-        overflowAnchor?: string | undefined;
-        overflowClipMargin?: string | undefined;
-        overflowWrap?: string | undefined;
-        overflowX?: string | undefined;
-        overflowY: string;
-        overscrollBehavior?: string | undefined;
-        overscrollBehaviorBlock?: string | undefined;
-        overscrollBehaviorInline?: string | undefined;
-        overscrollBehaviorX?: string | undefined;
-        overscrollBehaviorY?: string | undefined;
+        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 | undefined;
-        paddingBlockEnd?: string | undefined;
-        paddingBlockStart?: string | undefined;
-        paddingBottom?: string | undefined;
-        paddingInline?: string | undefined;
-        paddingInlineEnd?: string | undefined;
-        paddingInlineStart?: string | undefined;
-        paddingLeft?: string | undefined;
-        paddingRight?: string | undefined;
-        paddingTop?: string | undefined;
-        page?: string | undefined;
-        pageBreakAfter?: string | undefined;
-        pageBreakBefore?: string | undefined;
-        pageBreakInside?: string | undefined;
-        paintOrder?: string | undefined;
-        parentRule?: CSSRule | null | undefined;
-        perspective?: string | undefined;
-        perspectiveOrigin?: string | undefined;
-        placeContent?: string | undefined;
-        placeItems?: string | undefined;
-        placeSelf?: string | undefined;
-        pointerEvents?: string | undefined;
-        position?: string | undefined;
-        printColorAdjust?: string | undefined;
-        quotes?: string | undefined;
-        r?: string | undefined;
-        resize?: string | undefined;
-        right: string;
-        rotate?: string | undefined;
-        rowGap?: string | undefined;
-        rubyPosition?: string | undefined;
-        rx?: string | undefined;
-        ry?: string | undefined;
-        scale?: string | undefined;
-        scrollBehavior?: string | undefined;
-        scrollMargin?: string | undefined;
-        scrollMarginBlock?: string | undefined;
-        scrollMarginBlockEnd?: string | undefined;
-        scrollMarginBlockStart?: string | undefined;
-        scrollMarginBottom?: string | undefined;
-        scrollMarginInline?: string | undefined;
-        scrollMarginInlineEnd?: string | undefined;
-        scrollMarginInlineStart?: string | undefined;
-        scrollMarginLeft?: string | undefined;
-        scrollMarginRight?: string | undefined;
-        scrollMarginTop?: string | undefined;
-        scrollPadding?: string | undefined;
-        scrollPaddingBlock?: string | undefined;
-        scrollPaddingBlockEnd?: string | undefined;
-        scrollPaddingBlockStart?: string | undefined;
-        scrollPaddingBottom?: string | undefined;
-        scrollPaddingInline?: string | undefined;
-        scrollPaddingInlineEnd?: string | undefined;
-        scrollPaddingInlineStart?: string | undefined;
-        scrollPaddingLeft?: string | undefined;
-        scrollPaddingRight?: string | undefined;
-        scrollPaddingTop?: string | undefined;
-        scrollSnapAlign?: string | undefined;
-        scrollSnapStop?: string | undefined;
-        scrollSnapType?: string | undefined;
-        scrollbarColor?: string | undefined;
-        scrollbarGutter?: string | undefined;
-        scrollbarWidth?: string | undefined;
-        shapeImageThreshold?: string | undefined;
-        shapeMargin?: string | undefined;
-        shapeOutside?: string | undefined;
-        shapeRendering?: string | undefined;
-        stopColor?: string | undefined;
-        stopOpacity?: string | undefined;
-        stroke?: string | undefined;
-        strokeDasharray?: string | undefined;
-        strokeDashoffset?: string | undefined;
-        strokeLinecap?: string | undefined;
-        strokeLinejoin?: string | undefined;
-        strokeMiterlimit?: string | undefined;
-        strokeOpacity?: string | undefined;
-        strokeWidth?: string | undefined;
-        tabSize?: string | undefined;
-        tableLayout?: string | undefined;
-        textAlign?: string | undefined;
-        textAlignLast?: string | undefined;
-        textAnchor?: string | undefined;
-        textCombineUpright?: string | undefined;
-        textDecoration?: string | undefined;
-        textDecorationColor?: string | undefined;
-        textDecorationLine?: string | undefined;
-        textDecorationSkipInk?: string | undefined;
-        textDecorationStyle?: string | undefined;
-        textDecorationThickness?: string | undefined;
-        textEmphasis?: string | undefined;
-        textEmphasisColor?: string | undefined;
-        textEmphasisPosition?: string | undefined;
-        textEmphasisStyle?: string | undefined;
-        textIndent?: string | undefined;
-        textOrientation?: string | undefined;
-        textOverflow?: string | undefined;
-        textRendering?: string | undefined;
-        textShadow?: string | undefined;
-        textTransform?: string | undefined;
-        textUnderlineOffset?: string | undefined;
-        textUnderlinePosition?: string | undefined;
-        textWrap?: string | undefined;
-        textWrapMode?: string | undefined;
-        textWrapStyle?: string | undefined;
-        top: string;
-        touchAction?: string | undefined;
-        transform?: string | undefined;
-        transformBox?: string | undefined;
-        transformOrigin?: string | undefined;
-        transformStyle?: string | undefined;
-        transition?: string | undefined;
-        transitionBehavior?: string | undefined;
-        transitionDelay?: string | undefined;
-        transitionDuration?: string | undefined;
-        transitionProperty?: string | undefined;
-        transitionTimingFunction?: string | undefined;
-        translate?: string | undefined;
-        unicodeBidi?: string | undefined;
-        userSelect?: string | undefined;
-        vectorEffect?: string | undefined;
-        verticalAlign?: string | undefined;
-        visibility?: string | undefined;
-        webkitAlignContent?: string | undefined;
-        webkitAlignItems?: string | undefined;
-        webkitAlignSelf?: string | undefined;
-        webkitAnimation?: string | undefined;
-        webkitAnimationDelay?: string | undefined;
-        webkitAnimationDirection?: string | undefined;
-        webkitAnimationDuration?: string | undefined;
-        webkitAnimationFillMode?: string | undefined;
-        webkitAnimationIterationCount?: string | undefined;
-        webkitAnimationName?: string | undefined;
-        webkitAnimationPlayState?: string | undefined;
-        webkitAnimationTimingFunction?: string | undefined;
-        webkitAppearance?: string | undefined;
-        webkitBackfaceVisibility?: string | undefined;
-        webkitBackgroundClip?: string | undefined;
-        webkitBackgroundOrigin?: string | undefined;
-        webkitBackgroundSize?: string | undefined;
-        webkitBorderBottomLeftRadius?: string | undefined;
-        webkitBorderBottomRightRadius?: string | undefined;
-        webkitBorderRadius?: string | undefined;
-        webkitBorderTopLeftRadius?: string | undefined;
-        webkitBorderTopRightRadius?: string | undefined;
-        webkitBoxAlign?: string | undefined;
-        webkitBoxFlex?: string | undefined;
-        webkitBoxOrdinalGroup?: string | undefined;
-        webkitBoxOrient?: string | undefined;
-        webkitBoxPack?: string | undefined;
-        webkitBoxShadow?: string | undefined;
-        webkitBoxSizing?: string | undefined;
-        webkitFilter?: string | undefined;
-        webkitFlex?: string | undefined;
-        webkitFlexBasis?: string | undefined;
-        webkitFlexDirection?: string | undefined;
-        webkitFlexFlow?: string | undefined;
-        webkitFlexGrow?: string | undefined;
-        webkitFlexShrink?: string | undefined;
-        webkitFlexWrap?: string | undefined;
-        webkitJustifyContent?: string | undefined;
-        webkitLineClamp?: string | undefined;
-        webkitMask?: string | undefined;
-        webkitMaskBoxImage?: string | undefined;
-        webkitMaskBoxImageOutset?: string | undefined;
-        webkitMaskBoxImageRepeat?: string | undefined;
-        webkitMaskBoxImageSlice?: string | undefined;
-        webkitMaskBoxImageSource?: string | undefined;
-        webkitMaskBoxImageWidth?: string | undefined;
-        webkitMaskClip?: string | undefined;
-        webkitMaskComposite?: string | undefined;
-        webkitMaskImage?: string | undefined;
-        webkitMaskOrigin?: string | undefined;
-        webkitMaskPosition?: string | undefined;
-        webkitMaskRepeat?: string | undefined;
-        webkitMaskSize?: string | undefined;
-        webkitOrder?: string | undefined;
-        webkitPerspective?: string | undefined;
-        webkitPerspectiveOrigin?: string | undefined;
-        webkitTextFillColor?: string | undefined;
-        webkitTextSizeAdjust?: string | undefined;
-        webkitTextStroke?: string | undefined;
-        webkitTextStrokeColor?: string | undefined;
-        webkitTextStrokeWidth?: string | undefined;
-        webkitTransform?: string | undefined;
-        webkitTransformOrigin?: string | undefined;
-        webkitTransformStyle?: string | undefined;
-        webkitTransition?: string | undefined;
-        webkitTransitionDelay?: string | undefined;
-        webkitTransitionDuration?: string | undefined;
-        webkitTransitionProperty?: string | undefined;
-        webkitTransitionTimingFunction?: string | undefined;
-        webkitUserSelect?: string | undefined;
-        whiteSpace?: string | undefined;
-        whiteSpaceCollapse?: string | undefined;
-        widows?: string | undefined;
+        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 | undefined;
-        wordBreak?: string | undefined;
-        wordSpacing?: string | undefined;
-        wordWrap?: string | undefined;
-        writingMode?: string | undefined;
-        x?: string | undefined;
-        y?: string | undefined;
-        zIndex?: string | undefined;
-        zoom?: string | undefined;
-        getPropertyPriority?: ((property: string) => string) | undefined;
-        getPropertyValue?: ((property: string) => string) | undefined;
-        item?: ((index: number) => string) | undefined;
-        removeProperty?: ((property: string) => string) | undefined;
-        setProperty?: ((property: string, value: string | null, priority?: string) => void) | undefined;
+        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;
     };
     handleClose(): void;
+    getDividerStyle(): {
+        backgroundColor: string;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuModal, "app-menu-modal", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "customButtons": { "alias": "customButtons"; "required": false; }; "shareButtons": { "alias": "shareButtons"; "required": false; }; "position": { "alias": "position"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "adminPasscode": { "alias": "adminPasscode"; "required": false; }; "islevel": { "alias": "islevel"; "required": false; }; "eventType": { "alias": "eventType"; "required": false; }; "localLink": { "alias": "localLink"; "required": false; }; "title": { "alias": "title"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "overlayAttributes": { "alias": "overlayAttributes"; "required": false; }; "contentAttributes": { "alias": "contentAttributes"; "required": false; }; "headerAttributes": { "alias": "headerAttributes"; "required": false; }; "titleWrapperAttributes": { "alias": "titleWrapperAttributes"; "required": false; }; "badgeWrapperAttributes": { "alias": "badgeWrapperAttributes"; "required": false; }; "closeButtonAttributes": { "alias": "closeButtonAttributes"; "required": false; }; "menuIconAttributes": { "alias": "menuIconAttributes"; "required": false; }; "closeIconAttributes": { "alias": "closeIconAttributes"; "required": false; }; "dividerAttributes": { "alias": "dividerAttributes"; "required": false; }; "bodyAttributes": { "alias": "bodyAttributes"; "required": false; }; "scrollWrapperAttributes": { "alias": "scrollWrapperAttributes"; "required": false; }; "customButtonsWrapperAttributes": { "alias": "customButtonsWrapperAttributes"; "required": false; }; "renderHeader": { "alias": "renderHeader"; "required": false; }; "renderTitle": { "alias": "renderTitle"; "required": false; }; "renderCustomButtons": { "alias": "renderCustomButtons"; "required": false; }; "renderMeetingPasscode": { "alias": "renderMeetingPasscode"; "required": false; }; "renderMeetingId": { "alias": "renderMeetingId"; "required": false; }; "renderShareButtons": { "alias": "renderShareButtons"; "required": false; }; "renderBody": { "alias": "renderBody"; "required": false; }; "renderContent": { "alias": "renderContent"; "required": false; }; "onClose": { "alias": "onClose"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuModal, "app-menu-modal", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "onToggleTheme": { "alias": "onToggleTheme"; "required": false; }; "customButtons": { "alias": "customButtons"; "required": false; }; "shareButtons": { "alias": "shareButtons"; "required": false; }; "position": { "alias": "position"; "required": false; }; "roomName": { "alias": "roomName"; "required": false; }; "adminPasscode": { "alias": "adminPasscode"; "required": false; }; "islevel": { "alias": "islevel"; "required": false; }; "eventType": { "alias": "eventType"; "required": false; }; "localLink": { "alias": "localLink"; "required": false; }; "title": { "alias": "title"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "overlayAttributes": { "alias": "overlayAttributes"; "required": false; }; "contentAttributes": { "alias": "contentAttributes"; "required": false; }; "headerAttributes": { "alias": "headerAttributes"; "required": false; }; "titleWrapperAttributes": { "alias": "titleWrapperAttributes"; "required": false; }; "badgeWrapperAttributes": { "alias": "badgeWrapperAttributes"; "required": false; }; "closeButtonAttributes": { "alias": "closeButtonAttributes"; "required": false; }; "menuIconAttributes": { "alias": "menuIconAttributes"; "required": false; }; "closeIconAttributes": { "alias": "closeIconAttributes"; "required": false; }; "dividerAttributes": { "alias": "dividerAttributes"; "required": false; }; "bodyAttributes": { "alias": "bodyAttributes"; "required": false; }; "scrollWrapperAttributes": { "alias": "scrollWrapperAttributes"; "required": false; }; "customButtonsWrapperAttributes": { "alias": "customButtonsWrapperAttributes"; "required": false; }; "renderHeader": { "alias": "renderHeader"; "required": false; }; "renderTitle": { "alias": "renderTitle"; "required": false; }; "renderCustomButtons": { "alias": "renderCustomButtons"; "required": false; }; "renderMeetingPasscode": { "alias": "renderMeetingPasscode"; "required": false; }; "renderMeetingId": { "alias": "renderMeetingId"; "required": false; }; "renderShareButtons": { "alias": "renderShareButtons"; "required": false; }; "renderBody": { "alias": "renderBody"; "required": false; }; "renderContent": { "alias": "renderContent"; "required": false; }; "onClose": { "alias": "onClose"; "required": false; }; }, {}, never, never, true, never>;
 }