@skbkontur/react-ui 0.0.0-6dd088a035 → 0.0.0-70dd810c5c

package/components/Modal/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FocusLock","throttle","globalObject","isNonNullable","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","stopPropagation","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","isIE11","CommonWrapper","cx","createPropsGetter","ResponsiveLayout","isThemeGTE","catchUnreachableWarning","ModalContext","ModalFooter","ModalHeader","ModalBody","ModalClose","styles","getModalTheme","mountedModalsCount","ModalDataTids","container","content","close","ModalZIndexPriority","Cross","Content","Modal","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","getMobileContainerClassName","mobileAppearance","mobileContainerSmall5_2","mobileContainerFullscreen5_2","mobileContainerSmallBottom5_2","mobileContainerSmallTop5_2","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","handleResize","emit","setHasHeader","setHasFooter","setHasPanel","_inheritsLoose","_proto","prototype","componentDidMount","add","addEventListener","componentWillUnmount","removeEventListener","remove","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","_this$props","noClose","width","alignTop","children","ariaLabel","ariaLabelledby","_this$state","_this$getProps","role","disableFocusLock","modalContextProps","mobileOnFullScreen","additionalPadding","versionGTE5_2","style","containerStyle","getMobileCenterContainerClassNames","_cx","mobileCenterContainer5_2","mobileCenterContainerBig5_2","mobileCenterContainerFullscreen5_2","mobileCenterContainer","priority","className","root","onMouseDown","onMouseUp","onClick","bg","_ref","_cx2","_cx3","_cx4","_cx5","_cx6","isMobile","ref","container5_2","containerDesktop","containerMobile","centerContainer","Boolean","undefined","window","mobileWindow","mobileWindowFullscreen5_2","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWrapper5_2","mobileCloseWithoutHeader","mobileCloseWithoutHeader5_2","Component","__KONTUR_REACT_UI__","displayName","Header","Body","Footer"],"sources":["Modal.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport type { ModalStackSubscription } from '../../lib/ModalStack';\nimport { ModalStack } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { catchUnreachableWarning } from '../../lib/typeGuards';\n\nimport type { ModalContextProps } from './ModalContext';\nimport { ModalContext } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { styles } from './Modal.styles';\nimport { getModalTheme } from './getModalTheme';\n\nlet mountedModalsCount = 0;\n\nexport type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';\n\nexport interface ModalProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n  /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */\n  disableClose?: boolean;\n\n  /** Выравнивает окно по верху страницы. */\n  alignTop?: boolean;\n\n  /** Оставляет окно открытым при клике на фон. */\n  ignoreBackgroundClick?: boolean;\n\n  /** Убирает крестик для закрытия окна */\n  noClose?: boolean;\n\n  /** Задает ширину модалки. */\n  width?: number | string;\n\n  /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */\n  onClose?: () => void;\n\n  /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */\n  disableFocusLock?: boolean;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n\n  /** Задает внешний вид модалки. Работает с версией темы >= 5_2.\n   *  - `auto` — если футера нет, модалка распологается в центре экрана, если футер есть -- модалка растягивается на весь экран с отступами и закругленными краями\n   *  - `top` — модалка располагается сверху независимо от наличия футера\n   *  - `center` — модалка располагается в центре независимо от наличия футера\n   *  - `bottom` — модалка располагается снизу независимо от наличия футера\n   *  - `fullscreen-spacing` — модалка растягивается на весь экран с отступами и закругленными краями\n   *  - `fullscreen` — модалка растягивается на весь экран\n   *  @default auto\n   */\n  mobileAppearance?: MobileModalAppearance;\n}\n\nexport interface ModalState {\n  stackPosition: number;\n  hasBackground: boolean;\n  horizontalScroll: boolean;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  hasPanel: boolean;\n}\n\nexport const ModalDataTids = {\n  container: 'modal-container',\n  content: 'modal-content',\n  close: 'modal-close',\n} as const;\n\nexport const ModalZIndexPriority = {\n  Cross: 2,\n  Content: 1,\n} as const;\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role' | 'mobileAppearance'>>;\n\n/**\n * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.\n *\n * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.\n *\n * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.\n *\n * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).\n */\nexport class Modal extends React.Component<ModalProps, ModalState> {\n  public static __KONTUR_REACT_UI__ = 'Modal';\n  public static displayName = 'Modal';\n\n  public static Header = ModalHeader;\n  public static Body = ModalBody;\n  public static Footer = ModalFooter;\n\n  public static defaultProps: DefaultProps = {\n    // NOTE: в ie нормально не работает\n    disableFocusLock: isIE11,\n    role: 'dialog',\n    mobileAppearance: 'auto',\n  };\n\n  private getProps = createPropsGetter(Modal.defaultProps);\n\n  public state: ModalState = {\n    stackPosition: 0,\n    hasBackground: true,\n    horizontalScroll: false,\n    hasHeader: false,\n    hasFooter: false,\n    hasPanel: false,\n  };\n\n  private theme!: Theme;\n  private stackSubscription: ModalStackSubscription | null = null;\n  private containerNode: HTMLDivElement | null = null;\n  private mouseDownTarget: EventTarget | null = null;\n  private mouseUpTarget: EventTarget | null = null;\n\n  public componentDidMount() {\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n\n    if (mountedModalsCount === 0) {\n      globalObject.addEventListener?.('resize', this.throttledCheckHorizontalScroll);\n    }\n\n    mountedModalsCount++;\n    globalObject.addEventListener?.('keydown', this.handleKeyDown);\n    this.checkHorizontalScrollAppearance();\n\n    if (this.containerNode) {\n      this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (--mountedModalsCount === 0) {\n      globalObject.removeEventListener?.('resize', this.throttledCheckHorizontalScroll);\n      LayoutEvents.emit();\n    }\n\n    globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n    if (isNonNullable(this.stackSubscription)) {\n      this.stackSubscription.remove();\n    }\n    ModalStack.remove(this);\n\n    if (this.containerNode) {\n      this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalTheme(theme, this.props.theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getMobileContainerClassName = () => {\n    const mobileAppearance = this.getProps().mobileAppearance;\n    switch (mobileAppearance) {\n      case 'fullscreen-spacing':\n        return;\n      case 'auto':\n        if (this.state.hasFooter) {\n          return;\n        }\n        return [styles.mobileContainerSmall5_2()];\n      case 'fullscreen':\n        return [styles.mobileContainerFullscreen5_2()];\n      case 'center':\n        return [styles.mobileContainerSmall5_2()];\n      case 'bottom':\n        return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallBottom5_2()];\n      case 'top':\n        return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallTop5_2()];\n      default:\n        return catchUnreachableWarning(mobileAppearance, false);\n    }\n  };\n\n  private renderMain() {\n    const {\n      noClose,\n      disableClose,\n      width,\n      mobileAppearance,\n      alignTop,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    } = this.props;\n    const { hasHeader, hasFooter, hasPanel } = this.state;\n    const { role, disableFocusLock } = this.getProps();\n\n    const modalContextProps: ModalContextProps = {\n      hasHeader,\n      horizontalScroll: this.state.horizontalScroll,\n      setHasHeader: this.setHasHeader,\n      setHasFooter: this.setHasFooter,\n      setHasPanel: this.setHasPanel,\n      mobileOnFullScreen: this.props.mobileAppearance === 'fullscreen',\n    };\n    if (!noClose) {\n      modalContextProps.close = {\n        disableClose,\n        requestClose: this.requestClose,\n      };\n    }\n    if (!hasFooter || hasPanel) {\n      modalContextProps.additionalPadding = true;\n    }\n\n    const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n\n    const style: { width?: number | string } = {};\n    const containerStyle: { width?: number | string } = {};\n\n    if (width) {\n      style.width = width;\n    } else {\n      containerStyle.width = 'auto';\n    }\n\n    const getMobileCenterContainerClassNames = () => {\n      if (versionGTE5_2) {\n        return cx(styles.mobileCenterContainer5_2(this.theme), {\n          [styles.mobileCenterContainerBig5_2(this.theme)]:\n            mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),\n          [styles.mobileCenterContainerFullscreen5_2()]: mobileAppearance === 'fullscreen',\n        });\n      }\n      return cx(styles.mobileCenterContainer());\n    };\n\n    return (\n      <RenderContainer>\n        <CommonWrapper {...this.props}>\n          <ZIndex priority={'Modal'} className={styles.root()}>\n            <HideBodyVerticalScroll />\n            {this.state.hasBackground && (\n              <div\n                onMouseDown={this.handleContainerMouseDown}\n                onMouseUp={this.handleContainerMouseUp}\n                onClick={this.handleContainerClick}\n                className={styles.bg(this.theme)}\n              />\n            )}\n            <ResponsiveLayout>\n              {({ isMobile }) => (\n                <div\n                  aria-labelledby={ariaLabelledby}\n                  ref={this.refContainer}\n                  className={cx(\n                    styles.container(),\n                    versionGTE5_2 && styles.container5_2(),\n                    (!versionGTE5_2 || !isMobile) && styles.containerDesktop(),\n                    !versionGTE5_2 && isMobile && styles.containerMobile(this.theme),\n                    versionGTE5_2 && isMobile && this.getMobileContainerClassName(),\n                  )}\n                  onMouseDown={this.handleContainerMouseDown}\n                  onMouseUp={this.handleContainerMouseUp}\n                  onClick={this.handleContainerClick}\n                  data-tid={ModalDataTids.container}\n                >\n                  <div\n                    aria-modal\n                    aria-label={ariaLabel}\n                    role={role}\n                    className={cx({\n                      [styles.centerContainer()]: true,\n                      [getMobileCenterContainerClassNames()]: isMobile,\n                      [styles.alignTop()]: Boolean(alignTop),\n                    })}\n                    style={isMobile ? undefined : containerStyle}\n                    data-tid={ModalDataTids.content}\n                  >\n                    <div\n                      className={cx({\n                        [styles.window(this.theme)]: true,\n                        [styles.mobileWindow()]: isMobile,\n                        [styles.mobileWindowFullscreen5_2()]:\n                          versionGTE5_2 && isMobile && mobileAppearance === 'fullscreen',\n                      })}\n                      style={isMobile ? undefined : style}\n                    >\n                      <ResizeDetector onResize={this.handleResize} fullHeight={isMobile}>\n                        <FocusLock\n                          disabled={disableFocusLock}\n                          autoFocus={false}\n                          className={cx({ [styles.columnFlexContainer()]: isMobile }, 'focus-lock-container')}\n                        >\n                          {!hasHeader && !noClose && (\n                            <ZIndex\n                              priority={ModalZIndexPriority.Cross}\n                              className={cx({\n                                [styles.closeWrapper(this.theme)]: true,\n                                [styles.mobileCloseWrapper(this.theme)]: isMobile,\n                                [styles.mobileCloseWrapper5_2(this.theme)]: versionGTE5_2 && isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={cx({\n                                  [styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n                                  [styles.mobileCloseWithoutHeader5_2(this.theme)]:\n                                    versionGTE5_2 && isMobile && !this.state.hasHeader,\n                                })}\n                                requestClose={this.requestClose}\n                                disableClose={disableClose}\n                              />\n                            </ZIndex>\n                          )}\n                          <ModalContext.Provider value={modalContextProps}>{children}</ModalContext.Provider>\n                        </FocusLock>\n                      </ResizeDetector>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </ResponsiveLayout>\n          </ZIndex>\n        </CommonWrapper>\n      </RenderContainer>\n    );\n  }\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private refContainer = (center: HTMLDivElement | null) => {\n    this.containerNode = center;\n  };\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    this.setState({ stackPosition: stack.indexOf(this), hasBackground: ModalStack.isBlocking(this) });\n  };\n\n  private handleContainerMouseDown = (event: React.MouseEvent) => {\n    this.mouseDownTarget = event.target;\n  };\n\n  private handleContainerMouseUp = (event: React.MouseEvent) => {\n    this.mouseUpTarget = event.target;\n  };\n\n  private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.props.ignoreBackgroundClick) {\n      const { target, currentTarget } = event;\n      if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n        this.requestClose();\n      }\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.state.stackPosition !== 0) {\n      return;\n    }\n    if (isKeyEscape(e)) {\n      stopPropagation(e);\n      this.requestClose();\n    }\n  };\n\n  private checkHorizontalScrollAppearance = () => {\n    let hasScroll = false;\n\n    if (this.containerNode) {\n      const containerClientWidth = this.containerNode.clientWidth;\n      const containerScrollWidth = this.containerNode.scrollWidth;\n      hasScroll = containerClientWidth < containerScrollWidth;\n    }\n    if (hasScroll && !this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: true });\n    } else if (this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: false });\n    }\n  };\n\n  private throttledCheckHorizontalScroll = throttle(this.checkHorizontalScrollAppearance, 100);\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  private setHasHeader = (hasHeader: boolean) => {\n    this.setState({ hasHeader });\n  };\n\n  private setHasFooter = (hasFooter: boolean) => {\n    this.setState({ hasFooter });\n  };\n\n  private setHasPanel = (hasPanel: boolean) => {\n    this.setState({ hasPanel });\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","FocusLock","throttle","getOwnerGlobalObject","isNonNullable","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","stopPropagation","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","isIE11","CommonWrapper","cx","createPropsGetter","ResponsiveLayout","isThemeGTE","catchUnreachableWarning","ModalContext","ModalFooter","ModalHeader","ModalBody","ModalClose","styles","getModalTheme","mountedModalsCount","ModalDataTids","container","content","close","ModalZIndexPriority","Cross","Content","Modal","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","getMobileContainerClassName","mobileAppearance","mobileContainerSmall5_2","mobileContainerFullscreen5_2","mobileContainerSmallBottom5_2","mobileContainerSmallTop5_2","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","handleResize","emit","setHasHeader","setHasFooter","setHasPanel","_inheritsLoose","_proto","prototype","componentDidMount","globalObject","add","addEventListener","componentWillUnmount","removeEventListener","remove","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","_this$props","noClose","width","alignTop","children","ariaLabel","ariaLabelledby","_this$state","_this$getProps","role","disableFocusLock","modalContextProps","mobileOnFullScreen","additionalPadding","versionGTE5_2","style","containerStyle","getMobileCenterContainerClassNames","_cx","mobileCenterContainer5_2","mobileCenterContainerBig5_2","mobileCenterContainerFullscreen5_2","mobileCenterContainer","priority","className","root","onMouseDown","onMouseUp","onClick","bg","_ref","_cx2","_cx3","_cx4","_cx5","_cx6","isMobile","ref","container5_2","containerDesktop","containerMobile","centerContainer","Boolean","undefined","window","mobileWindow","mobileWindowFullscreen5_2","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWrapper5_2","mobileCloseWithoutHeader","mobileCloseWithoutHeader5_2","Component","__KONTUR_REACT_UI__","displayName","Header","Body","Footer"],"sources":["Modal.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport throttle from 'lodash.throttle';\n\nimport { getOwnerGlobalObject } from '../../lib/globalObject';\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport type { ModalStackSubscription } from '../../lib/ModalStack';\nimport { ModalStack } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { catchUnreachableWarning } from '../../lib/typeGuards';\n\nimport type { ModalContextProps } from './ModalContext';\nimport { ModalContext } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { styles } from './Modal.styles';\nimport { getModalTheme } from './getModalTheme';\n\nlet mountedModalsCount = 0;\n\nexport type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';\n\nexport interface ModalProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n  /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */\n  disableClose?: boolean;\n\n  /** Выравнивает окно по верху страницы. */\n  alignTop?: boolean;\n\n  /** Оставляет окно открытым при клике на фон. */\n  ignoreBackgroundClick?: boolean;\n\n  /** Убирает крестик для закрытия окна */\n  noClose?: boolean;\n\n  /** Задает ширину модалки. */\n  width?: number | string;\n\n  /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */\n  onClose?: () => void;\n\n  /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */\n  disableFocusLock?: boolean;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n\n  /** Задает внешний вид модалки. Работает с версией темы >= 5_2.\n   *  - `auto` — если футера нет, модалка распологается в центре экрана, если футер есть -- модалка растягивается на весь экран с отступами и закругленными краями\n   *  - `top` — модалка располагается сверху независимо от наличия футера\n   *  - `center` — модалка располагается в центре независимо от наличия футера\n   *  - `bottom` — модалка располагается снизу независимо от наличия футера\n   *  - `fullscreen-spacing` — модалка растягивается на весь экран с отступами и закругленными краями\n   *  - `fullscreen` — модалка растягивается на весь экран\n   *  @default auto\n   */\n  mobileAppearance?: MobileModalAppearance;\n}\n\nexport interface ModalState {\n  stackPosition: number;\n  hasBackground: boolean;\n  horizontalScroll: boolean;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  hasPanel: boolean;\n}\n\nexport const ModalDataTids = {\n  container: 'modal-container',\n  content: 'modal-content',\n  close: 'modal-close',\n} as const;\n\nexport const ModalZIndexPriority = {\n  Cross: 2,\n  Content: 1,\n} as const;\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role' | 'mobileAppearance'>>;\n\n/**\n * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.\n *\n * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.\n *\n * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.\n *\n * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).\n */\nexport class Modal extends React.Component<ModalProps, ModalState> {\n  public static __KONTUR_REACT_UI__ = 'Modal';\n  public static displayName = 'Modal';\n\n  public static Header = ModalHeader;\n  public static Body = ModalBody;\n  public static Footer = ModalFooter;\n\n  public static defaultProps: DefaultProps = {\n    // NOTE: в ie нормально не работает\n    disableFocusLock: isIE11,\n    role: 'dialog',\n    mobileAppearance: 'auto',\n  };\n\n  private getProps = createPropsGetter(Modal.defaultProps);\n\n  public state: ModalState = {\n    stackPosition: 0,\n    hasBackground: true,\n    horizontalScroll: false,\n    hasHeader: false,\n    hasFooter: false,\n    hasPanel: false,\n  };\n\n  private theme!: Theme;\n  private stackSubscription: ModalStackSubscription | null = null;\n  private containerNode: HTMLDivElement | null = null;\n  private mouseDownTarget: EventTarget | null = null;\n  private mouseUpTarget: EventTarget | null = null;\n\n  public componentDidMount() {\n    const globalObject = getOwnerGlobalObject(this.containerNode);\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange);\n\n    if (mountedModalsCount === 0) {\n      globalObject.addEventListener?.('resize', this.throttledCheckHorizontalScroll);\n    }\n\n    mountedModalsCount++;\n    globalObject.addEventListener?.('keydown', this.handleKeyDown);\n    this.checkHorizontalScrollAppearance();\n\n    if (this.containerNode) {\n      this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public componentWillUnmount() {\n    const globalObject = getOwnerGlobalObject(this.containerNode);\n    if (--mountedModalsCount === 0) {\n      globalObject.removeEventListener?.('resize', this.throttledCheckHorizontalScroll);\n      LayoutEvents.emit();\n    }\n\n    globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n    if (isNonNullable(this.stackSubscription)) {\n      this.stackSubscription.remove();\n    }\n    ModalStack.remove(this);\n\n    if (this.containerNode) {\n      this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalTheme(theme, this.props.theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getMobileContainerClassName = () => {\n    const mobileAppearance = this.getProps().mobileAppearance;\n    switch (mobileAppearance) {\n      case 'fullscreen-spacing':\n        return;\n      case 'auto':\n        if (this.state.hasFooter) {\n          return;\n        }\n        return [styles.mobileContainerSmall5_2()];\n      case 'fullscreen':\n        return [styles.mobileContainerFullscreen5_2()];\n      case 'center':\n        return [styles.mobileContainerSmall5_2()];\n      case 'bottom':\n        return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallBottom5_2()];\n      case 'top':\n        return [styles.mobileContainerSmall5_2(), styles.mobileContainerSmallTop5_2()];\n      default:\n        return catchUnreachableWarning(mobileAppearance, false);\n    }\n  };\n\n  private renderMain() {\n    const {\n      noClose,\n      disableClose,\n      width,\n      mobileAppearance,\n      alignTop,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    } = this.props;\n    const { hasHeader, hasFooter, hasPanel } = this.state;\n    const { role, disableFocusLock } = this.getProps();\n\n    const modalContextProps: ModalContextProps = {\n      hasHeader,\n      horizontalScroll: this.state.horizontalScroll,\n      setHasHeader: this.setHasHeader,\n      setHasFooter: this.setHasFooter,\n      setHasPanel: this.setHasPanel,\n      mobileOnFullScreen: this.props.mobileAppearance === 'fullscreen',\n    };\n    if (!noClose) {\n      modalContextProps.close = {\n        disableClose,\n        requestClose: this.requestClose,\n      };\n    }\n    if (!hasFooter || hasPanel) {\n      modalContextProps.additionalPadding = true;\n    }\n\n    const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n\n    const style: { width?: number | string } = {};\n    const containerStyle: { width?: number | string } = {};\n\n    if (width) {\n      style.width = width;\n    } else {\n      containerStyle.width = 'auto';\n    }\n\n    const getMobileCenterContainerClassNames = () => {\n      if (versionGTE5_2) {\n        return cx(styles.mobileCenterContainer5_2(this.theme), {\n          [styles.mobileCenterContainerBig5_2(this.theme)]:\n            mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),\n          [styles.mobileCenterContainerFullscreen5_2()]: mobileAppearance === 'fullscreen',\n        });\n      }\n      return cx(styles.mobileCenterContainer());\n    };\n\n    return (\n      <RenderContainer>\n        <CommonWrapper {...this.props}>\n          <ZIndex priority={'Modal'} className={styles.root()}>\n            <HideBodyVerticalScroll />\n            {this.state.hasBackground && (\n              <div\n                onMouseDown={this.handleContainerMouseDown}\n                onMouseUp={this.handleContainerMouseUp}\n                onClick={this.handleContainerClick}\n                className={styles.bg(this.theme)}\n              />\n            )}\n            <ResponsiveLayout>\n              {({ isMobile }) => (\n                <div\n                  aria-labelledby={ariaLabelledby}\n                  ref={this.refContainer}\n                  className={cx(\n                    styles.container(),\n                    versionGTE5_2 && styles.container5_2(),\n                    (!versionGTE5_2 || !isMobile) && styles.containerDesktop(),\n                    !versionGTE5_2 && isMobile && styles.containerMobile(this.theme),\n                    versionGTE5_2 && isMobile && this.getMobileContainerClassName(),\n                  )}\n                  onMouseDown={this.handleContainerMouseDown}\n                  onMouseUp={this.handleContainerMouseUp}\n                  onClick={this.handleContainerClick}\n                  data-tid={ModalDataTids.container}\n                >\n                  <div\n                    aria-modal\n                    aria-label={ariaLabel}\n                    role={role}\n                    className={cx({\n                      [styles.centerContainer()]: true,\n                      [getMobileCenterContainerClassNames()]: isMobile,\n                      [styles.alignTop()]: Boolean(alignTop),\n                    })}\n                    style={isMobile ? undefined : containerStyle}\n                    data-tid={ModalDataTids.content}\n                  >\n                    <div\n                      className={cx({\n                        [styles.window(this.theme)]: true,\n                        [styles.mobileWindow()]: isMobile,\n                        [styles.mobileWindowFullscreen5_2()]:\n                          versionGTE5_2 && isMobile && mobileAppearance === 'fullscreen',\n                      })}\n                      style={isMobile ? undefined : style}\n                    >\n                      <ResizeDetector onResize={this.handleResize} fullHeight={isMobile}>\n                        <FocusLock\n                          disabled={disableFocusLock}\n                          autoFocus={false}\n                          className={cx({ [styles.columnFlexContainer()]: isMobile }, 'focus-lock-container')}\n                        >\n                          {!hasHeader && !noClose && (\n                            <ZIndex\n                              priority={ModalZIndexPriority.Cross}\n                              className={cx({\n                                [styles.closeWrapper(this.theme)]: true,\n                                [styles.mobileCloseWrapper(this.theme)]: isMobile,\n                                [styles.mobileCloseWrapper5_2(this.theme)]: versionGTE5_2 && isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={cx({\n                                  [styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n                                  [styles.mobileCloseWithoutHeader5_2(this.theme)]:\n                                    versionGTE5_2 && isMobile && !this.state.hasHeader,\n                                })}\n                                requestClose={this.requestClose}\n                                disableClose={disableClose}\n                              />\n                            </ZIndex>\n                          )}\n                          <ModalContext.Provider value={modalContextProps}>{children}</ModalContext.Provider>\n                        </FocusLock>\n                      </ResizeDetector>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </ResponsiveLayout>\n          </ZIndex>\n        </CommonWrapper>\n      </RenderContainer>\n    );\n  }\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private refContainer = (center: HTMLDivElement | null) => {\n    this.containerNode = center;\n  };\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    this.setState({ stackPosition: stack.indexOf(this), hasBackground: ModalStack.isBlocking(this) });\n  };\n\n  private handleContainerMouseDown = (event: React.MouseEvent) => {\n    this.mouseDownTarget = event.target;\n  };\n\n  private handleContainerMouseUp = (event: React.MouseEvent) => {\n    this.mouseUpTarget = event.target;\n  };\n\n  private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.props.ignoreBackgroundClick) {\n      const { target, currentTarget } = event;\n      if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n        this.requestClose();\n      }\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.state.stackPosition !== 0) {\n      return;\n    }\n    if (isKeyEscape(e)) {\n      stopPropagation(e);\n      this.requestClose();\n    }\n  };\n\n  private checkHorizontalScrollAppearance = () => {\n    let hasScroll = false;\n\n    if (this.containerNode) {\n      const containerClientWidth = this.containerNode.clientWidth;\n      const containerScrollWidth = this.containerNode.scrollWidth;\n      hasScroll = containerClientWidth < containerScrollWidth;\n    }\n    if (hasScroll && !this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: true });\n    } else if (this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: false });\n    }\n  };\n\n  private throttledCheckHorizontalScroll = throttle(this.checkHorizontalScrollAppearance, 100);\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  private setHasHeader = (hasHeader: boolean) => {\n    this.setState({ hasHeader });\n  };\n\n  private setHasFooter = (hasFooter: boolean) => {\n    this.setState({ hasFooter });\n  };\n\n  private setHasPanel = (hasPanel: boolean) => {\n    this.setState({ hasPanel });\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/Modal.styles/Modal.styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62;
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
 export var modalGlobalClasses = prefix('modal')({
@@ -115,86 +115,89 @@ export var styles = memoizeStyle({
   mobileHeader: function mobileHeader(t) {
     return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
   },
+  titleCut: function titleCut() {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])));
+  },
   body: function body(t) {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])), t.modalBodyBorderRadius, t.modalBodyPaddingTop, t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft, t.modalBodyTextColor);
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])), t.modalBodyBorderRadius, t.modalBodyPaddingTop, t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft, t.modalBodyTextColor);
   },
   mobileBody: function mobileBody(t) {
-    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
   },
   headerWithClose: function headerWithClose(t) {
     var rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);
-    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), rightPadding);
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), rightPadding);
   },
   mobileHeaderWithClose: function mobileHeaderWithClose(t) {
-    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
   },
   footer: function footer(t) {
-    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft, t.modalFooterTextColor, t.modalBorderRadius, t.modalBorderRadius);
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft, t.modalFooterTextColor, t.modalBorderRadius, t.modalBorderRadius);
   },
   mobileFooter: function mobileFooter(t) {
-    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
   },
   panel: function panel(t) {
-    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
   },
   fixedHeader: function fixedHeader(t) {
-    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
   },
   fixedHeader5_2: function fixedHeader5_2() {
-    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n    "])));
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n    "])));
   },
   mobileFixedHeader: function mobileFixedHeader(t) {
-    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalHeaderPadding);
+    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalHeaderPadding);
   },
   mobileFixedHeader5_2: function mobileFixedHeader5_2(t) {
-    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      border-radius: ", " ", " 0 0;\n    "])), t.modalBorderRadius, t.modalBorderRadius);
+    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      border-radius: ", " ", " 0 0;\n    "])), t.modalBorderRadius, t.modalBorderRadius);
   },
   fixedFooter: function fixedFooter(t) {
-    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
+    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
   },
   fixedFooter5_2: function fixedFooter5_2() {
-    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n    "])));
+    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n    "])));
   },
   mobileFixedFooter5_2: function mobileFixedFooter5_2(t) {
-    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalBorderRadius, t.modalBorderRadius);
+    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalBorderRadius, t.modalBorderRadius);
   },
   fixedPanel: function fixedPanel(t) {
-    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
+    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
   },
   headerAddPadding: function headerAddPadding(t) {
-    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
+    return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
   },
   bodyWithoutHeader: function bodyWithoutHeader(t) {
-    return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
+    return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
   },
   mobileBodyWithoutHeader: function mobileBodyWithoutHeader() {
-    return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      padding-top: 0;\n    "])));
+    return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n      padding-top: 0;\n    "])));
   },
   mobileBodyWithoutHeader5_2: function mobileBodyWithoutHeader5_2(t) {
-    return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-right: ", ";\n    "])), t.mobileModalBodyPaddingTop, t.mobileModalWithoutHeaderCloseButtonWidth);
+    return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-right: ", ";\n    "])), t.mobileModalBodyPaddingTop, t.mobileModalWithoutHeaderCloseButtonWidth);
   },
   bodyWithoutPadding: function bodyWithoutPadding() {
-    return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+    return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
   },
   bodyAddPaddingForPanel: function bodyAddPaddingForPanel(t) {
-    return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
+    return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
   },
   mobileBodyAddPaddingForPanel: function mobileBodyAddPaddingForPanel(t) {
-    return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalBodyPadding);
+    return css(_templateObject57 || (_templateObject57 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalBodyPadding);
   },
   mobileBodyAddPaddingForPanel5_2: function mobileBodyAddPaddingForPanel5_2(t) {
-    return css(_templateObject57 || (_templateObject57 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalBodyPaddingBottom);
+    return css(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalBodyPaddingBottom);
   },
   columnFlexContainer: function columnFlexContainer() {
-    return css(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
+    return css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
   },
   modalSeparatorWrapper: function modalSeparatorWrapper() {
-    return css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 100%;\n    "])));
+    return css(_templateObject60 || (_templateObject60 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 100%;\n    "])));
   },
   modalSeparator: function modalSeparator(t) {
-    return css(_templateObject60 || (_templateObject60 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: 0 32px;\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom);
+    return css(_templateObject61 || (_templateObject61 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: ", ";\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom, t.modalSeparatorMargin);
   },
-  modalSeparatorFixed: function modalSeparatorFixed() {
-    return css(_templateObject61 || (_templateObject61 = _taggedTemplateLiteralLoose(["\n      margin: 0 16px;\n    "])));
+  modalSeparatorFixed: function modalSeparatorFixed(t) {
+    return css(_templateObject62 || (_templateObject62 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n    "])), t.modalSeparatorFixedMargin);
   }
 });

package/components/Modal/Modal.styles/Modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerDesktop","_templateObject4","container5_2","_templateObject5","containerMobile","_templateObject6","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","mobileContainerFullscreen5_2","_templateObject7","mobileContainerSmall5_2","_templateObject8","mobileContainerSmallTop5_2","_templateObject9","mobileContainerSmallBottom5_2","_templateObject10","window","_templateObject11","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject12","mobileWindowFullscreen5_2","_templateObject13","centerContainer","_templateObject14","mobileCenterContainer","_templateObject15","mobileCenterContainer5_2","_templateObject16","mobileCenterContainerBig5_2","_templateObject17","mobileCenterContainerFullscreen5_2","_templateObject18","alignTop","_templateObject19","close","padding","parseInt","modalCloseButtonPadding","_templateObject20","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","close5_1","_templateObject21","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","closeMobile","_templateObject22","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","closeMobile5_1","_templateObject23","mobileCloseWithoutHeader","_templateObject24","mobileCloseWithoutHeader5_2","_templateObject25","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject26","mobileCloseWrapper","size","_templateObject27","bgDefault","mobileCloseWrapper5_2","_templateObject28","mobileModalWithoutHeaderCloseButtonWidth","disabled","_templateObject29","modalCloseButtonDisabledColor","focus","_templateObject30","borderColorFocus","focus5_1","_templateObject31","header","_templateObject32","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","header5_2","_templateObject33","mobileHeader","_templateObject34","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","_templateObject35","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject36","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject37","mobileHeaderWithClose","_templateObject38","footer","_templateObject39","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject40","mobileModalFooterPadding","panel","_templateObject41","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject42","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","fixedHeader5_2","_templateObject43","mobileFixedHeader","_templateObject44","mobileFixedHeader5_2","_templateObject45","fixedFooter","_templateObject46","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedFooter5_2","_templateObject47","mobileFixedFooter5_2","_templateObject48","fixedPanel","_templateObject49","modalFixedPanelShadow","headerAddPadding","_templateObject50","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject51","modalPaddingTop","mobileBodyWithoutHeader","_templateObject52","mobileBodyWithoutHeader5_2","_templateObject53","mobileModalBodyPaddingTop","bodyWithoutPadding","_templateObject54","bodyAddPaddingForPanel","_templateObject55","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject56","mobileBodyAddPaddingForPanel5_2","_templateObject57","mobileModalBodyPaddingBottom","columnFlexContainer","_templateObject58","modalSeparatorWrapper","_templateObject59","modalSeparator","_templateObject60","modalSeparatorBorderBottom","modalSeparatorFixed","_templateObject61"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n  root: 'root',\n  container: 'container',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n    `;\n  },\n\n  containerDesktop() {\n    return css`\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  container5_2() {\n    return css`\n      min-height: 64px;\n    `;\n  },\n\n  containerMobile(t: Theme) {\n    return css`\n      height: ${t.mobileModalContainerHeight};\n      margin-top: ${t.mobileModalContainerMarginTop};\n      margin-right: ${t.mobileModalContainerMarginRight};\n      margin-bottom: ${t.mobileModalContainerMarginBottom};\n      margin-left: ${t.mobileModalContainerMarginLeft};\n    `;\n  },\n\n  mobileContainerFullscreen5_2() {\n    return css`\n      margin: 0;\n    `;\n  },\n\n  mobileContainerSmall5_2() {\n    return css`\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    `;\n  },\n  mobileContainerSmallTop5_2() {\n    return css`\n      align-content: start;\n    `;\n  },\n  mobileContainerSmallBottom5_2() {\n    return css`\n      align-content: end;\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ${t.modalWindowShadow};\n      background: ${t.modalBg};\n      border-radius: ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileWindow() {\n    return css`\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    `;\n  },\n\n  mobileWindowFullscreen5_2() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  centerContainer() {\n    return css`\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    `;\n  },\n\n  mobileCenterContainer() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    `;\n  },\n\n  mobileCenterContainer5_2(t: Theme) {\n    return css`\n      padding: 0;\n      width: calc(100% - ${t.mobileModalContainerMarginLeft} - ${t.mobileModalContainerMarginRight});\n      display: inline-flex;\n      margin: ${t.mobileModalContainerMarginTop} ${t.mobileModalContainerMarginRight}\n        ${t.mobileModalContainerMarginBottom} ${t.mobileModalContainerMarginLeft};\n      max-height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n    `;\n  },\n\n  mobileCenterContainerBig5_2(t: Theme) {\n    return css`\n      height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n    `;\n  },\n\n  mobileCenterContainerFullscreen5_2() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    `;\n  },\n\n  alignTop() {\n    return css`\n      vertical-align: top;\n    `;\n  },\n\n  close(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      right: ${padding}px;\n      top: ${padding}px;\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding: ${t.modalCloseButtonClickArea};\n      margin: -${t.modalCloseButtonClickArea};\n\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  close5_1(t: Theme) {\n    return css`\n      justify-content: center;\n      align-items: center;\n      right: ${t.modalCloseButtonClickAreaRight};\n      top: ${t.modalCloseButtonClickAreaTop};\n\n      padding-top: ${t.modalCloseButtonClickAreaTop};\n      margin-top: -${t.modalCloseButtonClickAreaTop};\n      padding-right: ${t.modalCloseButtonClickAreaRight};\n      margin-right: -${t.modalCloseButtonClickAreaRight};\n      padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n      margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n      padding-left: ${t.modalCloseButtonClickAreaLeft};\n      margin-left: -${t.modalCloseButtonClickAreaLeft};\n    `;\n  },\n\n  closeMobile(t: Theme) {\n    return css`\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;\n      padding: ${t.mobileModalCloseButtonClickArea};\n      margin: -${t.mobileModalCloseButtonClickArea};\n\n      & > svg {\n        width: ${t.mobileModalCloseIconSize};\n        height: ${t.mobileModalCloseIconSize};\n      }\n    `;\n  },\n\n  closeMobile5_1(t: Theme) {\n    return css`\n      top: ${t.mobileModalCloseButtonTopPadding};\n    `;\n  },\n\n  mobileCloseWithoutHeader() {\n    return css`\n      position: static;\n    `;\n  },\n\n  mobileCloseWithoutHeader5_2(t: Theme) {\n    return css`\n      position: absolute;\n      padding: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n      margin: -${t.mobileModalWithoutHeaderCloseButtonPadding};\n      top: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n      right: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n    return css`\n      position: relative;\n      float: right;\n      width: ${blockSizeX}px;\n      height: ${blockSizeY}px;\n    `;\n  },\n\n  mobileCloseWrapper(t: Theme) {\n    const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n    return css`\n      position: absolute;\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${t.mobileModalCloseButtonTopPadding};\n      padding: 0;\n      margin: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ${size}px;\n      height: ${size}px;\n      background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ${size}px;\n    `;\n  },\n\n  mobileCloseWrapper5_2(t: Theme) {\n    return css`\n      position: sticky;\n      right: 0;\n      top: 0;\n      margin-left: auto;\n      width: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n      height: 0;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      cursor: default;\n      color: ${t.modalCloseButtonDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.modalCloseButtonHoverColor};\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  focus5_1(t: Theme) {\n    return css`\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(${t.modalCloseIconSize} * 2);\n        height: calc(${t.modalCloseIconSize} * 2);\n        box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n        border-radius: 4px;\n      }\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.modalHeaderFontSize};\n      line-height: ${t.modalHeaderLineHeight};\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ${t.modalHeaderTextColor};\n      font-weight: ${t.modalHeaderFontWeight};\n    `;\n  },\n\n  header5_2(t: Theme) {\n    return css`\n      border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      position: relative;\n      font-size: ${t.mobileModalHeaderFontSize};\n      line-height: ${t.mobileModalHeaderLineHeight};\n      padding: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      border-radius: ${t.modalBodyBorderRadius};\n      padding-top: ${t.modalBodyPaddingTop};\n      padding-right: ${t.modalPaddingRight};\n      padding-bottom: ${t.modalBodyPaddingBottom};\n      padding-left: ${t.modalPaddingLeft};\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ${t.mobileModalBodyFontSize};\n    `;\n  },\n\n  headerWithClose(t: Theme) {\n    const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n    return css`\n      padding-right: ${rightPadding}px;\n    `;\n  },\n\n  mobileHeaderWithClose(t: Theme) {\n    return css`\n      padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n      color: ${t.modalFooterTextColor};\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileFooter(t: Theme) {\n    return css`\n      padding: ${t.mobileModalFooterPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      padding-top: ${t.modalFooterPanelPaddingTop};\n      padding-bottom: ${t.modalFooterPanelPaddingBottom};\n      background: ${t.modalFooterBg};\n    `;\n  },\n\n  fixedHeader(t: Theme) {\n    return css`\n      margin-bottom: ${t.modalFixedHeaderMarginBottom};\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n      background: ${t.modalFixedHeaderBg};\n      border-bottom: ${t.modalFixedHeaderBorder};\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedHeaderShadow};\n      }\n    `;\n  },\n\n  fixedHeader5_2() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  mobileFixedHeader(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  mobileFixedHeader5_2(t: Theme) {\n    return css`\n      border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n    `;\n  },\n\n  fixedFooter(t: Theme) {\n    return css`\n      padding-top: ${t.modalFixedFooterPaddingTop};\n      margin-top: ${t.modalFixedFooterMarginTop};\n      background: ${t.modalFixedHeaderBg};\n      border-top: ${t.modalFixedFooterBorder};\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedFooterShadow};\n      }\n    `;\n  },\n\n  fixedFooter5_2() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  mobileFixedFooter5_2(t: Theme) {\n    return css`\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  fixedPanel(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.modalFixedPanelShadow};\n      }\n    `;\n  },\n\n  headerAddPadding(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop};\n    `;\n  },\n\n  mobileBodyWithoutHeader() {\n    return css`\n      padding-top: 0;\n    `;\n  },\n\n  mobileBodyWithoutHeader5_2(t: Theme) {\n    return css`\n      padding-top: ${t.mobileModalBodyPaddingTop};\n      padding-right: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n    `;\n  },\n\n  bodyWithoutPadding() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  bodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalPaddingBottom};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel5_2(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalBodyPaddingBottom};\n    `;\n  },\n\n  columnFlexContainer() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    `;\n  },\n\n  modalSeparatorWrapper() {\n    return css`\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  modalSeparator(t: Theme) {\n    return css`\n      border-bottom: ${t.modalSeparatorBorderBottom};\n      margin: 0 32px;\n      transition: margin 0.3s;\n    `;\n  },\n\n  modalSeparatorFixed() {\n    return css`\n      margin: 0 16px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerDesktop","_templateObject4","container5_2","_templateObject5","containerMobile","_templateObject6","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","mobileContainerFullscreen5_2","_templateObject7","mobileContainerSmall5_2","_templateObject8","mobileContainerSmallTop5_2","_templateObject9","mobileContainerSmallBottom5_2","_templateObject10","window","_templateObject11","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject12","mobileWindowFullscreen5_2","_templateObject13","centerContainer","_templateObject14","mobileCenterContainer","_templateObject15","mobileCenterContainer5_2","_templateObject16","mobileCenterContainerBig5_2","_templateObject17","mobileCenterContainerFullscreen5_2","_templateObject18","alignTop","_templateObject19","close","padding","parseInt","modalCloseButtonPadding","_templateObject20","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","close5_1","_templateObject21","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","closeMobile","_templateObject22","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","closeMobile5_1","_templateObject23","mobileCloseWithoutHeader","_templateObject24","mobileCloseWithoutHeader5_2","_templateObject25","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject26","mobileCloseWrapper","size","_templateObject27","bgDefault","mobileCloseWrapper5_2","_templateObject28","mobileModalWithoutHeaderCloseButtonWidth","disabled","_templateObject29","modalCloseButtonDisabledColor","focus","_templateObject30","borderColorFocus","focus5_1","_templateObject31","header","_templateObject32","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","header5_2","_templateObject33","mobileHeader","_templateObject34","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","titleCut","_templateObject35","body","_templateObject36","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject37","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject38","mobileHeaderWithClose","_templateObject39","footer","_templateObject40","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject41","mobileModalFooterPadding","panel","_templateObject42","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject43","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","fixedHeader5_2","_templateObject44","mobileFixedHeader","_templateObject45","mobileFixedHeader5_2","_templateObject46","fixedFooter","_templateObject47","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedFooter5_2","_templateObject48","mobileFixedFooter5_2","_templateObject49","fixedPanel","_templateObject50","modalFixedPanelShadow","headerAddPadding","_templateObject51","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject52","modalPaddingTop","mobileBodyWithoutHeader","_templateObject53","mobileBodyWithoutHeader5_2","_templateObject54","mobileModalBodyPaddingTop","bodyWithoutPadding","_templateObject55","bodyAddPaddingForPanel","_templateObject56","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject57","mobileBodyAddPaddingForPanel5_2","_templateObject58","mobileModalBodyPaddingBottom","columnFlexContainer","_templateObject59","modalSeparatorWrapper","_templateObject60","modalSeparator","_templateObject61","modalSeparatorBorderBottom","modalSeparatorMargin","modalSeparatorFixed","_templateObject62","modalSeparatorFixedMargin"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n  root: 'root',\n  container: 'container',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n    `;\n  },\n\n  containerDesktop() {\n    return css`\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  container5_2() {\n    return css`\n      min-height: 64px;\n    `;\n  },\n\n  containerMobile(t: Theme) {\n    return css`\n      height: ${t.mobileModalContainerHeight};\n      margin-top: ${t.mobileModalContainerMarginTop};\n      margin-right: ${t.mobileModalContainerMarginRight};\n      margin-bottom: ${t.mobileModalContainerMarginBottom};\n      margin-left: ${t.mobileModalContainerMarginLeft};\n    `;\n  },\n\n  mobileContainerFullscreen5_2() {\n    return css`\n      margin: 0;\n    `;\n  },\n\n  mobileContainerSmall5_2() {\n    return css`\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    `;\n  },\n  mobileContainerSmallTop5_2() {\n    return css`\n      align-content: start;\n    `;\n  },\n  mobileContainerSmallBottom5_2() {\n    return css`\n      align-content: end;\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ${t.modalWindowShadow};\n      background: ${t.modalBg};\n      border-radius: ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileWindow() {\n    return css`\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    `;\n  },\n\n  mobileWindowFullscreen5_2() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  centerContainer() {\n    return css`\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    `;\n  },\n\n  mobileCenterContainer() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    `;\n  },\n\n  mobileCenterContainer5_2(t: Theme) {\n    return css`\n      padding: 0;\n      width: calc(100% - ${t.mobileModalContainerMarginLeft} - ${t.mobileModalContainerMarginRight});\n      display: inline-flex;\n      margin: ${t.mobileModalContainerMarginTop} ${t.mobileModalContainerMarginRight}\n        ${t.mobileModalContainerMarginBottom} ${t.mobileModalContainerMarginLeft};\n      max-height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n    `;\n  },\n\n  mobileCenterContainerBig5_2(t: Theme) {\n    return css`\n      height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n    `;\n  },\n\n  mobileCenterContainerFullscreen5_2() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    `;\n  },\n\n  alignTop() {\n    return css`\n      vertical-align: top;\n    `;\n  },\n\n  close(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      right: ${padding}px;\n      top: ${padding}px;\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding: ${t.modalCloseButtonClickArea};\n      margin: -${t.modalCloseButtonClickArea};\n\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  close5_1(t: Theme) {\n    return css`\n      justify-content: center;\n      align-items: center;\n      right: ${t.modalCloseButtonClickAreaRight};\n      top: ${t.modalCloseButtonClickAreaTop};\n\n      padding-top: ${t.modalCloseButtonClickAreaTop};\n      margin-top: -${t.modalCloseButtonClickAreaTop};\n      padding-right: ${t.modalCloseButtonClickAreaRight};\n      margin-right: -${t.modalCloseButtonClickAreaRight};\n      padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n      margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n      padding-left: ${t.modalCloseButtonClickAreaLeft};\n      margin-left: -${t.modalCloseButtonClickAreaLeft};\n    `;\n  },\n\n  closeMobile(t: Theme) {\n    return css`\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;\n      padding: ${t.mobileModalCloseButtonClickArea};\n      margin: -${t.mobileModalCloseButtonClickArea};\n\n      & > svg {\n        width: ${t.mobileModalCloseIconSize};\n        height: ${t.mobileModalCloseIconSize};\n      }\n    `;\n  },\n\n  closeMobile5_1(t: Theme) {\n    return css`\n      top: ${t.mobileModalCloseButtonTopPadding};\n    `;\n  },\n\n  mobileCloseWithoutHeader() {\n    return css`\n      position: static;\n    `;\n  },\n\n  mobileCloseWithoutHeader5_2(t: Theme) {\n    return css`\n      position: absolute;\n      padding: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n      margin: -${t.mobileModalWithoutHeaderCloseButtonPadding};\n      top: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n      right: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n    return css`\n      position: relative;\n      float: right;\n      width: ${blockSizeX}px;\n      height: ${blockSizeY}px;\n    `;\n  },\n\n  mobileCloseWrapper(t: Theme) {\n    const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n    return css`\n      position: absolute;\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${t.mobileModalCloseButtonTopPadding};\n      padding: 0;\n      margin: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ${size}px;\n      height: ${size}px;\n      background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ${size}px;\n    `;\n  },\n\n  mobileCloseWrapper5_2(t: Theme) {\n    return css`\n      position: sticky;\n      right: 0;\n      top: 0;\n      margin-left: auto;\n      width: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n      height: 0;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      cursor: default;\n      color: ${t.modalCloseButtonDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.modalCloseButtonHoverColor};\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  focus5_1(t: Theme) {\n    return css`\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(${t.modalCloseIconSize} * 2);\n        height: calc(${t.modalCloseIconSize} * 2);\n        box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n        border-radius: 4px;\n      }\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.modalHeaderFontSize};\n      line-height: ${t.modalHeaderLineHeight};\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ${t.modalHeaderTextColor};\n      font-weight: ${t.modalHeaderFontWeight};\n    `;\n  },\n\n  header5_2(t: Theme) {\n    return css`\n      border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      position: relative;\n      font-size: ${t.mobileModalHeaderFontSize};\n      line-height: ${t.mobileModalHeaderLineHeight};\n      padding: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  titleCut() {\n    return css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      border-radius: ${t.modalBodyBorderRadius};\n      padding-top: ${t.modalBodyPaddingTop};\n      padding-right: ${t.modalPaddingRight};\n      padding-bottom: ${t.modalBodyPaddingBottom};\n      padding-left: ${t.modalPaddingLeft};\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ${t.mobileModalBodyFontSize};\n    `;\n  },\n\n  headerWithClose(t: Theme) {\n    const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n    return css`\n      padding-right: ${rightPadding}px;\n    `;\n  },\n\n  mobileHeaderWithClose(t: Theme) {\n    return css`\n      padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n      color: ${t.modalFooterTextColor};\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileFooter(t: Theme) {\n    return css`\n      padding: ${t.mobileModalFooterPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      padding-top: ${t.modalFooterPanelPaddingTop};\n      padding-bottom: ${t.modalFooterPanelPaddingBottom};\n      background: ${t.modalFooterBg};\n    `;\n  },\n\n  fixedHeader(t: Theme) {\n    return css`\n      margin-bottom: ${t.modalFixedHeaderMarginBottom};\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n      background: ${t.modalFixedHeaderBg};\n      border-bottom: ${t.modalFixedHeaderBorder};\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedHeaderShadow};\n      }\n    `;\n  },\n\n  fixedHeader5_2() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  mobileFixedHeader(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  mobileFixedHeader5_2(t: Theme) {\n    return css`\n      border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n    `;\n  },\n\n  fixedFooter(t: Theme) {\n    return css`\n      padding-top: ${t.modalFixedFooterPaddingTop};\n      margin-top: ${t.modalFixedFooterMarginTop};\n      background: ${t.modalFixedHeaderBg};\n      border-top: ${t.modalFixedFooterBorder};\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedFooterShadow};\n      }\n    `;\n  },\n\n  fixedFooter5_2() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  mobileFixedFooter5_2(t: Theme) {\n    return css`\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  fixedPanel(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.modalFixedPanelShadow};\n      }\n    `;\n  },\n\n  headerAddPadding(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop};\n    `;\n  },\n\n  mobileBodyWithoutHeader() {\n    return css`\n      padding-top: 0;\n    `;\n  },\n\n  mobileBodyWithoutHeader5_2(t: Theme) {\n    return css`\n      padding-top: ${t.mobileModalBodyPaddingTop};\n      padding-right: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n    `;\n  },\n\n  bodyWithoutPadding() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  bodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalPaddingBottom};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel5_2(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalBodyPaddingBottom};\n    `;\n  },\n\n  columnFlexContainer() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    `;\n  },\n\n  modalSeparatorWrapper() {\n    return css`\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  modalSeparator(t: Theme) {\n    return css`\n      border-bottom: ${t.modalSeparatorBorderBottom};\n      margin: ${t.modalSeparatorMargin};\n      transition: margin 0.3s;\n    `;\n  },\n\n  modalSeparatorFixed(t: Theme) {\n    return css`\n      margin: ${t.modalSeparatorFixedMargin};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/Modal.styles.d.ts

@@ -38,6 +38,7 @@ export declare const styles: {
     header(t: Theme): string;
     header5_2(t: Theme): string;
     mobileHeader(t: Theme): string;
+    titleCut(): string;
     body(t: Theme): string;
     mobileBody(t: Theme): string;
     headerWithClose(t: Theme): string;
@@ -64,5 +65,5 @@ export declare const styles: {
     columnFlexContainer(): string;
     modalSeparatorWrapper(): string;
     modalSeparator(t: Theme): string;
-    modalSeparatorFixed(): string;
+    modalSeparatorFixed(t: Theme): string;
 };

package/components/Modal/ModalBody/ModalBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","ZIndex","CommonWrapper","cx","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","isThemeGTE","ModalContext","styles","getModalBodyTheme","ModalZIndexPriority","ModalBody","_class","_ModalBody","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","versionGTE5_2","noPadding","props","_ref","_cx","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","priority","Content","className","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","mobileBodyWithoutHeader5_2","mobileBodyAddPaddingForPanel5_2","bodyWithoutPadding","onResize","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * ModalBody - контейнер с отступами от края модалки.\n *\n * @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalBodyTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  public renderMain(): JSX.Element {\n    const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              priority={ModalZIndexPriority.Content}\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.mobileBody(this.theme)]: this.isMobileLayout,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.mobileBodyWithoutHeader()]: !hasHeader && this.isMobileLayout,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n                [styles.mobileBodyWithoutHeader5_2(this.theme)]: versionGTE5_2 && !hasHeader && this.isMobileLayout,\n                [styles.mobileBodyAddPaddingForPanel5_2(this.theme)]:\n                  versionGTE5_2 && additionalPadding && this.isMobileLayout,\n                [styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.isMobileLayout ? (\n                <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n              ) : (\n                this.props.children\n              )}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","ZIndex","CommonWrapper","cx","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","isThemeGTE","ModalContext","styles","getModalBodyTheme","ModalZIndexPriority","ModalBody","_class","_ModalBody","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","versionGTE5_2","noPadding","props","_ref","_cx","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","priority","Content","className","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","mobileBodyWithoutHeader5_2","mobileBodyAddPaddingForPanel5_2","bodyWithoutPadding","onResize","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * ModalBody - контейнер с отступами от края модалки.\n *\n * @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalBodyTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  public renderMain(): JSX.Element {\n    const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              priority={ModalZIndexPriority.Content}\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.mobileBody(this.theme)]: this.isMobileLayout,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.mobileBodyWithoutHeader()]: !hasHeader && this.isMobileLayout,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n                [styles.mobileBodyWithoutHeader5_2(this.theme)]: versionGTE5_2 && !hasHeader && this.isMobileLayout,\n                [styles.mobileBodyAddPaddingForPanel5_2(this.theme)]:\n                  versionGTE5_2 && additionalPadding && this.isMobileLayout,\n                [styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.isMobileLayout ? (\n                <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n              ) : (\n                this.props.children\n              )}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/ModalBody.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 export interface ModalBodyProps extends CommonProps {
     /** Убирает отступы. */
     noPadding?: boolean;
@@ -15,6 +16,7 @@ export declare class ModalBody extends React.Component<ModalBodyProps> {
     static __MODAL_BODY__: boolean;
     private theme;
     private isMobileLayout;
+    getRootNode: TGetRootNode;
     private setRootNode;
     render(): React.JSX.Element;
     private handleResize;

package/components/Modal/ModalHeader/ModalHeader.js

@@ -24,6 +24,8 @@ function ModalHeader(props) {
   var layout = useResponsiveLayout();
   var _props$sticky = props.sticky,
     sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,
+    _props$cutTitleOnStuc = props.cutTitleOnStuck,
+    cutTitleOnStuck = _props$cutTitleOnStuc === void 0 ? false : _props$cutTitleOnStuc,
     children = props.children;
   useLayoutEffect(function () {
     modal.setHasHeader == null || modal.setHasHeader(true);
@@ -40,7 +42,7 @@ function ModalHeader(props) {
       React.createElement("div", null, /*#__PURE__*/
       React.createElement("div", {
         "data-tid": ModalHeaderDataTids.root,
-        className: cx(styles.header(theme), versionGTE5_2 && styles.header5_2(theme), layout.isMobile && styles.mobileHeader(theme), Boolean(modal.additionalPadding) && styles.headerAddPadding(theme), fixed && styles.fixedHeader(theme), versionGTE5_2 && fixed && styles.fixedHeader5_2(), fixed && layout.isMobile && styles.mobileFixedHeader(theme), versionGTE5_2 && fixed && layout.isMobile && styles.mobileFixedHeader5_2(theme), Boolean(modal.close) && styles.headerWithClose(theme), Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme))
+        className: cx(styles.header(theme), versionGTE5_2 && styles.header5_2(theme), layout.isMobile && styles.mobileHeader(theme), Boolean(modal.additionalPadding) && styles.headerAddPadding(theme), fixed && styles.fixedHeader(theme), cutTitleOnStuck && fixed && styles.titleCut(), versionGTE5_2 && fixed && styles.fixedHeader5_2(), fixed && layout.isMobile && styles.mobileFixedHeader(theme), versionGTE5_2 && fixed && layout.isMobile && styles.mobileFixedHeader5_2(theme), Boolean(modal.close) && styles.headerWithClose(theme), Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme))
       }, modal.close && /*#__PURE__*/
       React.createElement(ModalClose, {
         requestClose: modal.close.requestClose,