formit
Version:
A speedy way to create HTML forms.
18 lines • 7.23 kB
JavaScript
parcelRequire=function(e,r,n,t){function i(n,t){function o(e){return i(o.resolve(e))}function c(r){return e[n][1][r]||r}if(!r[n]){if(!e[n]){var l="function"==typeof parcelRequire&&parcelRequire;if(!t&&l)return l(n,!0);if(u)return u(n,!0);if(f&&"string"==typeof n)return f(n);var p=new Error("Cannot find module '"+n+"'");throw p.code="MODULE_NOT_FOUND",p}o.resolve=c;var a=r[n]=new i.Module(n);e[n][0].call(a.exports,o,a,a.exports,this)}return r[n].exports}function o(e){this.id=e,this.bundle=i,this.exports={}}var u="function"==typeof parcelRequire&&parcelRequire,f="function"==typeof require&&require;i.isParcelRequire=!0,i.Module=o,i.modules=e,i.cache=r,i.parent=u;for(var c=0;c<n.length;c++)i(n[c]);if(n.length){var l=i(n[n.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):t&&(this[t]=l)}return i}({16:[function(require,module,exports) {
;Object.defineProperty(exports,"__esModule",{value:!0});var e=exports.eachProps=function(e,r){return Object.keys(e).forEach(r)};
},{}],9:[function(require,module,exports) {
;Object.defineProperty(exports,"__esModule",{value:!0}),exports.addPropsToNode=exports.addClass=exports.el=exports.isNodeElement=void 0;var e=require("./objects"),t=exports.isNodeElement=function(e){return e&&(e instanceof Element||1===e.nodeType||e===document)},o=exports.el=function(e){return e&&document.createElement(e)},r=exports.addClass=function(e,t){if(!e||!t)return e;var o="string"==typeof t?t.split(" "):t;return o?(o.forEach(function(t){t&&e.classList.add(t)}),e):e},s=exports.addPropsToNode=function(t,o){return(0,e.eachProps)(o,function(s){var n=o[s];"style"===s?(0,e.eachProps)(n,function(e){t.style[e]=n[e]}):"class"===s?r(t,n):t.setAttribute(s,n)}),t};
},{"./objects":16}],12:[function(require,module,exports) {
;Object.defineProperty(exports,"__esModule",{value:!0});var e=exports.NAMESPACE="FormElements",r=exports.createFormTokenName=function(r){return e+"-"+r},t=exports.createFormId=function(e){return r(e)};
},{}],13:[function(require,module,exports) {
;Object.defineProperty(exports,"__esModule",{value:!0}),exports.createLabel=exports.createField=exports.createFragment=void 0;var e=require("./dom"),r=require("./id");function a(e,r){var a={};for(var t in e)r.indexOf(t)>=0||Object.prototype.hasOwnProperty.call(e,t)&&(a[t]=e[t]);return a}var t=exports.createFragment=function(r){var a=document.createDocumentFragment(),t=(0,e.el)("div");return t.innerHTML=r,Array.from(t.childNodes).forEach(function(e){a.appendChild(e)}),a},o=function(t){var o=t.fieldClassName,d=t.submitClassName,s=t.type,n=a(t,["fieldClassName","submitClassName","type"]),i="textarea"===s.toLowerCase()?"textarea":"input",l=(0,e.el)(i);"textarea"!==i&&(l.type=s);var c="submit"===s?d:o;return(0,e.addPropsToNode)(l,n),(0,e.addClass)(l,(0,r.createFormTokenName)("Field")),(0,e.addClass)(l,c),l};exports.createField=o;var d=function(t,o){if(t){var d=(0,e.el)("label"),s=a(o,[]);(0,e.addPropsToNode)(d,s),(0,e.addClass)(d,(0,r.createFormTokenName)("Label"));var n=(0,e.el)("div");return n.innerHTML=t,(0,e.addClass)(n,(0,r.createFormTokenName)("Label__text")),d.appendChild(n),d}};exports.createLabel=d;
},{"./dom":9,"./id":12}],8:[function(require,module,exports) {
;Object.defineProperty(exports,"__esModule",{value:!0});var e=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},a=require("./utilities/dom"),r=require("./utilities/id"),t=require("./utilities/elements");function s(e,a){var r={};for(var t in e)a.indexOf(t)>=0||Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r}var l=function l(o,u){var p=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},c=arguments.length>3&&void 0!==arguments[3]&&arguments[3],f=p.classNames,m=p.shouldNestFieldWithinLabel,C=f.fieldGroupClassName,h=f.fieldClassName,v=f.labelClassName,N=f.nestedFieldClassName,y=f.nestedGroupClassName,b=f.submitClassName,g=(0,a.el)("div");if((0,a.addClass)(g,(0,r.createFormTokenName)("FieldGroup")),(0,a.addClass)(g,(0,r.createFormTokenName)("id-"+u)),(0,a.addClass)(g,C),Array.isArray(o)){var F=o.map(function(e,a){return l(e,u+"-"+a,p,!0)});return F&&F.forEach(function(e){return g.appendChild(e)}),(0,a.addClass)(g,"has-fieldGroups"),(0,a.addClass)(g,y),g}var O=o.html,j=o.label,G=o.type,q=s(o,["html","label","type"]),x=(0,r.createFormId)(u),P=(0,t.createLabel)(j,{class:v,for:x}),k=(0,t.createField)(e({type:G,id:x},q,{fieldClassName:h,submitClassName:b}));return P||k?(i(g,P),d(g,P,k,m),n(g,O),c&&((0,a.addClass)(g,N),(0,a.addClass)(g,"is-nested")),g):null},i=function(e,a){a&&e.appendChild(a)},d=function(e,a,r){var t=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];a&&t?a.appendChild(r):e.appendChild(r)},n=function(e,r){if(r&&("string"==typeof r||(0,a.isNodeElement)(r))){var s="string"==typeof r?(0,t.createFragment)(r):r;s&&e.appendChild(s)}};exports.default=l;
},{"./utilities/dom":9,"./utilities/id":12,"./utilities/elements":13}],6:[function(require,module,exports) {
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utilities/dom"),r=require("./renderFormElement"),a=s(r);function s(e){return e&&e.__esModule?e:{default:e}}var t=function(r,s,t){if(r){if(t&&t.classNames){var l=t.classNames.formClassName;console.log(l),(0,e.addClass)(r,l)}s.forEach(function(e,s){var l=(0,a.default)(e,s,t);r.appendChild(l)})}};exports.default=t;
},{"./utilities/dom":9,"./renderFormElement":8}],4:[function(require,module,exports) {
;Object.defineProperty(exports,"__esModule",{value:!0});var e=Object.assign||function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},s=require("./renderForm"),a=l(s);function l(e){return e&&e.__esModule?e:{default:e}}var t={fieldGroupClassName:"",fieldClassName:"",formClassName:"",labelClassName:"",nestedGroupClassName:"",nestedFieldClassName:"",shouldNestFieldWithinLabel:!0,submitClassName:"",onWillRender:function(){},onDidRender:function(){}},i=function(){var s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t;if(s){var n=document.querySelector(s);if(n){var o=e({},t,i),r=o.fieldGroupClassName,d=o.fieldClassName,m=o.formClassName,u=o.labelClassName,N=o.nestedGroupClassName,f=o.nestedFieldClassName,C=o.submitClassName,p=o.onWillRender,c=o.onDidRender,b=o.shouldNestFieldWithinLabel,v={fieldGroupClassName:r,fieldClassName:d,formClassName:m,labelClassName:u,nestedGroupClassName:N,nestedFieldClassName:f,submitClassName:C};p(n,{elements:l,options:i}),(0,a.default)(n,l,{classNames:v,shouldNestFieldWithinLabel:b}),c(n,{elements:l,options:i})}}};window.Formit=i,exports.default=i;
},{"./renderForm":6}],2:[function(require,module,exports) {
;var e=require("./src/FormElements"),r=t(e);function t(e){return e&&e.__esModule?e:{default:e}}
},{"./src/FormElements":4}]},{},[2], null)
//# sourceMappingURL=/form-elements.b209917e.map