<commit_before>window.onload = () => {
    var uploaderExample1 = getUploader({ maxParallelUploads: 2, autoStart: false, autoRemove: false }, {});
    uploaderExample1.registerArea(document.getElementById('example1-dnd-area'), {
        url: "/api/test",
        method: "POST",
        maxFileSize: 2000,
        allowDragDrop: true,
        clickable: true,
        accept: "*",
        multiple: true,
    });

    var area2 = uploaderExample1.registerArea(document.getElementById('example1-button'), {
        url: "/api/test",
        method: "POST",
        maxFileSize: 5000,
        allowDragDrop: true,
        clickable: true,
        accept: "*",
        multiple: true,
    });

    uploaderExample1.queue.callbacks.onQueueChangedCallback = (result: IUploadFile[]) => {
        createQueue('example1-queue');
    };

    uploaderExample1.queue.callbacks.onProgressCallback = (file: IUploadFile) => {
        createQueue('example1-queue');
    };

    function createQueue(queueid:string){
      var queue = document.getElementById(queueid);
      var queueElement = document.createElement('div');
      uploaderExample1.queue.queuedFiles.forEach((file: IUploadFile) => {
          var fileItem = document.createElement("p");
          var info = document.createElement('div');
          info.innerHTML = file.name + " " + file.uploadStatus + " " + file.progress + "%\n";

          var deleteFromQueue = document.createElement("button");
          deleteFromQueue.innerHTML = "delete";
          deleteFromQueue.addEventListener("click", () => file.remove());

          var cancelInQueue = document.createElement("button");
          cancelInQueue.innerHTML = "cancel";
          cancelInQueue.addEventListener("click", () => {
            file.cancel()
          });

          var startInQueue = document.createElement("button");
          startInQueue.innerHTML = "start";
          startInQueue.addEventListener("click", () => file.start());

          fileItem.appendChild(info);
          fileItem.appendChild(startInQueue);
          fileItem.appendChild(cancelInQueue);
          fileItem.appendChild(deleteFromQueue);

          queueElement.appendChild(fileItem);
      });

      queue.innerHTML ='';
      queue.appendChild(queueElement);
    }
}<commit_msg>Fixed click issue on example. Temporary<commit_after>window.onload = () => {
    var uploaderExample1 = getUploader({ maxParallelUploads: 2, autoStart: false, autoRemove: false }, {});
    uploaderExample1.registerArea(document.getElementById('example1-dnd-area'), {
        url: "/api/test",
        method: "POST",
        maxFileSize: 2000,
        allowDragDrop: true,
        clickable: true,
        accept: "*",
        multiple: true,
    });

    var area2 = uploaderExample1.registerArea(document.getElementById('example1-button'), {
        url: "/api/test",
        method: "POST",
        maxFileSize: 5000,
        allowDragDrop: true,
        clickable: true,
        accept: "*",
        multiple: true,
    });

    uploaderExample1.queue.callbacks.onQueueChangedCallback = (result: IUploadFile[]) => {
        createQueue('example1-queue');
    };

    uploaderExample1.queue.callbacks.onProgressCallback = (file: IUploadFile) => {
        createQueue('example1-queue');
    };

    function createQueue(queueid: string) {
        var queue = document.getElementById(queueid);
        var child: Node;
        if (queue.childNodes)
            child = queue.childNodes[0];

        var queueElement = document.createElement('div');
        uploaderExample1.queue.queuedFiles.forEach((file: IUploadFile) => {
            var fileItem = document.createElement("p");
            var info = document.createElement('div');
            info.innerHTML = file.name + " " + file.uploadStatus + " " + file.progress + "%\n";

            var deleteFromQueue = document.createElement("button");
            deleteFromQueue.innerHTML = "delete";
            deleteFromQueue.addEventListener("mousedown", () => file.remove());

            var cancelInQueue = document.createElement("button");
            cancelInQueue.innerHTML = "cancel";
            cancelInQueue.addEventListener("mousedown", () =>  file.cancel());

            var startInQueue = document.createElement("button");
            startInQueue.innerHTML = "start";
            startInQueue.addEventListener("mousedown", () => file.start());

            fileItem.appendChild(info);
            fileItem.appendChild(startInQueue);
            fileItem.appendChild(cancelInQueue);
            fileItem.appendChild(deleteFromQueue);

            queueElement.appendChild(fileItem);
        });

        queue.appendChild(queueElement)
        if (child)
            queue.removeChild(child);

    }
}
{'fraction_non_alphanumeric': 0.13194444444444445, 'fraction_numerical': 0.008627946127946129, 'mean_word_length': 2.6254767353165525, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 17, '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': '7611752', 'n_tokens_mistral': 1271, 'n_tokens_neox': 1228, 'n_words': 209}