@josercl/form-maker 1.0.0-alpha19 → 1.1.0-beta01

package/umd/index.umd.min.js

@@ -1 +0,0 @@
-(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["FormMaker"]=t(require("vue")):e["FormMaker"]=t(e["Vue"])})("undefined"!==typeof self?self:this,(function(e){return function(e){var t={};function r(l){if(t[l])return t[l].exports;var o=t[l]={i:l,l:!1,exports:{}};return e[l].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,l){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:l})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(r.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(l,o,function(t){return e[t]}.bind(null,o));return l},r.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s="fb15")}({8875:function(e,t,r){var l,o,n;(function(r,a){o=[],l=a,n="function"===typeof l?l.apply(t,o):l,void 0===n||(e.exports=n)})("undefined"!==typeof self&&self,(function(){function e(){var t=Object.getOwnPropertyDescriptor(document,"currentScript");if(!t&&"currentScript"in document&&document.currentScript)return document.currentScript;if(t&&t.get!==e&&document.currentScript)return document.currentScript;try{throw new Error}catch(m){var r,l,o,n=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,a=/@([^@]*):(\d+):(\d+)\s*$/gi,c=n.exec(m.stack)||a.exec(m.stack),u=c&&c[1]||!1,s=c&&c[2]||!1,i=document.location.href.replace(document.location.hash,""),p=document.getElementsByTagName("script");u===i&&(r=document.documentElement.outerHTML,l=new RegExp("(?:[^\\n]+?\\n){0,"+(s-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),o=r.replace(l,"$1").trim());for(var d=0;d<p.length;d++){if("interactive"===p[d].readyState)return p[d];if(p[d].src===u)return p[d];if(u===i&&p[d].innerHTML&&p[d].innerHTML.trim()===o)return p[d]}return null}}return e}))},"8bbf":function(t,r){t.exports=e},fb15:function(e,t,r){"use strict";if(r.r(t),"undefined"!==typeof window){var l=window.document.currentScript,o=r("8875");l=o(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:o});var n=l&&l.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);n&&(r.p=n[1])}var a=r("8bbf");const c=Object(a["createTextVNode"])(" Loading... "),u={key:0};function s(e,t,r,l,o,n){const s=Object(a["resolveComponent"])("form-maker-input");return Object(a["openBlock"])(),Object(a["createBlock"])("form",{class:"form-maker",onSubmit:t[1]||(t[1]=Object(a["withModifiers"])((...e)=>l.handleSubmit(...e),["prevent"]))},[r.loading?Object(a["renderSlot"])(e.$slots,"loading",{key:0},()=>[c]):Object(a["createCommentVNode"])("",!0),Object(a["renderSlot"])(e.$slots,"default",{},()=>[(Object(a["openBlock"])(!0),Object(a["createBlock"])(a["Fragment"],null,Object(a["renderList"])(l.formFields,(t,r)=>(Object(a["openBlock"])(),Object(a["createBlock"])("div",{class:l.realRowClass,key:"fieldRow_"+r},[(Object(a["openBlock"])(!0),Object(a["createBlock"])(a["Fragment"],null,Object(a["renderList"])(t,(t,o)=>(Object(a["openBlock"])(),Object(a["createBlock"])("div",{class:[l.realColumnClass,t.columnClass],key:`field_${r}_${o}`},[Object(a["renderSlot"])(e.$slots,""+t.name,{field:t},()=>[Object(a["createVNode"])(s,Object(a["mergeProps"])({modelValue:l.value[t.name],"onUpdate:modelValue":e=>l.value[t.name]=e},t),null,16,["modelValue","onUpdate:modelValue"])])],2))),128))],2))),128))]),Object(a["renderSlot"])(e.$slots,"extra"),Object(a["renderSlot"])(e.$slots,"divider",{},()=>[r.hasActions&&!r.hideDivider?(Object(a["openBlock"])(),Object(a["createBlock"])("hr",u)):Object(a["createCommentVNode"])("",!0)]),r.hasActions?Object(a["renderSlot"])(e.$slots,"actions",{key:1},()=>[Object(a["renderSlot"])(e.$slots,"submit-button",{},()=>[Object(a["createVNode"])("button",{class:l.realSubmitButtonClass,disabled:r.loading,type:"submit"},Object(a["toDisplayString"])(r.submitButtonText),11,["disabled"])]),Object(a["renderSlot"])(e.$slots,"extra-buttons")]):Object(a["createCommentVNode"])("",!0)],32)}var i={name:"FormMaker",emits:["submit","update:modelValue"],props:{loading:{type:Boolean,default:!1},hasActions:{type:Boolean,default:!0},modelValue:{type:Object,default:()=>({})},fields:{type:Array,default:()=>[]},hideDivider:{type:Boolean,default:!1},rowClass:{type:String,default:null},columnClass:{type:String,default:null},labelClass:{type:String,default:null},inputGroupClass:{type:String,default:null},inputWrapperClass:{type:String,default:null},inputErrorClass:{type:String,default:null},inputClass:{type:String,default:null},errorClass:{type:String,default:null},helpTextClass:{type:String,default:null},submitButtonClass:{type:String,default:null},submitButtonText:{type:String,default:"Submit"}},setup(e,{emit:t}){const r=()=>t("submit"),l=Object(a["computed"])(()=>e.fields.length>0?e.fields.map(e=>{let t=e;return Array.isArray(e)||(t=[e]),t.map(e=>e.id?e:{...e,id:`formMaker_${(new Date).getTime()}_${e.name}`})}):Object.keys(e.modelValue).map(e=>[{name:e,label:e,id:"formMaker_"+e}])),{rowClass:o,columnClass:n,labelClass:c,inputGroupClass:u,inputWrapperClass:s,inputErrorClass:i,inputClass:p,errorClass:d,helpTextClass:m,submitButtonClass:b,modelValue:f}=Object(a["toRefs"])(e);Object(a["provide"])("labelClass",c.value||Object(a["inject"])("form-label")),Object(a["provide"])("inputGroupClass",u.value||Object(a["inject"])("input-group")),Object(a["provide"])("inputWrapperClass",s.value||Object(a["inject"])("input-wrapper")),Object(a["provide"])("inputErrorClass",i.value||Object(a["inject"])("input-error")),Object(a["provide"])("inputClass",p.value||Object(a["inject"])("input")),Object(a["provide"])("errorClass",d.value||Object(a["inject"])("error")),Object(a["provide"])("helpTextClass",m.value||Object(a["inject"])("help-text"));const j=o.value||Object(a["inject"])("form-row"),O=n.value||Object(a["inject"])("form-column"),k=b.value||Object(a["inject"])("submit-button");return{value:f,formFields:l,realColumnClass:O,realRowClass:j,realSubmitButtonClass:k,handleSubmit:r}}};i.render=s;var p=i;function d(e,t,r,l,o,n){const c=Object(a["resolveComponent"])("form-maker-label"),u=Object(a["resolveComponent"])("form-maker-help"),s=Object(a["resolveComponent"])("form-maker-error");return Object(a["openBlock"])(),Object(a["createBlock"])("div",{class:[l.hasErrors&&l.inputErrorClass]},["checkbox"!==e.type?Object(a["renderSlot"])(e.$slots,"label",{key:0},()=>[l.hasLabel?(Object(a["openBlock"])(),Object(a["createBlock"])(c,{key:0,id:e.id,class:l.labelClass,text:e.label},null,8,["id","class","text"])):Object(a["createCommentVNode"])("",!0)]):Object(a["createCommentVNode"])("",!0),Object(a["renderSlot"])(e.$slots,"default",{},()=>[Object(a["createVNode"])("div",{class:[l.inputGroupClass,l.hasErrors&&l.inputErrorClass]},[Object(a["renderSlot"])(e.$slots,"before"),(Object(a["openBlock"])(),Object(a["createBlock"])(Object(a["resolveDynamicComponent"])("form-maker-input-"+e.type),Object(a["mergeProps"])({modelValue:l.value,"onUpdate:modelValue":t[1]||(t[1]=e=>l.value=e)},{...e.$props,...e.$attrs},{class:["checkbox"!==e.type&&l.inputClass,l.hasErrors&&l.inputErrorClass],label:e.label}),null,16,["modelValue","class","label"])),Object(a["renderSlot"])(e.$slots,"after")],2)]),Object(a["renderSlot"])(e.$slots,"help",{},()=>[l.hasHelpText?(Object(a["openBlock"])(),Object(a["createBlock"])(u,{key:0,class:l.helpTextClass,text:e.helpText},null,8,["class","text"])):Object(a["createCommentVNode"])("",!0)]),Object(a["renderSlot"])(e.$slots,"errors",{},()=>[l.hasErrors?(Object(a["openBlock"])(),Object(a["createBlock"])(s,{key:0,class:l.errorClass,text:e.error},null,8,["class","text"])):Object(a["createCommentVNode"])("",!0)])],2)}const m=(e,t,r="modelValue")=>Object(a["computed"])({get:()=>e[r],set:e=>t("update:"+r,e)});var b=m;const f=()=>{const e=Object(a["inject"])("labelClass",null),t=Object(a["inject"])("inputClass",null),r=Object(a["inject"])("inputWrapperClass",null),l=Object(a["inject"])("inputGroupClass",null),o=Object(a["inject"])("inputErrorClass",null),n=Object(a["inject"])("errorClass",null),c=Object(a["inject"])("helpTextClass",null);return{labelClass:e,inputClass:t,inputWrapperClass:r,inputGroupClass:l,inputErrorClass:o,errorClass:n,helpTextClass:c}},j=e=>{const{label:t,error:r,helpText:l}=Object(a["toRefs"])(e),o=Object(a["computed"])(()=>!!r.value),n=Object(a["computed"])(()=>!!t.value),c=Object(a["computed"])(()=>!!l.value);return{hasErrors:o,hasLabel:n,hasHelpText:c}},O={emits:["update:modelValue"],props:{loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},modelValue:{default:null},error:{type:String,default:null},helpText:{type:String,default:null},id:{type:String,default:null},label:{type:String,default:null},name:{type:String,default:null},placeholder:{type:String,default:null},type:{type:String,default:"text"},options:{type:Array,default:()=>[]},optionGroups:{type:Object,default:()=>({})}}};var k={name:"FormMakerInput",mixins:[O],inheritAttrs:!1,setup(e,{emit:t}){const r=b(e,t),{labelClass:l,inputClass:o,inputWrapperClass:n,inputGroupClass:a,inputErrorClass:c,errorClass:u,helpTextClass:s}=f(),{hasErrors:i,hasLabel:p,hasHelpText:d}=j(e);return{value:r,labelClass:l,inputClass:o,inputErrorClass:c,inputGroupClass:a,inputWrapperClass:n,errorClass:u,helpTextClass:s,hasErrors:i,hasLabel:p,hasHelpText:d}}};k.render=d;var v=k;function y(e,t,r,l,o,n){return Object(a["openBlock"])(!0),Object(a["createBlock"])(a["Fragment"],null,Object(a["renderList"])(l.fieldOptions,(t,r)=>(Object(a["openBlock"])(),Object(a["createBlock"])("div",{key:"option_"+r},[Object(a["createVNode"])("label",null,[Object(a["createVNode"])("input",Object(a["mergeProps"])(e.$props,{checked:-1!==l.selectedOptions.indexOf(t.value),value:t.value,type:"checkbox",onClick:()=>l.handleClick(t.value)}),null,16,["checked","value","onClick"]),Object(a["createTextVNode"])(" "+Object(a["toDisplayString"])(t.label),1)])]))),128)}var C={name:"CheckInput",mixins:[O],emits:["update:modelValue"],props:{label:{type:String,default:null}},setup(e,{emit:t}){const{options:r,label:l}=Object(a["toRefs"])(e),o=Object(a["computed"])(()=>0===r.value.length),n=Object(a["computed"])(()=>e.modelValue),c=Object(a["computed"])(()=>{const e=Array.isArray(n.value)?n.value:[n.value];return e.filter(e=>!!e)}),u=Object(a["computed"])(()=>o.value?[{label:l.value,value:!0}]:r.value),s=e=>{let r=[...c.value];-1===r.indexOf(e)?r.push(e):r=r.filter(t=>t!==e),o.value?t("update:modelValue",r.length>0):t("update:modelValue",r)};return{fieldOptions:u,isBinary:o,selectedOptions:c,handleClick:s}}};C.render=y;var h=C;function g(e,t,r,l,o,n){return Object(a["openBlock"])(),Object(a["createBlock"])("input",Object(a["mergeProps"])(e.$props,{type:"file",onChange:t[1]||(t[1]=(...e)=>l.handleFileSelect(...e))}),null,16)}var x={name:"FileInput",mixins:[O],emits:["update:modelValue"],setup(e,{emit:t}){const r=e=>{if(e.target.files.length){const r=e.target.files[0];t("update:modelValue",r)}};return{handleFileSelect:r}}};x.render=g;var S=x;function B(e,t,r,l,o,n){return Object(a["openBlock"])(),Object(a["createBlock"])("div",null,Object(a["toDisplayString"])(r.text),1)}var V={name:"FormMakerInputError",props:{text:{type:String,default:null}}};V.render=B;var T=V;function $(e,t,r,l,o,n){return Object(a["openBlock"])(),Object(a["createBlock"])("div",null,Object(a["toDisplayString"])(r.text),1)}var w={name:"FormMakerInputHelp",props:{text:{type:String,default:null}}};w.render=$;var E=w;function M(e,t,r,l,o,n){return Object(a["openBlock"])(),Object(a["createBlock"])("label",{for:r.id},Object(a["toDisplayString"])(r.text),9,["for"])}var F={name:"FormMakerInputLabel",props:{text:{type:String,default:null},id:{type:String,default:null}}};F.render=M;var D=F;function N(e,t,r,l,o,n){return Object(a["openBlock"])(!0),Object(a["createBlock"])(a["Fragment"],null,Object(a["renderList"])(e.options,(r,o)=>(Object(a["openBlock"])(),Object(a["createBlock"])("div",{key:"option_"+o},[Object(a["createVNode"])("label",null,[Object(a["createVNode"])("input",Object(a["mergeProps"])(e.$props,{checked:r.value===e.modelValue,value:r.value,type:"radio",onChange:t[1]||(t[1]=(...e)=>l.handleClick(...e))}),null,16,["checked","value"]),Object(a["createTextVNode"])(" "+Object(a["toDisplayString"])(r.label),1)])]))),128)}var _={name:"RadioInput",emits:["update:modelValue"],mixins:[O],props:{label:{type:String,default:null}},setup(e,{emit:t}){const r=e=>t("update:modelValue",e.target.value);return{handleClick:r}}};_.render=N;var L=_;function G(e,t,r,l,o,n){return Object(a["withDirectives"])((Object(a["openBlock"])(),Object(a["createBlock"])("select",{id:e.id,"onUpdate:modelValue":t[1]||(t[1]=e=>l.value=e),disabled:e.disabled,name:e.name,placeholder:e.placeholder},[l.hasGroups?(Object(a["openBlock"])(!0),Object(a["createBlock"])(a["Fragment"],{key:0},Object(a["renderList"])(e.optionGroups,(e,t)=>(Object(a["openBlock"])(),Object(a["createBlock"])("optgroup",{key:"optGroup_"+t,label:t},[(Object(a["openBlock"])(!0),Object(a["createBlock"])(a["Fragment"],null,Object(a["renderList"])(e,(e,t)=>(Object(a["openBlock"])(),Object(a["createBlock"])("option",{key:"option_"+t,value:t},Object(a["toDisplayString"])(e),9,["value"]))),128))],8,["label"]))),128)):(Object(a["openBlock"])(!0),Object(a["createBlock"])(a["Fragment"],{key:1},Object(a["renderList"])(e.options,(e,t)=>(Object(a["openBlock"])(),Object(a["createBlock"])("option",{key:"option_"+t,value:e.value},Object(a["toDisplayString"])(e.label),9,["value"]))),128))],8,["id","disabled","name","placeholder"])),[[a["vModelSelect"],l.value]])}var P={name:"SelectInput",mixins:[O],setup(e,{emit:t}){const r=b(e,t),l=Object.keys(e.optionGroups).length>0;return{value:r,hasGroups:l}}};P.render=G;var A=P;function I(e,t,r,l,o,n){return Object(a["withDirectives"])((Object(a["openBlock"])(),Object(a["createBlock"])("textarea",{id:e.id,"onUpdate:modelValue":t[1]||(t[1]=e=>l.value=e),disabled:e.disabled,name:e.name,placeholder:e.placeholder},null,8,["id","disabled","name","placeholder"])),[[a["vModelText"],l.value]])}var H={name:"TextAreaInput",mixins:[O],setup(e,{emit:t}){const r=b(e,t);return{value:r}}};H.render=I;var R=H;function W(e,t,r,l,o,n){return Object(a["withDirectives"])((Object(a["openBlock"])(),Object(a["createBlock"])("input",Object(a["mergeProps"])({"onUpdate:modelValue":t[1]||(t[1]=e=>l.value=e),type:e.type},e.$props),null,16,["type"])),[[a["vModelDynamic"],l.value]])}var U={name:"TextInput",mixins:[O],setup(e,{emit:t}){const r=b(e,t);return{value:r}}};U.render=W;var q=U;const z={classes:{"form-row":"form-maker-row","form-column":"form-maker-column","form-label":"form-maker-label","input-group":"form-maker-input-group","input-wrapper":"form-maker-input-wrapper","input-error":"form-maker-input-error",input:"form-maker-input",error:"form-maker-error","help-text":"form-maker-help-text","submit-button":"form-maker-submit"},components:{"form-maker-input-color":q,"form-maker-input-date":q,"form-maker-input-email":q,"form-maker-input-month":q,"form-maker-input-number":q,"form-maker-input-password":q,"form-maker-input-search":q,"form-maker-input-tel":q,"form-maker-input-time":q,"form-maker-input-text":q,"form-maker-input-url":q,"form-maker-input-week":q,"form-maker-input-range":q,"form-maker-input-file":S,"form-maker-input-textarea":R,"form-maker-input-select":A,"form-maker-input-checkbox":h,"form-maker-input-radio":L,"form-maker-label":D,"form-maker-help":E,"form-maker-error":T}},J={install:(e,t={})=>{const r={classes:{...z.classes,...t.classes},components:{...z.components,...t.components}};e.component("FormMaker",p),e.component("FormMakerInput",v),Object.keys(r.classes).forEach(t=>{e.provide(t,r.classes[t])}),Object.keys(r.components).forEach(t=>{e.component(t,r.components[t])})}};var K=J;t["default"]=K}})}));