jb-mobile-input
Version:
mobile input web component
2 lines • 3.31 kB
JavaScript
var e,t;e=this,t=function(e,t,r,u){let n,i;var o=Object.create,l=Object.defineProperty,a=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,s=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;function d(e,r,u,n=!1){let i=(0,t.useCallback)(t=>{e.current&&"function"==typeof u&&u(t)},[e,u]);(0,t.useEffect)(()=>{let t=e.current;return t&&t.addEventListener(r,i,{passive:n,capture:!1}),function(){t&&t.removeEventListener(r,i,{passive:n,capture:!1})}},[e,r,u,n])}function p(e,t){d(e,"enter",t.onEnter),d(e,"input",t.onInput),d(e,"beforeinput",t.onBeforeinput),d(e,"change",t.onChange),d(e,"keydown",t.onKeydown),d(e,"keyup",t.onKeyup),d(e,"focus",t.onFocus),d(e,"blur",t.onBlur)}function b(e,r){(0,t.useEffect)(()=>{let t=r.value;(null==r.value||void 0===r.value)&&(t=""),e&&e.current&&e.current&&(e.current.value=t?.toString()||"")},[r.value]),(0,t.useEffect)(()=>{r.type&&e?.current?.setAttribute("type",r.type)},[r.type]),(0,t.useEffect)(()=>{r.name?e?.current?.setAttribute("name",r.name||""):e?.current?.removeAttribute("name")},[r.name]),(0,t.useEffect)(()=>{e&&e.current&&(e.current.validation.list=r.validationList||[])},[r.validationList]),(0,t.useEffect)(()=>{e?.current?.setAttribute("label",r.label||"")},[r.label]),(0,t.useEffect)(()=>{"boolean"==typeof r.disabled&&r.disabled?e?.current?.setAttribute("disabled",""):e?.current?.removeAttribute("disabled")},[r.disabled]),(0,t.useEffect)(()=>{"string"==typeof r.required&&e?.current?.setAttribute("required",r.required),"boolean"==typeof r.required&&(r.required?e?.current?.setAttribute("required",""):e?.current?.removeAttribute("required"))},[r.required]),(0,t.useEffect)(()=>{r.inputmode?e.current?.setAttribute("inputmode",r.inputmode):e.current?.removeAttribute("inputmode")},[r.inputmode]),(0,t.useEffect)(()=>{e?.current?.setAttribute("message",r.message||"")},[r.message]),(0,t.useEffect)(()=>{e?.current?.setAttribute("placeholder",r.placeholder||"")},[r.placeholder]),(0,t.useEffect)(()=>{r.error?e?.current?.setAttribute("error",r.error):e?.current?.removeAttribute("error")},[r.error])}i=null!=(n=t)?o(s(n)):{},(0,(t=((e,t,r,u)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var n,i=c(t),o=0,s=i.length;o<s;o++)n=i[o],f.call(e,n)||void 0===n||l(e,n,{get:(e=>t[e]).bind(null,n),enumerable:!(u=a(t,n))||u.enumerable});return e})(n&&n.__esModule?i:l(i,"default",{value:n,enumerable:!0}),n)).forwardRef)((e,r)=>{let u=(0,t.useRef)(null),[n,i]=(0,t.useState)(0);return(0,t.useImperativeHandle)(r,()=>u?u.current:{},[u]),(0,t.useEffect)(()=>{i(n+1)},[u.current]),p(u,e),b(u,e),t.default.createElement("jb-input",{ref:u,class:e.className},e.children)}).displayName="JBInput";let m=(0,t.forwardRef)((e,r)=>{let u=(0,t.useRef)(null);return(0,t.useImperativeHandle)(r,()=>u?u.current:void 0,[u]),b(u,e),p(u,e),t.default.createElement("jb-mobile-input",{ref:u,class:e.className},e.children)});m.displayName="JBMobileInput",e.JBMobileInput=m},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("jb-mobile-input"),require("jb-input")):"function"==typeof define&&define.amd?define(["exports","react","jb-mobile-input","jb-input"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBMobileInputReact={},e.React,e.JBMobileInput,e.JBInput);
//# sourceMappingURL=JBMobileInput.umd.js.map