because of JS modules

GrafiteInc · Aug 19, 2024 · d34c3ec · d34c3ec
1 parent 2503374
commit d34c3ec
Show file tree

Hide file tree

Showing 30 changed files with 41 additions and 41 deletions.
diff --git a/src/Fields/Attachments.php b/src/Fields/Attachments.php
@@ -103,7 +103,7 @@ public static function js($id, $options)
  let file = attachment.files[j];
 
  var sizes = ['B', 'KB', 'MB', 'GB'];
- fileSize = file.size;
+ var fileSize = file.size;
  var sizeIndex = 0;
 
  while (fileSize > 1024) {

diff --git a/src/Fields/AutoSuggest.php b/src/Fields/AutoSuggest.php
@@ -75,7 +75,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_autoSuggestField = function (element) {
+ window._formsjs_autoSuggestField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
  let arr = _config.options;
@@ -104,7 +104,7 @@ function formCloseAllLists(elmnt) {
  }
  }
 
- _formDisplaySelection = function (_field, val) {
+ window._formDisplaySelection = function (_field, val) {
  currentFocus = -1;
 
  let _formElementStyle = getComputedStyle(_field);
@@ -119,7 +119,7 @@ function formCloseAllLists(elmnt) {
  /*append the DIV element as a child of the autocomplete container:*/
  _field.parentNode.appendChild(a);
 
- for (i = 0; i < arr.length; i++) {
+ for (var i = 0; i < arr.length; i++) {
  if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {
  let b = document.createElement("DIV");
  let background = "background-color: " + _formElementStyle.backgroundColor + "; ";

diff --git a/src/Fields/AutoSuggestSelect.php b/src/Fields/AutoSuggestSelect.php
@@ -35,7 +35,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_autosuggestSelectField = function (inp) {
+ window._formsjs_autosuggestSelectField = function (inp) {
  if (! inp.getAttribute('data-formsjs-rendered')) {
  let arr = JSON.parse(inp.getAttribute('data-formsjs-onload-data'));
  inp.type = "hidden";

diff --git a/src/Fields/AutosizeTextArea.php b/src/Fields/AutosizeTextArea.php
@@ -39,7 +39,7 @@ public static function onLoadJs($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_autosizeTextAreaField = function (element) {
+ window._formsjs_autosizeTextAreaField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  autosize(element);
 

diff --git a/src/Fields/Bootstrap/DateTimePicker.php b/src/Fields/Bootstrap/DateTimePicker.php
@@ -103,7 +103,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_datetimePickerField = function (element) {
+ window._formsjs_datetimePickerField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  var _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
  let _dateTimeConfig = {

diff --git a/src/Fields/Bootstrap/Select.php b/src/Fields/Bootstrap/Select.php
@@ -156,7 +156,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_bootstrapSelect_addInpKeyPress = function (t, ev, id) {
+ window._formsjs_bootstrapSelect_addInpKeyPress = function (t, ev, id) {
  ev.stopPropagation();
 
  // do not allow pipe character
@@ -169,7 +169,7 @@ public static function js($id, $options)
  }
  }
 
- _formsjs_bootstrapSelect_addSelectItem = function (t, ev, id) {
+ window._formsjs_bootstrapSelect_addSelectItem = function (t, ev, id) {
  ev.stopPropagation();
 
  let bs = $(t).closest('.bootstrap-select')
@@ -191,7 +191,7 @@ public static function js($id, $options)
  });
  }
 
- _formsjs_bootstrapSelectField = function (element) {
+ window._formsjs_bootstrapSelectField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _id = element.getAttribute('id');
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));

diff --git a/src/Fields/Bootstrap/Select2.php b/src/Fields/Bootstrap/Select2.php
@@ -108,7 +108,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_bootstrapSelect2Field = function (element) {
+ window._formsjs_bootstrapSelect2Field = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
  let _id = element.getAttribute('id');

diff --git a/src/Fields/Bootstrap/SimpleDatalist.php b/src/Fields/Bootstrap/SimpleDatalist.php
@@ -151,7 +151,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_bootstrapSimpleDatalistField = function (element) {
+ window._formsjs_bootstrapSimpleDatalistField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _id = element.getAttribute('id');
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));

diff --git a/src/Fields/Bootstrap/SimpleSelect.php b/src/Fields/Bootstrap/SimpleSelect.php
@@ -151,7 +151,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_bootstrapCustomSelectField = function (element) {
+ window._formsjs_bootstrapCustomSelectField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _id = element.getAttribute('id');
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));

diff --git a/src/Fields/Bootstrap/Toggle.php b/src/Fields/Bootstrap/Toggle.php
@@ -72,7 +72,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_toggleField = function (element) {
+ window._formsjs_toggleField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
  $(element).bootstrapToggle({

diff --git a/src/Fields/Choices.php b/src/Fields/Choices.php
@@ -52,7 +52,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_choicesField = function (element) {
+ window._formsjs_choicesField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _id = element.getAttribute('id');
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));

diff --git a/src/Fields/Code.php b/src/Fields/Code.php
@@ -61,7 +61,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_codeField = function (element) {
+ window._formsjs_codeField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
 

diff --git a/src/Fields/Datepicker.php b/src/Fields/Datepicker.php
@@ -130,7 +130,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_DatepickerField = function (element) {
+ window._formsjs_DatepickerField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
 

diff --git a/src/Fields/Dropzone.php b/src/Fields/Dropzone.php
@@ -115,11 +115,11 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_reload_page = function () {
+ window._formsjs_reload_page = function () {
  window.location.reload();
  }
 
- _formsjs_dropzoneField = function (element) {
+ window._formsjs_dropzoneField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
  let _fieldId = element.getAttribute('id');

diff --git a/src/Fields/Editor.php b/src/Fields/Editor.php
@@ -143,7 +143,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_editorField = function (element) {
+ window._formsjs_editorField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
  let _Editor_value = element.value;

diff --git a/src/Fields/FileWithPreview.php b/src/Fields/FileWithPreview.php
@@ -47,7 +47,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_fileWithPreviewField = function (element) {
+ window._formsjs_fileWithPreviewField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
 

diff --git a/src/Fields/Filepond.php b/src/Fields/Filepond.php
@@ -87,7 +87,7 @@ public static function js($id, $options)
  $url = url('/');
 
  return <<<JS
- _formsjs_FilePondField = function (element) {
+ window._formsjs_FilePondField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
 

diff --git a/src/Fields/Flatpickr.php b/src/Fields/Flatpickr.php
@@ -140,7 +140,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_FlatpickrField = function (element) {
+ window._formsjs_FlatpickrField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
 

diff --git a/src/Fields/GrapesJs.php b/src/Fields/GrapesJs.php
@@ -75,7 +75,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_grapesjsField = function (element) {
+ window._formsjs_grapesjsField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _id = element.getAttribute('id');
  let _elementId = _id+'_Grapes';

diff --git a/src/Fields/PasswordWithReveal.php b/src/Fields/PasswordWithReveal.php
@@ -34,7 +34,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_passwordWithRevealField = function (element) {
+ window._formsjs_passwordWithRevealField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _selector = '.' + element.getAttribute('data-formsjs-onload-data');
  PasswordRevealer(element, { trigger: { selector: _selector, eventListener: 'click' } }).init();

diff --git a/src/Fields/Quill.php b/src/Fields/Quill.php
@@ -338,7 +338,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_quillField = function (element) {
+ window._formsjs_quillField = function (element) {
  element.addEventListener('grafite-form-change', function (event) {
  let _method = element.form.getAttribute('data-formsjs-onchange');
  _method = _method.replace('(event)', '');

diff --git a/src/Fields/Quill2.php b/src/Fields/Quill2.php
@@ -339,7 +339,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_quillField = function (element) {
+ window._formsjs_quillField = function (element) {
  element.addEventListener('grafite-form-change', function (event) {
  let _method = element.form.getAttribute('data-formsjs-onchange');
  _method = _method.replace('(event)', '');

diff --git a/src/Fields/Rating.php b/src/Fields/Rating.php
@@ -51,7 +51,7 @@ public static function onLoadJs($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_rating_field = function (element) {
+ window._formsjs_rating_field = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  $(element).barrating({
  theme: element.getAttribute('data-formsjs-onload-data')

diff --git a/src/Fields/Slug.php b/src/Fields/Slug.php
@@ -24,7 +24,7 @@ public static function onLoadJs($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_slug_field = function (element) {
+ window._formsjs_slug_field = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  element.addEventListener("keyup", event => {
  event.preventDefault();

diff --git a/src/Fields/Summernote.php b/src/Fields/Summernote.php
@@ -51,7 +51,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_summernoteField = function (element) {
+ window._formsjs_summernoteField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _id = element.getAttribute('id');
  $(document).ready(function() {

diff --git a/src/Fields/Table.php b/src/Fields/Table.php
@@ -50,7 +50,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_tableActionBinding = function (element) {
+ window._formsjs_tableActionBinding = function (element) {
  let _id = element.getAttribute('name');
 
  document.querySelectorAll(`.\${_id}-add-item`).forEach(function (_item) {
@@ -64,7 +64,7 @@ public static function js($id, $options)
  });
  }
 
- _formsjs_tableCreateRow = function (element, item, _template, _index, _makeClearRow) {
+ window._formsjs_tableCreateRow = function (element, item, _template, _index, _makeClearRow) {
  let _id = element.getAttribute('name');
  let _nextItem = _template.cloneNode(true);
  _nextItem.setAttribute('data-item-number', _index);
@@ -90,7 +90,7 @@ public static function js($id, $options)
  element.parentNode.appendChild(_nextItem);
  }
 
- _formsjs_tableRemoveRow = function (e) {
+ window._formsjs_tableRemoveRow = function (e) {
  e.preventDefault();
  let _row = e.target;
  if (e.target.matches('.fa.fa-minus')) {
@@ -120,7 +120,7 @@ public static function js($id, $options)
  _formsjs_tableActionBinding(_element);
  }
 
- _formsjs_tableAddItem = function (e) {
+ window._formsjs_tableAddItem = function (e) {
  e.preventDefault();
  let _row = e.target;
  if (e.target.matches('.fa.fa-plus')) {
@@ -142,12 +142,12 @@ public static function js($id, $options)
 
  let _max = Math.max.apply(this, _index);
 
- _formsjs_tableCreateRow(_element, _row, _row.parentNode, _max + 1, true);
+ window._formsjs_tableCreateRow(_element, _row, _row.parentNode, _max + 1, true);
 
  let event = new Event('change', { 'bubbles': true });
  _element.dispatchEvent(event);
 
- _formsjs_tableActionBinding(_element);
+ window._formsjs_tableActionBinding(_element);
  }
 
  _formsjs_getTableRowTemplate = function (element) {

diff --git a/src/Fields/Toggled.php b/src/Fields/Toggled.php
@@ -38,7 +38,7 @@ public static function onLoadJs($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_toggledField = function (element) {
+ window._formsjs_toggledField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _checkbox = element.parentNode;
  _checkbox.classList.add('toggle-slider-wrapper')

diff --git a/src/Fields/Trix.php b/src/Fields/Trix.php
@@ -81,7 +81,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_trixField = function (element) {
+ window._formsjs_trixField = function (element) {
  element.addEventListener('grafite-form-change', function (event) {
  let _method = element.form.getAttribute('data-formsjs-onchange');
  _method = _method.replace('(event)', '');

diff --git a/src/Fields/Typeahead.php b/src/Fields/Typeahead.php
@@ -76,7 +76,7 @@ public static function onLoadJsData($id, $options)
  public static function js($id, $options)
  {
  return <<<JS
- _formsjs_typeaheadField = function (element) {
+ window._formsjs_typeaheadField = function (element) {
  if (! element.getAttribute('data-formsjs-rendered')) {
  let _config = JSON.parse(element.getAttribute('data-formsjs-onload-data'));
 

diff --git a/src/Services/FormAssets.php b/src/Services/FormAssets.php
@@ -57,7 +57,7 @@ public function addStylesheets($stylesheets)
  public function addScripts($scripts)
  {
  foreach ($scripts as $script) {
- $this->scripts[] = '<script src="' . $script . '"></script>';
+ $this->scripts[] = '<script type="module" src="' . $script . '"></script>';
  }
 
  return $this;
@@ -130,7 +130,7 @@ protected function compileScripts($type, $nonce = false)
 
  $function = "window.FormsJS = () => { {$js} }";
 
- $output .= "<!-- Form Scripts --><script {$nonce}>\n{$function}\nwindow.FormsJS();\n</script>\n";
+ $output .= "<!-- Form Scripts --><script type=\"module\" {$nonce}>\n{$function}\nwindow.FormsJS();\n</script>\n";
  }
 
  return $output;