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 o=n.children[n.selectedIndex];if(o&&"tab"in o.dataset){var i=o.dataset.tab;window.location.hash="#"+i}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 o=this,i=arguments,r=n&&!a;clearTimeout(a),a=setTimeout(function(){a=null,n||e.apply(o,i)},t),r&&e.apply(o,i)}}}]),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 o=e.getComponentSavestateAt(a),i=new ComponentSaveState;i.id=-1*parseInt(t._componentAreaWrapperElement.dataset.timesAddedComponent),i.componentTypeId=o.componentTypeId,i.sortOrder=0,this._componentManagerApiController.getComponentHtmlElement(i,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,o=0;o<a;o++){var i=n.inputElements[o],r=t._debounce(t._attributeInputChanged.bind(t),500);i.addEventListener("change",t._attributeInputChanged.bind(t)),i.addEventListener("blur",t._attributeInputChanged.bind(t)),i.addEventListener("keydown",r.bind(t))}for(var s=this._findComponentableInputs(e),l=n.inputElements.length,c=0;c<l;c++){var u=s.inputElements[c];if(u){var d=t._debounce(t._attributeInputChanged.bind(t),500);u.addEventListener("change",t._attributeInputChanged.bind(t)),u.addEventListener("blur",t._attributeInputChanged.bind(t)),u.addEventListener("keydown",d.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,o={},i=0;i<a;i++){var r=n[i];"tab"in r.dataset&&(o.hasOwnProperty(r.dataset.tab)||(o[r.dataset.tab]=[]),o[r.dataset.tab].push(r))}var s=Object.keys(o).length;if(s>0){var l=new DOMParser,c=l.parseFromString('<div class="component-tab">    <ul class="component-tab__list">    </ul>    <div class="component-tab__container">    </div></div>',"text/html"),u=c.body.firstChild;t.appendChild(u);var d=0,p=function(e){if(!o.hasOwnProperty(e))return"continue";var t=(c=l.parseFromString('<li class="component-tab__list-item">    <a class="component-tab__button">'+e+"</a></li>","text/html")).body.firstChild,n=u.getElementsByClassName("component-tab__list")[0];n.appendChild(t);var a=(c=l.parseFromString('<div class="component-tab__content"></div>',"text/html")).body.firstChild,i=u.getElementsByClassName("component-tab__container")[0];i.appendChild(a);for(var r=o[e].length,p=0;p<r;p++)a.appendChild(o[e][p]);0===d&&(t.classList.add("active"),a.classList.add("active")),t.addEventListener("click",function(e){e.preventDefault();for(var a=0,o=0;o<s;o++){var r=n.children[o];r.classList.remove("active"),r===t&&(r.classList.add("active"),a=o)}for(var l=0;l<s;l++){var c=i.children[l];c.classList.remove("active"),l===a&&c.classList.add("active")}}),d++};for(var m in o)p(m)}}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"),o=a.length,i=0;i<o;i++){var r=a[i];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 o=a.querySelectorAll("input, textarea, select"),i=o.length,r=0;r<i;r++){var s=o[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 o=t[a],i=this._findAttributeDataInputs(o),r=this._findComponentableInputs(o),s={},l=i.inputElements.length,c=0;c<l;c++){var u=i.inputElements[c];"INPUT"===u.tagName&&"file"===u.type||(s[u.name]=u.value)}for(var d={},p=r.inputElements.length,m=0;m<p;m++){var h=r.inputElements[m];"INPUT"===h.tagName&&"file"===h.type||(d[h.name]=h.value)}var v=new ComponentSaveState;v.id=Number(i.componentElement.dataset.id),v.componentTypeId=Number(i.componentElement.dataset.componentTypeId),v.data=s,v.version=this._saveVersion,v.sortOrder=Number(a),v.componentableData=d,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=[],o=n.componentsCount,i=0;i<o;i++){var r=n.getComponentSavestateAt(i);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 o=t[a].element;e._addComponent(o)}for(var i=0;i<n;i++){var r=t[i].componentSavestate,s=r.data;for(var l in s)if(s.hasOwnProperty(l)&&r.data.hasOwnProperty(l)){var c=e._componentAreaWrapperElement.querySelectorAll('[name="'+l+'"]'),u=c.length;if(u>0)for(var d=0;d<u;d++)c[d].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 m in p)if(p.hasOwnProperty(m)&&r.componentableData.hasOwnProperty(m)){var h=e._componentAreaWrapperElement.querySelectorAll('[name="'+m+'"]'),v=h.length;if(v>0)for(var f=0;f<v;f++)h[f].value=p[m];else console.error("Could not load data for field: "+m+" 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 o=this._eventMap[e][a];t&&t.length>0?o.apply(this,t):o.call(this)}}},{key:"_debounce",value:function(e,t,n){var a;return function(){var o=this,i=arguments,r=n&&!a;clearTimeout(a),a=setTimeout(function(){a=null,n||e.apply(o,i)},t),r&&e.apply(o,i)}}}]),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,o){var i={componentAreaAttributeKey:t,componentSaveState:JSON.stringify(e)};axios.post("/api/dynamic/component/resolve",i).then(function(t){var o={element:n._stringToHtmlElement(t.data),componentSavestate:e};a(o)}).catch(function(e){console.error("ComponentManagerApiController:getComponentHtmlElement Could not get HTML of a component because of the following error:",e),o(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,o=0;o<a;o++){var i=t[o],r=ComponentSaveState.fromObject(i);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}(),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,o=new FileReader;o.onload=function(e){var o=e.target.result;$(a.currentImageListId+" .thumbs").append('<li id="image-thumb-'+this.key+"-"+t+"-"+n+'"><img src="'+o+'" /><div class="deleteImage">⨯</div></li>');var i=$("#image-thumb-"+a.key+"-"+t+"-"+n);i.click(function(){a.removeFromImages(a.key+"-"+t),i.remove();var e=$("#"+a.key+"-"+t);e.val(""),e.remove()})},this.checkNewButtonState(),o.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]),o=0;o<t;o++){var i=this.dataSet[o];if(i.id===a){this._addItem(i.id,i.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 o,i=document.createElement("span");i.classList.add("remove"),a.dataset.id=e,a.dataset.sort_order=this._itemsCount()+1,i.addEventListener("click",(o=e,function(){n.listenersEnabled&&n._removeItem(o)})),this.itemsWrapper.appendChild(a),a.appendChild(i),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 o=t[a];e[e.length]=o.dataset.id}var i=e.join(",");this.input.setAttribute("value",i);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 o=SelectOption.fromObject(e[a]);o&&t.push(o)}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,o){var i=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("#"+o),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.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=i,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.mailButtonUserId||this.mailButtonWrapper.classList.add("hidden"),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){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.mailButton.addEventListener("click",this.mailButtonClicked)):(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"),this.mailButton.addEventListener("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")}},{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 o=this,i=arguments,r=n&&!a;clearTimeout(a),a=setTimeout(function(){a=null,n||e.apply(o,i)},t),r&&e.apply(o,i)}}}]),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"),o=a.querySelector(".ui-selectmenu-text").innerHTML;a.querySelector(".ui-selectmenu-text").innerHTML=o.replace(/&nbsp;/gi,"");var i=document.createEvent("Event");i.initEvent("change",!1,!0),t._realInput.dispatchEvent(i)},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>"),o=$("<div>",{title:t.element.attr("title")});return t.disabled&&this._addClass(a,null,"ui-state-disabled"),this._setText(o,t.label),$(a).attr("dusk",n.id+"-"+t.value),a.append(o).appendTo(e)}}}]),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 o=t.querySelector('input[name="'+n+'_autoplay"]');if(o){this._realCheckbox=o;var i=t.querySelector('input[name="'+n+'_video_id"]');i?(this._videoIdInput=i,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}();