/** * This file must not be changed or exchanged. * * @see http://bpmn.io/license for more information. */ import { domify, delegate as domDelegate } from 'min-dom'; // inlined ../../resources/logo.svg var BPMNIO_LOGO_SVG = ''; export var BPMNIO_IMG = BPMNIO_LOGO_SVG; function css(attrs) { return attrs.join(';'); } export var LINK_STYLES = css([ 'color: #404040' ]); var LIGHTBOX_STYLES = css([ 'z-index: 1001', 'position: fixed', 'top: 0', 'left: 0', 'right: 0', 'bottom: 0' ]); var BACKDROP_STYLES = css([ 'width: 100%', 'height: 100%', 'background: rgba(40,40,40,0.2)' ]); var NOTICE_STYLES = css([ 'position: absolute', 'left: 50%', 'top: 40%', 'transform: translate(-50%)', 'width: 260px', 'padding: 10px', 'background: white', 'box-shadow: 0 1px 4px rgba(0,0,0,0.3)', 'font-family: Helvetica, Arial, sans-serif', 'font-size: 14px', 'display: flex', 'line-height: 1.3' ]); var LIGHTBOX_MARKUP = '
' + '
' + '
' + '' + BPMNIO_IMG + '' + '' + 'Web-based tooling for BPMN, DMN and CMMN diagrams ' + 'powered by bpmn.io.' + '' + '
' + '
'; var lightbox; export function open() { if (!lightbox) { lightbox = domify(LIGHTBOX_MARKUP); domDelegate.bind(lightbox, '.backdrop', 'click', function(event) { document.body.removeChild(lightbox); }); } document.body.appendChild(lightbox); }