{
  "version": 3,
  "sources": ["../../misc/global_backdrop.tsx"],
  "sourcesContent": ["import * as React from \"react\"\nimport {ui_state, ui_actions} from \"../state/index\"\nimport {observer} from \"mobx-react\"\n\nimport {classNames} from \"@cling/lib.web.utils\"\n\n/**\n * We need this component to show a global backdrop. This component has to be added to all\n * stacking contexts to enable a card-editor for example to stand out of the backdrop.\n */\nexport const GlobalBackdrop = observer(({dom_ref}: {dom_ref?: React.RefObject<HTMLDivElement>}) => {\n    const on_click = React.useCallback(() => {\n        ui_state.global_backdrop?.()\n        ui_actions.hide_global_backdrop()\n    }, [])\n    return (\n        <div\n            className={classNames(\"global-backdrop\", {\n                \"global-backdrop--active\": !!ui_state.global_backdrop,\n            })}\n            ref={dom_ref}\n            onClick={on_click}\n        />\n    )\n})\n"],
  "mappings": "qLAAAA,IAUO,IAAMC,EAAiBC,EAAS,CAAC,CAAC,QAAAC,CAAO,IAAmD,CAC/F,IAAMC,EAAiBC,EAAY,IAAM,CACrCC,EAAS,kBAAkB,EAC3BC,EAAW,qBAAqB,CACpC,EAAG,CAAC,CAAC,EACL,OACIC,EAAC,OACG,UAAWC,EAAW,kBAAmB,CACrC,0BAA2B,CAAC,CAACH,EAAS,eAC1C,CAAC,EACD,IAAKH,EACL,QAASC,EACb,CAER,CAAC",
  "names": ["init_compat_module", "GlobalBackdrop", "observer", "dom_ref", "on_click", "q", "ui_state", "ui_actions", "_", "classNames"]
}