https://www.erd.hu/assets/site/modules_site/erd-style/popupcontent.js

1System.register("erd-style/popupcontent.js", ["tingle", "./focus-trap"], function (_export, _context) {
2  "use strict";
3
4  var tingle, tabTrappingKey, trapFocus, modal, modalContent;
5  return {
6    setters: [function (_tingle) {
7      tingle = _tingle.default;
8    }, function (_focusTrap) {
9      tabTrappingKey = _focusTrap.default;
10    }],
11    execute: function () {
12      // trap focus
13      trapFocus = function trapFocus(e) {
14        var popup = document.querySelector('.tingle-modal');
15        tabTrappingKey(e, popup);
16      }; // instanciate new modal
17
18
19      modal = new tingle.modal({
20        footer: true,
21        stickyFooter: false,
22        closeMethods: ['overlay', 'button', 'escape'],
23        closeLabel: "Bezár",
24        onOpen: function onOpen() {
25          document.addEventListener("keydown", trapFocus);
26          modal.modalCloseBtn.focus();
27        },
28        onClose: function onClose() {
29          document.removeEventListener("keydown", trapFocus);
30        }
31      }); // set content
32
33      modalContent = document.querySelector(".tingle-popup-content").innerHTML;
34      modal.setContent(modalContent);
35      modal.open();
36    }
37  };
38});