<commit_before>define(
  'ephox.dragster.demo.DragsterDemo',

  [
    'ephox.wrap.JQuery',
    'ephox.dragster.api.Dragster',
    'ephox.sugar.Element',
    'ephox.sugar.Insert',
    'ephox.sugar.TextNode'
  ],

  function ($, Dragster, Element, Insert, TextNode) {
    return function () {
      var container = $('<div/>').append('Hi.');

      var dialog = Dragster();

      var titlebar = TextNode('title', document);

      var content = (function () {
        var text = TextNode('This is the body of the text ...', document);
        var p = Element(document.createElement('p'));
        Insert.append(text, p);
        return p;
      })();

      dialog.setHeader(titlebar);
      dialog.setContent(content);

      // Demonstrate that dialog can change after being created.
      setTimeout(function () {
        dialog.setHeader(Element(document.createTextNode('blah')));
        dialog.setContent(Element(document.createTextNode('new content')));
      }, 5000);

      container.append(dialog.element().dom());

      $('#ephox-ui').append(container);

      dialog.show(10, 10);
    };
  }
);<commit_msg>blocker.<commit_after>define(
  'ephox.dragster.demo.DragsterDemo',

  [
    'ephox.wrap.JQuery',
    'ephox.dragster.api.Dragster',
    'ephox.sugar.Element',
    'ephox.sugar.Insert',
    'ephox.sugar.TextNode'
  ],

  function ($, Dragster, Element, Insert, TextNode) {
    return function () {
      var container = $('<div/>').append('Hi.');

      var dialog = Dragster();

      var titlebar = TextNode('title', document);

      var content = (function () {
        var text = TextNode('This is the body of the text ...', document);
        var p = Element(document.createElement('p'));
        Insert.append(text, p);
        return p;
      })();

      dialog.setHeader(titlebar);
      dialog.setContent(content);

      // Demonstrate that dialog can change after being created.
      setTimeout(function () {
        dialog.setHeader(Element(document.createTextNode('blah')));
        dialog.setContent(Element(document.createTextNode('new content')));
      }, 5000);



      var blocker = $('<div/>').css({
        position: 'fixed',
        left: 0,
        top: 0,
        width: '100%',
        height: '100%',
        'z-index': 1000
      }).addClass('blocker');
      console.log('blocker', blocker);

      $(document.body).append(blocker);

      $(blocker).mouseout(function () {
        console.log('exited document');
      });

      container.append(dialog.element().dom());

      $('#ephox-ui').append(container);

      dialog.show(10, 10);
    };
  }
);
{'fraction_non_alphanumeric': 0.16922486569455103, 'fraction_numerical': 0.010744435917114352, 'mean_word_length': 2.590909090909091, 'pattern_counts': {'":': 0, '<': 6, '<?xml version=': 0, '>': 6, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5518920', 'n_tokens_mistral': 832, 'n_tokens_neox': 796, 'n_words': 148}