/*! grapesjs-plugin-forms - 0.3.3 */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("grapesjs")):"function"==typeof define&&define.amd?define(["grapesjs"],t):"object"==typeof exports?exports["grapesjs-plugin-forms"]=t(require("grapesjs")):e["grapesjs-plugin-forms"]=t(e.grapesjs)}(this,function(e){return function(e){function t(l){if(a[l])return a[l].exports;var n=a[l]={i:l,l:!1,exports:{}};return e[l].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var a={};return t.m=e,t.c=a,t.d=function(e,a,l){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:l})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=a(1),n=function(e){return e&&e.__esModule?e:{default:e}}(l),o=grapesjs||n.default;t.default=o.plugins.add("gjs-plugin-forms",function(e,t){var l=t||{},n=e.getConfig(),o=(n.stylePrefix,{blocks:["form","input","textarea","select","button","label","checkbox","radio"],labelTraitMethod:"Method",labelTraitAction:"Action",labelTraitState:"State",labelTraitId:"ID",labelTraitFor:"For",labelInputName:"Input",labelTextareaName:"Textarea",labelSelectName:"Select",labelCheckboxName:"Checkbox",labelRadioName:"Radio",labelButtonName:"Button",labelTraitName:"Name",labelTraitPlaceholder:"Placeholder",labelTraitValue:"Value",labelTraitRequired:"Required",labelTraitType:"Type",labelTraitOptions:"Options",labelTraitChecked:"Checked",labelTypeText:"Text",labelTypeEmail:"Email",labelTypePassword:"Password",labelTypeNumber:"Number",labelTypeSubmit:"Submit",labelTypeReset:"Reset",labelTypeButton:"Button",labelNameLabel:"Label",labelForm:"Form",labelSelectOption:"- Select option -",labelOption:"Option",labelStateNormal:"Normal",labelStateSuccess:"Success",labelStateError:"Error"});for(var s in o)s in l||(l[s]=o[s]);a(2).default(e,l),a(3).default(e,l),a(4).default(e,l)})},function(t,a){t.exports=e},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t,l=e.DomComponents,n=l.getType("default"),o=l.getType("text"),s=n.model,i=n.view,r=o.model,c=o.view,p={name:"id",label:a.labelTraitId},u={name:"for",label:a.labelTraitFor},b={name:"name",label:a.labelTraitName},d={name:"placeholder",label:a.labelTraitPlaceholder},g={name:"value",label:a.labelTraitValue},m={type:"checkbox",name:"required",label:a.labelTraitRequired},h={label:a.labelTraitChecked,type:"checkbox",name:"checked",changeProp:1};l.addType("form",{model:s.extend({defaults:Object.assign({},s.prototype.defaults,{droppable:":not(form)",draggable:":not(form)",traits:[{type:"select",label:a.labelTraitMethod,name:"method",options:[{value:"post",name:"POST"},{value:"get",name:"GET"}]},{label:a.labelTraitAction,name:"action"}]}),init:function(){this.listenTo(this,"change:formState",this.updateFormState)},updateFormState:function(){switch(this.get("formState")){case"success":this.showState("success");break;case"error":this.showState("error");break;default:this.showState("normal")}},showState:function(e){var t,a,l=e||"normal";"success"==l?(t="none",a="block"):"error"==l?(t="block",a="none"):(t="none",a="none");var n=this.getStateModel("success"),o=this.getStateModel("error"),s=n.getStyle(),i=o.getStyle();s.display=a,i.display=t,n.setStyle(s),o.setStyle(i)},getStateModel:function(e){for(var t,a=e||"success",l=this.get("components"),n=0;n<l.length;n++){var o=l.models[n];if(o.get("form-state-type")==a){t=o;break}}if(!t){var s=formMsgSuccess;"error"==a&&(s=formMsgError),t=l.add({"form-state-type":a,type:"text",removable:!1,copyable:!1,draggable:!1,attributes:{"data-form-state":a},content:s})}return t}},{isComponent:function(e){if("FORM"==e.tagName)return{type:"form"}}}),view:i.extend({events:{submit:function(e){e.preventDefault()}}})}),l.addType("input",{model:s.extend({defaults:Object.assign({},s.prototype.defaults,{"custom-name":a.labelInputName,tagName:"input",draggable:"form, form *",droppable:!1,traits:[b,d,{label:a.labelTraitType,type:"select",name:"type",options:[{value:"text",name:a.labelTypeText},{value:"email",name:a.labelTypeEmail},{value:"password",name:a.labelTypePassword},{value:"number",name:a.labelTypeNumber}]},m]})},{isComponent:function(e){if("INPUT"==e.tagName)return{type:"input"}}}),view:i});var f=l.getType("input"),v=f.model;l.addType("textarea",{model:f.model.extend({defaults:Object.assign({},v.prototype.defaults,{"custom-name":a.labelTextareaName,tagName:"textarea",traits:[b,d,m]})},{isComponent:function(e){if("TEXTAREA"==e.tagName)return{type:"textarea"}}}),view:i}),l.addType("select",{model:s.extend({defaults:Object.assign({},v.prototype.defaults,{"custom-name":a.labelSelectName,tagName:"select",traits:[b,{label:a.labelTraitOptions,type:"select-options"},m]})},{isComponent:function(e){if("SELECT"==e.tagName)return{type:"select"}}}),view:function(){return n.view.extend({events:{mousedown:"handleClick"},handleClick:function(e){e.preventDefault()}})}()}),l.addType("checkbox",{model:s.extend({defaults:Object.assign({},v.prototype.defaults,{"custom-name":a.labelCheckboxName,copyable:!1,attributes:{type:"checkbox"},traits:[p,b,g,m,h]}),init:function(){this.listenTo(this,"change:checked",this.handleChecked)},handleChecked:function(){var e=this.get("checked"),t=this.get("attributes"),a=this.view;e?t.checked="checked":delete t.checked,a&&(a.el.checked=e),this.set("attributes",Object.assign({},t))}},{isComponent:function(e){if("INPUT"==e.tagName&&"checkbox"==e.type)return{type:"checkbox"}}}),view:i.extend({events:{click:"handleClick"},handleClick:function(e){e.preventDefault()}})});var y=l.getType("checkbox");l.addType("radio",{model:y.model.extend({defaults:Object.assign({},y.model.prototype.defaults,{"custom-name":a.labelRadioName,attributes:{type:"radio"}})},{isComponent:function(e){if("INPUT"==e.tagName&&"radio"==e.type)return{type:"radio"}}}),view:y.view}),l.addType("button",{model:s.extend({defaults:Object.assign({},v.prototype.defaults,{"custom-name":a.labelButtonName,tagName:"button",traits:[{type:"content",label:"Text"},{label:a.labelTraitType,type:"select",name:"type",options:[{value:"submit",name:a.labelTypeSubmit},{value:"reset",name:a.labelTypeReset},{value:"button",name:a.labelTypeButton}]}]})},{isComponent:function(e){if("BUTTON"==e.tagName)return{type:"button"}}}),view:i.extend({events:{click:"handleClick"},init:function(){this.listenTo(this.model,"change:content",this.updateContent)},updateContent:function(){this.el.innerHTML=this.model.get("content")},handleClick:function(e){e.preventDefault()}})}),l.addType("label",{model:r.extend({defaults:Object.assign({},r.prototype.defaults,{"custom-name":a.labelNameLabel,tagName:"label",traits:[u]})},{isComponent:function(e){if("LABEL"==e.tagName)return{type:"label"}}}),view:c})}},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=(arguments.length>1&&void 0!==arguments[1]&&arguments[1],e.TraitManager),a=t.getType("text");t.addType("content",{events:{keyup:"onChange"},onValueChange:function(){var e=this.model;e.target.set("content",e.get("value"))},getInputEl:function(){return this.inputEl||(this.inputEl=a.prototype.getInputEl.bind(this)(),this.inputEl.value=this.target.get("content")),this.inputEl}}),t.addType("select-options",{events:{keyup:"onChange"},onValueChange:function(){for(var e=this.model.get("value").trim(),t=e.split("\n"),a=[],l=0;l<t.length;l++){var n=t[l],o=n.split("::"),s={tagName:"option",attributes:{}};o[1]?(s.content=o[1],s.attributes.value=o[0]):(s.content=o[0],s.attributes.value=o[0]),a.push(s)}this.target.get("components").reset(a),this.target.view.render()},getInputEl:function(){if(!this.$input){for(var e=this.model,t=this.target,a=(e.get("name"),""),l=t.get("components"),n=0;n<l.length;n++){var o=l.models[n];a+=(o.get("attributes").value||"")+"::"+o.get("content")+"\n"}this.$input=document.createElement("textarea"),this.$input.value=a}return this.$input}})}},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t,l=e.BlockManager;a.blocks.indexOf("form")>=0&&l.add("form",{label:'\n      <svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n        <path class="gjs-block-svg-path" d="M22,5.5 C22,5.2 21.5,5 20.75,5 L3.25,5 C2.5,5 2,5.2 2,5.5 L2,8.5 C2,8.8 2.5,9 3.25,9 L20.75,9 C21.5,9 22,8.8 22,8.5 L22,5.5 Z M21,8 L3,8 L3,6 L21,6 L21,8 Z" fill-rule="nonzero"></path>\n        <path class="gjs-block-svg-path" d="M22,10.5 C22,10.2 21.5,10 20.75,10 L3.25,10 C2.5,10 2,10.2 2,10.5 L2,13.5 C2,13.8 2.5,14 3.25,14 L20.75,14 C21.5,14 22,13.8 22,13.5 L22,10.5 Z M21,13 L3,13 L3,11 L21,11 L21,13 Z" fill-rule="nonzero"></path>\n        <rect class="gjs-block-svg-path" x="2" y="15" width="10" height="3" rx="0.5"></rect>\n      </svg>\n      <div class="gjs-block-label">'+a.labelForm+"</div>",category:"Forms",content:'\n        <form class="form">\n          <div class="form-group">\n            <label class="label">Name</label>\n            <input placeholder="Type here your name" class="input"/>\n          </div>\n          <div class="form-group">\n            <label class="label">Email</label>\n            <input type="email" placeholder="Type here your email" class="input"/>\n          </div>\n          <div class="form-group">\n            <label class="label">Gender</label>\n            <input type="checkbox" class="checkbox" value="M">\n            <label class="checkbox-label">M</label>\n            <input type="checkbox" class="checkbox" value="F">\n            <label class="checkbox-label">F</label>\n          </div>\n          <div class="form-group">\n            <label class="label">Message</label>\n            <textarea class="textarea"></textarea>\n          </div>\n          <div class="form-group">\n            <button type="submit" class="button">Send</button>\n          </div>\n        </form>\n      '}),a.blocks.indexOf("input")>=0&&l.add("input",{label:'\n      <svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n        <path class="gjs-block-svg-path" d="M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z"></path>\n        <polygon class="gjs-block-svg-path" points="4 10 5 10 5 14 4 14"></polygon>\n      </svg>\n      <div class="gjs-block-label">'+a.labelInputName+"</div>",category:"Forms",content:'<input class="input"/>'}),a.blocks.indexOf("textarea")>=0&&l.add("textarea",{label:'\n      <svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n        <path class="gjs-block-svg-path" d="M22,7.5 C22,6.6 21.5,6 20.75,6 L3.25,6 C2.5,6 2,6.6 2,7.5 L2,16.5 C2,17.4 2.5,18 3.25,18 L20.75,18 C21.5,18 22,17.4 22,16.5 L22,7.5 Z M21,17 L3,17 L3,7 L21,7 L21,17 Z"></path>\n        <polygon class="gjs-block-svg-path" points="4 8 5 8 5 12 4 12"></polygon>\n        <polygon class="gjs-block-svg-path" points="19 7 20 7 20 17 19 17"></polygon>\n        <polygon class="gjs-block-svg-path" points="20 8 21 8 21 9 20 9"></polygon>\n        <polygon class="gjs-block-svg-path" points="20 15 21 15 21 16 20 16"></polygon>\n      </svg>\n      <div class="gjs-block-label">'+a.labelTextareaName+"</div>",category:"Forms",content:'<textarea class="textarea"></textarea>'}),a.blocks.indexOf("select")>=0&&l.add("select",{label:'\n      <svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n        <path class="gjs-block-svg-path" d="M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z" fill-rule="nonzero"></path>\n        <polygon class="gjs-block-svg-path" transform="translate(18.500000, 12.000000) scale(1, -1) translate(-18.500000, -12.000000) " points="18.5 11 20 13 17 13"></polygon>\n        <rect class="gjs-block-svg-path" x="4" y="11.5" width="11" height="1"></rect>\n      </svg>\n      <div class="gjs-block-label">'+a.labelSelectName+"</div>",category:"Forms",content:'<select class="select">\n        '+(a.labelSelectOption?'<option value="">'+a.labelSelectOption+"</option>":"")+'\n        <option value="1">'+a.labelOption+" 1</option>\n        </select>"}),a.blocks.indexOf("button")>=0&&l.add("button",{label:'\n      <svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n        <path class="gjs-block-svg-path" d="M22,9 C22,8.4 21.5,8 20.75,8 L3.25,8 C2.5,8 2,8.4 2,9 L2,15 C2,15.6 2.5,16 3.25,16 L20.75,16 C21.5,16 22,15.6 22,15 L22,9 Z M21,15 L3,15 L3,9 L21,9 L21,15 Z" fill-rule="nonzero"></path>\n        <rect class="gjs-block-svg-path" x="4" y="11.5" width="16" height="1"></rect>\n      </svg>\n      <div class="gjs-block-label">'+a.labelButtonName+"</div>",category:"Forms",content:'<button class="button">Send</button>'}),a.blocks.indexOf("label")>=0&&l.add("label",{label:'\n      <svg class="gjs-block-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n        <path class="gjs-block-svg-path" d="M22,11.875 C22,11.35 21.5,11 20.75,11 L3.25,11 C2.5,11 2,11.35 2,11.875 L2,17.125 C2,17.65 2.5,18 3.25,18 L20.75,18 C21.5,18 22,17.65 22,17.125 L22,11.875 Z M21,17 L3,17 L3,12 L21,12 L21,17 Z" fill-rule="nonzero"></path>\n        <rect class="gjs-block-svg-path" x="2" y="5" width="14" height="5" rx="0.5"></rect>\n        <polygon class="gjs-block-svg-path" fill-rule="nonzero" points="4 13 5 13 5 16 4 16"></polygon>\n      </svg>\n      <div class="gjs-block-label">'+a.labelNameLabel+"</div>",category:"Forms",content:'<label class="label">Label</label>'}),a.blocks.indexOf("checkbox")>=0&&l.add("checkbox",{label:a.labelCheckboxName,attributes:{class:"fa fa-check-square"},category:"Forms",content:'<input type="checkbox" class="checkbox"/>'}),a.blocks.indexOf("radio")>=0&&l.add("radio",{label:a.labelRadioName,attributes:{class:"fa fa-dot-circle-o"},category:"Forms",content:'<input type="radio" class="radio"/>'})}}])});