@progress/kendo-themes-html 13.0.0-dev.3 → 13.0.0-dev.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +8 -8
- package/dist/cjs/input-group/input-group.js +1 -1
- package/dist/cjs/otp/demos/otp.js +1 -1
- package/dist/cjs/otp/templates/otp-groups-no-space.js +1 -1
- package/dist/cjs/otp/templates/otp-groups.js +1 -1
- package/dist/cjs/otp/templates/otp-no-space.js +1 -1
- package/dist/cjs/otp/templates/otp-normal.js +1 -1
- package/dist/esm/index.mjs +4 -4
- package/dist/esm/input-group/input-group.mjs +1 -1
- package/dist/esm/otp/demos/otp.mjs +1 -1
- package/dist/esm/otp/templates/otp-groups-no-space.mjs +1 -1
- package/dist/esm/otp/templates/otp-groups.mjs +1 -1
- package/dist/esm/otp/templates/otp-no-space.mjs +1 -1
- package/dist/esm/otp/templates/otp-normal.mjs +1 -1
- package/dist/types/input-group/input-group.d.ts +1 -3
- package/package.json +2 -2
- package/src/input-group/input-group.tsx +2 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((n,r)=>e[r]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var m=(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.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),f=(t,e)=>{let{valid:n,invalid:r,hover:g,focus:h,checked:c,active:k,selected:y,disabled:p,indeterminate:v,loading:b,empty:M,readonly:$,highlighted:z,...s}=e;return l({"k-valid":n,"k-invalid":r,"k-hover":g,"k-focus":h,"k-checked":c,"k-active":k,"k-selected":y,"k-disabled":p,"k-indeterminate":v&&!c,"k-loading":b,"k-empty":M,"k-readonly":$,"k-highlighted":z},Object.keys(s).reduce((u,o)=>(o.startsWith("k-")?u[o]=s[o]:u[`k-${o}`]=s[o],u),{}))};var i={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"};var x={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 G}from"react/jsx-runtime";var a="k-input-group",A=[x.disabled],O={fillMode:[i.undefined,i.solid,i.flat,i.outline,i.clear,i.link]},S={},d=t=>{let{fillMode:e,disabled:n,...r}=t;return G("div",{...r,className:l(t.className,a,m(a,{fillMode:e}),f(a,{disabled:n})),children:t.children})};d.states=A;d.options=O;d.className=a;d.defaultOptions=S;var L=d;export{a as INPUTGROUP_CLASSNAME,d as InputGroup,L as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:s,focus:a,checked:c,active:N,selected:I,disabled:h,indeterminate:y,loading:b,empty:_,readonly:P,highlighted:g,...k}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":s,"k-focus":a,"k-checked":c,"k-active":N,"k-selected":I,"k-disabled":h,"k-indeterminate":y&&!c,"k-loading":b,"k-empty":_,"k-readonly":P,"k-highlighted":g},Object.keys(k).reduce((K,M)=>(M.startsWith("k-")?K[M]=k[M]:K[`k-${M}`]=k[M],K),{}))};function Ae(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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 bt}from"react/jsx-runtime";var ee="k-otp",It=[r.invalid],Ot={size:[i.undefined,i.small,i.medium,i.large]},ht={},v=e=>{let{size:t,invalid:o,...n}=e;return bt("div",{...n,className:l(e.className,ee,f(ee,{size:t}),S(ee,{invalid:o})),children:e.children})};v.states=It;v.options=Ot;v.className=ee;v.defaultOptions=ht;v.moduleName="otp";v.folderName="otp";var ce="textbox",ze=ce;var V="input",te=V;import{jsx as gt}from"react/jsx-runtime";var oe="k-input",vt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],yt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Mt={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return gt("span",{...b,className:l(e.className,oe,f(oe,{size:I,rounded:h,fillMode:y}),S(oe,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N}))})};E.states=vt;E.options=yt;E.className=oe;E.defaultOptions=Mt;E.moduleName=V;E.folderName=te;import{jsx as kt}from"react/jsx-runtime";var ne="k-picker",St=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Pt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},wt={},D=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return kt("span",{...b,className:l(e.className,ne,f(ne,{size:I,rounded:h,fillMode:y}),S(ne,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N})),children:e.children})};D.states=St;D.options=Pt;D.className=ne;D.defaultOptions=wt;D.moduleName=V;D.folderName=te;import{Fragment as At,jsx as Be}from"react/jsx-runtime";var fe="k-font-icon",Et=[],Ct={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Lt={},F=e=>{let{size:t,themeColor:o,icon:n,rotate:s,flip:a,...c}=e;return n?Be("span",{...c,className:l(e.className,fe,f(fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):Be(At,{})};F.states=Et;F.options=Ct;F.className=fe;F.defaultOptions=Lt;var _e=F;import{Fragment as _t,jsx as se}from"react/jsx-runtime";var xe="k-svg-icon",zt=[],Bt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ke={viewBox:"0 0 24 24"},$=e=>{let{size:t,themeColor:o,rotate:n,flip:s,viewBox:a=Ke.viewBox,icon:c,...N}=e;if(!c)return se(_t,{});c==="none"&&{...N,className:l(e.className,xe,"k-none")};let I=typeof c=="object"&&c.name&&c.name;return se("span",{...N,className:l(e.className,xe,f("k-icon",{size:t}),{[`k-svg-i-${I}`]:I,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:se("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};$.states=zt;$.options=Bt;$.className=xe;$.defaultOptions=Ke;var Ne=$;import*as Te from"@progress/kendo-svg-icons";var Re="icon",He="icons";import{useContext as Rt}from"react";import{createContext as Kt}from"react";var De=Kt({iconsType:"svg"});import{Fragment as Ue,jsx as G}from"react/jsx-runtime";var ae="k-icon",Ht=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Dt=[],Ut={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ie={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=Rt(De),{size:o,themeColor:n,icon:s,type:a=t||Ie.type,rotate:c,flip:N,viewBox:I=Ie.viewBox,...h}=e;if(!s)return G(Ue,{});if((t||a)==="svg"){if(s==="none")return G(Ne,{...h,className:l(e.className,ae),icon:s,size:o});let b=Te[s]?s:Ht(`${s}-icon`);return Te[b]?G(Ne,{...h,className:l(e.className,ae),icon:Te[b],size:o,themeColor:n,rotate:c,flip:N,viewBox:I}):G(Ue,{})}return G(_e,{...h,className:l(e.className,ae),icon:s,size:o,themeColor:n,rotate:c,flip:N})};T.states=Dt;T.options=Ut;T.defaultOptions=Ie;T.className=ae;T.moduleName=Re;T.folderName=He;import{Fragment as $t,jsx as Oe}from"react/jsx-runtime";var Ve="k-clear-value",Vt=[r.disabled,r.loading,r.readonly],Ft={},X=e=>{let{disabled:t,loading:o,readonly:n,value:s}=e;return t||n||o||!s?Oe($t,{}):Oe("span",{className:l(e.className,Ve),children:Oe(T,{icon:"x"})})};X.states=Vt;X.options=Ft;X.className=Ve;import{jsx as qt}from"react/jsx-runtime";var he="k-input-inner",Gt=[],Xt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},q=e=>{let{value:t=re.value,type:o=re.type,placeholder:n=re.placeholder,autocomplete:s=re.autocomplete,...a}=e;return qt("input",{...a,type:o,className:l(e.className,he,f(he,e)),placeholder:n,autoComplete:s,defaultValue:t})};q.states=Gt;q.options=Xt;q.className=he;import{jsx as Fe,jsxs as Qt}from"react/jsx-runtime";var be="k-input-inner",Wt=[],Jt={},ve=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:s,valueIconName:a,...c}=e;return Qt("span",{...c,className:l(e.className,be,f(be,e)),children:[s,!s&&a&&Fe(T,{className:"k-input-value-icon",icon:a}),n&&!t&&o,n&&t&&Fe("span",{className:"k-input-value-text",children:t})]})};ve.states=Wt;ve.options=Jt;ve.className=be;import{jsx as jt}from"react/jsx-runtime";var ye="k-input-inner",Yt=[],Zt={},$e={value:"",placeholder:""},Me=e=>{let{value:t=$e.value,placeholder:o=$e.placeholder,rows:n,...s}=e;return jt("textarea",{...s,className:l(e.className,ye,f(ye,e)),placeholder:o,rows:n,defaultValue:t})};Me.states=Yt;Me.options=Zt;Me.className=ye;import{Fragment as to,jsx as Ge}from"react/jsx-runtime";var Xe="k-input-loading-icon",eo=[r.disabled,r.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ge(to,{}):Ge("span",{className:l(e.className,Xe,"k-icon k-i-loading")})};ie.states=eo;ie.className=Xe;import{Fragment as so,jsx as qe}from"react/jsx-runtime";var We="k-input-validation-icon",oo=[r.valid,r.invalid,r.disabled,r.loading],no={},W=e=>{let{valid:t,invalid:o,disabled:n,loading:s}=e,a=o?"warning-circle":"check-circle";return n||s||!!!(t||o)?qe(so,{}):qe(T,{className:l(We),icon:a})};W.states=oo;W.options=no;W.className=We;import{Fragment as io,jsx as Je}from"react/jsx-runtime";var ao="k-input-prefix",ro={direction:"horizontal"},Qe=e=>{let{direction:t=ro.direction,...o}=e;return e.children?Je("span",{...o,className:l(ao,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Je(io,{})};import{Fragment as uo,jsx as Ye}from"react/jsx-runtime";var lo="k-input-suffix",po={direction:"horizontal"},Ze=e=>{let{direction:t=po.direction,...o}=e;return e.children?Ye("span",{...o,className:l(lo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ye(uo,{})};import{jsx as bs}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";var je="k-input-separator",mo={direction:"vertical"},ge=e=>{let{direction:t=mo.direction,...o}=e;return co("span",{...o,className:l(je,e.className,{[`${je}-${t}`]:t})})};import{Fragment as et,jsx as C,jsxs as Se}from"react/jsx-runtime";var tt="k-textbox",fo=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],xo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},le={showClearButton:!0,showValidationIcon:!0,separators:!0},x=e=>{let{size:t,rounded:o,fillMode:n,separators:s=le.separators,showClearButton:a=le.showClearButton,showValidationIcon:c=le.showValidationIcon,prefix:N,suffix:I,type:h,value:y,placeholder:b,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,...xt}=e;return Se(E,{...xt,size:t,rounded:o,fillMode:n,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,className:l(e.className,tt),children:[N&&Se(et,{children:[C(Qe,{children:N}),s&&C(ge,{})]}),C(q,{placeholder:b,value:y,type:h}),c&&C(W,{valid:g,invalid:k,loading:M,disabled:H}),C(ie,{loading:M,disabled:H}),a&&C(X,{loading:M,disabled:H,readonly:Le,value:y}),I&&Se(et,{children:[s&&C(ge,{}),C(Ze,{children:I})]})]})};x.states=fo;x.options=xo;x.className=tt;x.defaultOptions=le;x.moduleName=ce;x.folderName=ze;var de=x;import{jsx as No}from"react/jsx-runtime";var ot=e=>No(de,{...e});import{Fragment as oa,jsx as ta}from"react/jsx-runtime";var Pe="button",nt=Pe;import{Fragment as ho,jsx as J,jsxs as st}from"react/jsx-runtime";var Q="k-button",To=["icon-button"],Io=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Oo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},we={showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t,rounded:o,fillMode:n,themeColor:s,showArrow:a=we.showArrow,arrowIconName:c=we.arrowIconName,variant:N,hover:I,focus:h,active:y,selected:b,disabled:_,icon:P,text:g,iconClassName:k,...K}=e,M=P!==void 0,H=e.children!==void 0;return st("button",{...K,className:l(e.className,Q,Ae(Q,N),f(Q,{size:t,rounded:o,fillMode:n,themeColor:s}),S(Q,{hover:I,focus:h,active:y,disabled:_,selected:b}),{"k-icon-button":!g&&!H&&M}),children:[P&&J(T,{className:l(k,"k-button-icon"),icon:P}),g?st(ho,{children:[g&&J("span",{className:"k-button-text",children:g}),e.children]}):e.children&&J("span",{className:"k-button-text",children:e.children}),a&&J("span",{className:"k-menu-button-arrow k-button-arrow",children:J(T,{icon:c})})]})};O.states=Io;O.options=Oo;O.variants=To;O.className=Q;O.defaultOptions=we;O.moduleName=Pe;O.folderName=nt;import{jsx as bo}from"react/jsx-runtime";var at=e=>bo(O,{icon:"folder",...e,children:void 0});import{jsx as vo}from"react/jsx-runtime";var rt=e=>vo(O,{icon:"folder",children:"Button",...e});import{jsx as yo}from"react/jsx-runtime";var Y=e=>yo(O,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var Mo=O.options,go=O.states,So={...O.defaultOptions,variant:"text"},Po=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wo=[],Z=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(at,{...o,icon:"star"});case"icon-and-text":return ke(rt,{...o,icon:"star",children:"Button"});default:return ke(Y,{...o,children:"Button"})}};Z.options=Mo;Z.states=go;Z.variants=Po;Z.defaultOptions=So;Z.modifiers=wo;import{Fragment as _a,jsx as Ba}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var ko=x.states,Eo=x.defaultOptions,Co=x.options,Lo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ao=[],j=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":n.prefix=t?.[s]?Ee(T,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[s]?Ee(Y,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[s];break;default:break}}),Ee(ot,{value:"Value",style:{width:300},...o,...n})};j.options=Co;j.states=ko;j.variants=Ao;j.defaultOptions=Eo;j.modifiers=Lo;import{jsx as _o}from"react/jsx-runtime";var it="k-otp-input",zo=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.readonly],Bo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},pe={size:x.defaultOptions.size,rounded:x.defaultOptions.rounded,fillMode:x.defaultOptions.fillMode},m=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:n=pe.fillMode,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,...g}=e;return _o(x,{...g,size:t,rounded:o,fillMode:n,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,showClearButton:!1,showValidationIcon:!1,className:l(e.className,it)})};m.states=zo;m.options=Bo;m.className=it;m.defaultOptions=pe;import{jsx as Do}from"react/jsx-runtime";var lt="k-otp-separator",Ko=[],Ro={},Ho={},L=e=>{let{children:t,...o}=e;return Do("div",{...o,className:l(e.className,lt),children:t})};L.states=Ko;L.options=Ro;L.className=lt;L.defaultOptions=Ho;import{jsx as Fo}from"react/jsx-runtime";var ue="k-input-group",Uo=[r.disabled],Vo={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},dt={fillMode:u.solid},w=e=>{let{fillMode:t=dt.fillMode,disabled:o,...n}=e;return Fo("div",{...n,className:l(e.className,ue,f(ue,{fillMode:t}),S(ue,{disabled:o})),children:e.children})};w.states=Uo;w.options=Vo;w.className=ue;w.defaultOptions=dt;import{Fragment as Go,jsx as A,jsxs as $o}from"react/jsx-runtime";var pt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>A(v,{invalid:o,size:s,children:A(Go,{children:$o(w,{fillMode:n,children:[A(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a})]})})});import{Fragment as Xo,jsx as z,jsxs as qo}from"react/jsx-runtime";var ut=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>z(v,{invalid:o,size:s,children:qo(Xo,{children:[z(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(L,{children:"-"}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]})});import{Fragment as Wo,jsx as B,jsxs as Ce}from"react/jsx-runtime";var mt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>B(v,{invalid:o,size:s,children:Ce(Wo,{children:[Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]}),B(L,{children:"-"}),Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]})]})});import{Fragment as Jo,jsx as R,jsxs as Qo}from"react/jsx-runtime";var ct=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>R(v,{invalid:o,size:s,children:Qo(Jo,{children:[R(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a})]})});import{jsx as me}from"react/jsx-runtime";var Yo=x.options,Zo=x.states,ft={...x.defaultOptions,variant:"normal"},jo=[{name:"normal",title:"Normal"},{name:"grouping",title:"Grouping"}],en=[{name:"no-space",title:"No Space"}],U=e=>{let{variant:t,modifiers:o,...n}={...ft,...e},s=!0;return Object.keys(o||{}).forEach(a=>{if(a==="no-space"){s=!o?.[a];return}}),t==="grouping"?s?me(ut,{...n}):me(mt,{...n}):s?me(ct,{...n}):me(pt,{...n})};U.options=Yo;U.states=Zo;U.variants=jo;U.defaultOptions=ft;U.modifiers=en;var Kr=U;export{U as OtpDemo,Kr as default};
|
|
1
|
+
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:s,focus:a,checked:c,active:N,selected:I,disabled:h,indeterminate:y,loading:b,empty:_,readonly:P,highlighted:g,...k}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":s,"k-focus":a,"k-checked":c,"k-active":N,"k-selected":I,"k-disabled":h,"k-indeterminate":y&&!c,"k-loading":b,"k-empty":_,"k-readonly":P,"k-highlighted":g},Object.keys(k).reduce((K,M)=>(M.startsWith("k-")?K[M]=k[M]:K[`k-${M}`]=k[M],K),{}))};function Ae(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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 ht}from"react/jsx-runtime";var ee="k-otp",Tt=[r.invalid],It={size:[i.undefined,i.small,i.medium,i.large]},Ot={},v=e=>{let{size:t,invalid:o,...n}=e;return ht("div",{...n,className:l(e.className,ee,f(ee,{size:t}),S(ee,{invalid:o})),children:e.children})};v.states=Tt;v.options=It;v.className=ee;v.defaultOptions=Ot;v.moduleName="otp";v.folderName="otp";var ce="textbox",ze=ce;var V="input",te=V;import{jsx as Mt}from"react/jsx-runtime";var oe="k-input",bt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],vt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},yt={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return Mt("span",{...b,className:l(e.className,oe,f(oe,{size:I,rounded:h,fillMode:y}),S(oe,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N}))})};E.states=bt;E.options=vt;E.className=oe;E.defaultOptions=yt;E.moduleName=V;E.folderName=te;import{jsx as wt}from"react/jsx-runtime";var ne="k-picker",gt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],St={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Pt={},D=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return wt("span",{...b,className:l(e.className,ne,f(ne,{size:I,rounded:h,fillMode:y}),S(ne,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N})),children:e.children})};D.states=gt;D.options=St;D.className=ne;D.defaultOptions=Pt;D.moduleName=V;D.folderName=te;import{Fragment as Lt,jsx as Be}from"react/jsx-runtime";var fe="k-font-icon",kt=[],Et={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ct={},F=e=>{let{size:t,themeColor:o,icon:n,rotate:s,flip:a,...c}=e;return n?Be("span",{...c,className:l(e.className,fe,f(fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):Be(Lt,{})};F.states=kt;F.options=Et;F.className=fe;F.defaultOptions=Ct;var _e=F;import{Fragment as Bt,jsx as se}from"react/jsx-runtime";var xe="k-svg-icon",At=[],zt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ke={viewBox:"0 0 24 24"},$=e=>{let{size:t,themeColor:o,rotate:n,flip:s,viewBox:a=Ke.viewBox,icon:c,...N}=e;if(!c)return se(Bt,{});c==="none"&&{...N,className:l(e.className,xe,"k-none")};let I=typeof c=="object"&&c.name&&c.name;return se("span",{...N,className:l(e.className,xe,f("k-icon",{size:t}),{[`k-svg-i-${I}`]:I,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:se("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};$.states=At;$.options=zt;$.className=xe;$.defaultOptions=Ke;var Ne=$;import*as Te from"@progress/kendo-svg-icons";var Re="icon",He="icons";import{useContext as Kt}from"react";import{createContext as _t}from"react";var De=_t({iconsType:"svg"});import{Fragment as Ue,jsx as G}from"react/jsx-runtime";var ae="k-icon",Rt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ht=[],Dt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ie={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=Kt(De),{size:o,themeColor:n,icon:s,type:a=t||Ie.type,rotate:c,flip:N,viewBox:I=Ie.viewBox,...h}=e;if(!s)return G(Ue,{});if((t||a)==="svg"){if(s==="none")return G(Ne,{...h,className:l(e.className,ae),icon:s,size:o});let b=Te[s]?s:Rt(`${s}-icon`);return Te[b]?G(Ne,{...h,className:l(e.className,ae),icon:Te[b],size:o,themeColor:n,rotate:c,flip:N,viewBox:I}):G(Ue,{})}return G(_e,{...h,className:l(e.className,ae),icon:s,size:o,themeColor:n,rotate:c,flip:N})};T.states=Ht;T.options=Dt;T.defaultOptions=Ie;T.className=ae;T.moduleName=Re;T.folderName=He;import{Fragment as Ft,jsx as Oe}from"react/jsx-runtime";var Ve="k-clear-value",Ut=[r.disabled,r.loading,r.readonly],Vt={},X=e=>{let{disabled:t,loading:o,readonly:n,value:s}=e;return t||n||o||!s?Oe(Ft,{}):Oe("span",{className:l(e.className,Ve),children:Oe(T,{icon:"x"})})};X.states=Ut;X.options=Vt;X.className=Ve;import{jsx as Xt}from"react/jsx-runtime";var he="k-input-inner",$t=[],Gt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},q=e=>{let{value:t=re.value,type:o=re.type,placeholder:n=re.placeholder,autocomplete:s=re.autocomplete,...a}=e;return Xt("input",{...a,type:o,className:l(e.className,he,f(he,e)),placeholder:n,autoComplete:s,defaultValue:t})};q.states=$t;q.options=Gt;q.className=he;import{jsx as Fe,jsxs as Jt}from"react/jsx-runtime";var be="k-input-inner",qt=[],Wt={},ve=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:s,valueIconName:a,...c}=e;return Jt("span",{...c,className:l(e.className,be,f(be,e)),children:[s,!s&&a&&Fe(T,{className:"k-input-value-icon",icon:a}),n&&!t&&o,n&&t&&Fe("span",{className:"k-input-value-text",children:t})]})};ve.states=qt;ve.options=Wt;ve.className=be;import{jsx as Zt}from"react/jsx-runtime";var ye="k-input-inner",Qt=[],Yt={},$e={value:"",placeholder:""},Me=e=>{let{value:t=$e.value,placeholder:o=$e.placeholder,rows:n,...s}=e;return Zt("textarea",{...s,className:l(e.className,ye,f(ye,e)),placeholder:o,rows:n,defaultValue:t})};Me.states=Qt;Me.options=Yt;Me.className=ye;import{Fragment as eo,jsx as Ge}from"react/jsx-runtime";var Xe="k-input-loading-icon",jt=[r.disabled,r.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ge(eo,{}):Ge("span",{className:l(e.className,Xe,"k-icon k-i-loading")})};ie.states=jt;ie.className=Xe;import{Fragment as no,jsx as qe}from"react/jsx-runtime";var We="k-input-validation-icon",to=[r.valid,r.invalid,r.disabled,r.loading],oo={},W=e=>{let{valid:t,invalid:o,disabled:n,loading:s}=e,a=o?"warning-circle":"check-circle";return n||s||!!!(t||o)?qe(no,{}):qe(T,{className:l(We),icon:a})};W.states=to;W.options=oo;W.className=We;import{Fragment as ro,jsx as Je}from"react/jsx-runtime";var so="k-input-prefix",ao={direction:"horizontal"},Qe=e=>{let{direction:t=ao.direction,...o}=e;return e.children?Je("span",{...o,className:l(so,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Je(ro,{})};import{Fragment as po,jsx as Ye}from"react/jsx-runtime";var io="k-input-suffix",lo={direction:"horizontal"},Ze=e=>{let{direction:t=lo.direction,...o}=e;return e.children?Ye("span",{...o,className:l(io,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ye(po,{})};import{jsx as bs}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as mo}from"react/jsx-runtime";var je="k-input-separator",uo={direction:"vertical"},ge=e=>{let{direction:t=uo.direction,...o}=e;return mo("span",{...o,className:l(je,e.className,{[`${je}-${t}`]:t})})};import{Fragment as et,jsx as C,jsxs as Se}from"react/jsx-runtime";var tt="k-textbox",co=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],fo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},le={showClearButton:!0,showValidationIcon:!0,separators:!0},x=e=>{let{size:t,rounded:o,fillMode:n,separators:s=le.separators,showClearButton:a=le.showClearButton,showValidationIcon:c=le.showValidationIcon,prefix:N,suffix:I,type:h,value:y,placeholder:b,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,...ft}=e;return Se(E,{...ft,size:t,rounded:o,fillMode:n,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,className:l(e.className,tt),children:[N&&Se(et,{children:[C(Qe,{children:N}),s&&C(ge,{})]}),C(q,{placeholder:b,value:y,type:h}),c&&C(W,{valid:g,invalid:k,loading:M,disabled:H}),C(ie,{loading:M,disabled:H}),a&&C(X,{loading:M,disabled:H,readonly:Le,value:y}),I&&Se(et,{children:[s&&C(ge,{}),C(Ze,{children:I})]})]})};x.states=co;x.options=fo;x.className=tt;x.defaultOptions=le;x.moduleName=ce;x.folderName=ze;var de=x;import{jsx as xo}from"react/jsx-runtime";var ot=e=>xo(de,{...e});import{Fragment as oa,jsx as ta}from"react/jsx-runtime";var Pe="button",nt=Pe;import{Fragment as Oo,jsx as J,jsxs as st}from"react/jsx-runtime";var Q="k-button",No=["icon-button"],To=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Io={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},we={showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t,rounded:o,fillMode:n,themeColor:s,showArrow:a=we.showArrow,arrowIconName:c=we.arrowIconName,variant:N,hover:I,focus:h,active:y,selected:b,disabled:_,icon:P,text:g,iconClassName:k,...K}=e,M=P!==void 0,H=e.children!==void 0;return st("button",{...K,className:l(e.className,Q,Ae(Q,N),f(Q,{size:t,rounded:o,fillMode:n,themeColor:s}),S(Q,{hover:I,focus:h,active:y,disabled:_,selected:b}),{"k-icon-button":!g&&!H&&M}),children:[P&&J(T,{className:l(k,"k-button-icon"),icon:P}),g?st(Oo,{children:[g&&J("span",{className:"k-button-text",children:g}),e.children]}):e.children&&J("span",{className:"k-button-text",children:e.children}),a&&J("span",{className:"k-menu-button-arrow k-button-arrow",children:J(T,{icon:c})})]})};O.states=To;O.options=Io;O.variants=No;O.className=Q;O.defaultOptions=we;O.moduleName=Pe;O.folderName=nt;import{jsx as ho}from"react/jsx-runtime";var at=e=>ho(O,{icon:"folder",...e,children:void 0});import{jsx as bo}from"react/jsx-runtime";var rt=e=>bo(O,{icon:"folder",children:"Button",...e});import{jsx as vo}from"react/jsx-runtime";var Y=e=>vo(O,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var yo=O.options,Mo=O.states,go={...O.defaultOptions,variant:"text"},So=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Po=[],Z=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(at,{...o,icon:"star"});case"icon-and-text":return ke(rt,{...o,icon:"star",children:"Button"});default:return ke(Y,{...o,children:"Button"})}};Z.options=yo;Z.states=Mo;Z.variants=So;Z.defaultOptions=go;Z.modifiers=Po;import{Fragment as _a,jsx as Ba}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var wo=x.states,ko=x.defaultOptions,Eo=x.options,Co=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lo=[],j=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":n.prefix=t?.[s]?Ee(T,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[s]?Ee(Y,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[s];break;default:break}}),Ee(ot,{value:"Value",style:{width:300},...o,...n})};j.options=Eo;j.states=wo;j.variants=Lo;j.defaultOptions=ko;j.modifiers=Co;import{jsx as Bo}from"react/jsx-runtime";var it="k-otp-input",Ao=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.readonly],zo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},pe={size:x.defaultOptions.size,rounded:x.defaultOptions.rounded,fillMode:x.defaultOptions.fillMode},m=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:n=pe.fillMode,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,...g}=e;return Bo(x,{...g,size:t,rounded:o,fillMode:n,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,showClearButton:!1,showValidationIcon:!1,className:l(e.className,it)})};m.states=Ao;m.options=zo;m.className=it;m.defaultOptions=pe;import{jsx as Ho}from"react/jsx-runtime";var lt="k-otp-separator",_o=[],Ko={},Ro={},L=e=>{let{children:t,...o}=e;return Ho("div",{...o,className:l(e.className,lt),children:t})};L.states=_o;L.options=Ko;L.className=lt;L.defaultOptions=Ro;import{jsx as Fo}from"react/jsx-runtime";var ue="k-input-group",Do=[r.disabled],Uo={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},Vo={},w=e=>{let{fillMode:t,disabled:o,...n}=e;return Fo("div",{...n,className:l(e.className,ue,f(ue,{fillMode:t}),S(ue,{disabled:o})),children:e.children})};w.states=Do;w.options=Uo;w.className=ue;w.defaultOptions=Vo;import{Fragment as Go,jsx as A,jsxs as $o}from"react/jsx-runtime";var dt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>A(v,{invalid:o,size:s,children:A(Go,{children:$o(w,{fillMode:n,children:[A(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a})]})})});import{Fragment as Xo,jsx as z,jsxs as qo}from"react/jsx-runtime";var pt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>z(v,{invalid:o,size:s,children:qo(Xo,{children:[z(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(L,{children:"-"}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]})});import{Fragment as Wo,jsx as B,jsxs as Ce}from"react/jsx-runtime";var ut=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>B(v,{invalid:o,size:s,children:Ce(Wo,{children:[Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]}),B(L,{children:"-"}),Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]})]})});import{Fragment as Jo,jsx as R,jsxs as Qo}from"react/jsx-runtime";var mt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>R(v,{invalid:o,size:s,children:Qo(Jo,{children:[R(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a})]})});import{jsx as me}from"react/jsx-runtime";var Yo=x.options,Zo=x.states,ct={...x.defaultOptions,variant:"normal"},jo=[{name:"normal",title:"Normal"},{name:"grouping",title:"Grouping"}],en=[{name:"no-space",title:"No Space"}],U=e=>{let{variant:t,modifiers:o,...n}={...ct,...e},s=!0;return Object.keys(o||{}).forEach(a=>{if(a==="no-space"){s=!o?.[a];return}}),t==="grouping"?s?me(pt,{...n}):me(ut,{...n}):s?me(mt,{...n}):me(dt,{...n})};U.options=Yo;U.states=Zo;U.variants=jo;U.defaultOptions=ct;U.modifiers=en;var Kr=U;export{U as OtpDemo,Kr as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:s,focus:a,checked:c,active:N,selected:I,disabled:h,indeterminate:y,loading:b,empty:_,readonly:P,highlighted:g,...k}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":s,"k-focus":a,"k-checked":c,"k-active":N,"k-selected":I,"k-disabled":h,"k-indeterminate":y&&!c,"k-loading":b,"k-empty":_,"k-readonly":P,"k-highlighted":g},Object.keys(k).reduce((K,M)=>(M.startsWith("k-")?K[M]=k[M]:K[`k-${M}`]=k[M],K),{}))};function Ae(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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 bt}from"react/jsx-runtime";var ee="k-otp",It=[r.invalid],Ot={size:[i.undefined,i.small,i.medium,i.large]},ht={},v=e=>{let{size:t,invalid:o,...n}=e;return bt("div",{...n,className:l(e.className,ee,f(ee,{size:t}),S(ee,{invalid:o})),children:e.children})};v.states=It;v.options=Ot;v.className=ee;v.defaultOptions=ht;v.moduleName="otp";v.folderName="otp";var ce="textbox",ze=ce;var U="input",te=U;import{jsx as gt}from"react/jsx-runtime";var oe="k-input",vt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],yt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Mt={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return gt("span",{...b,className:l(e.className,oe,f(oe,{size:I,rounded:h,fillMode:y}),S(oe,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N}))})};E.states=vt;E.options=yt;E.className=oe;E.defaultOptions=Mt;E.moduleName=U;E.folderName=te;import{jsx as kt}from"react/jsx-runtime";var ne="k-picker",St=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Pt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},wt={},D=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return kt("span",{...b,className:l(e.className,ne,f(ne,{size:I,rounded:h,fillMode:y}),S(ne,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N})),children:e.children})};D.states=St;D.options=Pt;D.className=ne;D.defaultOptions=wt;D.moduleName=U;D.folderName=te;import{Fragment as At,jsx as Be}from"react/jsx-runtime";var fe="k-font-icon",Et=[],Ct={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Lt={},V=e=>{let{size:t,themeColor:o,icon:n,rotate:s,flip:a,...c}=e;return n?Be("span",{...c,className:l(e.className,fe,f(fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):Be(At,{})};V.states=Et;V.options=Ct;V.className=fe;V.defaultOptions=Lt;var _e=V;import{Fragment as _t,jsx as se}from"react/jsx-runtime";var xe="k-svg-icon",zt=[],Bt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ke={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:n,flip:s,viewBox:a=Ke.viewBox,icon:c,...N}=e;if(!c)return se(_t,{});c==="none"&&{...N,className:l(e.className,xe,"k-none")};let I=typeof c=="object"&&c.name&&c.name;return se("span",{...N,className:l(e.className,xe,f("k-icon",{size:t}),{[`k-svg-i-${I}`]:I,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:se("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};F.states=zt;F.options=Bt;F.className=xe;F.defaultOptions=Ke;var Ne=F;import*as Te from"@progress/kendo-svg-icons";var Re="icon",He="icons";import{useContext as Rt}from"react";import{createContext as Kt}from"react";var De=Kt({iconsType:"svg"});import{Fragment as Ue,jsx as $}from"react/jsx-runtime";var ae="k-icon",Ht=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Dt=[],Ut={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ie={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=Rt(De),{size:o,themeColor:n,icon:s,type:a=t||Ie.type,rotate:c,flip:N,viewBox:I=Ie.viewBox,...h}=e;if(!s)return $(Ue,{});if((t||a)==="svg"){if(s==="none")return $(Ne,{...h,className:l(e.className,ae),icon:s,size:o});let b=Te[s]?s:Ht(`${s}-icon`);return Te[b]?$(Ne,{...h,className:l(e.className,ae),icon:Te[b],size:o,themeColor:n,rotate:c,flip:N,viewBox:I}):$(Ue,{})}return $(_e,{...h,className:l(e.className,ae),icon:s,size:o,themeColor:n,rotate:c,flip:N})};T.states=Dt;T.options=Ut;T.defaultOptions=Ie;T.className=ae;T.moduleName=Re;T.folderName=He;import{Fragment as $t,jsx as Oe}from"react/jsx-runtime";var Ve="k-clear-value",Vt=[r.disabled,r.loading,r.readonly],Ft={},G=e=>{let{disabled:t,loading:o,readonly:n,value:s}=e;return t||n||o||!s?Oe($t,{}):Oe("span",{className:l(e.className,Ve),children:Oe(T,{icon:"x"})})};G.states=Vt;G.options=Ft;G.className=Ve;import{jsx as qt}from"react/jsx-runtime";var he="k-input-inner",Gt=[],Xt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=re.value,type:o=re.type,placeholder:n=re.placeholder,autocomplete:s=re.autocomplete,...a}=e;return qt("input",{...a,type:o,className:l(e.className,he,f(he,e)),placeholder:n,autoComplete:s,defaultValue:t})};X.states=Gt;X.options=Xt;X.className=he;import{jsx as Fe,jsxs as Qt}from"react/jsx-runtime";var be="k-input-inner",Wt=[],Jt={},ve=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:s,valueIconName:a,...c}=e;return Qt("span",{...c,className:l(e.className,be,f(be,e)),children:[s,!s&&a&&Fe(T,{className:"k-input-value-icon",icon:a}),n&&!t&&o,n&&t&&Fe("span",{className:"k-input-value-text",children:t})]})};ve.states=Wt;ve.options=Jt;ve.className=be;import{jsx as jt}from"react/jsx-runtime";var ye="k-input-inner",Yt=[],Zt={},$e={value:"",placeholder:""},Me=e=>{let{value:t=$e.value,placeholder:o=$e.placeholder,rows:n,...s}=e;return jt("textarea",{...s,className:l(e.className,ye,f(ye,e)),placeholder:o,rows:n,defaultValue:t})};Me.states=Yt;Me.options=Zt;Me.className=ye;import{Fragment as to,jsx as Ge}from"react/jsx-runtime";var Xe="k-input-loading-icon",eo=[r.disabled,r.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ge(to,{}):Ge("span",{className:l(e.className,Xe,"k-icon k-i-loading")})};ie.states=eo;ie.className=Xe;import{Fragment as so,jsx as qe}from"react/jsx-runtime";var We="k-input-validation-icon",oo=[r.valid,r.invalid,r.disabled,r.loading],no={},q=e=>{let{valid:t,invalid:o,disabled:n,loading:s}=e,a=o?"warning-circle":"check-circle";return n||s||!!!(t||o)?qe(so,{}):qe(T,{className:l(We),icon:a})};q.states=oo;q.options=no;q.className=We;import{Fragment as io,jsx as Je}from"react/jsx-runtime";var ao="k-input-prefix",ro={direction:"horizontal"},Qe=e=>{let{direction:t=ro.direction,...o}=e;return e.children?Je("span",{...o,className:l(ao,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Je(io,{})};import{Fragment as uo,jsx as Ye}from"react/jsx-runtime";var lo="k-input-suffix",po={direction:"horizontal"},Ze=e=>{let{direction:t=po.direction,...o}=e;return e.children?Ye("span",{...o,className:l(lo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ye(uo,{})};import{jsx as bs}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";var je="k-input-separator",mo={direction:"vertical"},ge=e=>{let{direction:t=mo.direction,...o}=e;return co("span",{...o,className:l(je,e.className,{[`${je}-${t}`]:t})})};import{Fragment as et,jsx as C,jsxs as Se}from"react/jsx-runtime";var tt="k-textbox",fo=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],xo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},le={showClearButton:!0,showValidationIcon:!0,separators:!0},x=e=>{let{size:t,rounded:o,fillMode:n,separators:s=le.separators,showClearButton:a=le.showClearButton,showValidationIcon:c=le.showValidationIcon,prefix:N,suffix:I,type:h,value:y,placeholder:b,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,...xt}=e;return Se(E,{...xt,size:t,rounded:o,fillMode:n,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,className:l(e.className,tt),children:[N&&Se(et,{children:[C(Qe,{children:N}),s&&C(ge,{})]}),C(X,{placeholder:b,value:y,type:h}),c&&C(q,{valid:g,invalid:k,loading:M,disabled:H}),C(ie,{loading:M,disabled:H}),a&&C(G,{loading:M,disabled:H,readonly:Le,value:y}),I&&Se(et,{children:[s&&C(ge,{}),C(Ze,{children:I})]})]})};x.states=fo;x.options=xo;x.className=tt;x.defaultOptions=le;x.moduleName=ce;x.folderName=ze;var de=x;import{jsx as No}from"react/jsx-runtime";var ot=e=>No(de,{...e});import{Fragment as oa,jsx as ta}from"react/jsx-runtime";var Pe="button",nt=Pe;import{Fragment as ho,jsx as W,jsxs as st}from"react/jsx-runtime";var J="k-button",To=["icon-button"],Io=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Oo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},we={showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t,rounded:o,fillMode:n,themeColor:s,showArrow:a=we.showArrow,arrowIconName:c=we.arrowIconName,variant:N,hover:I,focus:h,active:y,selected:b,disabled:_,icon:P,text:g,iconClassName:k,...K}=e,M=P!==void 0,H=e.children!==void 0;return st("button",{...K,className:l(e.className,J,Ae(J,N),f(J,{size:t,rounded:o,fillMode:n,themeColor:s}),S(J,{hover:I,focus:h,active:y,disabled:_,selected:b}),{"k-icon-button":!g&&!H&&M}),children:[P&&W(T,{className:l(k,"k-button-icon"),icon:P}),g?st(ho,{children:[g&&W("span",{className:"k-button-text",children:g}),e.children]}):e.children&&W("span",{className:"k-button-text",children:e.children}),a&&W("span",{className:"k-menu-button-arrow k-button-arrow",children:W(T,{icon:c})})]})};O.states=Io;O.options=Oo;O.variants=To;O.className=J;O.defaultOptions=we;O.moduleName=Pe;O.folderName=nt;import{jsx as bo}from"react/jsx-runtime";var at=e=>bo(O,{icon:"folder",...e,children:void 0});import{jsx as vo}from"react/jsx-runtime";var rt=e=>vo(O,{icon:"folder",children:"Button",...e});import{jsx as yo}from"react/jsx-runtime";var Q=e=>yo(O,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var Mo=O.options,go=O.states,So={...O.defaultOptions,variant:"text"},Po=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wo=[],Y=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(at,{...o,icon:"star"});case"icon-and-text":return ke(rt,{...o,icon:"star",children:"Button"});default:return ke(Q,{...o,children:"Button"})}};Y.options=Mo;Y.states=go;Y.variants=Po;Y.defaultOptions=So;Y.modifiers=wo;import{Fragment as _a,jsx as Ba}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var ko=x.states,Eo=x.defaultOptions,Co=x.options,Lo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ao=[],Z=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":n.prefix=t?.[s]?Ee(T,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[s]?Ee(Q,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[s];break;default:break}}),Ee(ot,{value:"Value",style:{width:300},...o,...n})};Z.options=Co;Z.states=ko;Z.variants=Ao;Z.defaultOptions=Eo;Z.modifiers=Lo;import{jsx as _o}from"react/jsx-runtime";var it="k-otp-input",zo=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.readonly],Bo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},pe={size:x.defaultOptions.size,rounded:x.defaultOptions.rounded,fillMode:x.defaultOptions.fillMode},m=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:n=pe.fillMode,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,...g}=e;return _o(x,{...g,size:t,rounded:o,fillMode:n,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,showClearButton:!1,showValidationIcon:!1,className:l(e.className,it)})};m.states=zo;m.options=Bo;m.className=it;m.defaultOptions=pe;import{jsx as Do}from"react/jsx-runtime";var lt="k-otp-separator",Ko=[],Ro={},Ho={},L=e=>{let{children:t,...o}=e;return Do("div",{...o,className:l(e.className,lt),children:t})};L.states=Ko;L.options=Ro;L.className=lt;L.defaultOptions=Ho;import{Fragment as Uo,jsx as R,jsxs as Vo}from"react/jsx-runtime";var dt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>R(v,{invalid:o,size:s,children:Vo(Uo,{children:[R(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a})]})});import{jsx as Go}from"react/jsx-runtime";var ue="k-input-group",Fo=[r.disabled],$o={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},pt={fillMode:u.solid},w=e=>{let{fillMode:t=pt.fillMode,disabled:o,...n}=e;return Go("div",{...n,className:l(e.className,ue,f(ue,{fillMode:t}),S(ue,{disabled:o})),children:e.children})};w.states=Fo;w.options=$o;w.className=ue;w.defaultOptions=pt;import{Fragment as qo,jsx as A,jsxs as Xo}from"react/jsx-runtime";var ut=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>A(v,{invalid:o,size:s,children:A(qo,{children:Xo(w,{fillMode:n,children:[A(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a})]})})});import{Fragment as Wo,jsx as z,jsxs as Jo}from"react/jsx-runtime";var mt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>z(v,{invalid:o,size:s,children:Jo(Wo,{children:[z(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(L,{children:"-"}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]})});import{jsx as me}from"react/jsx-runtime";var Qo=x.options,Yo=x.states,ct={...x.defaultOptions,variant:"normal"},Zo=[{name:"normal",title:"Normal"},{name:"grouping",title:"Grouping"}],jo=[{name:"no-space",title:"No Space"}],j=e=>{let{variant:t,modifiers:o,...n}={...ct,...e},s=!0;return Object.keys(o||{}).forEach(a=>{if(a==="no-space"){s=!o?.[a];return}}),t==="grouping"?s?me(mt,{...n}):me(ft,{...n}):s?me(dt,{...n}):me(ut,{...n})};j.options=Qo;j.states=Yo;j.variants=Zo;j.defaultOptions=ct;j.modifiers=jo;import{Fragment as en,jsx as B,jsxs as Ce}from"react/jsx-runtime";var ft=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>B(v,{invalid:o,size:s,children:Ce(en,{children:[Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]}),B(L,{children:"-"}),Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]})]})});export{ft as OneTimePasswordGroupsNoSpace};
|
|
1
|
+
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:s,focus:a,checked:c,active:N,selected:I,disabled:h,indeterminate:y,loading:b,empty:_,readonly:P,highlighted:g,...k}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":s,"k-focus":a,"k-checked":c,"k-active":N,"k-selected":I,"k-disabled":h,"k-indeterminate":y&&!c,"k-loading":b,"k-empty":_,"k-readonly":P,"k-highlighted":g},Object.keys(k).reduce((K,M)=>(M.startsWith("k-")?K[M]=k[M]:K[`k-${M}`]=k[M],K),{}))};function Ae(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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 ht}from"react/jsx-runtime";var ee="k-otp",Tt=[r.invalid],It={size:[i.undefined,i.small,i.medium,i.large]},Ot={},v=e=>{let{size:t,invalid:o,...n}=e;return ht("div",{...n,className:l(e.className,ee,f(ee,{size:t}),S(ee,{invalid:o})),children:e.children})};v.states=Tt;v.options=It;v.className=ee;v.defaultOptions=Ot;v.moduleName="otp";v.folderName="otp";var ce="textbox",ze=ce;var U="input",te=U;import{jsx as Mt}from"react/jsx-runtime";var oe="k-input",bt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],vt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},yt={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return Mt("span",{...b,className:l(e.className,oe,f(oe,{size:I,rounded:h,fillMode:y}),S(oe,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N}))})};E.states=bt;E.options=vt;E.className=oe;E.defaultOptions=yt;E.moduleName=U;E.folderName=te;import{jsx as wt}from"react/jsx-runtime";var ne="k-picker",gt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],St={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Pt={},D=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return wt("span",{...b,className:l(e.className,ne,f(ne,{size:I,rounded:h,fillMode:y}),S(ne,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N})),children:e.children})};D.states=gt;D.options=St;D.className=ne;D.defaultOptions=Pt;D.moduleName=U;D.folderName=te;import{Fragment as Lt,jsx as Be}from"react/jsx-runtime";var fe="k-font-icon",kt=[],Et={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ct={},V=e=>{let{size:t,themeColor:o,icon:n,rotate:s,flip:a,...c}=e;return n?Be("span",{...c,className:l(e.className,fe,f(fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):Be(Lt,{})};V.states=kt;V.options=Et;V.className=fe;V.defaultOptions=Ct;var _e=V;import{Fragment as Bt,jsx as se}from"react/jsx-runtime";var xe="k-svg-icon",At=[],zt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ke={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:n,flip:s,viewBox:a=Ke.viewBox,icon:c,...N}=e;if(!c)return se(Bt,{});c==="none"&&{...N,className:l(e.className,xe,"k-none")};let I=typeof c=="object"&&c.name&&c.name;return se("span",{...N,className:l(e.className,xe,f("k-icon",{size:t}),{[`k-svg-i-${I}`]:I,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:se("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};F.states=At;F.options=zt;F.className=xe;F.defaultOptions=Ke;var Ne=F;import*as Te from"@progress/kendo-svg-icons";var Re="icon",He="icons";import{useContext as Kt}from"react";import{createContext as _t}from"react";var De=_t({iconsType:"svg"});import{Fragment as Ue,jsx as $}from"react/jsx-runtime";var ae="k-icon",Rt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ht=[],Dt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ie={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=Kt(De),{size:o,themeColor:n,icon:s,type:a=t||Ie.type,rotate:c,flip:N,viewBox:I=Ie.viewBox,...h}=e;if(!s)return $(Ue,{});if((t||a)==="svg"){if(s==="none")return $(Ne,{...h,className:l(e.className,ae),icon:s,size:o});let b=Te[s]?s:Rt(`${s}-icon`);return Te[b]?$(Ne,{...h,className:l(e.className,ae),icon:Te[b],size:o,themeColor:n,rotate:c,flip:N,viewBox:I}):$(Ue,{})}return $(_e,{...h,className:l(e.className,ae),icon:s,size:o,themeColor:n,rotate:c,flip:N})};T.states=Ht;T.options=Dt;T.defaultOptions=Ie;T.className=ae;T.moduleName=Re;T.folderName=He;import{Fragment as Ft,jsx as Oe}from"react/jsx-runtime";var Ve="k-clear-value",Ut=[r.disabled,r.loading,r.readonly],Vt={},G=e=>{let{disabled:t,loading:o,readonly:n,value:s}=e;return t||n||o||!s?Oe(Ft,{}):Oe("span",{className:l(e.className,Ve),children:Oe(T,{icon:"x"})})};G.states=Ut;G.options=Vt;G.className=Ve;import{jsx as Xt}from"react/jsx-runtime";var he="k-input-inner",$t=[],Gt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=re.value,type:o=re.type,placeholder:n=re.placeholder,autocomplete:s=re.autocomplete,...a}=e;return Xt("input",{...a,type:o,className:l(e.className,he,f(he,e)),placeholder:n,autoComplete:s,defaultValue:t})};X.states=$t;X.options=Gt;X.className=he;import{jsx as Fe,jsxs as Jt}from"react/jsx-runtime";var be="k-input-inner",qt=[],Wt={},ve=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:s,valueIconName:a,...c}=e;return Jt("span",{...c,className:l(e.className,be,f(be,e)),children:[s,!s&&a&&Fe(T,{className:"k-input-value-icon",icon:a}),n&&!t&&o,n&&t&&Fe("span",{className:"k-input-value-text",children:t})]})};ve.states=qt;ve.options=Wt;ve.className=be;import{jsx as Zt}from"react/jsx-runtime";var ye="k-input-inner",Qt=[],Yt={},$e={value:"",placeholder:""},Me=e=>{let{value:t=$e.value,placeholder:o=$e.placeholder,rows:n,...s}=e;return Zt("textarea",{...s,className:l(e.className,ye,f(ye,e)),placeholder:o,rows:n,defaultValue:t})};Me.states=Qt;Me.options=Yt;Me.className=ye;import{Fragment as eo,jsx as Ge}from"react/jsx-runtime";var Xe="k-input-loading-icon",jt=[r.disabled,r.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ge(eo,{}):Ge("span",{className:l(e.className,Xe,"k-icon k-i-loading")})};ie.states=jt;ie.className=Xe;import{Fragment as no,jsx as qe}from"react/jsx-runtime";var We="k-input-validation-icon",to=[r.valid,r.invalid,r.disabled,r.loading],oo={},q=e=>{let{valid:t,invalid:o,disabled:n,loading:s}=e,a=o?"warning-circle":"check-circle";return n||s||!!!(t||o)?qe(no,{}):qe(T,{className:l(We),icon:a})};q.states=to;q.options=oo;q.className=We;import{Fragment as ro,jsx as Je}from"react/jsx-runtime";var so="k-input-prefix",ao={direction:"horizontal"},Qe=e=>{let{direction:t=ao.direction,...o}=e;return e.children?Je("span",{...o,className:l(so,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Je(ro,{})};import{Fragment as po,jsx as Ye}from"react/jsx-runtime";var io="k-input-suffix",lo={direction:"horizontal"},Ze=e=>{let{direction:t=lo.direction,...o}=e;return e.children?Ye("span",{...o,className:l(io,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ye(po,{})};import{jsx as bs}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as mo}from"react/jsx-runtime";var je="k-input-separator",uo={direction:"vertical"},ge=e=>{let{direction:t=uo.direction,...o}=e;return mo("span",{...o,className:l(je,e.className,{[`${je}-${t}`]:t})})};import{Fragment as et,jsx as C,jsxs as Se}from"react/jsx-runtime";var tt="k-textbox",co=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],fo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},le={showClearButton:!0,showValidationIcon:!0,separators:!0},x=e=>{let{size:t,rounded:o,fillMode:n,separators:s=le.separators,showClearButton:a=le.showClearButton,showValidationIcon:c=le.showValidationIcon,prefix:N,suffix:I,type:h,value:y,placeholder:b,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,...ft}=e;return Se(E,{...ft,size:t,rounded:o,fillMode:n,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,className:l(e.className,tt),children:[N&&Se(et,{children:[C(Qe,{children:N}),s&&C(ge,{})]}),C(X,{placeholder:b,value:y,type:h}),c&&C(q,{valid:g,invalid:k,loading:M,disabled:H}),C(ie,{loading:M,disabled:H}),a&&C(G,{loading:M,disabled:H,readonly:Le,value:y}),I&&Se(et,{children:[s&&C(ge,{}),C(Ze,{children:I})]})]})};x.states=co;x.options=fo;x.className=tt;x.defaultOptions=le;x.moduleName=ce;x.folderName=ze;var de=x;import{jsx as xo}from"react/jsx-runtime";var ot=e=>xo(de,{...e});import{Fragment as oa,jsx as ta}from"react/jsx-runtime";var Pe="button",nt=Pe;import{Fragment as Oo,jsx as W,jsxs as st}from"react/jsx-runtime";var J="k-button",No=["icon-button"],To=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Io={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},we={showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t,rounded:o,fillMode:n,themeColor:s,showArrow:a=we.showArrow,arrowIconName:c=we.arrowIconName,variant:N,hover:I,focus:h,active:y,selected:b,disabled:_,icon:P,text:g,iconClassName:k,...K}=e,M=P!==void 0,H=e.children!==void 0;return st("button",{...K,className:l(e.className,J,Ae(J,N),f(J,{size:t,rounded:o,fillMode:n,themeColor:s}),S(J,{hover:I,focus:h,active:y,disabled:_,selected:b}),{"k-icon-button":!g&&!H&&M}),children:[P&&W(T,{className:l(k,"k-button-icon"),icon:P}),g?st(Oo,{children:[g&&W("span",{className:"k-button-text",children:g}),e.children]}):e.children&&W("span",{className:"k-button-text",children:e.children}),a&&W("span",{className:"k-menu-button-arrow k-button-arrow",children:W(T,{icon:c})})]})};O.states=To;O.options=Io;O.variants=No;O.className=J;O.defaultOptions=we;O.moduleName=Pe;O.folderName=nt;import{jsx as ho}from"react/jsx-runtime";var at=e=>ho(O,{icon:"folder",...e,children:void 0});import{jsx as bo}from"react/jsx-runtime";var rt=e=>bo(O,{icon:"folder",children:"Button",...e});import{jsx as vo}from"react/jsx-runtime";var Q=e=>vo(O,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var yo=O.options,Mo=O.states,go={...O.defaultOptions,variant:"text"},So=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Po=[],Y=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(at,{...o,icon:"star"});case"icon-and-text":return ke(rt,{...o,icon:"star",children:"Button"});default:return ke(Q,{...o,children:"Button"})}};Y.options=yo;Y.states=Mo;Y.variants=So;Y.defaultOptions=go;Y.modifiers=Po;import{Fragment as _a,jsx as Ba}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var wo=x.states,ko=x.defaultOptions,Eo=x.options,Co=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lo=[],Z=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":n.prefix=t?.[s]?Ee(T,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[s]?Ee(Q,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[s];break;default:break}}),Ee(ot,{value:"Value",style:{width:300},...o,...n})};Z.options=Eo;Z.states=wo;Z.variants=Lo;Z.defaultOptions=ko;Z.modifiers=Co;import{jsx as Bo}from"react/jsx-runtime";var it="k-otp-input",Ao=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.readonly],zo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},pe={size:x.defaultOptions.size,rounded:x.defaultOptions.rounded,fillMode:x.defaultOptions.fillMode},m=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:n=pe.fillMode,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,...g}=e;return Bo(x,{...g,size:t,rounded:o,fillMode:n,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,showClearButton:!1,showValidationIcon:!1,className:l(e.className,it)})};m.states=Ao;m.options=zo;m.className=it;m.defaultOptions=pe;import{jsx as Ho}from"react/jsx-runtime";var lt="k-otp-separator",_o=[],Ko={},Ro={},L=e=>{let{children:t,...o}=e;return Ho("div",{...o,className:l(e.className,lt),children:t})};L.states=_o;L.options=Ko;L.className=lt;L.defaultOptions=Ro;import{Fragment as Do,jsx as R,jsxs as Uo}from"react/jsx-runtime";var dt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>R(v,{invalid:o,size:s,children:Uo(Do,{children:[R(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a})]})});import{jsx as Go}from"react/jsx-runtime";var ue="k-input-group",Vo=[r.disabled],Fo={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},$o={},w=e=>{let{fillMode:t,disabled:o,...n}=e;return Go("div",{...n,className:l(e.className,ue,f(ue,{fillMode:t}),S(ue,{disabled:o})),children:e.children})};w.states=Vo;w.options=Fo;w.className=ue;w.defaultOptions=$o;import{Fragment as qo,jsx as A,jsxs as Xo}from"react/jsx-runtime";var pt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>A(v,{invalid:o,size:s,children:A(qo,{children:Xo(w,{fillMode:n,children:[A(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a})]})})});import{Fragment as Wo,jsx as z,jsxs as Jo}from"react/jsx-runtime";var ut=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>z(v,{invalid:o,size:s,children:Jo(Wo,{children:[z(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(L,{children:"-"}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]})});import{jsx as me}from"react/jsx-runtime";var Qo=x.options,Yo=x.states,mt={...x.defaultOptions,variant:"normal"},Zo=[{name:"normal",title:"Normal"},{name:"grouping",title:"Grouping"}],jo=[{name:"no-space",title:"No Space"}],j=e=>{let{variant:t,modifiers:o,...n}={...mt,...e},s=!0;return Object.keys(o||{}).forEach(a=>{if(a==="no-space"){s=!o?.[a];return}}),t==="grouping"?s?me(ut,{...n}):me(ct,{...n}):s?me(dt,{...n}):me(pt,{...n})};j.options=Qo;j.states=Yo;j.variants=Zo;j.defaultOptions=mt;j.modifiers=jo;import{Fragment as en,jsx as B,jsxs as Ce}from"react/jsx-runtime";var ct=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>B(v,{invalid:o,size:s,children:Ce(en,{children:[Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]}),B(L,{children:"-"}),Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]})]})});export{ct as OneTimePasswordGroupsNoSpace};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:s,focus:a,checked:c,active:N,selected:I,disabled:h,indeterminate:y,loading:b,empty:_,readonly:P,highlighted:g,...k}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":s,"k-focus":a,"k-checked":c,"k-active":N,"k-selected":I,"k-disabled":h,"k-indeterminate":y&&!c,"k-loading":b,"k-empty":_,"k-readonly":P,"k-highlighted":g},Object.keys(k).reduce((K,M)=>(M.startsWith("k-")?K[M]=k[M]:K[`k-${M}`]=k[M],K),{}))};function Ae(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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 bt}from"react/jsx-runtime";var ee="k-otp",It=[r.invalid],Ot={size:[i.undefined,i.small,i.medium,i.large]},ht={},v=e=>{let{size:t,invalid:o,...n}=e;return bt("div",{...n,className:l(e.className,ee,f(ee,{size:t}),S(ee,{invalid:o})),children:e.children})};v.states=It;v.options=Ot;v.className=ee;v.defaultOptions=ht;v.moduleName="otp";v.folderName="otp";var ce="textbox",ze=ce;var U="input",te=U;import{jsx as gt}from"react/jsx-runtime";var oe="k-input",vt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],yt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Mt={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return gt("span",{...b,className:l(e.className,oe,f(oe,{size:I,rounded:h,fillMode:y}),S(oe,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N}))})};E.states=vt;E.options=yt;E.className=oe;E.defaultOptions=Mt;E.moduleName=U;E.folderName=te;import{jsx as kt}from"react/jsx-runtime";var ne="k-picker",St=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Pt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},wt={},D=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return kt("span",{...b,className:l(e.className,ne,f(ne,{size:I,rounded:h,fillMode:y}),S(ne,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N})),children:e.children})};D.states=St;D.options=Pt;D.className=ne;D.defaultOptions=wt;D.moduleName=U;D.folderName=te;import{Fragment as At,jsx as Be}from"react/jsx-runtime";var fe="k-font-icon",Et=[],Ct={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Lt={},V=e=>{let{size:t,themeColor:o,icon:n,rotate:s,flip:a,...c}=e;return n?Be("span",{...c,className:l(e.className,fe,f(fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):Be(At,{})};V.states=Et;V.options=Ct;V.className=fe;V.defaultOptions=Lt;var _e=V;import{Fragment as _t,jsx as se}from"react/jsx-runtime";var xe="k-svg-icon",zt=[],Bt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ke={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:n,flip:s,viewBox:a=Ke.viewBox,icon:c,...N}=e;if(!c)return se(_t,{});c==="none"&&{...N,className:l(e.className,xe,"k-none")};let I=typeof c=="object"&&c.name&&c.name;return se("span",{...N,className:l(e.className,xe,f("k-icon",{size:t}),{[`k-svg-i-${I}`]:I,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:se("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};F.states=zt;F.options=Bt;F.className=xe;F.defaultOptions=Ke;var Ne=F;import*as Te from"@progress/kendo-svg-icons";var Re="icon",He="icons";import{useContext as Rt}from"react";import{createContext as Kt}from"react";var De=Kt({iconsType:"svg"});import{Fragment as Ue,jsx as $}from"react/jsx-runtime";var ae="k-icon",Ht=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Dt=[],Ut={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ie={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=Rt(De),{size:o,themeColor:n,icon:s,type:a=t||Ie.type,rotate:c,flip:N,viewBox:I=Ie.viewBox,...h}=e;if(!s)return $(Ue,{});if((t||a)==="svg"){if(s==="none")return $(Ne,{...h,className:l(e.className,ae),icon:s,size:o});let b=Te[s]?s:Ht(`${s}-icon`);return Te[b]?$(Ne,{...h,className:l(e.className,ae),icon:Te[b],size:o,themeColor:n,rotate:c,flip:N,viewBox:I}):$(Ue,{})}return $(_e,{...h,className:l(e.className,ae),icon:s,size:o,themeColor:n,rotate:c,flip:N})};T.states=Dt;T.options=Ut;T.defaultOptions=Ie;T.className=ae;T.moduleName=Re;T.folderName=He;import{Fragment as $t,jsx as Oe}from"react/jsx-runtime";var Ve="k-clear-value",Vt=[r.disabled,r.loading,r.readonly],Ft={},G=e=>{let{disabled:t,loading:o,readonly:n,value:s}=e;return t||n||o||!s?Oe($t,{}):Oe("span",{className:l(e.className,Ve),children:Oe(T,{icon:"x"})})};G.states=Vt;G.options=Ft;G.className=Ve;import{jsx as qt}from"react/jsx-runtime";var he="k-input-inner",Gt=[],Xt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=re.value,type:o=re.type,placeholder:n=re.placeholder,autocomplete:s=re.autocomplete,...a}=e;return qt("input",{...a,type:o,className:l(e.className,he,f(he,e)),placeholder:n,autoComplete:s,defaultValue:t})};X.states=Gt;X.options=Xt;X.className=he;import{jsx as Fe,jsxs as Qt}from"react/jsx-runtime";var be="k-input-inner",Wt=[],Jt={},ve=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:s,valueIconName:a,...c}=e;return Qt("span",{...c,className:l(e.className,be,f(be,e)),children:[s,!s&&a&&Fe(T,{className:"k-input-value-icon",icon:a}),n&&!t&&o,n&&t&&Fe("span",{className:"k-input-value-text",children:t})]})};ve.states=Wt;ve.options=Jt;ve.className=be;import{jsx as jt}from"react/jsx-runtime";var ye="k-input-inner",Yt=[],Zt={},$e={value:"",placeholder:""},Me=e=>{let{value:t=$e.value,placeholder:o=$e.placeholder,rows:n,...s}=e;return jt("textarea",{...s,className:l(e.className,ye,f(ye,e)),placeholder:o,rows:n,defaultValue:t})};Me.states=Yt;Me.options=Zt;Me.className=ye;import{Fragment as to,jsx as Ge}from"react/jsx-runtime";var Xe="k-input-loading-icon",eo=[r.disabled,r.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ge(to,{}):Ge("span",{className:l(e.className,Xe,"k-icon k-i-loading")})};ie.states=eo;ie.className=Xe;import{Fragment as so,jsx as qe}from"react/jsx-runtime";var We="k-input-validation-icon",oo=[r.valid,r.invalid,r.disabled,r.loading],no={},q=e=>{let{valid:t,invalid:o,disabled:n,loading:s}=e,a=o?"warning-circle":"check-circle";return n||s||!!!(t||o)?qe(so,{}):qe(T,{className:l(We),icon:a})};q.states=oo;q.options=no;q.className=We;import{Fragment as io,jsx as Je}from"react/jsx-runtime";var ao="k-input-prefix",ro={direction:"horizontal"},Qe=e=>{let{direction:t=ro.direction,...o}=e;return e.children?Je("span",{...o,className:l(ao,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Je(io,{})};import{Fragment as uo,jsx as Ye}from"react/jsx-runtime";var lo="k-input-suffix",po={direction:"horizontal"},Ze=e=>{let{direction:t=po.direction,...o}=e;return e.children?Ye("span",{...o,className:l(lo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ye(uo,{})};import{jsx as bs}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";var je="k-input-separator",mo={direction:"vertical"},ge=e=>{let{direction:t=mo.direction,...o}=e;return co("span",{...o,className:l(je,e.className,{[`${je}-${t}`]:t})})};import{Fragment as et,jsx as C,jsxs as Se}from"react/jsx-runtime";var tt="k-textbox",fo=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],xo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},le={showClearButton:!0,showValidationIcon:!0,separators:!0},x=e=>{let{size:t,rounded:o,fillMode:n,separators:s=le.separators,showClearButton:a=le.showClearButton,showValidationIcon:c=le.showValidationIcon,prefix:N,suffix:I,type:h,value:y,placeholder:b,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,...xt}=e;return Se(E,{...xt,size:t,rounded:o,fillMode:n,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,className:l(e.className,tt),children:[N&&Se(et,{children:[C(Qe,{children:N}),s&&C(ge,{})]}),C(X,{placeholder:b,value:y,type:h}),c&&C(q,{valid:g,invalid:k,loading:M,disabled:H}),C(ie,{loading:M,disabled:H}),a&&C(G,{loading:M,disabled:H,readonly:Le,value:y}),I&&Se(et,{children:[s&&C(ge,{}),C(Ze,{children:I})]})]})};x.states=fo;x.options=xo;x.className=tt;x.defaultOptions=le;x.moduleName=ce;x.folderName=ze;var de=x;import{jsx as No}from"react/jsx-runtime";var ot=e=>No(de,{...e});import{Fragment as oa,jsx as ta}from"react/jsx-runtime";var Pe="button",nt=Pe;import{Fragment as ho,jsx as W,jsxs as st}from"react/jsx-runtime";var J="k-button",To=["icon-button"],Io=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Oo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},we={showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t,rounded:o,fillMode:n,themeColor:s,showArrow:a=we.showArrow,arrowIconName:c=we.arrowIconName,variant:N,hover:I,focus:h,active:y,selected:b,disabled:_,icon:P,text:g,iconClassName:k,...K}=e,M=P!==void 0,H=e.children!==void 0;return st("button",{...K,className:l(e.className,J,Ae(J,N),f(J,{size:t,rounded:o,fillMode:n,themeColor:s}),S(J,{hover:I,focus:h,active:y,disabled:_,selected:b}),{"k-icon-button":!g&&!H&&M}),children:[P&&W(T,{className:l(k,"k-button-icon"),icon:P}),g?st(ho,{children:[g&&W("span",{className:"k-button-text",children:g}),e.children]}):e.children&&W("span",{className:"k-button-text",children:e.children}),a&&W("span",{className:"k-menu-button-arrow k-button-arrow",children:W(T,{icon:c})})]})};O.states=Io;O.options=Oo;O.variants=To;O.className=J;O.defaultOptions=we;O.moduleName=Pe;O.folderName=nt;import{jsx as bo}from"react/jsx-runtime";var at=e=>bo(O,{icon:"folder",...e,children:void 0});import{jsx as vo}from"react/jsx-runtime";var rt=e=>vo(O,{icon:"folder",children:"Button",...e});import{jsx as yo}from"react/jsx-runtime";var Q=e=>yo(O,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var Mo=O.options,go=O.states,So={...O.defaultOptions,variant:"text"},Po=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wo=[],Y=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(at,{...o,icon:"star"});case"icon-and-text":return ke(rt,{...o,icon:"star",children:"Button"});default:return ke(Q,{...o,children:"Button"})}};Y.options=Mo;Y.states=go;Y.variants=Po;Y.defaultOptions=So;Y.modifiers=wo;import{Fragment as _a,jsx as Ba}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var ko=x.states,Eo=x.defaultOptions,Co=x.options,Lo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ao=[],Z=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":n.prefix=t?.[s]?Ee(T,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[s]?Ee(Q,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[s];break;default:break}}),Ee(ot,{value:"Value",style:{width:300},...o,...n})};Z.options=Co;Z.states=ko;Z.variants=Ao;Z.defaultOptions=Eo;Z.modifiers=Lo;import{jsx as _o}from"react/jsx-runtime";var it="k-otp-input",zo=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.readonly],Bo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},pe={size:x.defaultOptions.size,rounded:x.defaultOptions.rounded,fillMode:x.defaultOptions.fillMode},m=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:n=pe.fillMode,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,...g}=e;return _o(x,{...g,size:t,rounded:o,fillMode:n,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,showClearButton:!1,showValidationIcon:!1,className:l(e.className,it)})};m.states=zo;m.options=Bo;m.className=it;m.defaultOptions=pe;import{jsx as Do}from"react/jsx-runtime";var lt="k-otp-separator",Ko=[],Ro={},Ho={},L=e=>{let{children:t,...o}=e;return Do("div",{...o,className:l(e.className,lt),children:t})};L.states=Ko;L.options=Ro;L.className=lt;L.defaultOptions=Ho;import{Fragment as Uo,jsx as R,jsxs as Vo}from"react/jsx-runtime";var dt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>R(v,{invalid:o,size:s,children:Vo(Uo,{children:[R(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a})]})});import{jsx as Go}from"react/jsx-runtime";var ue="k-input-group",Fo=[r.disabled],$o={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},pt={fillMode:u.solid},w=e=>{let{fillMode:t=pt.fillMode,disabled:o,...n}=e;return Go("div",{...n,className:l(e.className,ue,f(ue,{fillMode:t}),S(ue,{disabled:o})),children:e.children})};w.states=Fo;w.options=$o;w.className=ue;w.defaultOptions=pt;import{Fragment as qo,jsx as A,jsxs as Xo}from"react/jsx-runtime";var ut=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>A(v,{invalid:o,size:s,children:A(qo,{children:Xo(w,{fillMode:n,children:[A(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a})]})})});import{Fragment as Wo,jsx as z,jsxs as Ce}from"react/jsx-runtime";var mt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>z(v,{invalid:o,size:s,children:Ce(Wo,{children:[Ce(w,{fillMode:n,children:[z(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]}),z(L,{children:"-"}),Ce(w,{fillMode:n,children:[z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]})]})});import{jsx as me}from"react/jsx-runtime";var Jo=x.options,Qo=x.states,ct={...x.defaultOptions,variant:"normal"},Yo=[{name:"normal",title:"Normal"},{name:"grouping",title:"Grouping"}],Zo=[{name:"no-space",title:"No Space"}],j=e=>{let{variant:t,modifiers:o,...n}={...ct,...e},s=!0;return Object.keys(o||{}).forEach(a=>{if(a==="no-space"){s=!o?.[a];return}}),t==="grouping"?s?me(ft,{...n}):me(mt,{...n}):s?me(dt,{...n}):me(ut,{...n})};j.options=Jo;j.states=Qo;j.variants=Yo;j.defaultOptions=ct;j.modifiers=Zo;import{Fragment as jo,jsx as B,jsxs as en}from"react/jsx-runtime";var ft=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>B(v,{invalid:o,size:s,children:en(jo,{children:[B(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(L,{children:"-"}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]})});export{ft as OneTimePasswordGroups};
|
|
1
|
+
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:s,focus:a,checked:c,active:N,selected:I,disabled:h,indeterminate:y,loading:b,empty:_,readonly:P,highlighted:g,...k}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":s,"k-focus":a,"k-checked":c,"k-active":N,"k-selected":I,"k-disabled":h,"k-indeterminate":y&&!c,"k-loading":b,"k-empty":_,"k-readonly":P,"k-highlighted":g},Object.keys(k).reduce((K,M)=>(M.startsWith("k-")?K[M]=k[M]:K[`k-${M}`]=k[M],K),{}))};function Ae(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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 ht}from"react/jsx-runtime";var ee="k-otp",Tt=[r.invalid],It={size:[i.undefined,i.small,i.medium,i.large]},Ot={},v=e=>{let{size:t,invalid:o,...n}=e;return ht("div",{...n,className:l(e.className,ee,f(ee,{size:t}),S(ee,{invalid:o})),children:e.children})};v.states=Tt;v.options=It;v.className=ee;v.defaultOptions=Ot;v.moduleName="otp";v.folderName="otp";var ce="textbox",ze=ce;var U="input",te=U;import{jsx as Mt}from"react/jsx-runtime";var oe="k-input",bt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],vt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},yt={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return Mt("span",{...b,className:l(e.className,oe,f(oe,{size:I,rounded:h,fillMode:y}),S(oe,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N}))})};E.states=bt;E.options=vt;E.className=oe;E.defaultOptions=yt;E.moduleName=U;E.folderName=te;import{jsx as wt}from"react/jsx-runtime";var ne="k-picker",gt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],St={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Pt={},D=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return wt("span",{...b,className:l(e.className,ne,f(ne,{size:I,rounded:h,fillMode:y}),S(ne,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N})),children:e.children})};D.states=gt;D.options=St;D.className=ne;D.defaultOptions=Pt;D.moduleName=U;D.folderName=te;import{Fragment as Lt,jsx as Be}from"react/jsx-runtime";var fe="k-font-icon",kt=[],Et={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ct={},V=e=>{let{size:t,themeColor:o,icon:n,rotate:s,flip:a,...c}=e;return n?Be("span",{...c,className:l(e.className,fe,f(fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):Be(Lt,{})};V.states=kt;V.options=Et;V.className=fe;V.defaultOptions=Ct;var _e=V;import{Fragment as Bt,jsx as se}from"react/jsx-runtime";var xe="k-svg-icon",At=[],zt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ke={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:n,flip:s,viewBox:a=Ke.viewBox,icon:c,...N}=e;if(!c)return se(Bt,{});c==="none"&&{...N,className:l(e.className,xe,"k-none")};let I=typeof c=="object"&&c.name&&c.name;return se("span",{...N,className:l(e.className,xe,f("k-icon",{size:t}),{[`k-svg-i-${I}`]:I,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:se("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};F.states=At;F.options=zt;F.className=xe;F.defaultOptions=Ke;var Ne=F;import*as Te from"@progress/kendo-svg-icons";var Re="icon",He="icons";import{useContext as Kt}from"react";import{createContext as _t}from"react";var De=_t({iconsType:"svg"});import{Fragment as Ue,jsx as $}from"react/jsx-runtime";var ae="k-icon",Rt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ht=[],Dt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ie={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=Kt(De),{size:o,themeColor:n,icon:s,type:a=t||Ie.type,rotate:c,flip:N,viewBox:I=Ie.viewBox,...h}=e;if(!s)return $(Ue,{});if((t||a)==="svg"){if(s==="none")return $(Ne,{...h,className:l(e.className,ae),icon:s,size:o});let b=Te[s]?s:Rt(`${s}-icon`);return Te[b]?$(Ne,{...h,className:l(e.className,ae),icon:Te[b],size:o,themeColor:n,rotate:c,flip:N,viewBox:I}):$(Ue,{})}return $(_e,{...h,className:l(e.className,ae),icon:s,size:o,themeColor:n,rotate:c,flip:N})};T.states=Ht;T.options=Dt;T.defaultOptions=Ie;T.className=ae;T.moduleName=Re;T.folderName=He;import{Fragment as Ft,jsx as Oe}from"react/jsx-runtime";var Ve="k-clear-value",Ut=[r.disabled,r.loading,r.readonly],Vt={},G=e=>{let{disabled:t,loading:o,readonly:n,value:s}=e;return t||n||o||!s?Oe(Ft,{}):Oe("span",{className:l(e.className,Ve),children:Oe(T,{icon:"x"})})};G.states=Ut;G.options=Vt;G.className=Ve;import{jsx as Xt}from"react/jsx-runtime";var he="k-input-inner",$t=[],Gt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=re.value,type:o=re.type,placeholder:n=re.placeholder,autocomplete:s=re.autocomplete,...a}=e;return Xt("input",{...a,type:o,className:l(e.className,he,f(he,e)),placeholder:n,autoComplete:s,defaultValue:t})};X.states=$t;X.options=Gt;X.className=he;import{jsx as Fe,jsxs as Jt}from"react/jsx-runtime";var be="k-input-inner",qt=[],Wt={},ve=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:s,valueIconName:a,...c}=e;return Jt("span",{...c,className:l(e.className,be,f(be,e)),children:[s,!s&&a&&Fe(T,{className:"k-input-value-icon",icon:a}),n&&!t&&o,n&&t&&Fe("span",{className:"k-input-value-text",children:t})]})};ve.states=qt;ve.options=Wt;ve.className=be;import{jsx as Zt}from"react/jsx-runtime";var ye="k-input-inner",Qt=[],Yt={},$e={value:"",placeholder:""},Me=e=>{let{value:t=$e.value,placeholder:o=$e.placeholder,rows:n,...s}=e;return Zt("textarea",{...s,className:l(e.className,ye,f(ye,e)),placeholder:o,rows:n,defaultValue:t})};Me.states=Qt;Me.options=Yt;Me.className=ye;import{Fragment as eo,jsx as Ge}from"react/jsx-runtime";var Xe="k-input-loading-icon",jt=[r.disabled,r.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ge(eo,{}):Ge("span",{className:l(e.className,Xe,"k-icon k-i-loading")})};ie.states=jt;ie.className=Xe;import{Fragment as no,jsx as qe}from"react/jsx-runtime";var We="k-input-validation-icon",to=[r.valid,r.invalid,r.disabled,r.loading],oo={},q=e=>{let{valid:t,invalid:o,disabled:n,loading:s}=e,a=o?"warning-circle":"check-circle";return n||s||!!!(t||o)?qe(no,{}):qe(T,{className:l(We),icon:a})};q.states=to;q.options=oo;q.className=We;import{Fragment as ro,jsx as Je}from"react/jsx-runtime";var so="k-input-prefix",ao={direction:"horizontal"},Qe=e=>{let{direction:t=ao.direction,...o}=e;return e.children?Je("span",{...o,className:l(so,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Je(ro,{})};import{Fragment as po,jsx as Ye}from"react/jsx-runtime";var io="k-input-suffix",lo={direction:"horizontal"},Ze=e=>{let{direction:t=lo.direction,...o}=e;return e.children?Ye("span",{...o,className:l(io,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ye(po,{})};import{jsx as bs}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as mo}from"react/jsx-runtime";var je="k-input-separator",uo={direction:"vertical"},ge=e=>{let{direction:t=uo.direction,...o}=e;return mo("span",{...o,className:l(je,e.className,{[`${je}-${t}`]:t})})};import{Fragment as et,jsx as C,jsxs as Se}from"react/jsx-runtime";var tt="k-textbox",co=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],fo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},le={showClearButton:!0,showValidationIcon:!0,separators:!0},x=e=>{let{size:t,rounded:o,fillMode:n,separators:s=le.separators,showClearButton:a=le.showClearButton,showValidationIcon:c=le.showValidationIcon,prefix:N,suffix:I,type:h,value:y,placeholder:b,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,...ft}=e;return Se(E,{...ft,size:t,rounded:o,fillMode:n,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,className:l(e.className,tt),children:[N&&Se(et,{children:[C(Qe,{children:N}),s&&C(ge,{})]}),C(X,{placeholder:b,value:y,type:h}),c&&C(q,{valid:g,invalid:k,loading:M,disabled:H}),C(ie,{loading:M,disabled:H}),a&&C(G,{loading:M,disabled:H,readonly:Le,value:y}),I&&Se(et,{children:[s&&C(ge,{}),C(Ze,{children:I})]})]})};x.states=co;x.options=fo;x.className=tt;x.defaultOptions=le;x.moduleName=ce;x.folderName=ze;var de=x;import{jsx as xo}from"react/jsx-runtime";var ot=e=>xo(de,{...e});import{Fragment as oa,jsx as ta}from"react/jsx-runtime";var Pe="button",nt=Pe;import{Fragment as Oo,jsx as W,jsxs as st}from"react/jsx-runtime";var J="k-button",No=["icon-button"],To=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Io={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},we={showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t,rounded:o,fillMode:n,themeColor:s,showArrow:a=we.showArrow,arrowIconName:c=we.arrowIconName,variant:N,hover:I,focus:h,active:y,selected:b,disabled:_,icon:P,text:g,iconClassName:k,...K}=e,M=P!==void 0,H=e.children!==void 0;return st("button",{...K,className:l(e.className,J,Ae(J,N),f(J,{size:t,rounded:o,fillMode:n,themeColor:s}),S(J,{hover:I,focus:h,active:y,disabled:_,selected:b}),{"k-icon-button":!g&&!H&&M}),children:[P&&W(T,{className:l(k,"k-button-icon"),icon:P}),g?st(Oo,{children:[g&&W("span",{className:"k-button-text",children:g}),e.children]}):e.children&&W("span",{className:"k-button-text",children:e.children}),a&&W("span",{className:"k-menu-button-arrow k-button-arrow",children:W(T,{icon:c})})]})};O.states=To;O.options=Io;O.variants=No;O.className=J;O.defaultOptions=we;O.moduleName=Pe;O.folderName=nt;import{jsx as ho}from"react/jsx-runtime";var at=e=>ho(O,{icon:"folder",...e,children:void 0});import{jsx as bo}from"react/jsx-runtime";var rt=e=>bo(O,{icon:"folder",children:"Button",...e});import{jsx as vo}from"react/jsx-runtime";var Q=e=>vo(O,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var yo=O.options,Mo=O.states,go={...O.defaultOptions,variant:"text"},So=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Po=[],Y=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(at,{...o,icon:"star"});case"icon-and-text":return ke(rt,{...o,icon:"star",children:"Button"});default:return ke(Q,{...o,children:"Button"})}};Y.options=yo;Y.states=Mo;Y.variants=So;Y.defaultOptions=go;Y.modifiers=Po;import{Fragment as _a,jsx as Ba}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var wo=x.states,ko=x.defaultOptions,Eo=x.options,Co=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lo=[],Z=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":n.prefix=t?.[s]?Ee(T,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[s]?Ee(Q,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[s];break;default:break}}),Ee(ot,{value:"Value",style:{width:300},...o,...n})};Z.options=Eo;Z.states=wo;Z.variants=Lo;Z.defaultOptions=ko;Z.modifiers=Co;import{jsx as Bo}from"react/jsx-runtime";var it="k-otp-input",Ao=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.readonly],zo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},pe={size:x.defaultOptions.size,rounded:x.defaultOptions.rounded,fillMode:x.defaultOptions.fillMode},m=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:n=pe.fillMode,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,...g}=e;return Bo(x,{...g,size:t,rounded:o,fillMode:n,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,showClearButton:!1,showValidationIcon:!1,className:l(e.className,it)})};m.states=Ao;m.options=zo;m.className=it;m.defaultOptions=pe;import{jsx as Ho}from"react/jsx-runtime";var lt="k-otp-separator",_o=[],Ko={},Ro={},L=e=>{let{children:t,...o}=e;return Ho("div",{...o,className:l(e.className,lt),children:t})};L.states=_o;L.options=Ko;L.className=lt;L.defaultOptions=Ro;import{Fragment as Do,jsx as R,jsxs as Uo}from"react/jsx-runtime";var dt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>R(v,{invalid:o,size:s,children:Uo(Do,{children:[R(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a})]})});import{jsx as Go}from"react/jsx-runtime";var ue="k-input-group",Vo=[r.disabled],Fo={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},$o={},w=e=>{let{fillMode:t,disabled:o,...n}=e;return Go("div",{...n,className:l(e.className,ue,f(ue,{fillMode:t}),S(ue,{disabled:o})),children:e.children})};w.states=Vo;w.options=Fo;w.className=ue;w.defaultOptions=$o;import{Fragment as qo,jsx as A,jsxs as Xo}from"react/jsx-runtime";var pt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>A(v,{invalid:o,size:s,children:A(qo,{children:Xo(w,{fillMode:n,children:[A(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a})]})})});import{Fragment as Wo,jsx as z,jsxs as Ce}from"react/jsx-runtime";var ut=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>z(v,{invalid:o,size:s,children:Ce(Wo,{children:[Ce(w,{fillMode:n,children:[z(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]}),z(L,{children:"-"}),Ce(w,{fillMode:n,children:[z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]})]})});import{jsx as me}from"react/jsx-runtime";var Jo=x.options,Qo=x.states,mt={...x.defaultOptions,variant:"normal"},Yo=[{name:"normal",title:"Normal"},{name:"grouping",title:"Grouping"}],Zo=[{name:"no-space",title:"No Space"}],j=e=>{let{variant:t,modifiers:o,...n}={...mt,...e},s=!0;return Object.keys(o||{}).forEach(a=>{if(a==="no-space"){s=!o?.[a];return}}),t==="grouping"?s?me(ct,{...n}):me(ut,{...n}):s?me(dt,{...n}):me(pt,{...n})};j.options=Jo;j.states=Qo;j.variants=Yo;j.defaultOptions=mt;j.modifiers=Zo;import{Fragment as jo,jsx as B,jsxs as en}from"react/jsx-runtime";var ct=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>B(v,{invalid:o,size:s,children:en(jo,{children:[B(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(L,{children:"-"}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]})});export{ct as OneTimePasswordGroups};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:s,focus:a,checked:c,active:N,selected:I,disabled:h,indeterminate:y,loading:b,empty:_,readonly:P,highlighted:g,...k}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":s,"k-focus":a,"k-checked":c,"k-active":N,"k-selected":I,"k-disabled":h,"k-indeterminate":y&&!c,"k-loading":b,"k-empty":_,"k-readonly":P,"k-highlighted":g},Object.keys(k).reduce((K,M)=>(M.startsWith("k-")?K[M]=k[M]:K[`k-${M}`]=k[M],K),{}))};function Ae(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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 bt}from"react/jsx-runtime";var ee="k-otp",It=[r.invalid],Ot={size:[i.undefined,i.small,i.medium,i.large]},ht={},v=e=>{let{size:t,invalid:o,...n}=e;return bt("div",{...n,className:l(e.className,ee,f(ee,{size:t}),S(ee,{invalid:o})),children:e.children})};v.states=It;v.options=Ot;v.className=ee;v.defaultOptions=ht;v.moduleName="otp";v.folderName="otp";var ce="textbox",ze=ce;var U="input",te=U;import{jsx as gt}from"react/jsx-runtime";var oe="k-input",vt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],yt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Mt={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return gt("span",{...b,className:l(e.className,oe,f(oe,{size:I,rounded:h,fillMode:y}),S(oe,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N}))})};E.states=vt;E.options=yt;E.className=oe;E.defaultOptions=Mt;E.moduleName=U;E.folderName=te;import{jsx as kt}from"react/jsx-runtime";var ne="k-picker",St=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Pt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},wt={},D=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return kt("span",{...b,className:l(e.className,ne,f(ne,{size:I,rounded:h,fillMode:y}),S(ne,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N})),children:e.children})};D.states=St;D.options=Pt;D.className=ne;D.defaultOptions=wt;D.moduleName=U;D.folderName=te;import{Fragment as At,jsx as Be}from"react/jsx-runtime";var fe="k-font-icon",Et=[],Ct={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Lt={},V=e=>{let{size:t,themeColor:o,icon:n,rotate:s,flip:a,...c}=e;return n?Be("span",{...c,className:l(e.className,fe,f(fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):Be(At,{})};V.states=Et;V.options=Ct;V.className=fe;V.defaultOptions=Lt;var _e=V;import{Fragment as _t,jsx as se}from"react/jsx-runtime";var xe="k-svg-icon",zt=[],Bt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ke={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:n,flip:s,viewBox:a=Ke.viewBox,icon:c,...N}=e;if(!c)return se(_t,{});c==="none"&&{...N,className:l(e.className,xe,"k-none")};let I=typeof c=="object"&&c.name&&c.name;return se("span",{...N,className:l(e.className,xe,f("k-icon",{size:t}),{[`k-svg-i-${I}`]:I,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:se("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};F.states=zt;F.options=Bt;F.className=xe;F.defaultOptions=Ke;var Ne=F;import*as Te from"@progress/kendo-svg-icons";var Re="icon",He="icons";import{useContext as Rt}from"react";import{createContext as Kt}from"react";var De=Kt({iconsType:"svg"});import{Fragment as Ue,jsx as $}from"react/jsx-runtime";var ae="k-icon",Ht=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Dt=[],Ut={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ie={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=Rt(De),{size:o,themeColor:n,icon:s,type:a=t||Ie.type,rotate:c,flip:N,viewBox:I=Ie.viewBox,...h}=e;if(!s)return $(Ue,{});if((t||a)==="svg"){if(s==="none")return $(Ne,{...h,className:l(e.className,ae),icon:s,size:o});let b=Te[s]?s:Ht(`${s}-icon`);return Te[b]?$(Ne,{...h,className:l(e.className,ae),icon:Te[b],size:o,themeColor:n,rotate:c,flip:N,viewBox:I}):$(Ue,{})}return $(_e,{...h,className:l(e.className,ae),icon:s,size:o,themeColor:n,rotate:c,flip:N})};T.states=Dt;T.options=Ut;T.defaultOptions=Ie;T.className=ae;T.moduleName=Re;T.folderName=He;import{Fragment as $t,jsx as Oe}from"react/jsx-runtime";var Ve="k-clear-value",Vt=[r.disabled,r.loading,r.readonly],Ft={},G=e=>{let{disabled:t,loading:o,readonly:n,value:s}=e;return t||n||o||!s?Oe($t,{}):Oe("span",{className:l(e.className,Ve),children:Oe(T,{icon:"x"})})};G.states=Vt;G.options=Ft;G.className=Ve;import{jsx as qt}from"react/jsx-runtime";var he="k-input-inner",Gt=[],Xt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=re.value,type:o=re.type,placeholder:n=re.placeholder,autocomplete:s=re.autocomplete,...a}=e;return qt("input",{...a,type:o,className:l(e.className,he,f(he,e)),placeholder:n,autoComplete:s,defaultValue:t})};X.states=Gt;X.options=Xt;X.className=he;import{jsx as Fe,jsxs as Qt}from"react/jsx-runtime";var be="k-input-inner",Wt=[],Jt={},ve=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:s,valueIconName:a,...c}=e;return Qt("span",{...c,className:l(e.className,be,f(be,e)),children:[s,!s&&a&&Fe(T,{className:"k-input-value-icon",icon:a}),n&&!t&&o,n&&t&&Fe("span",{className:"k-input-value-text",children:t})]})};ve.states=Wt;ve.options=Jt;ve.className=be;import{jsx as jt}from"react/jsx-runtime";var ye="k-input-inner",Yt=[],Zt={},$e={value:"",placeholder:""},Me=e=>{let{value:t=$e.value,placeholder:o=$e.placeholder,rows:n,...s}=e;return jt("textarea",{...s,className:l(e.className,ye,f(ye,e)),placeholder:o,rows:n,defaultValue:t})};Me.states=Yt;Me.options=Zt;Me.className=ye;import{Fragment as to,jsx as Ge}from"react/jsx-runtime";var Xe="k-input-loading-icon",eo=[r.disabled,r.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ge(to,{}):Ge("span",{className:l(e.className,Xe,"k-icon k-i-loading")})};ie.states=eo;ie.className=Xe;import{Fragment as so,jsx as qe}from"react/jsx-runtime";var We="k-input-validation-icon",oo=[r.valid,r.invalid,r.disabled,r.loading],no={},q=e=>{let{valid:t,invalid:o,disabled:n,loading:s}=e,a=o?"warning-circle":"check-circle";return n||s||!!!(t||o)?qe(so,{}):qe(T,{className:l(We),icon:a})};q.states=oo;q.options=no;q.className=We;import{Fragment as io,jsx as Je}from"react/jsx-runtime";var ao="k-input-prefix",ro={direction:"horizontal"},Qe=e=>{let{direction:t=ro.direction,...o}=e;return e.children?Je("span",{...o,className:l(ao,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Je(io,{})};import{Fragment as uo,jsx as Ye}from"react/jsx-runtime";var lo="k-input-suffix",po={direction:"horizontal"},Ze=e=>{let{direction:t=po.direction,...o}=e;return e.children?Ye("span",{...o,className:l(lo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ye(uo,{})};import{jsx as bs}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";var je="k-input-separator",mo={direction:"vertical"},ge=e=>{let{direction:t=mo.direction,...o}=e;return co("span",{...o,className:l(je,e.className,{[`${je}-${t}`]:t})})};import{Fragment as et,jsx as C,jsxs as Se}from"react/jsx-runtime";var tt="k-textbox",fo=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],xo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},le={showClearButton:!0,showValidationIcon:!0,separators:!0},x=e=>{let{size:t,rounded:o,fillMode:n,separators:s=le.separators,showClearButton:a=le.showClearButton,showValidationIcon:c=le.showValidationIcon,prefix:N,suffix:I,type:h,value:y,placeholder:b,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,...xt}=e;return Se(E,{...xt,size:t,rounded:o,fillMode:n,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,className:l(e.className,tt),children:[N&&Se(et,{children:[C(Qe,{children:N}),s&&C(ge,{})]}),C(X,{placeholder:b,value:y,type:h}),c&&C(q,{valid:g,invalid:k,loading:M,disabled:H}),C(ie,{loading:M,disabled:H}),a&&C(G,{loading:M,disabled:H,readonly:Le,value:y}),I&&Se(et,{children:[s&&C(ge,{}),C(Ze,{children:I})]})]})};x.states=fo;x.options=xo;x.className=tt;x.defaultOptions=le;x.moduleName=ce;x.folderName=ze;var de=x;import{jsx as No}from"react/jsx-runtime";var ot=e=>No(de,{...e});import{Fragment as oa,jsx as ta}from"react/jsx-runtime";var Pe="button",nt=Pe;import{Fragment as ho,jsx as W,jsxs as st}from"react/jsx-runtime";var J="k-button",To=["icon-button"],Io=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Oo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},we={showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t,rounded:o,fillMode:n,themeColor:s,showArrow:a=we.showArrow,arrowIconName:c=we.arrowIconName,variant:N,hover:I,focus:h,active:y,selected:b,disabled:_,icon:P,text:g,iconClassName:k,...K}=e,M=P!==void 0,H=e.children!==void 0;return st("button",{...K,className:l(e.className,J,Ae(J,N),f(J,{size:t,rounded:o,fillMode:n,themeColor:s}),S(J,{hover:I,focus:h,active:y,disabled:_,selected:b}),{"k-icon-button":!g&&!H&&M}),children:[P&&W(T,{className:l(k,"k-button-icon"),icon:P}),g?st(ho,{children:[g&&W("span",{className:"k-button-text",children:g}),e.children]}):e.children&&W("span",{className:"k-button-text",children:e.children}),a&&W("span",{className:"k-menu-button-arrow k-button-arrow",children:W(T,{icon:c})})]})};O.states=Io;O.options=Oo;O.variants=To;O.className=J;O.defaultOptions=we;O.moduleName=Pe;O.folderName=nt;import{jsx as bo}from"react/jsx-runtime";var at=e=>bo(O,{icon:"folder",...e,children:void 0});import{jsx as vo}from"react/jsx-runtime";var rt=e=>vo(O,{icon:"folder",children:"Button",...e});import{jsx as yo}from"react/jsx-runtime";var Q=e=>yo(O,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var Mo=O.options,go=O.states,So={...O.defaultOptions,variant:"text"},Po=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wo=[],Y=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(at,{...o,icon:"star"});case"icon-and-text":return ke(rt,{...o,icon:"star",children:"Button"});default:return ke(Q,{...o,children:"Button"})}};Y.options=Mo;Y.states=go;Y.variants=Po;Y.defaultOptions=So;Y.modifiers=wo;import{Fragment as _a,jsx as Ba}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var ko=x.states,Eo=x.defaultOptions,Co=x.options,Lo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ao=[],Z=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":n.prefix=t?.[s]?Ee(T,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[s]?Ee(Q,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[s];break;default:break}}),Ee(ot,{value:"Value",style:{width:300},...o,...n})};Z.options=Co;Z.states=ko;Z.variants=Ao;Z.defaultOptions=Eo;Z.modifiers=Lo;import{jsx as _o}from"react/jsx-runtime";var it="k-otp-input",zo=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.readonly],Bo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},pe={size:x.defaultOptions.size,rounded:x.defaultOptions.rounded,fillMode:x.defaultOptions.fillMode},m=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:n=pe.fillMode,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,...g}=e;return _o(x,{...g,size:t,rounded:o,fillMode:n,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,showClearButton:!1,showValidationIcon:!1,className:l(e.className,it)})};m.states=zo;m.options=Bo;m.className=it;m.defaultOptions=pe;import{jsx as Do}from"react/jsx-runtime";var lt="k-otp-separator",Ko=[],Ro={},Ho={},L=e=>{let{children:t,...o}=e;return Do("div",{...o,className:l(e.className,lt),children:t})};L.states=Ko;L.options=Ro;L.className=lt;L.defaultOptions=Ho;import{Fragment as Uo,jsx as R,jsxs as Vo}from"react/jsx-runtime";var dt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>R(v,{invalid:o,size:s,children:Vo(Uo,{children:[R(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a})]})});import{Fragment as Fo,jsx as A,jsxs as $o}from"react/jsx-runtime";var pt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>A(v,{invalid:o,size:s,children:$o(Fo,{children:[A(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(L,{children:"-"}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a})]})});import{jsx as qo}from"react/jsx-runtime";var ue="k-input-group",Go=[r.disabled],Xo={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},ut={fillMode:u.solid},w=e=>{let{fillMode:t=ut.fillMode,disabled:o,...n}=e;return qo("div",{...n,className:l(e.className,ue,f(ue,{fillMode:t}),S(ue,{disabled:o})),children:e.children})};w.states=Go;w.options=Xo;w.className=ue;w.defaultOptions=ut;import{Fragment as Wo,jsx as z,jsxs as Ce}from"react/jsx-runtime";var mt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>z(v,{invalid:o,size:s,children:Ce(Wo,{children:[Ce(w,{fillMode:n,children:[z(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]}),z(L,{children:"-"}),Ce(w,{fillMode:n,children:[z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]})]})});import{jsx as me}from"react/jsx-runtime";var Jo=x.options,Qo=x.states,ct={...x.defaultOptions,variant:"normal"},Yo=[{name:"normal",title:"Normal"},{name:"grouping",title:"Grouping"}],Zo=[{name:"no-space",title:"No Space"}],j=e=>{let{variant:t,modifiers:o,...n}={...ct,...e},s=!0;return Object.keys(o||{}).forEach(a=>{if(a==="no-space"){s=!o?.[a];return}}),t==="grouping"?s?me(pt,{...n}):me(mt,{...n}):s?me(dt,{...n}):me(ft,{...n})};j.options=Jo;j.states=Qo;j.variants=Yo;j.defaultOptions=ct;j.modifiers=Zo;import{Fragment as en,jsx as B,jsxs as jo}from"react/jsx-runtime";var ft=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>B(v,{invalid:o,size:s,children:B(en,{children:jo(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]})})});export{ft as OneTimePasswordNoSpace};
|
|
1
|
+
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:s,focus:a,checked:c,active:N,selected:I,disabled:h,indeterminate:y,loading:b,empty:_,readonly:P,highlighted:g,...k}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":s,"k-focus":a,"k-checked":c,"k-active":N,"k-selected":I,"k-disabled":h,"k-indeterminate":y&&!c,"k-loading":b,"k-empty":_,"k-readonly":P,"k-highlighted":g},Object.keys(k).reduce((K,M)=>(M.startsWith("k-")?K[M]=k[M]:K[`k-${M}`]=k[M],K),{}))};function Ae(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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 ht}from"react/jsx-runtime";var ee="k-otp",Tt=[r.invalid],It={size:[i.undefined,i.small,i.medium,i.large]},Ot={},v=e=>{let{size:t,invalid:o,...n}=e;return ht("div",{...n,className:l(e.className,ee,f(ee,{size:t}),S(ee,{invalid:o})),children:e.children})};v.states=Tt;v.options=It;v.className=ee;v.defaultOptions=Ot;v.moduleName="otp";v.folderName="otp";var ce="textbox",ze=ce;var U="input",te=U;import{jsx as Mt}from"react/jsx-runtime";var oe="k-input",bt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],vt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},yt={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return Mt("span",{...b,className:l(e.className,oe,f(oe,{size:I,rounded:h,fillMode:y}),S(oe,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N}))})};E.states=bt;E.options=vt;E.className=oe;E.defaultOptions=yt;E.moduleName=U;E.folderName=te;import{jsx as wt}from"react/jsx-runtime";var ne="k-picker",gt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],St={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Pt={},D=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return wt("span",{...b,className:l(e.className,ne,f(ne,{size:I,rounded:h,fillMode:y}),S(ne,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N})),children:e.children})};D.states=gt;D.options=St;D.className=ne;D.defaultOptions=Pt;D.moduleName=U;D.folderName=te;import{Fragment as Lt,jsx as Be}from"react/jsx-runtime";var fe="k-font-icon",kt=[],Et={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ct={},V=e=>{let{size:t,themeColor:o,icon:n,rotate:s,flip:a,...c}=e;return n?Be("span",{...c,className:l(e.className,fe,f(fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):Be(Lt,{})};V.states=kt;V.options=Et;V.className=fe;V.defaultOptions=Ct;var _e=V;import{Fragment as Bt,jsx as se}from"react/jsx-runtime";var xe="k-svg-icon",At=[],zt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ke={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:n,flip:s,viewBox:a=Ke.viewBox,icon:c,...N}=e;if(!c)return se(Bt,{});c==="none"&&{...N,className:l(e.className,xe,"k-none")};let I=typeof c=="object"&&c.name&&c.name;return se("span",{...N,className:l(e.className,xe,f("k-icon",{size:t}),{[`k-svg-i-${I}`]:I,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:se("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};F.states=At;F.options=zt;F.className=xe;F.defaultOptions=Ke;var Ne=F;import*as Te from"@progress/kendo-svg-icons";var Re="icon",He="icons";import{useContext as Kt}from"react";import{createContext as _t}from"react";var De=_t({iconsType:"svg"});import{Fragment as Ue,jsx as $}from"react/jsx-runtime";var ae="k-icon",Rt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ht=[],Dt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ie={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=Kt(De),{size:o,themeColor:n,icon:s,type:a=t||Ie.type,rotate:c,flip:N,viewBox:I=Ie.viewBox,...h}=e;if(!s)return $(Ue,{});if((t||a)==="svg"){if(s==="none")return $(Ne,{...h,className:l(e.className,ae),icon:s,size:o});let b=Te[s]?s:Rt(`${s}-icon`);return Te[b]?$(Ne,{...h,className:l(e.className,ae),icon:Te[b],size:o,themeColor:n,rotate:c,flip:N,viewBox:I}):$(Ue,{})}return $(_e,{...h,className:l(e.className,ae),icon:s,size:o,themeColor:n,rotate:c,flip:N})};T.states=Ht;T.options=Dt;T.defaultOptions=Ie;T.className=ae;T.moduleName=Re;T.folderName=He;import{Fragment as Ft,jsx as Oe}from"react/jsx-runtime";var Ve="k-clear-value",Ut=[r.disabled,r.loading,r.readonly],Vt={},G=e=>{let{disabled:t,loading:o,readonly:n,value:s}=e;return t||n||o||!s?Oe(Ft,{}):Oe("span",{className:l(e.className,Ve),children:Oe(T,{icon:"x"})})};G.states=Ut;G.options=Vt;G.className=Ve;import{jsx as Xt}from"react/jsx-runtime";var he="k-input-inner",$t=[],Gt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=re.value,type:o=re.type,placeholder:n=re.placeholder,autocomplete:s=re.autocomplete,...a}=e;return Xt("input",{...a,type:o,className:l(e.className,he,f(he,e)),placeholder:n,autoComplete:s,defaultValue:t})};X.states=$t;X.options=Gt;X.className=he;import{jsx as Fe,jsxs as Jt}from"react/jsx-runtime";var be="k-input-inner",qt=[],Wt={},ve=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:s,valueIconName:a,...c}=e;return Jt("span",{...c,className:l(e.className,be,f(be,e)),children:[s,!s&&a&&Fe(T,{className:"k-input-value-icon",icon:a}),n&&!t&&o,n&&t&&Fe("span",{className:"k-input-value-text",children:t})]})};ve.states=qt;ve.options=Wt;ve.className=be;import{jsx as Zt}from"react/jsx-runtime";var ye="k-input-inner",Qt=[],Yt={},$e={value:"",placeholder:""},Me=e=>{let{value:t=$e.value,placeholder:o=$e.placeholder,rows:n,...s}=e;return Zt("textarea",{...s,className:l(e.className,ye,f(ye,e)),placeholder:o,rows:n,defaultValue:t})};Me.states=Qt;Me.options=Yt;Me.className=ye;import{Fragment as eo,jsx as Ge}from"react/jsx-runtime";var Xe="k-input-loading-icon",jt=[r.disabled,r.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ge(eo,{}):Ge("span",{className:l(e.className,Xe,"k-icon k-i-loading")})};ie.states=jt;ie.className=Xe;import{Fragment as no,jsx as qe}from"react/jsx-runtime";var We="k-input-validation-icon",to=[r.valid,r.invalid,r.disabled,r.loading],oo={},q=e=>{let{valid:t,invalid:o,disabled:n,loading:s}=e,a=o?"warning-circle":"check-circle";return n||s||!!!(t||o)?qe(no,{}):qe(T,{className:l(We),icon:a})};q.states=to;q.options=oo;q.className=We;import{Fragment as ro,jsx as Je}from"react/jsx-runtime";var so="k-input-prefix",ao={direction:"horizontal"},Qe=e=>{let{direction:t=ao.direction,...o}=e;return e.children?Je("span",{...o,className:l(so,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Je(ro,{})};import{Fragment as po,jsx as Ye}from"react/jsx-runtime";var io="k-input-suffix",lo={direction:"horizontal"},Ze=e=>{let{direction:t=lo.direction,...o}=e;return e.children?Ye("span",{...o,className:l(io,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ye(po,{})};import{jsx as bs}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as mo}from"react/jsx-runtime";var je="k-input-separator",uo={direction:"vertical"},ge=e=>{let{direction:t=uo.direction,...o}=e;return mo("span",{...o,className:l(je,e.className,{[`${je}-${t}`]:t})})};import{Fragment as et,jsx as C,jsxs as Se}from"react/jsx-runtime";var tt="k-textbox",co=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],fo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},le={showClearButton:!0,showValidationIcon:!0,separators:!0},x=e=>{let{size:t,rounded:o,fillMode:n,separators:s=le.separators,showClearButton:a=le.showClearButton,showValidationIcon:c=le.showValidationIcon,prefix:N,suffix:I,type:h,value:y,placeholder:b,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,...ft}=e;return Se(E,{...ft,size:t,rounded:o,fillMode:n,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,className:l(e.className,tt),children:[N&&Se(et,{children:[C(Qe,{children:N}),s&&C(ge,{})]}),C(X,{placeholder:b,value:y,type:h}),c&&C(q,{valid:g,invalid:k,loading:M,disabled:H}),C(ie,{loading:M,disabled:H}),a&&C(G,{loading:M,disabled:H,readonly:Le,value:y}),I&&Se(et,{children:[s&&C(ge,{}),C(Ze,{children:I})]})]})};x.states=co;x.options=fo;x.className=tt;x.defaultOptions=le;x.moduleName=ce;x.folderName=ze;var de=x;import{jsx as xo}from"react/jsx-runtime";var ot=e=>xo(de,{...e});import{Fragment as oa,jsx as ta}from"react/jsx-runtime";var Pe="button",nt=Pe;import{Fragment as Oo,jsx as W,jsxs as st}from"react/jsx-runtime";var J="k-button",No=["icon-button"],To=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Io={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},we={showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t,rounded:o,fillMode:n,themeColor:s,showArrow:a=we.showArrow,arrowIconName:c=we.arrowIconName,variant:N,hover:I,focus:h,active:y,selected:b,disabled:_,icon:P,text:g,iconClassName:k,...K}=e,M=P!==void 0,H=e.children!==void 0;return st("button",{...K,className:l(e.className,J,Ae(J,N),f(J,{size:t,rounded:o,fillMode:n,themeColor:s}),S(J,{hover:I,focus:h,active:y,disabled:_,selected:b}),{"k-icon-button":!g&&!H&&M}),children:[P&&W(T,{className:l(k,"k-button-icon"),icon:P}),g?st(Oo,{children:[g&&W("span",{className:"k-button-text",children:g}),e.children]}):e.children&&W("span",{className:"k-button-text",children:e.children}),a&&W("span",{className:"k-menu-button-arrow k-button-arrow",children:W(T,{icon:c})})]})};O.states=To;O.options=Io;O.variants=No;O.className=J;O.defaultOptions=we;O.moduleName=Pe;O.folderName=nt;import{jsx as ho}from"react/jsx-runtime";var at=e=>ho(O,{icon:"folder",...e,children:void 0});import{jsx as bo}from"react/jsx-runtime";var rt=e=>bo(O,{icon:"folder",children:"Button",...e});import{jsx as vo}from"react/jsx-runtime";var Q=e=>vo(O,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var yo=O.options,Mo=O.states,go={...O.defaultOptions,variant:"text"},So=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Po=[],Y=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(at,{...o,icon:"star"});case"icon-and-text":return ke(rt,{...o,icon:"star",children:"Button"});default:return ke(Q,{...o,children:"Button"})}};Y.options=yo;Y.states=Mo;Y.variants=So;Y.defaultOptions=go;Y.modifiers=Po;import{Fragment as _a,jsx as Ba}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var wo=x.states,ko=x.defaultOptions,Eo=x.options,Co=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lo=[],Z=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":n.prefix=t?.[s]?Ee(T,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[s]?Ee(Q,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[s];break;default:break}}),Ee(ot,{value:"Value",style:{width:300},...o,...n})};Z.options=Eo;Z.states=wo;Z.variants=Lo;Z.defaultOptions=ko;Z.modifiers=Co;import{jsx as Bo}from"react/jsx-runtime";var it="k-otp-input",Ao=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.readonly],zo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},pe={size:x.defaultOptions.size,rounded:x.defaultOptions.rounded,fillMode:x.defaultOptions.fillMode},m=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:n=pe.fillMode,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,...g}=e;return Bo(x,{...g,size:t,rounded:o,fillMode:n,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,showClearButton:!1,showValidationIcon:!1,className:l(e.className,it)})};m.states=Ao;m.options=zo;m.className=it;m.defaultOptions=pe;import{jsx as Ho}from"react/jsx-runtime";var lt="k-otp-separator",_o=[],Ko={},Ro={},L=e=>{let{children:t,...o}=e;return Ho("div",{...o,className:l(e.className,lt),children:t})};L.states=_o;L.options=Ko;L.className=lt;L.defaultOptions=Ro;import{Fragment as Do,jsx as R,jsxs as Uo}from"react/jsx-runtime";var dt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>R(v,{invalid:o,size:s,children:Uo(Do,{children:[R(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a})]})});import{Fragment as Vo,jsx as A,jsxs as Fo}from"react/jsx-runtime";var pt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>A(v,{invalid:o,size:s,children:Fo(Vo,{children:[A(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(L,{children:"-"}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a})]})});import{jsx as qo}from"react/jsx-runtime";var ue="k-input-group",$o=[r.disabled],Go={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},Xo={},w=e=>{let{fillMode:t,disabled:o,...n}=e;return qo("div",{...n,className:l(e.className,ue,f(ue,{fillMode:t}),S(ue,{disabled:o})),children:e.children})};w.states=$o;w.options=Go;w.className=ue;w.defaultOptions=Xo;import{Fragment as Wo,jsx as z,jsxs as Ce}from"react/jsx-runtime";var ut=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>z(v,{invalid:o,size:s,children:Ce(Wo,{children:[Ce(w,{fillMode:n,children:[z(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]}),z(L,{children:"-"}),Ce(w,{fillMode:n,children:[z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]})]})});import{jsx as me}from"react/jsx-runtime";var Jo=x.options,Qo=x.states,mt={...x.defaultOptions,variant:"normal"},Yo=[{name:"normal",title:"Normal"},{name:"grouping",title:"Grouping"}],Zo=[{name:"no-space",title:"No Space"}],j=e=>{let{variant:t,modifiers:o,...n}={...mt,...e},s=!0;return Object.keys(o||{}).forEach(a=>{if(a==="no-space"){s=!o?.[a];return}}),t==="grouping"?s?me(pt,{...n}):me(ut,{...n}):s?me(dt,{...n}):me(ct,{...n})};j.options=Jo;j.states=Qo;j.variants=Yo;j.defaultOptions=mt;j.modifiers=Zo;import{Fragment as en,jsx as B,jsxs as jo}from"react/jsx-runtime";var ct=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>B(v,{invalid:o,size:s,children:B(en,{children:jo(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]})})});export{ct as OneTimePasswordNoSpace};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:s,focus:a,checked:c,active:N,selected:I,disabled:h,indeterminate:y,loading:b,empty:_,readonly:P,highlighted:g,...k}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":s,"k-focus":a,"k-checked":c,"k-active":N,"k-selected":I,"k-disabled":h,"k-indeterminate":y&&!c,"k-loading":b,"k-empty":_,"k-readonly":P,"k-highlighted":g},Object.keys(k).reduce((K,M)=>(M.startsWith("k-")?K[M]=k[M]:K[`k-${M}`]=k[M],K),{}))};function Ae(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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 bt}from"react/jsx-runtime";var ee="k-otp",It=[r.invalid],Ot={size:[i.undefined,i.small,i.medium,i.large]},ht={},v=e=>{let{size:t,invalid:o,...n}=e;return bt("div",{...n,className:l(e.className,ee,f(ee,{size:t}),S(ee,{invalid:o})),children:e.children})};v.states=It;v.options=Ot;v.className=ee;v.defaultOptions=ht;v.moduleName="otp";v.folderName="otp";var ce="textbox",ze=ce;var U="input",te=U;import{jsx as gt}from"react/jsx-runtime";var oe="k-input",vt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],yt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Mt={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return gt("span",{...b,className:l(e.className,oe,f(oe,{size:I,rounded:h,fillMode:y}),S(oe,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N}))})};E.states=vt;E.options=yt;E.className=oe;E.defaultOptions=Mt;E.moduleName=U;E.folderName=te;import{jsx as kt}from"react/jsx-runtime";var ne="k-picker",St=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Pt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},wt={},D=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return kt("span",{...b,className:l(e.className,ne,f(ne,{size:I,rounded:h,fillMode:y}),S(ne,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N})),children:e.children})};D.states=St;D.options=Pt;D.className=ne;D.defaultOptions=wt;D.moduleName=U;D.folderName=te;import{Fragment as At,jsx as Be}from"react/jsx-runtime";var fe="k-font-icon",Et=[],Ct={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Lt={},V=e=>{let{size:t,themeColor:o,icon:n,rotate:s,flip:a,...c}=e;return n?Be("span",{...c,className:l(e.className,fe,f(fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):Be(At,{})};V.states=Et;V.options=Ct;V.className=fe;V.defaultOptions=Lt;var _e=V;import{Fragment as _t,jsx as se}from"react/jsx-runtime";var xe="k-svg-icon",zt=[],Bt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ke={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:n,flip:s,viewBox:a=Ke.viewBox,icon:c,...N}=e;if(!c)return se(_t,{});c==="none"&&{...N,className:l(e.className,xe,"k-none")};let I=typeof c=="object"&&c.name&&c.name;return se("span",{...N,className:l(e.className,xe,f("k-icon",{size:t}),{[`k-svg-i-${I}`]:I,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:se("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};F.states=zt;F.options=Bt;F.className=xe;F.defaultOptions=Ke;var Ne=F;import*as Te from"@progress/kendo-svg-icons";var Re="icon",He="icons";import{useContext as Rt}from"react";import{createContext as Kt}from"react";var De=Kt({iconsType:"svg"});import{Fragment as Ue,jsx as $}from"react/jsx-runtime";var ae="k-icon",Ht=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Dt=[],Ut={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ie={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=Rt(De),{size:o,themeColor:n,icon:s,type:a=t||Ie.type,rotate:c,flip:N,viewBox:I=Ie.viewBox,...h}=e;if(!s)return $(Ue,{});if((t||a)==="svg"){if(s==="none")return $(Ne,{...h,className:l(e.className,ae),icon:s,size:o});let b=Te[s]?s:Ht(`${s}-icon`);return Te[b]?$(Ne,{...h,className:l(e.className,ae),icon:Te[b],size:o,themeColor:n,rotate:c,flip:N,viewBox:I}):$(Ue,{})}return $(_e,{...h,className:l(e.className,ae),icon:s,size:o,themeColor:n,rotate:c,flip:N})};T.states=Dt;T.options=Ut;T.defaultOptions=Ie;T.className=ae;T.moduleName=Re;T.folderName=He;import{Fragment as $t,jsx as Oe}from"react/jsx-runtime";var Ve="k-clear-value",Vt=[r.disabled,r.loading,r.readonly],Ft={},G=e=>{let{disabled:t,loading:o,readonly:n,value:s}=e;return t||n||o||!s?Oe($t,{}):Oe("span",{className:l(e.className,Ve),children:Oe(T,{icon:"x"})})};G.states=Vt;G.options=Ft;G.className=Ve;import{jsx as qt}from"react/jsx-runtime";var he="k-input-inner",Gt=[],Xt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=re.value,type:o=re.type,placeholder:n=re.placeholder,autocomplete:s=re.autocomplete,...a}=e;return qt("input",{...a,type:o,className:l(e.className,he,f(he,e)),placeholder:n,autoComplete:s,defaultValue:t})};X.states=Gt;X.options=Xt;X.className=he;import{jsx as Fe,jsxs as Qt}from"react/jsx-runtime";var be="k-input-inner",Wt=[],Jt={},ve=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:s,valueIconName:a,...c}=e;return Qt("span",{...c,className:l(e.className,be,f(be,e)),children:[s,!s&&a&&Fe(T,{className:"k-input-value-icon",icon:a}),n&&!t&&o,n&&t&&Fe("span",{className:"k-input-value-text",children:t})]})};ve.states=Wt;ve.options=Jt;ve.className=be;import{jsx as jt}from"react/jsx-runtime";var ye="k-input-inner",Yt=[],Zt={},$e={value:"",placeholder:""},Me=e=>{let{value:t=$e.value,placeholder:o=$e.placeholder,rows:n,...s}=e;return jt("textarea",{...s,className:l(e.className,ye,f(ye,e)),placeholder:o,rows:n,defaultValue:t})};Me.states=Yt;Me.options=Zt;Me.className=ye;import{Fragment as to,jsx as Ge}from"react/jsx-runtime";var Xe="k-input-loading-icon",eo=[r.disabled,r.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ge(to,{}):Ge("span",{className:l(e.className,Xe,"k-icon k-i-loading")})};ie.states=eo;ie.className=Xe;import{Fragment as so,jsx as qe}from"react/jsx-runtime";var We="k-input-validation-icon",oo=[r.valid,r.invalid,r.disabled,r.loading],no={},q=e=>{let{valid:t,invalid:o,disabled:n,loading:s}=e,a=o?"warning-circle":"check-circle";return n||s||!!!(t||o)?qe(so,{}):qe(T,{className:l(We),icon:a})};q.states=oo;q.options=no;q.className=We;import{Fragment as io,jsx as Je}from"react/jsx-runtime";var ao="k-input-prefix",ro={direction:"horizontal"},Qe=e=>{let{direction:t=ro.direction,...o}=e;return e.children?Je("span",{...o,className:l(ao,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Je(io,{})};import{Fragment as uo,jsx as Ye}from"react/jsx-runtime";var lo="k-input-suffix",po={direction:"horizontal"},Ze=e=>{let{direction:t=po.direction,...o}=e;return e.children?Ye("span",{...o,className:l(lo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ye(uo,{})};import{jsx as bs}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";var je="k-input-separator",mo={direction:"vertical"},ge=e=>{let{direction:t=mo.direction,...o}=e;return co("span",{...o,className:l(je,e.className,{[`${je}-${t}`]:t})})};import{Fragment as et,jsx as C,jsxs as Se}from"react/jsx-runtime";var tt="k-textbox",fo=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],xo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},le={showClearButton:!0,showValidationIcon:!0,separators:!0},x=e=>{let{size:t,rounded:o,fillMode:n,separators:s=le.separators,showClearButton:a=le.showClearButton,showValidationIcon:c=le.showValidationIcon,prefix:N,suffix:I,type:h,value:y,placeholder:b,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,...xt}=e;return Se(E,{...xt,size:t,rounded:o,fillMode:n,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,className:l(e.className,tt),children:[N&&Se(et,{children:[C(Qe,{children:N}),s&&C(ge,{})]}),C(X,{placeholder:b,value:y,type:h}),c&&C(q,{valid:g,invalid:k,loading:M,disabled:H}),C(ie,{loading:M,disabled:H}),a&&C(G,{loading:M,disabled:H,readonly:Le,value:y}),I&&Se(et,{children:[s&&C(ge,{}),C(Ze,{children:I})]})]})};x.states=fo;x.options=xo;x.className=tt;x.defaultOptions=le;x.moduleName=ce;x.folderName=ze;var de=x;import{jsx as No}from"react/jsx-runtime";var ot=e=>No(de,{...e});import{Fragment as oa,jsx as ta}from"react/jsx-runtime";var Pe="button",nt=Pe;import{Fragment as ho,jsx as W,jsxs as st}from"react/jsx-runtime";var J="k-button",To=["icon-button"],Io=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Oo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},we={showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t,rounded:o,fillMode:n,themeColor:s,showArrow:a=we.showArrow,arrowIconName:c=we.arrowIconName,variant:N,hover:I,focus:h,active:y,selected:b,disabled:_,icon:P,text:g,iconClassName:k,...K}=e,M=P!==void 0,H=e.children!==void 0;return st("button",{...K,className:l(e.className,J,Ae(J,N),f(J,{size:t,rounded:o,fillMode:n,themeColor:s}),S(J,{hover:I,focus:h,active:y,disabled:_,selected:b}),{"k-icon-button":!g&&!H&&M}),children:[P&&W(T,{className:l(k,"k-button-icon"),icon:P}),g?st(ho,{children:[g&&W("span",{className:"k-button-text",children:g}),e.children]}):e.children&&W("span",{className:"k-button-text",children:e.children}),a&&W("span",{className:"k-menu-button-arrow k-button-arrow",children:W(T,{icon:c})})]})};O.states=Io;O.options=Oo;O.variants=To;O.className=J;O.defaultOptions=we;O.moduleName=Pe;O.folderName=nt;import{jsx as bo}from"react/jsx-runtime";var at=e=>bo(O,{icon:"folder",...e,children:void 0});import{jsx as vo}from"react/jsx-runtime";var rt=e=>vo(O,{icon:"folder",children:"Button",...e});import{jsx as yo}from"react/jsx-runtime";var Q=e=>yo(O,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var Mo=O.options,go=O.states,So={...O.defaultOptions,variant:"text"},Po=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wo=[],Y=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(at,{...o,icon:"star"});case"icon-and-text":return ke(rt,{...o,icon:"star",children:"Button"});default:return ke(Q,{...o,children:"Button"})}};Y.options=Mo;Y.states=go;Y.variants=Po;Y.defaultOptions=So;Y.modifiers=wo;import{Fragment as _a,jsx as Ba}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var ko=x.states,Eo=x.defaultOptions,Co=x.options,Lo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ao=[],Z=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":n.prefix=t?.[s]?Ee(T,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[s]?Ee(Q,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[s];break;default:break}}),Ee(ot,{value:"Value",style:{width:300},...o,...n})};Z.options=Co;Z.states=ko;Z.variants=Ao;Z.defaultOptions=Eo;Z.modifiers=Lo;import{jsx as _o}from"react/jsx-runtime";var it="k-otp-input",zo=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.readonly],Bo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},pe={size:x.defaultOptions.size,rounded:x.defaultOptions.rounded,fillMode:x.defaultOptions.fillMode},m=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:n=pe.fillMode,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,...g}=e;return _o(x,{...g,size:t,rounded:o,fillMode:n,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,showClearButton:!1,showValidationIcon:!1,className:l(e.className,it)})};m.states=zo;m.options=Bo;m.className=it;m.defaultOptions=pe;import{jsx as Do}from"react/jsx-runtime";var lt="k-otp-separator",Ko=[],Ro={},Ho={},L=e=>{let{children:t,...o}=e;return Do("div",{...o,className:l(e.className,lt),children:t})};L.states=Ko;L.options=Ro;L.className=lt;L.defaultOptions=Ho;import{jsx as Fo}from"react/jsx-runtime";var ue="k-input-group",Uo=[r.disabled],Vo={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},dt={fillMode:u.solid},w=e=>{let{fillMode:t=dt.fillMode,disabled:o,...n}=e;return Fo("div",{...n,className:l(e.className,ue,f(ue,{fillMode:t}),S(ue,{disabled:o})),children:e.children})};w.states=Uo;w.options=Vo;w.className=ue;w.defaultOptions=dt;import{Fragment as Go,jsx as A,jsxs as $o}from"react/jsx-runtime";var pt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>A(v,{invalid:o,size:s,children:A(Go,{children:$o(w,{fillMode:n,children:[A(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a})]})})});import{Fragment as Xo,jsx as z,jsxs as qo}from"react/jsx-runtime";var ut=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>z(v,{invalid:o,size:s,children:qo(Xo,{children:[z(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(L,{children:"-"}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]})});import{Fragment as Wo,jsx as B,jsxs as Ce}from"react/jsx-runtime";var mt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>B(v,{invalid:o,size:s,children:Ce(Wo,{children:[Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]}),B(L,{children:"-"}),Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]})]})});import{jsx as me}from"react/jsx-runtime";var Jo=x.options,Qo=x.states,ct={...x.defaultOptions,variant:"normal"},Yo=[{name:"normal",title:"Normal"},{name:"grouping",title:"Grouping"}],Zo=[{name:"no-space",title:"No Space"}],j=e=>{let{variant:t,modifiers:o,...n}={...ct,...e},s=!0;return Object.keys(o||{}).forEach(a=>{if(a==="no-space"){s=!o?.[a];return}}),t==="grouping"?s?me(ut,{...n}):me(mt,{...n}):s?me(ft,{...n}):me(pt,{...n})};j.options=Jo;j.states=Qo;j.variants=Yo;j.defaultOptions=ct;j.modifiers=Zo;import{Fragment as jo,jsx as R,jsxs as en}from"react/jsx-runtime";var ft=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>R(v,{invalid:o,size:s,children:en(jo,{children:[R(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a})]})});export{ft as OneTimePasswordNormal};
|
|
1
|
+
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:n,hover:s,focus:a,checked:c,active:N,selected:I,disabled:h,indeterminate:y,loading:b,empty:_,readonly:P,highlighted:g,...k}=t;return l({"k-valid":o,"k-invalid":n,"k-hover":s,"k-focus":a,"k-checked":c,"k-active":N,"k-selected":I,"k-disabled":h,"k-indeterminate":y&&!c,"k-loading":b,"k-empty":_,"k-readonly":P,"k-highlighted":g},Object.keys(k).reduce((K,M)=>(M.startsWith("k-")?K[M]=k[M]:K[`k-${M}`]=k[M],K),{}))};function Ae(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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 ht}from"react/jsx-runtime";var ee="k-otp",Tt=[r.invalid],It={size:[i.undefined,i.small,i.medium,i.large]},Ot={},v=e=>{let{size:t,invalid:o,...n}=e;return ht("div",{...n,className:l(e.className,ee,f(ee,{size:t}),S(ee,{invalid:o})),children:e.children})};v.states=Tt;v.options=It;v.className=ee;v.defaultOptions=Ot;v.moduleName="otp";v.folderName="otp";var ce="textbox",ze=ce;var U="input",te=U;import{jsx as Mt}from"react/jsx-runtime";var oe="k-input",bt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],vt={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},yt={},E=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return Mt("span",{...b,className:l(e.className,oe,f(oe,{size:I,rounded:h,fillMode:y}),S(oe,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N}))})};E.states=bt;E.options=vt;E.className=oe;E.defaultOptions=yt;E.moduleName=U;E.folderName=te;import{jsx as wt}from"react/jsx-runtime";var ne="k-picker",gt=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],St={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Pt={},D=e=>{let{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N,size:I,rounded:h,fillMode:y,...b}=e;return wt("span",{...b,className:l(e.className,ne,f(ne,{size:I,rounded:h,fillMode:y}),S(ne,{hover:t,focus:o,disabled:n,invalid:s,valid:a,loading:c,readonly:N})),children:e.children})};D.states=gt;D.options=St;D.className=ne;D.defaultOptions=Pt;D.moduleName=U;D.folderName=te;import{Fragment as Lt,jsx as Be}from"react/jsx-runtime";var fe="k-font-icon",kt=[],Et={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ct={},V=e=>{let{size:t,themeColor:o,icon:n,rotate:s,flip:a,...c}=e;return n?Be("span",{...c,className:l(e.className,fe,f(fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):Be(Lt,{})};V.states=kt;V.options=Et;V.className=fe;V.defaultOptions=Ct;var _e=V;import{Fragment as Bt,jsx as se}from"react/jsx-runtime";var xe="k-svg-icon",At=[],zt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ke={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:n,flip:s,viewBox:a=Ke.viewBox,icon:c,...N}=e;if(!c)return se(Bt,{});c==="none"&&{...N,className:l(e.className,xe,"k-none")};let I=typeof c=="object"&&c.name&&c.name;return se("span",{...N,className:l(e.className,xe,f("k-icon",{size:t}),{[`k-svg-i-${I}`]:I,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:se("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};F.states=At;F.options=zt;F.className=xe;F.defaultOptions=Ke;var Ne=F;import*as Te from"@progress/kendo-svg-icons";var Re="icon",He="icons";import{useContext as Kt}from"react";import{createContext as _t}from"react";var De=_t({iconsType:"svg"});import{Fragment as Ue,jsx as $}from"react/jsx-runtime";var ae="k-icon",Rt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ht=[],Dt={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Ie={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=Kt(De),{size:o,themeColor:n,icon:s,type:a=t||Ie.type,rotate:c,flip:N,viewBox:I=Ie.viewBox,...h}=e;if(!s)return $(Ue,{});if((t||a)==="svg"){if(s==="none")return $(Ne,{...h,className:l(e.className,ae),icon:s,size:o});let b=Te[s]?s:Rt(`${s}-icon`);return Te[b]?$(Ne,{...h,className:l(e.className,ae),icon:Te[b],size:o,themeColor:n,rotate:c,flip:N,viewBox:I}):$(Ue,{})}return $(_e,{...h,className:l(e.className,ae),icon:s,size:o,themeColor:n,rotate:c,flip:N})};T.states=Ht;T.options=Dt;T.defaultOptions=Ie;T.className=ae;T.moduleName=Re;T.folderName=He;import{Fragment as Ft,jsx as Oe}from"react/jsx-runtime";var Ve="k-clear-value",Ut=[r.disabled,r.loading,r.readonly],Vt={},G=e=>{let{disabled:t,loading:o,readonly:n,value:s}=e;return t||n||o||!s?Oe(Ft,{}):Oe("span",{className:l(e.className,Ve),children:Oe(T,{icon:"x"})})};G.states=Ut;G.options=Vt;G.className=Ve;import{jsx as Xt}from"react/jsx-runtime";var he="k-input-inner",$t=[],Gt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=re.value,type:o=re.type,placeholder:n=re.placeholder,autocomplete:s=re.autocomplete,...a}=e;return Xt("input",{...a,type:o,className:l(e.className,he,f(he,e)),placeholder:n,autoComplete:s,defaultValue:t})};X.states=$t;X.options=Gt;X.className=he;import{jsx as Fe,jsxs as Jt}from"react/jsx-runtime";var be="k-input-inner",qt=[],Wt={},ve=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:s,valueIconName:a,...c}=e;return Jt("span",{...c,className:l(e.className,be,f(be,e)),children:[s,!s&&a&&Fe(T,{className:"k-input-value-icon",icon:a}),n&&!t&&o,n&&t&&Fe("span",{className:"k-input-value-text",children:t})]})};ve.states=qt;ve.options=Wt;ve.className=be;import{jsx as Zt}from"react/jsx-runtime";var ye="k-input-inner",Qt=[],Yt={},$e={value:"",placeholder:""},Me=e=>{let{value:t=$e.value,placeholder:o=$e.placeholder,rows:n,...s}=e;return Zt("textarea",{...s,className:l(e.className,ye,f(ye,e)),placeholder:o,rows:n,defaultValue:t})};Me.states=Qt;Me.options=Yt;Me.className=ye;import{Fragment as eo,jsx as Ge}from"react/jsx-runtime";var Xe="k-input-loading-icon",jt=[r.disabled,r.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?Ge(eo,{}):Ge("span",{className:l(e.className,Xe,"k-icon k-i-loading")})};ie.states=jt;ie.className=Xe;import{Fragment as no,jsx as qe}from"react/jsx-runtime";var We="k-input-validation-icon",to=[r.valid,r.invalid,r.disabled,r.loading],oo={},q=e=>{let{valid:t,invalid:o,disabled:n,loading:s}=e,a=o?"warning-circle":"check-circle";return n||s||!!!(t||o)?qe(no,{}):qe(T,{className:l(We),icon:a})};q.states=to;q.options=oo;q.className=We;import{Fragment as ro,jsx as Je}from"react/jsx-runtime";var so="k-input-prefix",ao={direction:"horizontal"},Qe=e=>{let{direction:t=ao.direction,...o}=e;return e.children?Je("span",{...o,className:l(so,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Je(ro,{})};import{Fragment as po,jsx as Ye}from"react/jsx-runtime";var io="k-input-suffix",lo={direction:"horizontal"},Ze=e=>{let{direction:t=lo.direction,...o}=e;return e.children?Ye("span",{...o,className:l(io,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ye(po,{})};import{jsx as bs}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as mo}from"react/jsx-runtime";var je="k-input-separator",uo={direction:"vertical"},ge=e=>{let{direction:t=uo.direction,...o}=e;return mo("span",{...o,className:l(je,e.className,{[`${je}-${t}`]:t})})};import{Fragment as et,jsx as C,jsxs as Se}from"react/jsx-runtime";var tt="k-textbox",co=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],fo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},le={showClearButton:!0,showValidationIcon:!0,separators:!0},x=e=>{let{size:t,rounded:o,fillMode:n,separators:s=le.separators,showClearButton:a=le.showClearButton,showValidationIcon:c=le.showValidationIcon,prefix:N,suffix:I,type:h,value:y,placeholder:b,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,...ft}=e;return Se(E,{...ft,size:t,rounded:o,fillMode:n,hover:_,focus:P,valid:g,invalid:k,required:K,loading:M,disabled:H,readonly:Le,className:l(e.className,tt),children:[N&&Se(et,{children:[C(Qe,{children:N}),s&&C(ge,{})]}),C(X,{placeholder:b,value:y,type:h}),c&&C(q,{valid:g,invalid:k,loading:M,disabled:H}),C(ie,{loading:M,disabled:H}),a&&C(G,{loading:M,disabled:H,readonly:Le,value:y}),I&&Se(et,{children:[s&&C(ge,{}),C(Ze,{children:I})]})]})};x.states=co;x.options=fo;x.className=tt;x.defaultOptions=le;x.moduleName=ce;x.folderName=ze;var de=x;import{jsx as xo}from"react/jsx-runtime";var ot=e=>xo(de,{...e});import{Fragment as oa,jsx as ta}from"react/jsx-runtime";var Pe="button",nt=Pe;import{Fragment as Oo,jsx as W,jsxs as st}from"react/jsx-runtime";var J="k-button",No=["icon-button"],To=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Io={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},we={showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t,rounded:o,fillMode:n,themeColor:s,showArrow:a=we.showArrow,arrowIconName:c=we.arrowIconName,variant:N,hover:I,focus:h,active:y,selected:b,disabled:_,icon:P,text:g,iconClassName:k,...K}=e,M=P!==void 0,H=e.children!==void 0;return st("button",{...K,className:l(e.className,J,Ae(J,N),f(J,{size:t,rounded:o,fillMode:n,themeColor:s}),S(J,{hover:I,focus:h,active:y,disabled:_,selected:b}),{"k-icon-button":!g&&!H&&M}),children:[P&&W(T,{className:l(k,"k-button-icon"),icon:P}),g?st(Oo,{children:[g&&W("span",{className:"k-button-text",children:g}),e.children]}):e.children&&W("span",{className:"k-button-text",children:e.children}),a&&W("span",{className:"k-menu-button-arrow k-button-arrow",children:W(T,{icon:c})})]})};O.states=To;O.options=Io;O.variants=No;O.className=J;O.defaultOptions=we;O.moduleName=Pe;O.folderName=nt;import{jsx as ho}from"react/jsx-runtime";var at=e=>ho(O,{icon:"folder",...e,children:void 0});import{jsx as bo}from"react/jsx-runtime";var rt=e=>bo(O,{icon:"folder",children:"Button",...e});import{jsx as vo}from"react/jsx-runtime";var Q=e=>vo(O,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var yo=O.options,Mo=O.states,go={...O.defaultOptions,variant:"text"},So=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Po=[],Y=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(at,{...o,icon:"star"});case"icon-and-text":return ke(rt,{...o,icon:"star",children:"Button"});default:return ke(Q,{...o,children:"Button"})}};Y.options=yo;Y.states=Mo;Y.variants=So;Y.defaultOptions=go;Y.modifiers=Po;import{Fragment as _a,jsx as Ba}from"react/jsx-runtime";import{jsx as Ee}from"react/jsx-runtime";var wo=x.states,ko=x.defaultOptions,Eo=x.options,Co=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lo=[],Z=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":n.prefix=t?.[s]?Ee(T,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[s]?Ee(Q,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[s];break;default:break}}),Ee(ot,{value:"Value",style:{width:300},...o,...n})};Z.options=Eo;Z.states=wo;Z.variants=Lo;Z.defaultOptions=ko;Z.modifiers=Co;import{jsx as Bo}from"react/jsx-runtime";var it="k-otp-input",Ao=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.readonly],zo={size:[i.undefined,i.small,i.medium,i.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},pe={size:x.defaultOptions.size,rounded:x.defaultOptions.rounded,fillMode:x.defaultOptions.fillMode},m=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:n=pe.fillMode,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,...g}=e;return Bo(x,{...g,size:t,rounded:o,fillMode:n,type:s,value:a,placeholder:c,hover:N,focus:I,valid:h,invalid:y,required:b,disabled:_,readonly:P,showClearButton:!1,showValidationIcon:!1,className:l(e.className,it)})};m.states=Ao;m.options=zo;m.className=it;m.defaultOptions=pe;import{jsx as Ho}from"react/jsx-runtime";var lt="k-otp-separator",_o=[],Ko={},Ro={},L=e=>{let{children:t,...o}=e;return Ho("div",{...o,className:l(e.className,lt),children:t})};L.states=_o;L.options=Ko;L.className=lt;L.defaultOptions=Ro;import{jsx as Fo}from"react/jsx-runtime";var ue="k-input-group",Do=[r.disabled],Uo={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},Vo={},w=e=>{let{fillMode:t,disabled:o,...n}=e;return Fo("div",{...n,className:l(e.className,ue,f(ue,{fillMode:t}),S(ue,{disabled:o})),children:e.children})};w.states=Do;w.options=Uo;w.className=ue;w.defaultOptions=Vo;import{Fragment as Go,jsx as A,jsxs as $o}from"react/jsx-runtime";var dt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>A(v,{invalid:o,size:s,children:A(Go,{children:$o(w,{fillMode:n,children:[A(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a}),A(m,{size:s,fillMode:n,invalid:o,...a})]})})});import{Fragment as Xo,jsx as z,jsxs as qo}from"react/jsx-runtime";var pt=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>z(v,{invalid:o,size:s,children:qo(Xo,{children:[z(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(L,{children:"-"}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a}),z(m,{size:s,fillMode:n,invalid:o,...a})]})});import{Fragment as Wo,jsx as B,jsxs as Ce}from"react/jsx-runtime";var ut=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>B(v,{invalid:o,size:s,children:Ce(Wo,{children:[Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]}),B(L,{children:"-"}),Ce(w,{fillMode:n,children:[B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a}),B(m,{size:s,fillMode:n,invalid:o,...a})]})]})});import{jsx as me}from"react/jsx-runtime";var Jo=x.options,Qo=x.states,mt={...x.defaultOptions,variant:"normal"},Yo=[{name:"normal",title:"Normal"},{name:"grouping",title:"Grouping"}],Zo=[{name:"no-space",title:"No Space"}],j=e=>{let{variant:t,modifiers:o,...n}={...mt,...e},s=!0;return Object.keys(o||{}).forEach(a=>{if(a==="no-space"){s=!o?.[a];return}}),t==="grouping"?s?me(pt,{...n}):me(ut,{...n}):s?me(ct,{...n}):me(dt,{...n})};j.options=Jo;j.states=Qo;j.variants=Yo;j.defaultOptions=mt;j.modifiers=Zo;import{Fragment as jo,jsx as R,jsxs as en}from"react/jsx-runtime";var ct=({hover:e,focus:t,invalid:o,fillMode:n,size:s,...a})=>R(v,{invalid:o,size:s,children:en(jo,{children:[R(m,{size:s,fillMode:n,invalid:o,focus:t,hover:e,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a}),R(m,{size:s,fillMode:n,invalid:o,...a})]})});export{ct as OneTimePasswordNormal};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-themes-html",
|
|
3
3
|
"description": "A collection of HTML helpers used for developing Kendo UI themes",
|
|
4
|
-
"version": "13.0.0-dev.
|
|
4
|
+
"version": "13.0.0-dev.5",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"react-dom": "^19.0.0",
|
|
62
62
|
"ts-jest": "^29.2.0"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "3c46af7ea07a1e0d1e6a625e020b26e831c0a95c"
|
|
65
65
|
}
|
|
@@ -16,9 +16,7 @@ export type KendoInputGroupOptions = {
|
|
|
16
16
|
|
|
17
17
|
export type KendoInputGroupState = { [K in (typeof states)[number]]?: boolean };
|
|
18
18
|
|
|
19
|
-
const defaultOptions = {
|
|
20
|
-
fillMode: FillMode.solid
|
|
21
|
-
};
|
|
19
|
+
const defaultOptions = {};
|
|
22
20
|
|
|
23
21
|
export const InputGroup = (
|
|
24
22
|
props: KendoInputGroupOptions &
|
|
@@ -26,7 +24,7 @@ export const InputGroup = (
|
|
|
26
24
|
React.HTMLAttributes<HTMLDivElement>
|
|
27
25
|
) => {
|
|
28
26
|
const {
|
|
29
|
-
fillMode
|
|
27
|
+
fillMode,
|
|
30
28
|
disabled,
|
|
31
29
|
...other
|
|
32
30
|
} = props;
|