@progress/kendo-themes-html/dist/cjs/otp/otp-input.js

A collection of HTML helpers used for developing Kendo UI themes

var $e=Object.create;var W=Object.defineProperty;var Fe=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var qe=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty;var Ue=(t,e)=>{for(var n in e)W(t,n,{get:e[n],enumerable:!0})},Ie=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of _e(e))!Ge.call(t,r)&&r!==n&&W(t,r,{get:()=>e[r],enumerable:!(i=Fe(e,r))||i.enumerable});return t};var Xe=(t,e,n)=>(n=t!=null?$e(qe(t)):{},Ie(e||!t||!t.__esModule?W(n,"default",{value:t,enumerable:!0}):n,t)),De=t=>Ie(W({},"__esModule",{value:!0}),t);var Ht={};Ue(Ht,{ONETIMEPASSWORDINPUT_CLASSNAME:()=>he,OneTimePasswordInput:()=>H,default:()=>Bt});module.exports=De(Ht);var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((n,i)=>e[i]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),A=(t,e)=>l({"k-valid":e.valid,"k-invalid":e.invalid,"k-hover":e.hover,"k-focus":e.focus,"k-checked":e.checked,"k-active":e.active,"k-selected":e.selected,"k-disabled":e.disabled,"k-indeterminate":e.indeterminate&&!e.checked,"k-loading":e.loading,"k-empty":e.empty,"k-readonly":e.readonly,"k-highlighted":e.highlighted});var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={small:"small",medium:"medium",large:"large",full:"full"},u={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},a={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},o={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted"};var ge=require("react/jsx-runtime"),Q="k-input",Je=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],We={size:[s.small,s.medium,s.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[u.solid,u.flat,u.outline]},Y={size:s.medium,rounded:s.medium,fillMode:u.solid},N=t=>{let{hover:e,focus:n,disabled:i,invalid:r,valid:p,loading:d,readonly:h,size:m=Y.size,rounded:I=Y.rounded,fillMode:y=Y.fillMode,...v}=t;return(0,ge.jsx)("span",{...v,className:l(t.className,Q,f(Q,{size:m,rounded:I,fillMode:y}),A(Q,{hover:e,focus:n,disabled:i,invalid:r,valid:p,loading:d,readonly:h}))})};N.states=Je;N.options=We;N.className=Q;N.defaultOptions=Y;var ye=require("react/jsx-runtime"),Z="k-picker",Qe=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],Ye={size:[s.small,s.medium,s.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[u.solid,u.flat,u.outline]},j={size:s.medium,rounded:c.medium,fillMode:u.solid},ee=t=>{let{hover:e,focus:n,disabled:i,invalid:r,valid:p,loading:d,readonly:h,size:m=j.size,rounded:I=j.rounded,fillMode:y=j.fillMode,...v}=t;return(0,ye.jsx)("span",{...v,className:l(t.className,Z,f(Z,{size:m,rounded:I,fillMode:y}),A(Z,{hover:e,focus:n,disabled:i,invalid:r,valid:p,loading:d,readonly:h})),children:t.children})};ee.states=Qe;ee.options=Ye;ee.className=Z;ee.defaultOptions=j;var E=require("react/jsx-runtime"),le="k-icon k-font-icon",Ze=[],je={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark]},et={},K=t=>{let{size:e,themeColor:n,icon:i,rotate:r,flip:p,...d}=t;return i?(0,E.jsx)("span",{...d,className:l(t.className,le,f(le,{size:e}),{[`k-i-${i}`]:i,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):(0,E.jsx)(E.Fragment,{})};K.states=Ze;K.options=je;K.className=le;K.defaultOptions=et;var ve=K;var z=require("react/jsx-runtime"),ie="k-icon k-svg-icon",tt=[],ot={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark]},Ne={viewBox:"0 0 24 24"},R=t=>{let{size:e,themeColor:n,rotate:i,flip:r,viewBox:p=Ne.viewBox,icon:d,...h}=t;if(!d)return(0,z.jsx)(z.Fragment,{});d==="none"&&{...h,className:l(t.className,ie,"k-none")};let m=typeof d=="object"&&d.name&&d.name;return(0,z.jsx)("span",{...h,className:l(t.className,ie,f("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:(0,z.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:p,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:t.children})})};R.states=tt;R.options=ot;R.className=ie;R.defaultOptions=Ne;var re=R;var Se=Xe(require("@progress/kendo-svg-icons")),S=require("react/jsx-runtime"),nt=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),st=[],at={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark]},de={viewBox:"0 0 24 24",type:"svg"},b=t=>{let{size:e,themeColor:n,icon:i,type:r=de.type,rotate:p,flip:d,viewBox:h=de.viewBox,...m}=t;if(!i)return(0,S.jsx)(S.Fragment,{});if(r==="svg"){if(i==="none")return(0,S.jsx)(re,{...m,icon:i,size:e});let I=nt(`${i}-icon`);return Se[I]?(0,S.jsx)(re,{...m,icon:Se[I],size:e,themeColor:n,rotate:p,flip:d,viewBox:h}):(0,S.jsx)(S.Fragment,{})}return(0,S.jsx)(ve,{...m,icon:i,size:e,themeColor:n,rotate:p,flip:d})};b.states=st;b.options=at;b.defaultOptions=de;var B=require("react/jsx-runtime"),Me="k-clear-value",lt=[o.disabled,o.loading,o.readonly],it={},V=t=>{let{disabled:e,loading:n,readonly:i,value:r}=t;return e||i||n||!r?(0,B.jsx)(B.Fragment,{}):(0,B.jsx)("span",{className:l(t.className,Me),children:(0,B.jsx)(b,{icon:"x"})})};V.states=lt;V.options=it;V.className=Me;var ke=require("react/jsx-runtime"),ce="k-input-inner",rt=[],dt={},te={type:"text",autocomplete:"off",value:"",placeholder:""},$=t=>{let{value:e=te.value,type:n=te.type,placeholder:i=te.placeholder,autocomplete:r=te.autocomplete,...p}=t;return(0,ke.jsx)("input",{...p,type:n,className:l(t.className,ce,f(ce,t)),placeholder:i,autoComplete:r,defaultValue:e})};$.states=rt;$.options=dt;$.className=ce;var F=require("react/jsx-runtime"),pe="k-input-inner",ct=[],pt={},ue=t=>{let{value:e,placeholder:n,showValue:i,valueIcon:r,valueIconName:p,...d}=t;return(0,F.jsxs)("span",{...d,className:l(t.className,pe,f(pe,t)),children:[r,!r&&p&&(0,F.jsx)(b,{className:"k-input-value-icon",icon:p}),i&&!e&&n,i&&e&&(0,F.jsx)("span",{className:"k-input-value-text",children:e})]})};ue.states=ct;ue.options=pt;ue.className=pe;var ze=require("react/jsx-runtime"),me="k-input-inner",ut=[],mt={},Te={value:"",placeholder:""},fe=t=>{let{value:e=Te.value,placeholder:n=Te.placeholder,rows:i,...r}=t;return(0,ze.jsx)("textarea",{...r,className:l(t.className,me,f(me,t)),placeholder:n,rows:i,defaultValue:e})};fe.states=ut;fe.options=mt;fe.className=me;var _=require("react/jsx-runtime"),Oe="k-input-loading-icon",ft=[o.disabled,o.loading],oe=t=>{let{disabled:e,loading:n}=t;return e||!n?(0,_.jsx)(_.Fragment,{}):(0,_.jsx)("span",{className:l(t.className,Oe,"k-icon k-i-loading")})};oe.states=ft;oe.className=Oe;var q=require("react/jsx-runtime"),Ce="k-input-validation-icon",xt=[o.valid,o.invalid,o.disabled,o.loading],ht={},G=t=>{let{valid:e,invalid:n,disabled:i,loading:r}=t,p=n?"warning-circle":"check-circle";return i||r||!!!(e||n)?(0,q.jsx)(q.Fragment,{}):(0,q.jsx)(b,{className:l(Ce),icon:p})};G.states=xt;G.options=ht;G.className=Ce;var U=require("react/jsx-runtime"),bt="k-input-prefix",It={direction:"horizontal"},we=t=>{let{direction:e=It.direction,...n}=t;return t.children?(0,U.jsx)("span",{...n,className:l(bt,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):(0,U.jsx)(U.Fragment,{})};var X=require("react/jsx-runtime"),gt="k-input-suffix",yt={direction:"horizontal"},Le=t=>{let{direction:e=yt.direction,...n}=t;return t.children?(0,X.jsx)("span",{...n,className:l(gt,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):(0,X.jsx)(X.Fragment,{})};var vt=require("react/jsx-runtime");var Nt=require("react/jsx-runtime");var Ae=require("react/jsx-runtime"),Pe="k-input-separator",St={direction:"vertical"},xe=t=>{let{direction:e=St.direction,...n}=t;return(0,Ae.jsx)("span",{...n,className:l(Pe,t.className,{[`${Pe}-${e}`]:e})})};var x=require("react/jsx-runtime"),Be="k-textbox",Mt=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],kt={size:[s.small,s.medium,s.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[u.solid,u.flat,u.outline]},O={showClearButton:!0,showValidationIcon:!0,size:N.defaultOptions.size,rounded:N.defaultOptions.rounded,fillMode:N.defaultOptions.fillMode,separators:!0},M=t=>{let{size:e=O.size,rounded:n=O.rounded,fillMode:i=O.fillMode,separators:r=O.separators,showClearButton:p=O.showClearButton,showValidationIcon:d=O.showValidationIcon,prefix:h,suffix:m,type:I,value:y,placeholder:v,hover:T,focus:k,valid:L,invalid:D,required:ae,loading:P,disabled:J,readonly:be,...Ve}=t;return(0,x.jsxs)(N,{...Ve,size:e,rounded:n,fillMode:i,hover:T,focus:k,valid:L,invalid:D,required:ae,loading:P,disabled:J,readonly:be,className:l(t.className,Be),children:[h&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(we,{children:h}),r&&(0,x.jsx)(xe,{})]}),(0,x.jsx)($,{placeholder:v,value:y,type:I}),d&&(0,x.jsx)(G,{valid:L,invalid:D,loading:P,disabled:J}),(0,x.jsx)(oe,{loading:P,disabled:J}),p&&(0,x.jsx)(V,{loading:P,disabled:J,readonly:be,value:y}),m&&(0,x.jsxs)(x.Fragment,{children:[r&&(0,x.jsx)(xe,{}),(0,x.jsx)(Le,{children:m})]})]})};M.states=Mt;M.options=kt;M.className=Be;M.defaultOptions=O;var Tt=require("react/jsx-runtime");var Ee=require("react/jsx-runtime");var g=require("react/jsx-runtime"),ne="k-button",zt=[o.hover,o.focus,o.active,o.selected,o.disabled],Ot={size:[s.small,s.medium,s.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark,a.inverse]},C={size:s.medium,rounded:c.medium,fillMode:u.solid,themeColor:a.base,showArrow:!1,arrowIconName:"caret-alt-down"},w=t=>{let{size:e=C.size,rounded:n=C.rounded,fillMode:i=C.fillMode,themeColor:r=C.themeColor,showArrow:p=C.showArrow,arrowIconName:d=C.arrowIconName,hover:h,focus:m,active:I,selected:y,disabled:v,icon:T,text:k,iconClassName:L,...D}=t,ae=T!==void 0,P=t.children!==void 0;return(0,g.jsxs)("button",{...D,className:l(t.className,ne,f(ne,{size:e,rounded:n,fillMode:i,themeColor:r}),A(ne,{hover:h,focus:m,active:I,disabled:v,selected:y}),{"k-icon-button":!k&&!P&&ae}),children:[T&&(0,g.jsx)(b,{className:l(L,"k-button-icon"),icon:T}),k?(0,g.jsxs)(g.Fragment,{children:[k&&(0,g.jsx)("span",{className:"k-button-text",children:k}),t.children]}):t.children&&(0,g.jsx)("span",{className:"k-button-text",children:t.children}),p&&(0,g.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,g.jsx)(b,{icon:d})})]})};w.states=zt;w.options=Ot;w.className=ne;w.defaultOptions=C;var Ct=require("react/jsx-runtime");var wt=require("react/jsx-runtime");var Lt=require("react/jsx-runtime");var Ke=require("react/jsx-runtime");var Re=require("react/jsx-runtime"),he="k-otp-input",Pt=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.readonly],At={size:[s.small,s.medium,s.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[u.solid,u.flat,u.outline]},se={size:M.defaultOptions.size,rounded:M.defaultOptions.rounded,fillMode:M.defaultOptions.fillMode},H=t=>{let{size:e=se.size,rounded:n=se.rounded,fillMode:i=se.fillMode,type:r,value:p,placeholder:d,hover:h,focus:m,valid:I,invalid:y,required:v,disabled:T,readonly:k,...L}=t;return(0,Re.jsx)(M,{...L,size:e,rounded:n,fillMode:i,type:r,value:p,placeholder:d,hover:h,focus:m,valid:I,invalid:y,required:v,disabled:T,readonly:k,showClearButton:!1,showValidationIcon:!1,className:l(t.className,he)})};H.states=Pt;H.options=At;H.className=he;H.defaultOptions=se;var Bt=H;