# All files / src/layout layoutWindowSplitterStyles.ts

100% Statements 45/45
100% Branches 1/1
100% Functions 1/1
100% Lines 45/45

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    461x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    44x
    44x
    44x
    44x
    44x
    44x
    44x
    44x
    44x
    44x
    44x
    44x
     import { cnb } from "cnbuilder";
    import { bem } from "../utils/bem.js";

    const styles = bem("rmd-layout-splitter");

    /**
     * @remarks \@since 6.0.0
     */
    export interface LayoutWindowSplitterClassNameOptions {
      className?: string;

      /**
       * Set this to `true` if the window splitter should stop below the fixed app
       * bar.
       *
       * @defaultValue `false`
       */
      appBarOffset?: boolean;

      /**
       * Set this to `true` if the window splitter should no longer automatically be
       * hidden on for any viewport below the `$layout-navigation-breakpoint`
       * (default phone).
       *
       * @defaultValue `false`
       */
      disableResponsive?: boolean;
    }

    /**
     * @remarks \@since 6.0.0
     */
    export function layoutWindowSplitter(
      options: LayoutWindowSplitterClassNameOptions = {}
    ): string {
      const { className, appBarOffset, disableResponsive } = options;

      return cnb(
        styles({
          "offset-v": appBarOffset,
          responsive: !disableResponsive,
        }),
        className
      );
    }