import '../scss/app.scss';

import './form/handler/file'
import './form/handler/image'
import './form/handler/simple_file'

// function createElementFromHTML(htmlString) {
//     var div = document.createElement('div');
//     div.innerHTML = htmlString.trim();
//
//     // Change this to div.childNodes to support multiple top-level nodes
//     return div.firstChild;
// }

// function initCollectionPlugin(el, typeOptions, typeConfig) {
//     var formWrap = el.classList.contains('aa-media-collection-wrap') ? el : el.closest('.aa-media-collection-wrap');
//     if (formWrap === null) {
//         console.error('could not create collection plugin');
//         return;
//     }
//
//     var collectionEl = formWrap.querySelector(':scope .aa-media-collection');
//     var addButton = formWrap.querySelector(':scope .aa-media-collection-add');
//     var createPlugin = function () {
//         return {
//             collectionEl: collectionEl,
//             addButton: addButton,
//             collectionIndex: 0,
//             init() {
//                 this.addButton.addEventListener('click', plugin.addItemListener.bind(this));
//
//                 if (this.collectionEl.dataset.index) {
//                     this.collectionIndex = parseInt(this.collectionEl.dataset.index);
//                 } else {
//                     this.collectionIndex = this.collectionEl.children.length;
//                 }
//             },
//             addItemListener(e) {
//                 e.preventDefault();
//                 var prototype = this.collectionEl.dataset.prototype;
//
//                 // Replace '__name__' in the prototype's HTML to
//                 // instead be a number based on how many items we have
//                 var newForm = prototype.replace(/__name__/g, this.collectionIndex);
//
//                 var newFormEl = AAUtils.createElementFromHTML(newForm);
//                 this.collectionEl.appendChild(newFormEl);
//                 if (AAForm) {
//                     AAForm.initialize(newFormEl.parentNode);
//                 }
//                 // increase the index with one for the next item
//                 this.collectionIndex = this.collectionIndex + 1;
//
//                 return false;
//             },
//         }
//     };
//
//
//     var plugin = createPlugin();
//     plugin.init();
//
//     return plugin;
// }
//
// AACustomFormTypeRegisterer.registerCustomType('aa-media-collection-wrap', initCollectionPlugin);



