@progress/kendo-themes-html/dist/esm/otp/templates/otp-groups-no-space.mjs

A collection of HTML helpers used for developing Kendo UI themes

var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var c=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),S=(e,t)=>{let{valid:o,invalid:s,hover:l,focus:d,checked:m,active:x,selected:f,disabled:T,indeterminate:O,loading:M,empty:C,readonly:w,highlighted:b,...E}=t;return r({"k-valid":o,"k-invalid":s,"k-hover":l,"k-focus":d,"k-checked":m,"k-active":x,"k-selected":f,"k-disabled":T,"k-indeterminate":O&&!m,"k-loading":M,"k-empty":C,"k-readonly":w,"k-highlighted":b},Object.keys(E).reduce((z,h)=>(h.startsWith("k-")?z[h]=E[h]:z[`k-${h}`]=E[h],z),{}))};function ge(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={small:"small",medium:"medium",large:"large",full:"full"},p={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},i={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={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",generating:"generating",expanded:"expanded"};import{jsx as st}from"react/jsx-runtime";var J="k-otp",ot=[n.invalid],nt={size:[a.small,a.medium,a.large]},ye={size:a.medium},v=e=>{let{size:t=ye.size,invalid:o,...s}=e;return st("div",{...s,className:r(e.className,J,c(J,{size:t}),S(J,{invalid:o})),children:e.children})};v.states=ot;v.options=nt;v.className=J;v.defaultOptions=ye;v.moduleName="otp";v.folderName="otp";var ie="textbox",Se=ie;var D="input",Q=D;import{jsx as it}from"react/jsx-runtime";var Y="k-input",at=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],rt={size:[a.small,a.medium,a.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[p.solid,p.flat,p.outline]},Z={size:a.medium,rounded:a.medium,fillMode:p.solid},g=e=>{let{hover:t,focus:o,disabled:s,invalid:l,valid:d,loading:m,readonly:x,size:f=Z.size,rounded:T=Z.rounded,fillMode:O=Z.fillMode,...M}=e;return it("span",{...M,className:r(e.className,Y,c(Y,{size:f,rounded:T,fillMode:O}),S(Y,{hover:t,focus:o,disabled:s,invalid:l,valid:d,loading:m,readonly:x}))})};g.states=at;g.options=rt;g.className=Y;g.defaultOptions=Z;g.moduleName=D;g.folderName=Q;import{jsx as pt}from"react/jsx-runtime";var j="k-picker",lt=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],dt={size:[a.small,a.medium,a.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[p.solid,p.flat,p.outline]},ee={size:a.medium,rounded:u.medium,fillMode:p.solid},B=e=>{let{hover:t,focus:o,disabled:s,invalid:l,valid:d,loading:m,readonly:x,size:f=ee.size,rounded:T=ee.rounded,fillMode:O=ee.fillMode,...M}=e;return pt("span",{...M,className:r(e.className,j,c(j,{size:f,rounded:T,fillMode:O}),S(j,{hover:t,focus:o,disabled:s,invalid:l,valid:d,loading:m,readonly:x})),children:e.children})};B.states=lt;B.options=dt;B.className=j;B.defaultOptions=ee;B.moduleName=D;B.folderName=Q;import{Fragment as ft,jsx as Pe}from"react/jsx-runtime";var le="k-font-icon",mt=[],ut={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info,i.light,i.dark]},ct={},U=e=>{let{size:t,themeColor:o,icon:s,rotate:l,flip:d,...m}=e;return s?Pe("span",{...m,className:r(e.className,le,c(le,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"})}):Pe(ft,{})};U.states=mt;U.options=ut;U.className=le;U.defaultOptions=ct;var we=U;import{Fragment as Tt,jsx as te}from"react/jsx-runtime";var de="k-svg-icon",xt=[],Nt={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info,i.light,i.dark]},Ee={viewBox:"0 0 24 24"},V=e=>{let{size:t,themeColor:o,rotate:s,flip:l,viewBox:d=Ee.viewBox,icon:m,...x}=e;if(!m)return te(Tt,{});m==="none"&&{...x,className:r(e.className,de,"k-none")};let f=typeof m=="object"&&m.name&&m.name;return te("span",{...x,className:r(e.className,de,c("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:te("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:d,dangerouslySetInnerHTML:typeof m=="object"?{__html:m.content}:void 0,children:m?void 0:e.children})})};V.states=xt;V.options=Nt;V.className=de;V.defaultOptions=Ee;var pe=V;import*as me from"@progress/kendo-svg-icons";var ke="icon",Le="icons";import{Fragment as Ae,jsx as $}from"react/jsx-runtime";var oe="k-icon",It=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ot=[],ht={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info,i.light,i.dark]},ue={viewBox:"0 0 24 24",type:"svg"},N=e=>{let{size:t,themeColor:o,icon:s,type:l=ue.type,rotate:d,flip:m,viewBox:x=ue.viewBox,...f}=e;if(!s)return $(Ae,{});if(l==="svg"){if(s==="none")return $(pe,{...f,className:r(e.className,oe),icon:s,size:t});let T=me[s]?s:It(`${s}-icon`);return me[T]?$(pe,{...f,className:r(e.className,oe),icon:me[T],size:t,themeColor:o,rotate:d,flip:m,viewBox:x}):$(Ae,{})}return $(we,{...f,className:r(e.className,oe),icon:s,size:t,themeColor:o,rotate:d,flip:m})};N.states=Ot;N.options=ht;N.defaultOptions=ue;N.className=oe;N.moduleName=ke;N.folderName=Le;import{Fragment as vt,jsx as ce}from"react/jsx-runtime";var Ce="k-clear-value",Mt=[n.disabled,n.loading,n.readonly],bt={},F=e=>{let{disabled:t,loading:o,readonly:s,value:l}=e;return t||s||o||!l?ce(vt,{}):ce("span",{className:r(e.className,Ce),children:ce(N,{icon:"x"})})};F.states=Mt;F.options=bt;F.className=Ce;import{jsx as St}from"react/jsx-runtime";var fe="k-input-inner",gt=[],yt={},ne={type:"text",autocomplete:"off",value:"",placeholder:""},G=e=>{let{value:t=ne.value,type:o=ne.type,placeholder:s=ne.placeholder,autocomplete:l=ne.autocomplete,...d}=e;return St("input",{...d,type:o,className:r(e.className,fe,c(fe,e)),placeholder:s,autoComplete:l,defaultValue:t})};G.states=gt;G.options=yt;G.className=fe;import{jsx as ze,jsxs as Et}from"react/jsx-runtime";var xe="k-input-inner",Pt=[],wt={},Ne=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:l,valueIconName:d,...m}=e;return Et("span",{...m,className:r(e.className,xe,c(xe,e)),children:[l,!l&&d&&ze(N,{className:"k-input-value-icon",icon:d}),s&&!t&&o,s&&t&&ze("span",{className:"k-input-value-text",children:t})]})};Ne.states=Pt;Ne.options=wt;Ne.className=xe;import{jsx as At}from"react/jsx-runtime";var Te="k-input-inner",kt=[],Lt={},_e={value:"",placeholder:""},Ie=e=>{let{value:t=_e.value,placeholder:o=_e.placeholder,rows:s,...l}=e;return At("textarea",{...l,className:r(e.className,Te,c(Te,e)),placeholder:o,rows:s,defaultValue:t})};Ie.states=kt;Ie.options=Lt;Ie.className=Te;import{Fragment as zt,jsx as Ke}from"react/jsx-runtime";var Re="k-input-loading-icon",Ct=[n.disabled,n.loading],se=e=>{let{disabled:t,loading:o}=e;return t||!o?Ke(zt,{}):Ke("span",{className:r(e.className,Re,"k-icon k-i-loading")})};se.states=Ct;se.className=Re;import{Fragment as Rt,jsx as He}from"react/jsx-runtime";var Be="k-input-validation-icon",_t=[n.valid,n.invalid,n.disabled,n.loading],Kt={},X=e=>{let{valid:t,invalid:o,disabled:s,loading:l}=e,d=o?"warning-circle":"check-circle";return s||l||!!!(t||o)?He(Rt,{}):He(N,{className:r(Be),icon:d})};X.states=_t;X.options=Kt;X.className=Be;import{Fragment as Dt,jsx as De}from"react/jsx-runtime";var Ht="k-input-prefix",Bt={direction:"horizontal"},Ue=e=>{let{direction:t=Bt.direction,...o}=e;return e.children?De("span",{...o,className:r(Ht,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):De(Dt,{})};import{Fragment as $t,jsx as Ve}from"react/jsx-runtime";var Ut="k-input-suffix",Vt={direction:"horizontal"},$e=e=>{let{direction:t=Vt.direction,...o}=e;return e.children?Ve("span",{...o,className:r(Ut,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ve($t,{})};import{jsx as Sn}from"react/jsx-runtime";import{jsx as kn}from"react/jsx-runtime";import{jsx as Gt}from"react/jsx-runtime";var Fe="k-input-separator",Ft={direction:"vertical"},Oe=e=>{let{direction:t=Ft.direction,...o}=e;return Gt("span",{...o,className:r(Fe,e.className,{[`${Fe}-${t}`]:t})})};import{Fragment as Ge,jsx as k,jsxs as he}from"react/jsx-runtime";var Xe="k-textbox",Xt=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],qt={size:[a.small,a.medium,a.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[p.solid,p.flat,p.outline]},_={showClearButton:!0,showValidationIcon:!0,size:g.defaultOptions.size,rounded:g.defaultOptions.rounded,fillMode:g.defaultOptions.fillMode,separators:!0},y=e=>{let{size:t=_.size,rounded:o=_.rounded,fillMode:s=_.fillMode,separators:l=_.separators,showClearButton:d=_.showClearButton,showValidationIcon:m=_.showValidationIcon,prefix:x,suffix:f,type:T,value:O,placeholder:M,hover:C,focus:w,valid:b,invalid:E,required:z,loading:h,disabled:H,readonly:ve,...je}=e;return he(g,{...je,size:t,rounded:o,fillMode:s,hover:C,focus:w,valid:b,invalid:E,required:z,loading:h,disabled:H,readonly:ve,className:r(e.className,Xe),children:[x&&he(Ge,{children:[k(Ue,{children:x}),l&&k(Oe,{})]}),k(G,{placeholder:M,value:O,type:T}),m&&k(X,{valid:b,invalid:E,loading:h,disabled:H}),k(se,{loading:h,disabled:H}),d&&k(F,{loading:h,disabled:H,readonly:ve,value:O}),f&&he(Ge,{children:[l&&k(Oe,{}),k($e,{children:f})]})]})};y.states=Xt;y.options=qt;y.className=Xe;y.defaultOptions=_;y.moduleName=ie;y.folderName=Se;import{jsx as os}from"react/jsx-runtime";import{Fragment as ls,jsx as is}from"react/jsx-runtime";var Me="button",We=Me;import{Fragment as Yt,jsx as q,jsxs as Je}from"react/jsx-runtime";var W="k-button",Wt=["icon-button"],Jt=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Qt={size:[a.small,a.medium,a.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[p.solid,p.flat,p.outline,p.clear,p.link],themeColor:[i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info,i.light,i.dark,i.inverse]},K={size:a.medium,rounded:u.medium,fillMode:p.solid,themeColor:i.base,showArrow:!1,arrowIconName:"caret-alt-down"},P=e=>{let{size:t=K.size,rounded:o=K.rounded,fillMode:s=K.fillMode,themeColor:l=K.themeColor,showArrow:d=K.showArrow,arrowIconName:m=K.arrowIconName,variant:x,hover:f,focus:T,active:O,selected:M,disabled:C,icon:w,text:b,iconClassName:E,...z}=e,h=w!==void 0,H=e.children!==void 0;return Je("button",{...z,className:r(e.className,W,ge(W,x),c(W,{size:t,rounded:o,fillMode:s,themeColor:l}),S(W,{hover:f,focus:T,active:O,disabled:C,selected:M}),{"k-icon-button":!b&&!H&&h}),children:[w&&q(N,{className:r(E,"k-button-icon"),icon:w}),b?Je(Yt,{children:[b&&q("span",{className:"k-button-text",children:b}),e.children]}):e.children&&q("span",{className:"k-button-text",children:e.children}),d&&q("span",{className:"k-menu-button-arrow k-button-arrow",children:q(N,{icon:m})})]})};P.states=Jt;P.options=Qt;P.variants=Wt;P.className=W;P.defaultOptions=K;P.moduleName=Me;P.folderName=We;import{jsx as Is}from"react/jsx-runtime";import{jsx as bs}from"react/jsx-runtime";import{jsx as Ss}from"react/jsx-runtime";import{Fragment as Hs,jsx as Rs}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var Qe="k-otp-input",Zt=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.readonly],jt={size:[a.small,a.medium,a.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[p.solid,p.flat,p.outline]},ae={size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode},I=e=>{let{size:t=ae.size,rounded:o=ae.rounded,fillMode:s=ae.fillMode,type:l,value:d,placeholder:m,hover:x,focus:f,valid:T,invalid:O,required:M,disabled:C,readonly:w,...b}=e;return eo(y,{...b,size:t,rounded:o,fillMode:s,type:l,value:d,placeholder:m,hover:x,focus:f,valid:T,invalid:O,required:M,disabled:C,readonly:w,showClearButton:!1,showValidationIcon:!1,className:r(e.className,Qe)})};I.states=Zt;I.options=jt;I.className=Qe;I.defaultOptions=ae;import{jsx as so}from"react/jsx-runtime";var Ye="k-otp-separator",to=[],oo={},no={},R=e=>{let{children:t,...o}=e;return so("div",{...o,className:r(e.className,Ye),children:t})};R.states=to;R.options=oo;R.className=Ye;R.defaultOptions=no;import{Fragment as ta,jsx as ea,jsxs as oa}from"react/jsx-runtime";import{jsx as io}from"react/jsx-runtime";var re="k-input-group",ao=[n.disabled],ro={fillMode:[p.solid,p.flat,p.outline,p.clear,p.link]},Ze={fillMode:p.solid},L=e=>{let{fillMode:t=Ze.fillMode,disabled:o,...s}=e;return io("div",{...s,className:r(e.className,re,c(re,{fillMode:t}),S(re,{disabled:o})),children:e.children})};L.states=ao;L.options=ro;L.className=re;L.defaultOptions=Ze;import{Fragment as fa,jsx as ua,jsxs as ca}from"react/jsx-runtime";import{Fragment as Oa,jsx as Ia,jsxs as ha}from"react/jsx-runtime";import{Fragment as lo,jsx as A,jsxs as be}from"react/jsx-runtime";var Aa=({hover:e,focus:t,invalid:o,fillMode:s,size:l,...d})=>A(v,{invalid:o,size:l,children:be(lo,{children:[be(L,{fillMode:s,children:[A(I,{size:l,fillMode:s,invalid:o,focus:t,hover:e,...d}),A(I,{size:l,fillMode:s,invalid:o,...d}),A(I,{size:l,fillMode:s,invalid:o,...d})]}),A(R,{children:"-"}),be(L,{fillMode:s,children:[A(I,{size:l,fillMode:s,invalid:o,...d}),A(I,{size:l,fillMode:s,invalid:o,...d}),A(I,{size:l,fillMode:s,invalid:o,...d})]})]})});export{Aa as OneTimePasswordGroupsNoSpace};