function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}var ComponentAreaCopier=function(){function e(){_classCallCheck(this,e);var t=this;this._componentAreaManagers=[],this._registerButtonClickListenersDebounced=this.debounce(function(){t._registerButtonClickListeners()},50)}return _createClass(e,[{key:"_copy",value:function(e,t){var n=e.getComponentAreaSaveState();t.addNewComponentsBasedOnComponentAreaSaveState(n)}},{key:"registerComponentAreaManager",value:function(e){e instanceof ComponentAreaManager?(this._componentAreaManagers.push(e),this._registerButtonClickListenersDebounced()):console.error("ComponentAreaCopier: Could not register a component area manager since that was not an instance of ComponentAreaManager. Was:",e)}},{key:"_registerButtonClickListeners",value:function(){var e=this;this._componentAreaManagers.forEach(function(t){var n=".js-component-area-button",a=t.getWrapperElement().querySelector(n);a?new ConfirmationController(a).setConfirmCallback(function(t){return function(){e._onClick(t)}}(t)):console.error('ComponentAreaCopier: Could not find the copy button in the following componentAreaManager using this selector "'+n+'": ',t)})}},{key:"_onClick",value:function(e){var t=".js-component-area-select",n=e.getWrapperElement().querySelector(t);if(n){var a=this._findComponentAreaManagerByWrapperId(n.value);if(a){this._copy(e,a);var i=n.children[n.selectedIndex];if(i&&"tab"in i.dataset){var o=i.dataset.tab;window.location.hash="#"+o}document.querySelectorAll(".js-component-area-confirmation").forEach(function(e){e.classList.remove("active")}),a.getWrapperElement().querySelector(".js-component-area-confirmation").classList.add("active")}else console.error("componentAreaCopier: could not copy the structure of "+e.getWrapperElement().id+" to "+n.value)}else console.error('ComponentAreaCopier: Could not find the select in the following componentAreaManager using this selector "'+t+'": ',e)}},{key:"_findComponentAreaManagerByWrapperId",value:function(e){for(var t=this._componentAreaManagers.length,n=0;n<t;n++){var a=this._componentAreaManagers[n];if(e===a.getWrapperElement().id)return a}return null}},{key:"debounce",value:function(e,t,n){var a;return function(){var i=this,o=arguments,r=n&&!a;clearTimeout(a),a=setTimeout(function(){a=null,n||e.apply(i,o)},t),r&&e.apply(i,o)}}}]),e}(),ComponentAreaManager=function(){function e(t,n){_classCallCheck(this,e),this._componentAreaWrapperElement=t,this._componentManagerApiController=n,void 0!==this._componentAreaWrapperElement&&"DIV"===this._componentAreaWrapperElement.tagName?void 0!==this._componentManagerApiController?(this._componentAreaAttributeKey=this._componentAreaWrapperElement.id,this._masterInput=this._componentAreaWrapperElement.querySelector('input[name="'+this._componentAreaAttributeKey+'"]'),this._masterInput?(this._componentAreaContainer=this._componentAreaWrapperElement.querySelector(".js-components"),this._componentAreaContainer?!1 in this._componentAreaWrapperElement.dataset?console.error("The wrapper element must, but did not have a componentAttributeFieldsRegex dataset value"):(this._componentAttributeFieldsRegex=this._componentAreaWrapperElement.dataset.componentAttributeFieldsRegex,this._saveVersion="0.9.1",this._addComponentButtonElements=[],this._eventMap={},this._loaded=!1,this._setAddComponentButtonElements(),this._loadComponentsUsingSaveStateData()):console.error("ComponentAreaManager:constructor the wrapper did not contain a div with class components.")):console.error('ComponentAreaManager:constructor Did not find an hidden input with name "'+this._componentAreaAttributeKey+'" inside of the wrapper.')):console.error("ComponentAreaManager:constructor Did not get the expected _componentManagerApiController."):console.error("ComponentAreaManager:constructor Did not get the expected div element that represents the components wrapper.")}return _createClass(e,[{key:"_setAddComponentButtonElements",value:function(){this._addComponentButtonElements=this._componentAreaWrapperElement.querySelectorAll(".js-add-component");for(var e=this._addComponentButtonElements.length,t=0;t<e;t++){this._addComponentButtonElements[t].addEventListener("click",this._addComponentButtonClicked.bind(this))}}},{key:"_addComponentButtonClicked",value:function(e){var t=this;e.preventDefault();var n=e.target;if(!1 in n.dataset)console.error("ComponentAreaManager: One of the add component buttons was missing the component dataset attribute. Please set it to the name of a valid component");else{var a=new ComponentSaveState;a.id=-1*parseInt(t._componentAreaWrapperElement.dataset.timesAddedComponent),a.componentTypeId=parseInt(n.dataset.componentType),a.sortOrder=0,this._componentManagerApiController.getComponentHtmlElement(a,this._componentAreaWrapperElement.id).then(function(e){t.incrementTimesComponentAddedCounter();var n=e.element;t._addComponent(n),t._updateMasterInput()})}}},{key:"addNewComponentsBasedOnComponentAreaSaveState",value:function(e){e instanceof ComponentAreaSaveState||console.error('ComponentAreaManager: The given "originalComponentAreaSaveState" parameter was not an instance of ComponentAreaSaveState. Not adding its components.');for(var t=this,n=e.componentsCount,a=0;a<n;a++){var i=e.getComponentSavestateAt(a),o=new ComponentSaveState;o.id=-1*parseInt(t._componentAreaWrapperElement.dataset.timesAddedComponent),o.componentTypeId=i.componentTypeId,o.sortOrder=0,this._componentManagerApiController.getComponentHtmlElement(o,this._componentAreaWrapperElement.id).then(function(e){t.incrementTimesComponentAddedCounter();var n=e.element;t._addComponent(n),t._updateMasterInput()})}}},{key:"incrementTimesComponentAddedCounter",value:function(){return this._componentAreaWrapperElement.dataset.timesAddedComponent=(parseInt(this._componentAreaWrapperElement.dataset.timesAddedComponent)+1).toString()}},{key:"_addComponent",value:function(e){for(var t=this,n=this._findAttributeDataInputs(e),a=n.inputElements.length,i=0;i<a;i++){var o=n.inputElements[i],r=t._debounce(t._attributeInputChanged.bind(t),500);o.addEventListener("change",t._attributeInputChanged.bind(t)),o.addEventListener("blur",t._attributeInputChanged.bind(t)),o.addEventListener("keydown",r.bind(t))}for(var s=this._findComponentableInputs(e),l=n.inputElements.length,u=0;u<l;u++){var d=s.inputElements[u];if(d){var c=t._debounce(t._attributeInputChanged.bind(t),500);d.addEventListener("change",t._attributeInputChanged.bind(t)),d.addEventListener("blur",t._attributeInputChanged.bind(t)),d.addEventListener("keydown",c.bind(t))}}e.querySelector(".js-component-delete").addEventListener("click",function(n){n.preventDefault(),e.parentElement.removeChild(e),t._updateMasterInput()}),e.querySelector(".js-component-move-up").addEventListener("click",function(n){n.preventDefault(),e.previousSibling&&e.parentElement.insertBefore(e,e.previousSibling),t._updateMasterInput()}),e.querySelector(".js-component-move-down").addEventListener("click",function(n){n.preventDefault(),e.nextSibling&&e.nextSibling.nextSibling?e.parentElement.insertBefore(e,e.nextSibling.nextSibling):e.parentElement.appendChild(e),t._updateMasterInput()}),this._putComponentAttributesInTabs(e),this._componentAreaContainer.appendChild(e),this.triggerEvent("componentAdded",[e,this._loaded])}},{key:"_attributeInputChanged",value:function(e){this._updateMasterInput()}},{key:"_updateMasterInput",value:function(){var e=this.getComponentAreaSaveState();this._masterInput.value=JSON.stringify(e)}},{key:"_putComponentAttributesInTabs",value:function(e){var t=e.querySelector(".attributes");if(t){for(var n=t.children,a=n.length,i={},o=0;o<a;o++){var r=n[o];"tab"in r.dataset&&(i.hasOwnProperty(r.dataset.tab)||(i[r.dataset.tab]=[]),i[r.dataset.tab].push(r))}var s=Object.keys(i).length;if(s>0){var l=new DOMParser,u=l.parseFromString('<div class="component-tab">    <ul class="component-tab__list">    </ul>    <div class="component-tab__container">    </div></div>',"text/html"),d=u.body.firstChild;t.appendChild(d);var c=0,p=function(e){if(!i.hasOwnProperty(e))return"continue";var t=(u=l.parseFromString('<li class="component-tab__list-item">    <a class="component-tab__button">'+e+"</a></li>","text/html")).body.firstChild,n=d.getElementsByClassName("component-tab__list")[0];n.appendChild(t);var a=(u=l.parseFromString('<div class="component-tab__content"></div>',"text/html")).body.firstChild,o=d.getElementsByClassName("component-tab__container")[0];o.appendChild(a);for(var r=i[e].length,p=0;p<r;p++)a.appendChild(i[e][p]);0===c&&(t.classList.add("active"),a.classList.add("active")),t.addEventListener("click",function(e){e.preventDefault();for(var a=0,i=0;i<s;i++){var r=n.children[i];r.classList.remove("active"),r===t&&(r.classList.add("active"),a=i)}for(var l=0;l<s;l++){var u=o.children[l];u.classList.remove("active"),l===a&&u.classList.add("active")}}),c++};for(var h in i)p(h)}}else console.error('Expected to get a "componentElement" but did not. It did not contain a div with class "attributes" in it.')}},{key:"_findAttributeDataInputs",value:function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=[],a=e.getElementsByClassName("attributes")[0].querySelectorAll("input, textarea, select"),i=a.length,o=0;o<i;o++){var r=a[o];void 0!==r.name&&r.name.match(new RegExp(this._componentAttributeFieldsRegex))&&n.push(r)}var s=new FoundComponentInputsModel;return s.inputElements=n,s.componentElement=e,s.componentSaveState=t,s}},{key:"_findComponentableInputs",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=[],a=e.querySelector(".componentableSelectors");if(!a)return new FoundComponentInputsModel;for(var i=a.querySelectorAll("input, textarea, select"),o=i.length,r=0;r<o;r++){var s=i[r];void 0!==s.name&&s.name.match(new RegExp(this._componentAttributeFieldsRegex))&&n.push(s)}var l=new FoundComponentInputsModel;return l.inputElements=n,l.componentElement=e,l.componentSaveState=t,l}},{key:"getComponentElements",value:function(){return this._componentAreaContainer.querySelectorAll(".c-component")}},{key:"getWrapperElement",value:function(){return this._componentAreaWrapperElement}},{key:"getComponentAreaSaveState",value:function(){for(var e=new ComponentAreaSaveState,t=this.getComponentElements(),n=t.length,a=0;a<n;a++){for(var i=t[a],o=this._findAttributeDataInputs(i),r=this._findComponentableInputs(i),s={},l=o.inputElements.length,u=0;u<l;u++){var d=o.inputElements[u];"INPUT"===d.tagName&&"file"===d.type||(s[d.name]=d.value)}for(var c={},p=r.inputElements.length,h=0;h<p;h++){var m=r.inputElements[h];"INPUT"===m.tagName&&"file"===m.type||(c[m.name]=m.value)}var v=new ComponentSaveState;v.id=Number(o.componentElement.dataset.id),v.componentTypeId=Number(o.componentElement.dataset.componentTypeId),v.data=s,v.version=this._saveVersion,v.sortOrder=Number(a),v.componentableData=c,e.addComponentSaveState(v)}return e}},{key:"_loadComponentsUsingSaveStateData",value:function(){var e=this,t=this._masterInput.value;if(!t)return!1;var n=ComponentAreaSaveState.fromJsonString(t);if(!n)return!1;for(var a=[],i=n.componentsCount,o=0;o<i;o++){var r=n.getComponentSavestateAt(o);a.push(this._componentManagerApiController.getComponentHtmlElement(r,this._componentAreaWrapperElement.id))}Promise.all(a).then(function(t){for(var n=t.length,a=0;a<n;a++){var i=t[a].element;e._addComponent(i)}for(var o=0;o<n;o++){var r=t[o].componentSavestate,s=r.data;for(var l in s)if(s.hasOwnProperty(l)&&r.data.hasOwnProperty(l)){var u=e._componentAreaWrapperElement.querySelectorAll('[name="'+l+'"]'),d=u.length;if(d>0)for(var c=0;c<d;c++)u[c].value=s[l];else console.error("Could not load data for field: "+l+" since it could not be found. Skipping it")}var p=r.componentableData;for(var h in p)if(p.hasOwnProperty(h)&&r.componentableData.hasOwnProperty(h)){var m=e._componentAreaWrapperElement.querySelectorAll('[name="'+h+'"]'),v=m.length;if(v>0)for(var f=0;f<v;f++)m[f].value=p[h];else console.error("Could not load data for field: "+h+" since it could not be found. Skipping it")}}isset(sessionStorage.getItem("componentScrollPosition"))&&(e._componentAreaWrapperElement.parentElement.parentElement.parentElement.scrollTop=sessionStorage.getItem("componentScrollPosition")),e.loaded=!0})}},{key:"on",value:function(e,t){return this._eventMap.hasOwnProperty(e)||(this._eventMap[e]=[]),this._eventMap[e].push(t)}},{key:"triggerEvent",value:function(e,t){if(this._eventMap.hasOwnProperty(e))for(var n=this._eventMap[e].length,a=0;a<n;a++){var i=this._eventMap[e][a];t&&t.length>0?i.apply(this,t):i.call(this)}}},{key:"_debounce",value:function(e,t,n){var a;return function(){var i=this,o=arguments,r=n&&!a;clearTimeout(a),a=setTimeout(function(){a=null,n||e.apply(i,o)},t),r&&e.apply(i,o)}}}]),e}(),ComponentManagerApiController=function(){function e(){_classCallCheck(this,e),this.domParser=new DOMParser}return _createClass(e,[{key:"getComponentHtmlElement",value:function(e,t){var n=this;return new Promise(function(a,i){var o={componentAreaAttributeKey:t,componentSaveState:JSON.stringify(e)};axios.post("/api/dynamic/component/resolve",o).then(function(t){var i={element:n._stringToHtmlElement(t.data),componentSavestate:e};a(i)}).catch(function(e){console.error("ComponentManagerApiController:getComponentHtmlElement Could not get HTML of a component because of the following error:",e),i(e)})})}},{key:"getComponentAreaRegexForComponent",value:function(e){if(void 0!==e)return new Promise(function(t,n){axios.post("/api/dynamic/component/attribute_regex",{componentKey:e}).then(function(e){t(e.data)}).catch(function(e){console.error("ComponentManagerApiController:getComponentAreaRegexForComponent Could not get the regex to find inputs for a component because of the following error:",e),n(e)})});console.error("ComponentManagerApiController:getComponentAreaRegexForComponent Could not get the regex for an undefined componentKey. Please specify it.")}},{key:"getAllComponentTypeNames",value:function(){return new Promise(function(e,t){axios.get("/api/dynamic/component").then(function(e){return e.data}).catch(function(e){console.error("ComponentManagerApiController:getAllComponentTypeNames Could not the names of all available componentTypes because of an error:",e),t(e)})})}},{key:"_stringToHtmlElement",value:function(e){return this.domParser.parseFromString(e,"text/html").body.firstElementChild}}]),e}(),FoundComponentInputsModel=function(){function e(){_classCallCheck(this,e),this._inputElements=[],this._componentElement=null,this._componentSaveState=null}return _createClass(e,[{key:"inputElements",get:function(){return this._inputElements},set:function(e){"object"===_typeof(e)?this._inputElements=e:console.error("ComponentSaveState: Did not set inputElements since the parameter was not an array. Actual: ",e)}},{key:"componentElement",get:function(){return this._componentElement},set:function(e){!e instanceof HTMLDivElement?console.error("ComponentSaveState: Did not set componentElement since the parameter was not an HTMLDivElement."):this._componentElement=e}},{key:"componentSaveState",get:function(){return this._componentSaveState},set:function(e){!e instanceof ComponentSaveState?console.error("ComponentSaveState: Did not set componentSaveState since the parameter was not ComponentSaveState."):this._componentSaveState=e}}]),e}(),ComponentSaveState=function(){function e(){_classCallCheck(this,e),this._version="0.9.1",this._id=null,this._componentTypeId=null,this._data={},this._componentableData={},this._sortOrder=null,this.toJSON=this._toJson.bind(this)}return _createClass(e,[{key:"_toJson",value:function(){return{id:this._id,version:this._version,componentTypeId:this._componentTypeId,data:this._data,componentableData:this._componentableData,sortOrder:this._sortOrder}}},{key:"version",get:function(){return this._version},set:function(e){"string"==typeof e?this._version=e:console.error("ComponentSaveState: Did not set version since the parameter was not a string. Actual: ",e)}},{key:"id",get:function(){return this._id},set:function(e){""!==e&&"number"==typeof e?this._id=e:console.error("ComponentSaveState: Did not set the id since the parameter was not a number. Actual: ",_typeof(e),1)}},{key:"componentTypeId",get:function(){return this._componentTypeId},set:function(e){""!==e&&"number"==typeof e?this._componentTypeId=e:console.error("ComponentSaveState: Did not set componentTypeId since the parameter was not a number. Actual: ",_typeof(e),1)}},{key:"data",get:function(){return this._data},set:function(e){"object"===_typeof(e)?this._data=e:console.error("ComponentSaveState: Did not set data since the parameter was not an object. Actual: ",e)}},{key:"sortOrder",get:function(){return this._sortOrder},set:function(e){""!==e&&"number"==typeof e||console.error("ComponentSaveState: Did not set sortOrder since the parameter was not a number. Actual: ",e),this._sortOrder=e}},{key:"componentableData",get:function(){return this._componentableData},set:function(e){"object"===_typeof(e)?this._componentableData=e:console.error("ComponentSaveState: Did not set componentableData since the parameter was not an object. Actual: ",e)}}],[{key:"fromObject",value:function(e){if(e.hasOwnProperty("id")&&"number"==typeof e.id&&e.hasOwnProperty("componentTypeId")&&"number"==typeof e.componentTypeId&&e.hasOwnProperty("version")&&"string"==typeof e.version&&e.hasOwnProperty("sortOrder")&&"number"==typeof e.sortOrder&&e.hasOwnProperty("data")&&"object"===_typeof(e.data)&&e.hasOwnProperty("componentableData")&&"object"===_typeof(e.data)){var t=new this;return t.id=e.id,t.componentTypeId=e.componentTypeId,t.version=e.version,t.sortOrder=e.sortOrder,t.data=e.data,t.componentableData=e.componentableData,t}console.error("Could not create a ComponentSaveState instance from an object since that object did not contain all of the following properties of the correct types: id (number), componentTypeId (number), version (string), sortOrder (number), data (array object). Actual: ",e)}}]),e}(),ComponentAreaSaveState=function(){function e(){_classCallCheck(this,e),this.toJSON=this._toJson.bind(this),this._componentSaveStates=[]}return _createClass(e,[{key:"addComponentSaveState",value:function(e){!e instanceof ComponentSaveState?console.error('ComponentAreaSaveState: The passed "componentSaveState" was not an instance of ComponentSaveState. Actual: ',e):this._componentSaveStates.push(e)}},{key:"getComponentSavestateAt",value:function(e){return this._componentSaveStates[e]}},{key:"_toJson",value:function(){return this._componentSaveStates}},{key:"componentsCount",get:function(){return this._componentSaveStates.length}}],[{key:"fromJsonString",value:function(e){var t=null;try{t=JSON.parse(e)}catch(e){return void console.error("ComponentAreaSaveState: The given jsonString does not represent ComponentAreaSaveState since the json string was not a valid json")}for(var n=new this,a=t.length,i=0;i<a;i++){var o=t[i],r=ComponentSaveState.fromObject(o);n.addComponentSaveState(r)}return n}}]),e}(),CopyText=function(){function e(t){_classCallCheck(this,e),this.element=t,!1 in this.element.dataset&&console.error("CopyText: The given element must have a data-to-copy attribute with the value that you want to copy. But did not have that attribute.",t),this.addEventListeners()}return _createClass(e,[{key:"addEventListeners",value:function(){this.element.addEventListener("click",this.clickHandler.bind(this))}},{key:"clickHandler",value:function(e){e.preventDefault();var t=this.element.dataset.toCopy,n=document.createElement("input");document.body.appendChild(n),n.value=t,n.select(),document.execCommand("copy"),document.body.removeChild(n),n=null}}]),e}(),DocumentManager=function(){function e(t,n,a){if(_classCallCheck(this,e),this.constructedSuccessFully=!1,this.wrapper=t,this.HTML5Uploader=n,this.illegalMoveCount=0,this.accept="documentsAccept"in t.dataset?t.dataset.documentsAccept:void 0,"documentsKey"in t.dataset){this.key=t.dataset.documentsKey,this.translations=JSON.parse(a),this.isSortable="documentsIsSortable"in t.dataset&&"1"===t.dataset.documentsIsSortable,this.extensionThumbsFolder="documentsExtensionThumbsFolder"in t.dataset?t.dataset.documentsExtensionThumbsFolder:"/img/kms/extension_thumbs/",this.availableExtensionThumbs="documentsAvailableExtensionThumbs"in t.dataset?t.dataset.documentsAvailableExtensionThumbs:["svg","pdf","zip","rar","csv","xlsx","mp3","mp4","docx","doc","png","jpg","jpeg","gif"],this.enablePreviewsIfPossible="documentsEnablePreviewsIfPossible"in t.dataset&&"1"===t.dataset.documentsEnablePreviewsIfPossible,this.maxDocuments="documentsMaxDocuments"in t.dataset?t.dataset.documentsMaxDocuments:void 0,this.imageProperties="imageProperties"in t.dataset?t.dataset.imageProperties:null,this.subFolder="subFolder"in t.dataset?t.dataset.subFolder:"documents",this.eventMap={};var i=document.getElementById("entity-form");if(i){var o=i.dataset.maxUploadSize;o&&(this.maxUploadSizeInBytes=o)}if(this.uploadSizeExceededMessage="You cannot upload more files right now. Please save these first before continuing. The limit is:",null!=t){var r=t.getElementsByClassName("files")[0],s=t.querySelector('input[name="'+this.key+'"]');if(r)if(this.documentList=r,s){this.dataInput=s,!1 in t.dataset&&console.error("DocumentManager: The wrapper must have a uploadedDocuments dataset attribute containing a json string representing the uploaded documents as an array of documents. Stopping DocumentManager construction");var l=JSON.parse(this.dataInput.value);this.constructedSuccessFully=!0,this._deleteDocumentButtonClicked=this._deleteDocumentButtonClicked.bind(this),this._modifiedDocument=this._modifiedDocument.bind(this),this._drag=this._drag.bind(this),this._drop=this._drop.bind(this),this._dragOver=this._dragOver.bind(this),this._dragLeave=this._dragLeave.bind(this),this._HTML5UploadStarted=this._HTML5UploadStarted.bind(this),this._HTML5UploadProgress=this._HTML5UploadProgress.bind(this),this._HTML5UploadedFile=this._HTML5UploadedFile.bind(this),this._HTML5UploadFailedOrCanceled=this._HTML5UploadFailedOrCanceled.bind(this),this._HTML5UploadFailedOrCanceled=this._HTML5UploadFailedOrCanceled.bind(this),this._initialize(l)}else console.error('DocumentManager: The document uploader needs an input element with name "'+this.key+'" in the given wrapper. It is used to keep track of the states of all documents. Stopping DocumentManager construction');else console.error('DocumentManager: The document uploader needs an ul element with class "files" in the given wrapper')}else console.error("DocumentManager: The wrapper was not a valid html element. Stopping DocumentManager construction")}else console.error("DocumentManager: Make sure that the wrapper contains the attributes key")}return _createClass(e,[{key:"_initialize",value:function(e){if(this.constructedSuccessFully){if(e){for(var t=e.length,n=0;n<t;n++){var a=e[n],i=DocumentModel.fromJson(a);i?this._addDocumentElement(i):(console.error("DocumentManager stumbled upon a document that is not valid upon initializing: "),console.error(a))}this._sortDocuments()}this._updateDataInput(),this._setupHtml5Uploader()}}},{key:"_setupHtml5Uploader",value:function(){this.HTML5Uploader.on("uploadStart",this._HTML5UploadStarted),this.HTML5Uploader.on("updateProgress",this._HTML5UploadProgress),this.HTML5Uploader.on("uploadComplete",this._HTML5UploadedFile),this.HTML5Uploader.on("uploadFailed",this._HTML5UploadFailedOrCanceled),this.HTML5Uploader.on("uploadCanceled",this._HTML5UploadFailedOrCanceled)}},{key:"_HTML5UploadFailedOrCanceled",value:function(e,t,n){var a=e.documentElement;a&&(this.documentList.removeChild(a),this._updateDataInput(),alert(this.translations.upload_failed))}},{key:"_HTML5UploadedFile",value:function(e,t){var n=e.documentElement;if(n){var a=JSON.parse(t),i=DocumentModel.fromJson(a);this._attachDocumentModelToDocumentElement(n,i),this._updateDocumentElementWithDocumentData(n,i),this._updateSortOrder(),n.querySelector(".thumb").classList.remove("is-uploading"),n.querySelector(".percentage").remove()}}},{key:"_HTML5UploadProgress",value:function(e,t){var n=e.documentElement;n&&(t&&100===t?t=99:t||(t=1),n.querySelector(".percentage").setAttribute("aria-valuenow",t))}},{key:"_HTML5UploadStarted",value:function(e){var t=this._createDocumentElement();this._attachDocumentModelToDocumentElement(t);var n=DocumentModel.fromJson(JSON.parse(t.dataset.json));n.state=DOCUMENT_STATE_NEW,n.name=e.name,n.file_url=e.name,t=this._updateDocumentElementWithDocumentData(t,n),this._attachDocumentModelToDocumentElement(t,n);t.querySelector(".thumb").insertAdjacentHTML("afterbegin",'<span class="percentage" role="progressbar" aria-valuemin="0" aria-valuemax="100"></span>'),this.documentList.appendChild(t),t.querySelector(".drag-icon").classList.add("is-hidden"),t.querySelector(".thumb").classList.add("is-uploading"),e.documentElement=t}},{key:"_deleteDocumentButtonClicked",value:function(e){var t=e.target.parentElement,n=JSON.parse(t.dataset.json);n.state!==DOCUMENT_STATE_DELETED&&(n.state!==DOCUMENT_STATE_NEW?(n.state=DOCUMENT_STATE_DELETED,t.classList.add(DOCUMENT_STATE_DELETED),t.dataset.json=JSON.stringify(n)):this.documentList.removeChild(t),this._updateDataInput(),this._updateSortOrder())}},{key:"_modifiedDocument",value:function(e){var t=e.target.parentElement.parentElement,n=JSON.parse(t.dataset.json);if(n.state!==DOCUMENT_STATE_DELETED){n.state!==DOCUMENT_STATE_NEW&&(n.state=DOCUMENT_STATE_MODIFIED);var a=t.getElementsByClassName("name")[0];n.name=a.value,t.dataset.json=JSON.stringify(n),t.classList.add(DOCUMENT_STATE_MODIFIED),this._updateDataInput()}}},{key:"_addDocumentElement",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,t=this._createDocumentElement();void 0!==e&&this._updateDocumentElementWithDocumentData(t,e),this._attachDocumentModelToDocumentElement(t,e),e&&(this._makeElementRespondToDragging(t,this.isSortable),this._makeElementRespondToDragOverAndLeave(t,this.isSortable),this._makeElementRespondToDrop(t,this.isSortable)),this.documentList.appendChild(t)}},{key:"_attachDocumentModelToDocumentElement",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;return void 0!==t?e.dataset.json=JSON.stringify(t):((t=new DocumentModel).sort_order=this.getCurrentDocumentsCount()+1,e.dataset.json=JSON.stringify(t)),e}},{key:"_updateDocumentElementWithDocumentData",value:function(e,t){var n=e.querySelector(".name"),a=e.querySelector(".path"),i=e.querySelector(".thumb");if(a&&(a.innerText=t.file_url),n&&n.setAttribute("value",t.name),i&&t.file_url){var o=this._getThumbUrlUsingDocumentModel(t),r=this._getExtensionFromFileName(t.file_url);i.setAttribute("data-filetype",r);var s=i.querySelector(".thumb__image");i&&(o&&"new"!==t.state?(s.style.backgroundImage="url('"+o+"')",i.classList.add("has-image")):-1!==this.availableExtensionThumbs.indexOf(r)&&(s.style.backgroundImage="url('"+this.extensionThumbsFolder+r+".svg')",i.classList.add("has-icon")))}return e}},{key:"_incrementIllegalMoveCount",value:function(){this.illegalMoveCount++,this.illegalMoveCount>=3&&(this.illegalMoveCount=0,this._say("Je kunt niet tussen 2 lijsten slepen."))}},{key:"_say",value:function(e){if(void 0!==SpeechSynthesisUtterance){var t=new SpeechSynthesisUtterance,n=window.speechSynthesis.getVoices();t.voice=n[10],t.voiceURI="native",t.volume=1,t.rate=1,t.pitch=.8,t.text=e,t.lang="nl-NL",speechSynthesis.speak(t)}}},{key:"_createDocumentElement",value:function(){var e=document.createElement("li");e.className="document";var t=document.createElement("input");t.setAttribute("class","name"),t.setAttribute("type","text"),t.addEventListener("change",this._modifiedDocument);var n=document.createElement("p");n.setAttribute("class","path");var a=document.createElement("div");a.setAttribute("class","content-wrapper"),a.appendChild(t),a.appendChild(n);var i=document.createElement("span");i.className="delete",i.addEventListener("click",this._deleteDocumentButtonClicked);var o=document.createElement("span");o.className="drag-icon";var r=document.createElement("div");r.className="thumb",r.setAttribute("draggable","false");var s=document.createElement("div");s.className="thumb__image",r.appendChild(s);var l=document.createElement("input");return l.setAttribute("type","file"),l.setAttribute("name",this.key+"-"+(this.getCurrentDocumentsCount()+1)),this.accept&&l.setAttribute("accept",this.accept),e.appendChild(l),l.style.display="none",e.appendChild(o),e.appendChild(r),e.appendChild(a),e.appendChild(i),e}},{key:"receiveFile",value:function(e){if(e){if(this.getCurrentDocumentsCount()<this.maxDocuments){var t=this._createDocumentElement();if(this._attachDocumentModelToDocumentElement(t),!1===this.HTML5Uploader.isSupported())t=this._giveDocumentElementAFile(t,e),this.documentList.appendChild(t),this._formSizeExceeded()&&t.parentElement.removeChild(t),this._updateSortOrder();else{var n={imageProperties:this.imageProperties,subFolder:this.subFolder};this.HTML5Uploader.upload(e,JSON.stringify(n))}}}else console.warn("DocumentManager:receiveFile: Expected to get a file but did not get one")}},{key:"getCurrentDocumentsCount",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.documentList.getElementsByClassName("document"),n=t.length,a=n;if(!e)for(var i=0;i<n;i++){var o=t[i];if("json"in o.dataset!=!1)JSON.parse(o.dataset.json).state===DOCUMENT_STATE_DELETED&&a--}return a}},{key:"_giveDocumentElementAFile",value:function(e,t){var n=t.name,a=this._getExtensionFromFileName(n),i=(this._previewThumbUrlIsImage(n),e.querySelector(".name")),o=e.querySelector(".thumb"),r=(e.querySelector(".content-wrapper"),e.querySelector(".delete"),e.querySelector(".drag-icon")),s=e.querySelector('input[type="file"]');if(r.style.display="none",s&&!s.files[0]&&(s.files=new FileList(t)),o.setAttribute("data-filetype",a),-1!==this.availableExtensionThumbs.indexOf(a)){var l=o.querySelector("thumb__image");l.style.backgroundImage="url('"+this.extensionThumbsFolder+a+".svg')",l.classList.add("has-icon")}return i.value=n,e}},{key:"_getThumbUrlUsingDocumentModel",value:function(e){if(e){var t=e.file_url;if(""!==e.thumb_image_url&&(t=e.thumb_image_url),this._previewThumbUrlIsImage(t))return t}return!1}},{key:"_previewThumbUrlIsImage",value:function(e){if(!this.enablePreviewsIfPossible)return!1;switch(this._getExtensionFromFileName(e)){case"png":case"jpg":case"jpeg":case"gif":return e;case"pdf":default:return!1}}},{key:"_getExtensionFromFileName",value:function(e){var t=e.split(/[.]+/).pop();return t===e?"":t.toLowerCase()}},{key:"_formSizeExceeded",value:function(){if(this.maxUploadSizeInBytes){var e=!1,t=0;if(this.documentList.querySelectorAll('input[type="file"]').forEach(function(e){if(1===e.files.length){var n=e.files[0];t+=n.size}}),console.log("max upload size in bytes: "+this.maxUploadSizeInBytes+" current upload size in bytes: "+t),t>this.maxUploadSizeInBytes){var n=this.maxUploadSizeInBytes/1048576;e=!0,alert(this.uploadSizeExceededMessage+" "+n+" MegaBytes")}return e}return!1}},{key:"_updateDataInput",value:function(){for(var e=[],t=this.documentList.children,n=t.length,a=0;a<n;a++){var i=t[a];"json"in i.dataset&&e.push(JSON.parse(i.dataset.json))}this.getCurrentDocumentsCount()>=this.maxDocuments?this.wrapper.querySelector(".drag-and-drop-area").classList.add("is-hidden"):this.wrapper.querySelector(".drag-and-drop-area").classList.remove("is-hidden"),this.dataInput.value=JSON.stringify(e);var o=createNewEvent("change");dispatchEventForElement(this.dataInput,o)}},{key:"_updateSortOrder",value:function(){for(var e=this.documentList.children,t=e.length,n=1,a=0;a<t;a++){var i=e[a];if("json"in i.dataset!=!1){var o=JSON.parse(i.dataset.json);o.state!==DOCUMENT_STATE_DELETED&&(o.sort_order=n,o.state!==DOCUMENT_STATE_NEW&&(o.state=DOCUMENT_STATE_MODIFIED),i.dataset.json=JSON.stringify(o),i.classList.add(DOCUMENT_STATE_MODIFIED),n++)}}this._updateDataInput()}},{key:"_sortDocuments",value:function(){var e=this.documentList.children;(e=Array.prototype.slice.call(e)).sort(function(e,t){var n=JSON.parse(e.dataset.json),a=JSON.parse(t.dataset.json);return n.sort_order<a.sort_order?-1:1});for(var t=e.length,n=1;n<t;n++)this.documentList.removeChild(e[n]),this.documentList.length>1?this.documentList.insertBefore(e[n],this.documentList.firstChild):this.documentList.appendChild(e[n])}},{key:"_makeElementRespondToDragging",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return e.setAttribute("draggable",t?"true":"false"),e.id=this.key+"_"+this.getCurrentDocumentsCount(),t?(e.removeEventListener("dragstart",this._drag),e.addEventListener("dragstart",this._drag)):e.removeEventListener("dragstart",this._drag),this}},{key:"_makeElementRespondToDrop",value:function(e){return!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?(e.removeEventListener("drop",this._drop),e.addEventListener("drop",this._drop)):e.removeEventListener("drop",this._drop),this}},{key:"_makeElementRespondToDragOverAndLeave",value:function(e){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?(e.removeEventListener("dragover",this._dragOver),e.removeEventListener("dragleave",this._dragLeave),e.addEventListener("dragover",this._dragOver),e.addEventListener("dragleave",this._dragLeave)):(e.removeEventListener("dragover",this._dragOver),e.removeEventListener("dragleave",this._dragLeave))}},{key:"_drag",value:function(e){if(e.target.id){e.stopPropagation(),e.dataTransfer.setData("text",e.target.id);var t=document.getElementById(e.target.id);this._triggerEvent("drag",t)}}},{key:"_dragOver",value:function(e){if(e.preventDefault(),e.stopPropagation(),e.target.id){var t=e.dataTransfer.getData("text"),n=document.getElementById(t);this._enableOrDisablePointerEventsOnChildrenOfElement(e.target,!1),e.target.classList.add("isDropTarget"),this._triggerEvent("dragLeave",[n,e.target])}}},{key:"_dragLeave",value:function(e){if(e.target.id){e.stopPropagation();var t=e.dataTransfer.getData("text"),n=document.getElementById(t);this._enableOrDisablePointerEventsOnChildrenOfElement(e.target,!0),e.target.classList.remove("isDropTarget"),this._triggerEvent("dragLeave",[n,e.target])}}},{key:"_drop",value:function(e){if(e.preventDefault(),e.target.id){var t=e.dataTransfer.getData("text"),n=document.getElementById(t),a=e.target;if(a.classList.remove("isDropTarget"),a.parentElement===n.parentElement){var i=document.createElement("div");n.parentElement.insertBefore(i,n),n.parentElement.insertBefore(n,a),n.parentElement.insertBefore(a,i),i.parentElement.removeChild(i),this._triggerEvent("drop",[n,a]),this._enableOrDisablePointerEventsOnChildrenOfElement(a,!0),this._updateSortOrder()}else this._incrementIllegalMoveCount()}}},{key:"_enableOrDisablePointerEventsOnChildrenOfElement",value:function(e,t){for(var n=e.children.length,a=1;a<n;a++){e.children[a].style.pointerEvents=!1===t?"none":null;for(var i=e.children.children,o=1;o<i;o++)this._enableOrDisablePointerEventsOnChildrenOfElement(e.children.children[a],t)}}},{key:"on",value:function(e,t){return this.eventMap.hasOwnProperty(e)||(this.eventMap[e]=[]),this.eventMap[e].push(t)}},{key:"_triggerEvent",value:function(e,t){if(this.eventMap.hasOwnProperty(e))for(var n=this.eventMap[e].length,a=0;a<n;a++){var i=this.eventMap[e][a];t&&t.length>0?i.apply(this,t):i.call(this)}}}]),e}(),DocumentModel=function(){function e(){_classCallCheck(this,e),this.id=-1,this.file_url="",this.state=DOCUMENT_STATE_NEW,this.name="",this.sort_order=1,this.thumb_image_url="",this.small_image_url="",this.medium_image_url="",this.large_image_url="",this.documentable_id=-1,this.documentable_type="",this.created_at="",this.updated_at=""}return _createClass(e,null,[{key:"isValidDocumentJson",value:function(e){return e.hasOwnProperty("id")&&e.hasOwnProperty("file_url")&&e.hasOwnProperty("state")&&e.hasOwnProperty("name")&&e.hasOwnProperty("sort_order")&&e.hasOwnProperty("thumb_image_url")&&e.hasOwnProperty("small_image_url")&&e.hasOwnProperty("medium_image_url")&&e.hasOwnProperty("large_image_url")&&e.hasOwnProperty("documentable_id")&&e.hasOwnProperty("documentable_type")&&e.hasOwnProperty("created_at")&&e.hasOwnProperty("updated_at")}},{key:"fromJson",value:function(t){if(!e.isValidDocumentJson(t))return console.error("DocumentModel: Tried to create an instance of invalid json data: "),console.error(t),!1;var n=new e;return n.id=t.id,n.file_url=t.file_url,n.state=t.state,n.name=t.name,n.sort_order=t.sort_order,n.thumb_image_url=t.thumb_image_url,n.small_image_url=t.small_image_url,n.medium_image_url=t.medium_image_url,n.large_image_url=t.large_image_url,n.documentable_id=t.id,n.documentable_type=t.documentable_type,n.created_at=t.created_at,n.updated_at=t.updated_at,n}}]),e}(),DOCUMENT_STATE_NEW="new",DOCUMENT_STATE_PRISTINE="pristine",DOCUMENT_STATE_MODIFIED="modified",DOCUMENT_STATE_DELETED="deleted",FileList=function e(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];if(_classCallCheck(this,e),(a=(t=[]).concat.apply(t,_toConsumableArray(a))).length&&!a.every(function(e){return e instanceof File}))throw new TypeError("expected argument to FileList is File or array of File objects");var o=new ClipboardEvent("").clipboardData||new DataTransfer,r=!0,s=!1,l=void 0;try{for(var u,d=a[Symbol.iterator]();!(r=(u=d.next()).done);r=!0){var c=u.value;o.items.add(c)}}catch(e){s=!0,l=e}finally{try{r||null==d.return||d.return()}finally{if(s)throw l}}return o.files},FileDragAndDropHandler=function(){function e(t){_classCallCheck(this,e),this.hooks=[],this.selectButton=t.querySelector("button.select"),this.selectButton?(this.fileCatcherInput=t.querySelector('input[type="file"]'),this.fileCatcherInput?(this.makeElementRespondToDragOverAndLeave(t),this.makeElementRespondToDrop(t),this.makeElementRespondToClick(t),this.makeFileInputPassFilesToHooks()):console.log("FileDragAndDropHandler:constructor The document area must have file input. But did not have one. Not responding to drag and drop")):console.log("FileDragAndDropHandler:constructor The document area must have a button in it with class select. But did not have one. Not responding to drag and drop")}return _createClass(e,[{key:"makeFileInputPassFilesToHooks",value:function(){var e=this;this.fileCatcherInput.addEventListener("change",function(t){for(var n=t.target.files.length,a=0;a<n;a++){var i=t.target.files[a];e.createFileListForFileAndPassToHooks(i)}t.target.value=""})}},{key:"makeElementRespondToClick",value:function(e){var t=this;e.addEventListener("click",function(e){t.fileCatcherInput.click()})}},{key:"hookTo",value:function(e){"function"==typeof e.receiveFile?this.hooks.push(e):console.error('The given hookable does not have a required receiveFile method / function. Not hooking the given "hookable".')}},{key:"makeElementRespondToDrop",value:function(e){return!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?(e.removeEventListener("drop",this.drop.bind(this)),e.addEventListener("drop",this.drop.bind(this))):e.removeEventListener("drop",this.drop.bind(this)),this}},{key:"makeElementRespondToDragOverAndLeave",value:function(e){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?(e.removeEventListener("dragover",this.dragOver.bind(this)),e.removeEventListener("dragleave",this.dragLeave.bind(this)),e.addEventListener("dragover",this.dragOver.bind(this)),e.addEventListener("dragleave",this.dragLeave.bind(this))):(e.removeEventListener("dragover",this.dragOver.bind(this)),e.removeEventListener("dragleave",this.dragLeave.bind(this)))}},{key:"dragOver",value:function(e){e.preventDefault(),e.stopPropagation(),e.target.id&&(this.enableOrDisablePointerEventsOnChildrenOfElement(e.target,!1),e.target.classList.add("isDropTarget"))}},{key:"dragLeave",value:function(e){e.target.id&&(e.stopPropagation(),this.enableOrDisablePointerEventsOnChildrenOfElement(e.target,!0),e.target.classList.remove("isDropTarget"))}},{key:"drop",value:function(e){e.preventDefault();var t=e.target;if(t.classList.remove("isDropTarget"),this.enableOrDisablePointerEventsOnChildrenOfElement(t,!0),e.preventDefault(),e.dataTransfer.items){for(var n=0;n<e.dataTransfer.items.length;n++)if("file"===e.dataTransfer.items[n].kind){var a=e.dataTransfer.items[n].getAsFile();this.createFileListForFileAndPassToHooks(a)}}else for(var i=0;i<e.dataTransfer.files.length;i++){var o=e.dataTransfer.files[i];this.createFileListForFileAndPassToHooks(o)}}},{key:"createFileListForFileAndPassToHooks",value:function(e){for(var t=this.hooks.length,n=0;n<t;n++)this.hooks[n].receiveFile(e)}},{key:"enableOrDisablePointerEventsOnChildrenOfElement",value:function(e,t){for(var n=e.children.length,a=1;a<n;a++){e.children[a].style.pointerEvents=!1===t?"none":null;for(var i=e.children.children,o=1;o<i;o++)this.enableOrDisablePointerEventsOnChildrenOfElement(e.children.children[a],t)}}}]),e}(),HTML5Uploader=function(){function e(t,n,a,i){_classCallCheck(this,e),this._constructedSuccessfully=!1,t||"string"==typeof t?(this._uploadUrl=t,n?(this._maxPostSize=n,a?(this._maxUploadSize=a,i?(this._translations=JSON.parse(i),this._eventMap={},this.isSupported()?(this.csrfTokenContainer=document.querySelector('meta[name="csrf-token"]'),this.csrfTokenContainer?this._constructedSuccessfully=!0:console.error('No csrf-token could be found in a meta tag with name "csrf-token". Not initializing Html5Uploader')):console.warn("HTML 5 file upload is not supported. Not initializing Html5Uploader")):console.error("Did not get the translations. Not initializing Html5Uploader")):console.error("Did not get the maximum upload size. Not initializing Html5Uploader")):console.error("Did not get the maximum post size. Not initializing Html5Uploader")):console.error("Did not get a valid upload url. Not initializing Html5Uploader")}return _createClass(e,[{key:"isSupported",value:function(){return void 0!==window.FormData}},{key:"receiveFile",value:function(e){this.isSupported()||console.error("HTML 5 file upload is not supported. Not uploading file.")}},{key:"upload",value:function(e,t){if(this._verifyFileSizeOrShowError(e)&&!1!==this._constructedSuccessfully){var n=this,a=new FormData;a.append(e.name,e),a.append("extraData",t);var i=new XMLHttpRequest;i.upload.addEventListener("progress",function(e,t){return function(a){n._updateProgress(e,a,t)}}(e,t)),i.addEventListener("loadstart",function(e,t){return function(a){n._uploadStart(e,t)}}(e,t)),i.addEventListener("error",function(e,t){return function(a){n._uploadFailed(e,"general error",t)}}(e,t)),i.addEventListener("abort",function(e,t){return function(a){n._uploadCanceled(e,t)}}(e,t)),i.onreadystatechange=function(e,t){return function(){4===i.readyState&&(200===i.status?n._uploadComplete(e,i.responseText,t):n._uploadFailed(e,i.responseText,t))}}(e,t),i.open("POST",this._uploadUrl),i.setRequestHeader("X-Requested-With","XMLHttpRequest"),i.setRequestHeader("X-CSRF-TOKEN",this.csrfTokenContainer.getAttribute("content")),i.send(a)}}},{key:"_verifyFileSizeOrShowError",value:function(e){if(e.size>this._maxPostSize||e.size>this._maxUploadSize){var t=e.size/1048576,n=(this._maxUploadSize>this._maxPostSize?this._maxPostSize:this._maxUploadSize)/1048576;t=Math.round(100*t)/100,n=Math.round(100*n)/100;var a=this._translations.file_to_big,i=this._translations.max_file_size_upload,o=this._translations.file_size_upload;return alert(a+"\n\n"+i+n+" MB\n"+o+t+" MB\n"),!1}return!0}},{key:"_updateProgress",value:function(e,t,n){if(t.lengthComputable){var a=Math.ceil(t.loaded/t.total*100);this._triggerEvent("updateProgress",[e,a,n])}else this._triggerEvent("updateProgress",[e,null,n])}},{key:"_uploadStart",value:function(e,t){this._triggerEvent("uploadStart",[e,t])}},{key:"_uploadComplete",value:function(e,t,n){this._triggerEvent("uploadComplete",[e,t,n])}},{key:"_uploadFailed",value:function(e,t){this._triggerEvent("uploadFailed",[e,t])}},{key:"_uploadCanceled",value:function(e,t){this._triggerEvent("uploadCanceled",[e,t])}},{key:"_deleteStart",value:function(e){}},{key:"_deleteComplete",value:function(e){this._triggerEvent("deleteComplete",e)}},{key:"_deleteFail",value:function(e){this._triggerEvent("deleteFail",e)}},{key:"on",value:function(e,t){if(!1!==this._constructedSuccessfully)return this._eventMap.hasOwnProperty(e)||(this._eventMap[e]=[]),this._eventMap[e].push(t)}},{key:"_triggerEvent",value:function(e,t){if(this._eventMap.hasOwnProperty(e))for(var n=this._eventMap[e].length,a=0;a<n;a++){var i=this._eventMap[e][a];t&&t.length>0?i.apply(this,t):i.call(this)}}}]),e}(),ImageController=function(){function e(t,n,a){_classCallCheck(this,e),this.key=t,this.currentImageListId="#image-list-"+t,this.fileCounter=0,this.maxImages=a,this.images=n,this.initialize(),this.checkNewButtonState()}return _createClass(e,[{key:"initialize",value:function(){var e=this;$(e.currentImageListId+" .image-thumb-li").click(function(){$(this).remove(),e.removeFromImages($("img",this).attr("data-image-id"))}),$(document).on("click",e.currentImageListId+" .new-image input",function(t){""!=e.maxImages&&e.countActiveImages()>=e.maxImages&&t.preventDefault()}),$(document).on("change",e.currentImageListId+" .new-image input",function(){if(!(""!=e.maxImages&&e.countActiveImages()>=e.maxImages)){var t=$("#"+e.key+"-"+e.fileCounter);$(e.currentImageListId+" .uploads").append(t),e.images.push({id:null,name:t.attr("id"),delete:!1}),e.updateImages(),t.unbind("change");for(var n=t.prop("files"),a=0;a<n.length;a++)e.insertImage(n[a],e.fileCounter,a);e.fileCounter++,$(e.currentImageListId+" .new-image").append('<input type="file" id="'+e.key+"-"+e.fileCounter+'" name="'+e.key+"-"+e.fileCounter+'" accept="image/*" />')}}),this.checkNewButtonState()}},{key:"insertImage",value:function(e,t,n){var a=this,i=new FileReader;i.onload=function(e){var i=e.target.result;$(a.currentImageListId+" .thumbs").append('<li id="image-thumb-'+this.key+"-"+t+"-"+n+'"><img src="'+i+'" /><div class="deleteImage">⨯</div></li>');var o=$("#image-thumb-"+a.key+"-"+t+"-"+n);o.click(function(){a.removeFromImages(a.key+"-"+t),o.remove();var e=$("#"+a.key+"-"+t);e.val(""),e.remove()})},this.checkNewButtonState(),i.readAsDataURL(e)}},{key:"checkNewButtonState",value:function(){var e=$(self.currentImageListId+" .new-image");void 0!==this.maxImages&&this.countActiveImages()>=this.maxImages?e.hide():e.show()}},{key:"updateImages",value:function(){var e=JSON.stringify(this.images,null,2);$("#"+this.key).val(e),this.checkNewButtonState()}},{key:"countActiveImages",value:function(){for(var e=0,t=0;t<this.images.length;t++)this.images[t].delete||e++;return e}},{key:"removeFromImages",value:function(e){for(var t=0;t<this.images.length;t++){if(this.images[t].name==e)return this.images.splice(t,1),void this.updateImages();if(this.images[t].id==e)return this.images[t].delete=!0,void this.updateImages()}}}]),e}(),MultiSelect=function(){function e(t){if(_classCallCheck(this,e),this.attributeKey=t.dataset.key,this.value=t.querySelector('[name="'+this.attributeKey+'"]').value,this.uiWidget=t.querySelector(".ui-widget"),this.input=document.getElementById(this.attributeKey),this.openbutton=document.getElementById(this.attributeKey+"-open"),this.autoCompleteSelectField=document.getElementById(this.attributeKey+"-fake"),this.itemsWrapper=document.getElementById(this.attributeKey+"_items"),this.autoSaveUrl=t.dataset.autosaveUrl,this.maxItemsToSelect=t.dataset.maxItemsToSelect,this.selectOptions=e._buildSelectOptionsFromObject(JSON.parse(t.dataset.items)),this.dataSet=e._buildDataSetFromSelectOptions(this.selectOptions),this.sortable="true"===t.dataset.sortable||null,this.sortable){var n=this;this.dragElement=null,this.itemsWrapper.addEventListener("dragstart",function(e){n.dragElement=e.target,e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("Text",n.dragElement.textContent),n.itemsWrapper.addEventListener("dragover",n._onDragOver.bind(n),!1),n.itemsWrapper.addEventListener("dragend",n._onDragEnd.bind(n),!1),setTimeout(function(){n.dragElement.classList.add("ghost")},0)},!1)}this._makeMultiSelect(),this._addItems(),this._updateRealInput(),this._enableListeners(!0),this._enableOpenButton()}return _createClass(e,[{key:"_enableListeners",value:function(e){this.listenersEnabled=e;for(var t=this.itemsWrapper.children.length,n=0;n<t;n++){var a=this.itemsWrapper.children[n];a.dataset.id;a.classList.remove("readonly"),this.autoCompleteSelectField.classList.remove("hidden"),e||(a.classList.add("readonly"),this.autoCompleteSelectField.classList.add("hidden"),this.openbutton.classList.add("hidden"))}}},{key:"_addItems",value:function(){for(var e=this.value.split(","),t=this.dataSet.length,n=0;n<e.length;n++)for(var a=parseInt(e[n]),i=0;i<t;i++){var o=this.dataSet[i];if(o.id===a){this._addItem(o.id,o.value);break}}}},{key:"_makeMultiSelect",value:function(){var e=this,t=document.getElementById(this.attributeKey+"-fake");$(t).autocomplete({source:this.dataSet,minLength:0,focus:function(e,t){return!1},select:function(t,n){return $(this.autoCompleteSelectField).val(""),e._addItem(n.item.id,n.item.value),e._updateRealInput(),e._autosaveIfNeeded(),e._enableListeners(!0),!1}})}},{key:"_addItem",value:function(e,t){var n=this;if(!(this._itemsCount()>=n.maxItemsToSelect)){var a=document.createElement("p");a.classList.add("item"),this.sortable&&(a.draggable=!0,t='<span class="drag-icon"></span><span class="text">'+t+"</span>"),a.innerHTML=t;var i,o=document.createElement("span");o.classList.add("remove"),a.dataset.id=e,a.dataset.sort_order=this._itemsCount()+1,o.addEventListener("click",(i=e,function(){n.listenersEnabled&&n._removeItem(i)})),this.itemsWrapper.appendChild(a),a.appendChild(o),this._itemsCount()>=n.maxItemsToSelect&&(this.uiWidget.style.display="none")}}},{key:"_enableOpenButton",value:function(){var e=this;this.openbutton.addEventListener("click",function(t){$(e.autoCompleteSelectField).autocomplete("search","")})}},{key:"_itemsCount",value:function(){return this.itemsWrapper.childNodes.length-1}},{key:"_removeItem",value:function(e){for(var t=this.itemsWrapper.children,n=0;n<t.length;n++){var a=t[n];if(parseInt(a.dataset.id)===e){this.itemsWrapper.removeChild(a),this._itemsCount()<=this.maxItemsToSelect&&(this.uiWidget.style.display="block");break}}this._updateRealInput(),this._autosaveIfNeeded()}},{key:"_updateRealInput",value:function(){for(var e=[],t=this.itemsWrapper.children,n=this.itemsWrapper.children.length,a=0;a<n;a++){var i=t[a];e[e.length]=i.dataset.id}var o=e.join(",");this.input.setAttribute("value",o);var r=document.createEvent("Event");r.initEvent("change",!1,!0),this.input.dispatchEvent(r)}},{key:"_autosaveIfNeeded",value:function(){if(this.autoSaveUrl){var e=this.input.getAttribute("value"),t=this;$.ajax({type:"POST",url:this.autoSaveUrl,data:{itemIds:e},success:function(e,n,a){200===a.status?console.info("autosave successfull to url: "+t.autoSaveUrl):(console.error("autosave failure to url (no code 200): "+t.autoSaveUrl),console.error(e))},error:function(e){console.error("autosave failure to url: "+t.autoSaveUrl),console.error(e)},headers:{"X-CSRF-TOKEN":$('meta[name="csrf-token"]').attr("content")},dataType:"json"})}}},{key:"_onDragOver",value:function(e){e.preventDefault(),e.dataTransfer.dropEffect="move";var t=e.target;t&&t!==this.dragElement&&"P"===t.nodeName&&this.itemsWrapper.insertBefore(this.dragElement,t.nextSibling||t)}},{key:"_onDragEnd",value:function(e){e.preventDefault(),this.dragElement.classList.remove("ghost"),this.itemsWrapper.removeEventListener("dragover",this.onDragOver,!1),this.itemsWrapper.removeEventListener("dragend",this.onDragEnd,!1),this._updateRealInput()}}],[{key:"_buildSelectOptionsFromObject",value:function(e){for(var t=[],n=e.length,a=0;a<n;a++){var i=SelectOption.fromObject(e[a]);i&&t.push(i)}return t}},{key:"_buildDataSetFromSelectOptions",value:function(e){for(var t=[],n=e.length,a=0;a<n;a++)t.push({id:e[a].value,value:e[a].htmlContent.replace(/&nbsp;/gi,".")});return t}}]),e}(),SelectOption=function(){function e(){_classCallCheck(this,e),this._value="",this._content="",this._htmlContent="",this.toJSON=this._toJson.bind(this)}return _createClass(e,[{key:"_toJson",value:function(){return{value:this._value,content:this._content,htmlContent:this._htmlContent}}},{key:"value",get:function(){return this._value},set:function(e){"string"==typeof e?this._value=e:console.error("SelectOption::Value must be a string")}},{key:"content",get:function(){return this._content},set:function(e){"string"==typeof e?this._content=e:console.error("SelectOption::Content must be a string")}},{key:"htmlContent",get:function(){return this._htmlContent},set:function(e){"string"==typeof e?this._htmlContent=e:console.error("SelectOption::htmlContent must be a string")}}],[{key:"fromObject",value:function(e){if(this._objectRepresentsSelectOption(e)){var t=new this;return t._value=e.value,t._content=e.content,t._htmlContent=e.htmlContent,t}}},{key:"_objectRepresentsSelectOption",value:function(e){return!!("object"===_typeof(e)&&e.hasOwnProperty("value")&&e.hasOwnProperty("content")&&e.hasOwnProperty("htmlContent"))||(console.error("SelectOption::_objectRepresentsSelectOption: This does not represent an select option. It must be an object containing properties: value, content and htmlContent",e),!1)}}]),e}(),OnOff=function(){function e(t){if(_classCallCheck(this,e),void 0!==t&&"DIV"===t.tagName)if(this._onOffElementWrapper=t,"key"in t.dataset){var n=t.querySelector('input[type="checkbox"]');if(n){this._realCheckbox=n;var a=t.querySelector(".on-off-switch");a?(this._visibleCheckbox=a,this._visibleCheckbox.addEventListener("click",this.toggleOnOffSwitch.bind(this)),this.initialize()):console.error("OnOff:constructor Did not find a required div with class on-off-switch in the OnOff attribute wrapper.")}else console.error("OnOff:constructor Did not find a required input of type checkbox in the OnOff attribute wrapper.")}else console.error("OnOff:constructor Missing the key dataset property on the onOffElementWrapper");else console.error("OnOff:constructor Missing the expected div element that represents the OnOff attribute wrapper.")}return _createClass(e,[{key:"initialize",value:function(){this.updateOnOffState()}},{key:"updateOnOffState",value:function(){"1"===this._realCheckbox.value?(this._realCheckbox.value="1",this._visibleCheckbox.classList.add("on"),this._realCheckbox.setAttribute("checked","")):(this._realCheckbox.value="0",this._visibleCheckbox.classList.remove("on"),this._realCheckbox.removeAttribute("checked"))}},{key:"toggleOnOffSwitch",value:function(){this._realCheckbox.value="0"===this._realCheckbox.value?"1":"0",this.updateOnOffState();var e=document.createEvent("Event");e.initEvent("change",!1,!0),this._realCheckbox.dispatchEvent(e)}}]),e}(),PasswordController=function(){function e(t,n,a,i){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:6,r=arguments.length>5&&void 0!==arguments[5]&&arguments[5];_classCallCheck(this,e),this.wrapperHasTitleAttributeAndErrorClass=r,this.wrapper=document.querySelector(n),this.saveButton=document.querySelector("#"+i),this.firstPasswordInput=this.wrapper.querySelector("input[name="+t+"-1]"),this.secondPasswordInput=this.wrapper.querySelector("input[name="+t+"-2]"),this.realPasswordInput=this.wrapper.querySelector("input[name="+t+"]"),this.validationMessageWrapperSelector=".validationHelper",this.validationMessageWrapper=this.wrapper.querySelector(this.validationMessageWrapperSelector),this.minPasswordLength=o,this.letter=this.validationMessageWrapper.querySelector(".letter"),this.capital=this.validationMessageWrapper.querySelector(".capital"),this.number=this.validationMessageWrapper.querySelector(".number"),this.length=this.validationMessageWrapper.querySelector(".length"),this.match=this.validationMessageWrapper.querySelector(".match"),this.activateListeners(!0)}return _createClass(e,[{key:"activateListeners",value:function(e){var t=this,n=this.validationMessageWrapper;e?(this.firstPasswordInput.addEventListener("keyup",t.debounce(function(){t.passwordChanged()},100)),this.secondPasswordInput.addEventListener("keyup",t.debounce(function(){t.passwordChanged()},100)),this.firstPasswordInput.addEventListener("focus",function(){n.classList.contains("active")||n.classList.add("active")}),this.secondPasswordInput.addEventListener("focus",function(){n.classList.contains("active")||n.classList.add("active")}),this.firstPasswordInput.addEventListener("blur",function(){n.classList.contains("active")&&n.classList.remove("active")}),this.secondPasswordInput.addEventListener("blur",function(){n.classList.contains("active")&&n.classList.remove("active")})):(this.firstPasswordInput.removeEventListener("keyup",t.debounce),this.secondPasswordInput.removeEventListener("keyup",t.debounce),this.firstPasswordInput.removeEventListener("focus"),this.secondPasswordInput.removeEventListener("focus"),this.firstPasswordInput.removeEventListener("blur"),this.secondPasswordInput.removeEventListener("blur"))}},{key:"passwordChanged",value:function(){console.log("password changed");var e=this.firstPasswordInput.value,t=this.secondPasswordInput.value,n=this.validate(e,t);console.log(n),this.realPasswordInput.value=n?t:"",this.enableValidMessage(n),this.enableSaveButton(n),""===e&&""===t&&this.enableSaveButton(!0),this.removeWrapperError()}},{key:"enableValidMessage",value:function(e){var t=this.validationMessageWrapper;e?t.classList.contains("valid")||t.classList.add("valid"):t.classList.contains("valid")&&t.classList.remove("valid")}},{key:"enableSaveButton",value:function(e){console.log(e),e?this.saveButton.classList.contains("disabled")&&this.saveButton.classList.remove("disabled"):this.saveButton.classList.contains("disabled")||this.saveButton.classList.add("disabled")}},{key:"removeWrapperError",value:function(){this.wrapperHasTitleAttributeAndErrorClass&&(this.wrapper.hasAttribute("title")&&this.wrapper.setAttribute("title",""),this.wrapper.classList.contains("error")&&this.wrapper.classList.remove("error"))}},{key:"validate",value:function(e,t){var n=!0;e.match(/[a-z]/g)?(this.letter.classList.remove("invalid"),this.letter.classList.add("valid")):(this.letter.classList.remove("valid"),this.letter.classList.add("invalid"),n=!1);e.match(/[A-Z]/g)?(this.capital.classList.remove("invalid"),this.capital.classList.add("valid")):(this.capital.classList.remove("valid"),this.capital.classList.add("invalid"),n=!1);return e.match(/[0-9]/g)?(this.number.classList.remove("invalid"),this.number.classList.add("valid")):(this.number.classList.remove("valid"),this.number.classList.add("invalid"),n=!1),e.length>=this.minPasswordLength?(this.length.classList.remove("invalid"),this.length.classList.add("valid")):(this.length.classList.remove("valid"),this.length.classList.add("invalid"),n=!1),e!==t||""===e&&""===t?(this.match.classList.remove("valid"),this.match.classList.add("invalid"),n=!1):(this.match.classList.remove("invalid"),this.match.classList.add("valid")),n}},{key:"debounce",value:function(e,t,n){var a;return function(){var i=this,o=arguments,r=n&&!a;clearTimeout(a),a=setTimeout(function(){a=null,n||e.apply(i,o)},t),r&&e.apply(i,o)}}}]),e}(),Select=function(){function e(t){if(_classCallCheck(this,e),void 0!==t&&"DIV"===t.tagName)if(this._selectElementWrapper=t,"key"in t.dataset){var n=t.dataset.key,a=t.querySelector('select[name="'+n+'"]');a?(this._realInput=a,this.initialize(n)):console.error('SelectElement:constructor Did not find a required hidden select with name "'+n+'" in the VideoElementWrapper.')}else console.error("SelectElement:constructor Missing the key dataset property on the selectElementWrapper");else console.error("SelectElement:constructor Missing the expected div element that represents the selectElementWrapper.")}return _createClass(e,[{key:"initialize",value:function(e){var t=this,n=this._selectElementWrapper.querySelector(".select-menu"),a={width:"100%",create:function(e,t){var n=this.id+"-button";this.id;document.getElementById(n).setAttribute("dusk",this.id)},open:function(e,t){var n=document.getElementById(this.id+"-button"),a=document.getElementById(this.id+"-menu");a.style.width=n.offsetWidth+"px",a.parentNode.style.width=n.offsetWidth+"px",n.classList.add("dropdown-open")},change:function(e,n){var a=document.getElementById(this.id+"-button"),i=a.querySelector(".ui-selectmenu-text").innerHTML;a.querySelector(".ui-selectmenu-text").innerHTML=i.replace(/&nbsp;/gi,"");var o=document.createEvent("Event");o.initEvent("change",!1,!0),t._realInput.dispatchEvent(o)},close:function(e,t){document.getElementById(this.id+"-button").classList.remove("dropdown-open")}};$(n).selectmenu(a).data("ui-selectmenu")._renderItem=function(e,t){var a=$("<li>"),i=$("<div>",{title:t.element.attr("title")});return t.disabled&&this._addClass(a,null,"ui-state-disabled"),this._setText(i,t.label),$(a).attr("dusk",n.id+"-"+t.value),a.append(i).appendTo(e)}}}]),e}(),SendPasswordMailButton=function(){function e(t){_classCallCheck(this,e),this.wrapper=t,this.csrfTokenContainer=document.querySelector('meta[name="csrf-token"]'),this.csrfTokenContainer?(this.mailButtonWrapper=this.wrapper.querySelector(".js_password_mail"),this.mailButtonWrapper?(this.mailButton=this.mailButtonWrapper.querySelector("button"),this.mailButton&&"url"in this.mailButton.dataset&&"userId"in this.mailButton.dataset?(this.mailButtonUrl=this.mailButton.dataset.url,this.mailButtonUserId=this.mailButton.dataset.userId,this.mailConfirmation=this.mailButtonWrapper.querySelector("p.js_confirmation"),this.mailConfirmation?(this.mailFailMessage=this.mailButtonWrapper.querySelector("p.js_fail"),this.mailFailMessage?(this.mailButtonClicked=this.mailButtonClicked.bind(this),this.activateListeners(!0)):console.error("PasswordController: Could not find a paragraph with class js_fail. Password controller does not work.")):console.error("PasswordController: Could not find a paragraph with class js_confirmation. Password controller does not work.")):console.error("PasswordController: Could not find a button within the mail button wrapper, that has the data attributes url and user-id. Password controller does not work.")):console.error("PasswordController: could not find the wrapper that holds a button to mail the user instructions on how to set his password. Password controller does not work")):console.error("PasswordController: could not find the csrf token container. Password controller does not work")}return _createClass(e,[{key:"activateListeners",value:function(e){e?this.mailButton.addEventListener("click",this.mailButtonClicked):this.mailButton.removeEventListener("click",this.mailButtonClicked)}},{key:"mailButtonClicked",value:function(e){e.preventDefault();var t,n=new XMLHttpRequest;n.open("POST",this.mailButtonUrl,!0),n.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),n.setRequestHeader("X-CSRF-TOKEN",this.csrfTokenContainer.getAttribute("content")),n.setRequestHeader("X-Requested-With","XMLHttpRequest"),n.onreadystatechange=(t=this,function(){this.readyState===XMLHttpRequest.DONE&&(200===this.status||204===this.status?t.mailSend():t.mailError())}),this.mailButton.classList.add("hidden"),n.send("user_id="+this.mailButtonUserId)}},{key:"mailError",value:function(){this.mailFailMessage.classList.remove("hidden")}},{key:"mailSend",value:function(){this.mailConfirmation.classList.remove("hidden")}}]),e}(),styleClassController=function(){function e(t){_classCallCheck(this,e),this.constructedSuccessFully=!1,!t instanceof HTMLElement?console.error("styleClassController: The given htmlElement must be, but was not a HTMLElement"):(this.htmlElement=t,this.classCounts={},this.constructedSuccessFully=!0)}return _createClass(e,[{key:"requestAddClass",value:function(e){return this.htmlElement.classList.contains(e)||this.htmlElement.classList.add(e),this.classCounts.hasOwnProperty(e)||(this.classCounts[e]=0),this.classCounts[e]++,!0}},{key:"requestRemoveClass",value:function(e){if(!this.htmlElement.classList.contains(e)||!this.classCounts.hasOwnProperty(e))return!1;this.classCounts[e]--,0===this.classCounts[e]&&(delete this.classCounts[e],this.htmlElement.classList.remove(e))}}]),e}(),Video=function(){function e(t){if(_classCallCheck(this,e),void 0!==t&&"DIV"===t.tagName)if(this._videoElementWrapper=t,"key"in t.dataset){var n=t.dataset.key,a=t.querySelector('input[name="'+n+'"]');if(a){this._realInput=a;var i=t.querySelector('input[name="'+n+'_autoplay"]');if(i){this._realCheckbox=i;var o=t.querySelector('input[name="'+n+'_video_id"]');o?(this._videoIdInput=o,this._videoWatchPath="https://www.youtube.com/watch?v={videoInputValue}",this._videoImgPath="https://img.youtube.com/vi/{videoInputValue}/0.jpg",this.initialize(),this.enableEventListeners()):console.error('VideoElement:constructor Did not find a required input of type text with name "'+n+'_video_id" in the VideoElementWrapper.')}else console.error('VideoElement:constructor Did not find a required checkbox input of type checkbox with name "'+n+'_autoplay" in the VideoElementWrapper.')}else console.error('VideoElement:constructor Did not find a required hidden input with name "'+n+'" in the VideoElementWrapper.')}else console.error("VideoElement:constructor Missing the key dataset property on the videoElementWrapper");else console.error("VideoElement:constructor Missing the expected div element that represents the VideoElementWrapper.")}return _createClass(e,[{key:"enableEventListeners",value:function(){this._videoIdInput.addEventListener("keyup",this.updateRealInput.bind(this)),this._realCheckbox.addEventListener("change",this.updateRealInput.bind(this))}},{key:"updateRealInput",value:function(e){var t=!0===this._realCheckbox.checked?"1":"0",n=this._videoIdInput.value;this._realInput.value=t+","+n,this.updateThumbnail(n)}},{key:"updateThumbnail",value:function(e){var t=this._videoElementWrapper.querySelector(".js-video-link"),n=this._videoElementWrapper.querySelector(".js-video-thumb");if(!isset(e)||""===e)return n.removeAttribute("src"),void t.removeAttribute("href");var a=this._getYoutubePath(e);n.setAttribute("src",a),t.setAttribute("href",this._getYoutubePath(e,"watch"))}},{key:"_getYoutubePath",value:function(e){switch(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"thumbnail"){case"thumbnail":return this._videoImgPath.replace("{videoInputValue}",e);case"watch":return this._videoWatchPath.replace("{videoInputValue}",e);default:return console.alert("VideoElement:_getPath Type rule not defined"),""}}},{key:"initialize",value:function(){if(""!==this._realInput.value){var e=this._realInput.value.split(",");e.length<2&&console.error("VideoElement:initialize Could not initialize a video element because it received an invalid value: ",this._realInput.value);var t=e[0],n=e[1];this._videoIdInput.value=n,this.updateThumbnail(n),this._realCheckbox.checked="1"===t}}}]),e}();