@progress/kendo-themes-html 13.1.0-dev.1 → 13.1.0-dev.3

package/dist/esm/captcha/captcha.spec.mjs

@@ -1 +1 @@
-var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var h=(e,t)=>i({[`${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"}),E=(e,t)=>{let{valid:o,invalid:r,hover:n,focus:d,checked:c,active:u,selected:b,disabled:N,indeterminate:I,loading:g,empty:O,readonly:H,highlighted:z,...S}=t;return i({"k-valid":o,"k-invalid":r,"k-hover":n,"k-focus":d,"k-checked":c,"k-active":u,"k-selected":b,"k-disabled":N,"k-indeterminate":I&&!c,"k-loading":g,"k-empty":O,"k-readonly":H,"k-highlighted":z},Object.keys(S).reduce((M,T)=>(T.startsWith("k-")?M[T]=S[T]:M[`k-${T}`]=S[T],M),{}))};function te(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var l={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"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},s={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"},a={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{Fragment as ht,jsx as Ke}from"react/jsx-runtime";var me="k-font-icon",ft=[],xt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},bt={},$=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:d,...c}=e;return r?Ke("span",{...c,className:i(e.className,me,h(me,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):Ke(ht,{})};$.states=ft;$.options=xt;$.className=me;$.defaultOptions=bt;var Re=$;import{Fragment as vt,jsx as oe}from"react/jsx-runtime";var fe="k-svg-icon",Nt=[],gt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},He={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:r,flip:n,viewBox:d=He.viewBox,icon:c,...u}=e;if(!c)return oe(vt,{});if(c==="none")return oe("span",{...u,className:i(e.className,fe,h("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name;return oe("span",{...u,className:i(e.className,fe,h("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:oe("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};F.states=Nt;F.options=gt;F.className=fe;F.defaultOptions=He;var xe=F;import*as be from"@progress/kendo-svg-icons";var ze="icon",Ve="icons";import{useContext as kt}from"react";import{createContext as It}from"react";var De=It({iconsType:"svg"});import{Fragment as Ue,jsx as X}from"react/jsx-runtime";var ne="k-icon",Tt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yt=[],St={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},he={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{iconsType:t}=kt(De),{size:o,themeColor:r,icon:n,type:d=t||he.type,rotate:c,flip:u,viewBox:b=he.viewBox,...N}=e;if(!n)return X(Ue,{});if((t||d)==="svg"){if(n==="none")return X(xe,{...N,className:i(e.className,ne),icon:n,size:o});let g=be[n]?n:Tt(`${n}-icon`);return be[g]?X(xe,{...N,className:i(e.className,ne),icon:be[g],size:o,themeColor:r,rotate:c,flip:u,viewBox:b}):X(Ue,{})}return X(Re,{...N,className:i(e.className,ne),icon:n,size:o,themeColor:r,rotate:c,flip:u})};f.states=yt;f.options=St;f.defaultOptions=he;f.className=ne;f.moduleName=ze;f.folderName=Ve;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Ne="button",$e=Ne;import{Fragment as Et,jsx as q,jsxs as Fe}from"react/jsx-runtime";var G="k-button",Mt=["icon-button"],Ct=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Ot={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark,s.inverse]},ge={showArrow:!1,arrowIconName:"caret-alt-down"},x=e=>{let{as:t="button",size:o,rounded:r,fillMode:n,themeColor:d,showArrow:c=ge.showArrow,arrowIconName:u=ge.arrowIconName,variant:b,hover:N,focus:I,active:g,selected:O,disabled:H,togglable:z,icon:S,text:M,iconClassName:T,className:P,...ee}=e,pe=S!==void 0,ue=e.children!==void 0;return Fe(t,{className:i(P,G,te(G,b),h(G,{size:o,rounded:r,fillMode:n,themeColor:d}),E(G,{hover:N,focus:I,active:g,disabled:H,selected:O}),{"k-icon-button":!M&&!ue&&pe}),...ee,"aria-pressed":z?O?"true":"false":void 0,disabled:H||void 0,children:[S&&q(f,{className:i(T,"k-button-icon"),icon:S}),M?Fe(Et,{children:[M&&q("span",{className:"k-button-text",children:M}),e.children]}):e.children&&q("span",{className:"k-button-text",children:e.children}),c&&q("span",{className:"k-menu-button-arrow k-button-arrow",children:q(f,{icon:u})})]})};x.states=Ct;x.options=Ot;x.variants=Mt;x.className=G;x.defaultOptions=ge;x.moduleName=Ne;x.folderName=$e;x.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Lt}from"react/jsx-runtime";var Xe=e=>Lt(x,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as At}from"react/jsx-runtime";var qe=e=>At(x,{icon:"folder",children:"Button",...e});import{jsx as Pt}from"react/jsx-runtime";var w=e=>Pt(x,{children:"Button",...e});import{jsx as ve}from"react/jsx-runtime";var wt=x.options,Bt=x.states,_t={...x.defaultOptions,variant:"text"},Kt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rt=[],J=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ve(Xe,{...o,icon:"star"});case"icon-and-text":return ve(qe,{...o,icon:"star",children:"Button"});default:return ve(w,{...o,children:"Button"})}};J.options=wt;J.states=Bt;J.variants=Kt;J.defaultOptions=_t;J.modifiers=Rt;var Ie="textbox",Ge=Ie;var W="input",ae=W;import{jsx as Dt}from"react/jsx-runtime";var se="k-input",Ht=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],zt={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Vt={},k=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u,size:b,rounded:N,fillMode:I,...g}=e;return Dt("span",{...g,className:i(e.className,se,h(se,{size:b,rounded:N,fillMode:I}),E(se,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u}))})};k.states=Ht;k.options=zt;k.className=se;k.defaultOptions=Vt;k.moduleName=W;k.folderName=ae;import{jsx as Xt}from"react/jsx-runtime";var re="k-picker",Ut=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],$t={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ft={},V=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u,size:b,rounded:N,fillMode:I,...g}=e;return Xt("span",{...g,className:i(e.className,re,h(re,{size:b,rounded:N,fillMode:I}),E(re,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u})),children:e.children})};V.states=Ut;V.options=$t;V.className=re;V.defaultOptions=Ft;V.moduleName=W;V.folderName=ae;import{Fragment as Jt,jsx as ke}from"react/jsx-runtime";var Je="k-clear-value",qt=[a.disabled,a.loading,a.readonly],Gt={},B=e=>{let{disabled:t,loading:o,readonly:r,value:n}=e;return t||r||o||!n?ke(Jt,{}):ke("span",{className:i(e.className,Je),children:ke(f,{icon:"x"})})};B.states=qt;B.options=Gt;B.className=Je;import{jsx as Yt}from"react/jsx-runtime";var Te="k-input-inner",Wt=[],Qt={},ie={type:"text",autocomplete:"off",value:"",placeholder:""},_=e=>{let{value:t=ie.value,type:o=ie.type,placeholder:r=ie.placeholder,autocomplete:n=ie.autocomplete,disabled:d,readOnly:c,...u}=e;return Yt("input",{...u,type:o,className:i(e.className,Te,h(Te,e)),placeholder:r,autoComplete:n,defaultValue:t,disabled:d||void 0,readOnly:c||void 0})};_.states=Wt;_.options=Qt;_.className=Te;import{jsx as We,jsxs as eo}from"react/jsx-runtime";var ye="k-input-inner",Zt=[],jt={},Se=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:n,valueIconName:d,...c}=e;return eo("span",{...c,className:i(e.className,ye,h(ye,e)),children:[n,!n&&d&&We(f,{className:"k-input-value-icon",icon:d}),r&&!t&&o,r&&t&&We("span",{className:"k-input-value-text",children:t})]})};Se.states=Zt;Se.options=jt;Se.className=ye;import{jsx as no}from"react/jsx-runtime";var Me="k-input-inner",to=[],oo={},Qe={value:"",placeholder:""},Ce=e=>{let{value:t=Qe.value,placeholder:o=Qe.placeholder,rows:r,disabled:n,...d}=e;return no("textarea",{...d,className:i(e.className,Me,h(Me,e)),placeholder:o,rows:r,defaultValue:t,disabled:n||void 0})};Ce.states=to;Ce.options=oo;Ce.className=Me;import{Fragment as so,jsx as Ye}from"react/jsx-runtime";var Ze="k-input-loading-icon",ao=[a.disabled,a.loading],D=e=>{let{disabled:t,loading:o}=e;return t||!o?Ye(so,{}):Ye("span",{className:i(e.className,Ze,"k-icon k-i-loading")})};D.states=ao;D.className=Ze;import{Fragment as lo,jsx as je}from"react/jsx-runtime";var et="k-input-validation-icon",ro=[a.valid,a.invalid,a.disabled,a.loading],io={},K=e=>{let{valid:t,invalid:o,disabled:r,loading:n}=e,d=o?"warning-circle":"check-circle";return r||n||!!!(t||o)?je(lo,{}):je(f,{className:i(et),icon:d})};K.states=ro;K.options=io;K.className=et;import{Fragment as uo,jsx as tt}from"react/jsx-runtime";var co="k-input-prefix",po={direction:"horizontal"},le=e=>{let{direction:t=po.direction,...o}=e;return e.children?tt("span",{...o,className:i(co,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):tt(uo,{})};import{Fragment as xo,jsx as ot}from"react/jsx-runtime";var mo="k-input-suffix",fo={direction:"horizontal"},de=e=>{let{direction:t=fo.direction,...o}=e;return e.children?ot("span",{...o,className:i(mo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ot(xo,{})};import{jsx as Ea}from"react/jsx-runtime";import{jsx as wa}from"react/jsx-runtime";import{jsx as ho}from"react/jsx-runtime";var nt="k-input-separator",bo={direction:"vertical"},U=e=>{let{direction:t=bo.direction,...o}=e;return ho("span",{...o,className:i(nt,e.className,{[`${nt}-${t}`]:t})})};import{Fragment as at,jsx as C,jsxs as Oe}from"react/jsx-runtime";var No=k.states,go=k.defaultOptions,vo=k.options,Io=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ko=[],Q=e=>{let{modifiers:t,valid:o,invalid:r,loading:n,disabled:d,readonly:c,...u}=e,b=t?.prefix,N=t?.suffix,I=t?.["clear-button"],g=t?.["validation-icon"],O=t?.separators;return Oe(k,{...u,valid:o,invalid:r,loading:n,disabled:d,readonly:c,style:{width:300},children:[b&&Oe(at,{children:[C(le,{children:C(f,{icon:"lock"})}),O&&C(U,{})]}),C(_,{placeholder:"Placeholder",value:"Value"}),g&&C(K,{valid:o,invalid:r,loading:n,disabled:d}),C(D,{loading:n,disabled:d}),I&&C(B,{loading:n,disabled:d,readonly:c,value:"Value"}),N&&Oe(at,{children:[O&&C(U,{}),C(de,{children:C(w,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Q.options=vo;Q.states=No;Q.variants=ko;Q.defaultOptions=go;Q.modifiers=Io;import{Fragment as st,jsx as L,jsxs as Ee}from"react/jsx-runtime";var rt="k-textbox",To=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],yo={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},ce={showClearButton:!0,showValidationIcon:!0,separators:!0},v=e=>{let{size:t,rounded:o,fillMode:r,separators:n=ce.separators,showClearButton:d=ce.showClearButton,showValidationIcon:c=ce.showValidationIcon,prefix:u,suffix:b,type:N,value:I,placeholder:g,hover:O,focus:H,valid:z,invalid:S,required:M,loading:T,disabled:P,readonly:ee,id:pe,"aria-label":ue,"aria-describedby":ut,...mt}=e;return Ee(k,{...mt,size:t,rounded:o,fillMode:r,hover:O,focus:H,valid:z,invalid:S,required:M,loading:T,disabled:P,readonly:ee,className:i(e.className,rt),children:[u&&Ee(st,{children:[L(le,{children:u}),n&&L(U,{})]}),L(_,{id:pe,placeholder:g,value:I,type:N,disabled:P,"aria-label":ue,"aria-describedby":ut,"aria-invalid":S?"true":void 0}),c&&L(K,{valid:z,invalid:S,loading:T,disabled:P}),L(D,{loading:T,disabled:P}),d&&L(B,{loading:T,disabled:P,readonly:ee,value:I}),b&&Ee(st,{children:[n&&L(U,{}),L(de,{children:b})]})]})};v.states=To;v.options=yo;v.className=rt;v.defaultOptions=ce;v.moduleName=Ie;v.folderName=Ge;v.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Y=v;import{jsx as So}from"react/jsx-runtime";var it=e=>So(Y,{...e});import{Fragment as Ss,jsx as ys}from"react/jsx-runtime";import{Fragment as As,jsx as Ls}from"react/jsx-runtime";import{jsx as _s}from"react/jsx-runtime";import{jsx as Le}from"react/jsx-runtime";var Mo=v.states,Co=v.defaultOptions,Oo=v.options,Eo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lo=[],Z=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t?.[n]?Le(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[n]?Le(w,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[n];break;default:break}}),Le(it,{value:"Value",style:{width:300},...o,...r})};Z.options=Oo;Z.states=Mo;Z.variants=Lo;Z.defaultOptions=Co;Z.modifiers=Eo;var Ae="skeleton",lt=Ae;import{jsx as Bo}from"react/jsx-runtime";var Pe="k-skeleton",Ao=["circle","text","rect"],Po=[],wo={},we={variant:"text",shape:"text",animation:"pulse"},y=e=>{let{variant:t,shape:o,animation:r=we.animation,...n}=e,d=`skeleton-${t||o||we.variant}`;return Bo("span",{...n,className:i(e.className,Pe,te(Pe,d),{[`k-skeleton-${r}`]:r}),style:e.style})};y.states=Po;y.options=wo;y.variants=Ao;y.className=Pe;y.defaultOptions=we;y.moduleName=Ae;y.folderName=lt;y.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as ar}from"react/jsx-runtime";import{jsx as _o}from"react/jsx-runtime";var dt=e=>_o(y,{shape:"rect",...e});import{jsx as pr}from"react/jsx-runtime";var Be="captcha",ct=Be;import{jsx as A,jsxs as j}from"react/jsx-runtime";var _e="k-captcha",Ko=[a.loading,a.valid,a.invalid,a.disabled],Ro={},pt={imgPath:"/packages/html/assets/captcha.jpg"},R=e=>{let{value:t,valid:o,invalid:r,loading:n,disabled:d,imgPath:c=pt.imgPath,...u}=e;return j("div",{...u,className:i(e.className,_e,E(_e,{disabled:d}),{"k-captcha-loading":n}),children:[j("div",{className:"k-captcha-image-wrap k-hstack",children:[j("div",{className:"k-captcha-image",children:[A("img",{className:i({"k-hidden":n}),src:c}),n&&A(dt,{style:{width:"100%",height:"100%"}})]}),j("div",{className:"k-captcha-image-controls k-vstack",children:[A(x,{icon:"volume-up",disabled:n===!0}),A(x,{icon:"arrow-rotate-cw",disabled:n===!0})]}),A("div",{className:"k-captcha-volume-control k-vstack k-pos-absolute k-hidden",children:A("div",{className:"k-widget k-slider k-slider-vertical"})})]}),j("div",{className:"k-captcha-input k-vstack",children:[A(v,{value:t,valid:o,invalid:r,disabled:n===!0}),o&&!n&&A("span",{className:"k-captcha-validation-message !k-text-success",children:"Verification Success"})]})]})};R.states=Ko;R.options=Ro;R.className=_e;R.defaultOptions=pt;R.moduleName=Be;R.folderName=ct;var yr=R;export{_e as CAPTCHA_CLASSNAME,R as Captcha,yr as default};
+var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var h=(e,t)=>i({[`${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"}),E=(e,t)=>{let{valid:o,invalid:r,hover:n,focus:d,checked:c,active:u,selected:b,disabled:N,indeterminate:I,loading:g,empty:O,readonly:H,highlighted:z,...S}=t;return i({"k-valid":o,"k-invalid":r,"k-hover":n,"k-focus":d,"k-checked":c,"k-active":u,"k-selected":b,"k-disabled":N,"k-indeterminate":I&&!c,"k-loading":g,"k-empty":O,"k-readonly":H,"k-highlighted":z},Object.keys(S).reduce((M,T)=>(T.startsWith("k-")?M[T]=S[T]:M[`k-${T}`]=S[T],M),{}))};function te(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var l={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"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},s={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"},a={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{Fragment as ht,jsx as Ke}from"react/jsx-runtime";var me="k-font-icon",ft=[],xt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},bt={},$=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:d,...c}=e;return r?Ke("span",{...c,className:i(e.className,me,h(me,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):Ke(ht,{})};$.states=ft;$.options=xt;$.className=me;$.defaultOptions=bt;var Re=$;import{Fragment as vt,jsx as oe}from"react/jsx-runtime";var fe="k-svg-icon",Nt=[],gt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},He={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:r,flip:n,viewBox:d=He.viewBox,icon:c,...u}=e;if(!c)return oe(vt,{});if(c==="none")return oe("span",{...u,className:i(e.className,fe,h("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name;return oe("span",{...u,className:i(e.className,fe,h("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:oe("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:d,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};F.states=Nt;F.options=gt;F.className=fe;F.defaultOptions=He;var xe=F;import*as be from"@progress/kendo-svg-icons";var ze="icon",Ve="icons";import{useContext as kt}from"react";import{createContext as It}from"react";var De=It({iconsType:"svg"});import{Fragment as Ue,jsx as X}from"react/jsx-runtime";var ne="k-icon",Tt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yt=[],St={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},he={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{iconsType:t}=kt(De),{size:o,themeColor:r,icon:n,type:d=t||he.type,rotate:c,flip:u,viewBox:b=he.viewBox,...N}=e;if(!n)return X(Ue,{});if((t||d)==="svg"){if(n==="none")return X(xe,{...N,className:i(e.className,ne),icon:n,size:o});let g=be[n]?n:Tt(`${n}-icon`);return be[g]?X(xe,{...N,className:i(e.className,ne),icon:be[g],size:o,themeColor:r,rotate:c,flip:u,viewBox:b}):X(Ue,{})}return X(Re,{...N,className:i(e.className,ne),icon:n,size:o,themeColor:r,rotate:c,flip:u})};f.states=yt;f.options=St;f.defaultOptions=he;f.className=ne;f.moduleName=ze;f.folderName=Ve;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Ne="button",$e=Ne;import{Fragment as Et,jsx as q,jsxs as Fe}from"react/jsx-runtime";var G="k-button",Mt=["icon-button"],Ct=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Ot={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark,s.inverse]},ge={showArrow:!1,arrowIconName:"caret-alt-down"},x=e=>{let{as:t="button",size:o,rounded:r,fillMode:n,themeColor:d,showArrow:c=ge.showArrow,arrowIconName:u=ge.arrowIconName,variant:b,hover:N,focus:I,active:g,selected:O,disabled:H,togglable:z,icon:S,text:M,iconClassName:T,className:P,...ee}=e,pe=S!==void 0,ue=e.children!==void 0;return Fe(t,{className:i(P,G,te(G,b),h(G,{size:o,rounded:r,fillMode:n,themeColor:d}),E(G,{hover:N,focus:I,active:g,disabled:H,selected:O}),{"k-icon-button":!M&&!ue&&pe}),...ee,"aria-pressed":z?O?"true":"false":void 0,disabled:H||void 0,children:[S&&q(f,{className:i(T,"k-button-icon"),icon:S}),M?Fe(Et,{children:[M&&q("span",{className:"k-button-text",children:M}),e.children]}):e.children&&q("span",{className:"k-button-text",children:e.children}),c&&q("span",{className:"k-menu-button-arrow k-button-arrow",children:q(f,{icon:u})})]})};x.states=Ct;x.options=Ot;x.variants=Mt;x.className=G;x.defaultOptions=ge;x.moduleName=Ne;x.folderName=$e;x.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Lt}from"react/jsx-runtime";var Xe=e=>Lt(x,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as At}from"react/jsx-runtime";var qe=e=>At(x,{icon:"folder",children:"Button",...e});import{jsx as Pt}from"react/jsx-runtime";var w=e=>Pt(x,{children:"Button",...e});import{jsx as ve}from"react/jsx-runtime";var wt=x.options,Bt=x.states,_t={...x.defaultOptions,variant:"text"},Kt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rt=[],J=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ve(Xe,{...o,icon:"star"});case"icon-and-text":return ve(qe,{...o,icon:"star",children:"Button"});default:return ve(w,{...o,children:"Button"})}};J.options=wt;J.states=Bt;J.variants=Kt;J.defaultOptions=_t;J.modifiers=Rt;var Ie="textbox",Ge=Ie;var W="input",ae=W;import{jsx as Dt}from"react/jsx-runtime";var se="k-input",Ht=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],zt={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Vt={},k=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u,size:b,rounded:N,fillMode:I,...g}=e;return Dt("span",{...g,className:i(e.className,se,h(se,{size:b,rounded:N,fillMode:I}),E(se,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u}))})};k.states=Ht;k.options=zt;k.className=se;k.defaultOptions=Vt;k.moduleName=W;k.folderName=ae;import{jsx as Xt}from"react/jsx-runtime";var re="k-picker",Ut=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],$t={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ft={},V=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u,size:b,rounded:N,fillMode:I,...g}=e;return Xt("span",{...g,className:i(e.className,re,h(re,{size:b,rounded:N,fillMode:I}),E(re,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:c,readonly:u})),children:e.children})};V.states=Ut;V.options=$t;V.className=re;V.defaultOptions=Ft;V.moduleName=W;V.folderName=ae;import{Fragment as Jt,jsx as ke}from"react/jsx-runtime";var Je="k-clear-value",qt=[a.disabled,a.loading,a.readonly],Gt={},B=e=>{let{disabled:t,loading:o,readonly:r,value:n}=e;return t||r||o||!n?ke(Jt,{}):ke("span",{className:i(e.className,Je),children:ke(f,{icon:"x"})})};B.states=qt;B.options=Gt;B.className=Je;import{jsx as Yt}from"react/jsx-runtime";var Te="k-input-inner",Wt=[],Qt={},ie={type:"text",autocomplete:"off",value:"",placeholder:""},_=e=>{let{value:t=ie.value,type:o=ie.type,placeholder:r=ie.placeholder,autocomplete:n=ie.autocomplete,disabled:d,readOnly:c,...u}=e;return Yt("input",{...u,type:o,className:i(e.className,Te,h(Te,e)),placeholder:r,autoComplete:n,defaultValue:t,disabled:d||void 0,readOnly:c||void 0})};_.states=Wt;_.options=Qt;_.className=Te;import{jsx as We,jsxs as eo}from"react/jsx-runtime";var ye="k-input-inner",Zt=[],jt={},Se=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:n,valueIconName:d,...c}=e;return eo("span",{...c,className:i(e.className,ye,h(ye,e)),children:[n,!n&&d&&We(f,{className:"k-input-value-icon",icon:d}),r&&!t&&o,r&&t&&We("span",{className:"k-input-value-text",children:t})]})};Se.states=Zt;Se.options=jt;Se.className=ye;import{jsx as no}from"react/jsx-runtime";var Me="k-input-inner",to=[],oo={},Qe={value:"",placeholder:""},Ce=e=>{let{value:t=Qe.value,placeholder:o=Qe.placeholder,rows:r,disabled:n,...d}=e;return no("textarea",{...d,className:i(e.className,Me,h(Me,e)),placeholder:o,rows:r,defaultValue:t,disabled:n||void 0})};Ce.states=to;Ce.options=oo;Ce.className=Me;import{Fragment as so,jsx as Ye}from"react/jsx-runtime";var Ze="k-input-loading-icon",ao=[a.disabled,a.loading],D=e=>{let{disabled:t,loading:o}=e;return t||!o?Ye(so,{}):Ye("span",{className:i(e.className,Ze,"k-icon k-i-loading")})};D.states=ao;D.className=Ze;import{Fragment as lo,jsx as je}from"react/jsx-runtime";var et="k-input-validation-icon",ro=[a.valid,a.invalid,a.disabled,a.loading],io={},K=e=>{let{valid:t,invalid:o,disabled:r,loading:n}=e,d=o?"warning-circle":"check-circle";return r||n||!!!(t||o)?je(lo,{}):je(f,{className:i(et),icon:d})};K.states=ro;K.options=io;K.className=et;import{Fragment as uo,jsx as tt}from"react/jsx-runtime";var co="k-input-prefix",po={direction:"horizontal"},le=e=>{let{direction:t=po.direction,...o}=e;return e.children?tt("span",{...o,className:i(co,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):tt(uo,{})};import{Fragment as xo,jsx as ot}from"react/jsx-runtime";var mo="k-input-suffix",fo={direction:"horizontal"},de=e=>{let{direction:t=fo.direction,...o}=e;return e.children?ot("span",{...o,className:i(mo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ot(xo,{})};import{jsx as Ea}from"react/jsx-runtime";import{jsx as wa}from"react/jsx-runtime";import{jsx as ho}from"react/jsx-runtime";var nt="k-input-separator",bo={direction:"vertical"},U=e=>{let{direction:t=bo.direction,...o}=e;return ho("span",{...o,className:i(nt,e.className,{[`${nt}-${t}`]:t})})};import{Fragment as at,jsx as C,jsxs as Oe}from"react/jsx-runtime";var No=k.states,go=k.defaultOptions,vo=k.options,Io=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ko=[],Q=e=>{let{modifiers:t,valid:o,invalid:r,loading:n,disabled:d,readonly:c,...u}=e,b=t?.prefix,N=t?.suffix,I=t?.["clear-button"],g=t?.["validation-icon"],O=t?.separators;return Oe(k,{...u,valid:o,invalid:r,loading:n,disabled:d,readonly:c,style:{width:300},children:[b&&Oe(at,{children:[C(le,{children:C(f,{icon:"lock"})}),O&&C(U,{})]}),C(_,{placeholder:"Placeholder",value:"Value"}),g&&C(K,{valid:o,invalid:r,loading:n,disabled:d}),C(D,{loading:n,disabled:d}),I&&C(B,{loading:n,disabled:d,readonly:c,value:"Value"}),N&&Oe(at,{children:[O&&C(U,{}),C(de,{children:C(w,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Q.options=vo;Q.states=No;Q.variants=ko;Q.defaultOptions=go;Q.modifiers=Io;import{Fragment as st,jsx as L,jsxs as Ee}from"react/jsx-runtime";var rt="k-textbox",To=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],yo={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},ce={showClearButton:!0,showValidationIcon:!0,separators:!0},v=e=>{let{size:t,rounded:o,fillMode:r,separators:n=ce.separators,showClearButton:d=ce.showClearButton,showValidationIcon:c=ce.showValidationIcon,prefix:u,suffix:b,type:N,value:I,placeholder:g,hover:O,focus:H,valid:z,invalid:S,required:M,loading:T,disabled:P,readonly:ee,id:pe,"aria-label":ue,"aria-describedby":ut,...mt}=e;return Ee(k,{...mt,size:t,rounded:o,fillMode:r,hover:O,focus:H,valid:z,invalid:S,required:M,loading:T,disabled:P,readonly:ee,className:i(e.className,rt),children:[u&&Ee(st,{children:[L(le,{children:u}),n&&L(U,{})]}),L(_,{id:pe,placeholder:g,value:I,type:N,disabled:P,"aria-label":ue,"aria-describedby":ut,"aria-invalid":S?"true":void 0}),c&&L(K,{valid:z,invalid:S,loading:T,disabled:P}),L(D,{loading:T,disabled:P}),d&&L(B,{loading:T,disabled:P,readonly:ee,value:I}),b&&Ee(st,{children:[n&&L(U,{}),L(de,{children:b})]})]})};v.states=To;v.options=yo;v.className=rt;v.defaultOptions=ce;v.moduleName=Ie;v.folderName=Ge;v.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Y=v;import{jsx as So}from"react/jsx-runtime";var it=e=>So(Y,{...e});import{Fragment as Ss,jsx as ys}from"react/jsx-runtime";import{Fragment as As,jsx as Ls}from"react/jsx-runtime";import{jsx as _s}from"react/jsx-runtime";import{jsx as Le}from"react/jsx-runtime";var Mo=v.states,Co=v.defaultOptions,Oo=v.options,Eo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lo=[],Z=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t?.[n]?Le(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[n]?Le(w,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[n];break;default:break}}),Le(it,{value:"Value",style:{width:300},...o,...r})};Z.options=Oo;Z.states=Mo;Z.variants=Lo;Z.defaultOptions=Co;Z.modifiers=Eo;var Ae="skeleton",lt=Ae;import{jsx as Bo}from"react/jsx-runtime";var Pe="k-skeleton",Ao=["circle","text","rect"],Po=[],wo={},we={variant:"text",shape:"text",animation:"pulse"},y=e=>{let{variant:t,shape:o,animation:r=we.animation,...n}=e,d=`skeleton-${t||o||we.variant}`;return Bo("span",{...n,className:i(e.className,Pe,te(Pe,d),{[`k-skeleton-${r}`]:r}),style:e.style})};y.states=Po;y.options=wo;y.variants=Ao;y.className=Pe;y.defaultOptions=we;y.moduleName=Ae;y.folderName=lt;y.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as ar}from"react/jsx-runtime";import{jsx as _o}from"react/jsx-runtime";var dt=e=>_o(y,{shape:"rect",...e});import{jsx as pr}from"react/jsx-runtime";var Be="captcha",ct=Be;import{jsx as A,jsxs as j}from"react/jsx-runtime";var _e="k-captcha",Ko=[a.loading,a.valid,a.invalid,a.disabled],Ro={},pt={imgPath:"/packages/html/assets/captcha.jpg"},R=e=>{let{value:t,valid:o,invalid:r,loading:n,disabled:d,imgPath:c=pt.imgPath,...u}=e;return j("div",{...u,className:i(e.className,_e,E(_e,{disabled:d}),{"k-captcha-loading":n}),children:[j("div",{className:"k-captcha-image-wrap k-hstack",children:[j("div",{className:"k-captcha-image",children:[A("img",{className:i({"k-hidden":n}),src:c}),n&&A(dt,{style:{width:"100%",height:"100%"}})]}),j("div",{className:"k-captcha-image-controls k-vstack",children:[A(x,{icon:"volume-up",disabled:n===!0}),A(x,{icon:"arrow-rotate-cw",disabled:n===!0})]}),A("div",{className:"k-captcha-volume-control k-vstack k-pos-absolute k-hidden",children:A("div",{className:"k-slider k-slider-vertical"})})]}),j("div",{className:"k-captcha-input k-vstack",children:[A(v,{value:t,valid:o,invalid:r,disabled:n===!0}),o&&!n&&A("span",{className:"k-captcha-validation-message !k-text-success",children:"Verification Success"})]})]})};R.states=Ko;R.options=Ro;R.className=_e;R.defaultOptions=pt;R.moduleName=Be;R.folderName=ct;var yr=R;export{_e as CAPTCHA_CLASSNAME,R as Captcha,yr as default};

package/dist/esm/captcha/demos/captcha.mjs

@@ -1 +1 @@
-var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var h=(e,t)=>i({[`${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"}),L=(e,t)=>{let{valid:o,invalid:r,hover:n,focus:d,checked:p,active:u,selected:b,disabled:N,indeterminate:k,loading:g,empty:E,readonly:H,highlighted:z,...M}=t;return i({"k-valid":o,"k-invalid":r,"k-hover":n,"k-focus":d,"k-checked":p,"k-active":u,"k-selected":b,"k-disabled":N,"k-indeterminate":k&&!p,"k-loading":g,"k-empty":E,"k-readonly":H,"k-highlighted":z},Object.keys(M).reduce((C,T)=>(T.startsWith("k-")?C[T]=M[T]:C[`k-${T}`]=M[T],C),{}))};function oe(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},s={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"},a={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{Fragment as gt,jsx as Re}from"react/jsx-runtime";var fe="k-font-icon",bt=[],ht={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},Nt={},F=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:d,...p}=e;return r?Re("span",{...p,className:i(e.className,fe,h(fe,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):Re(gt,{})};F.states=bt;F.options=ht;F.className=fe;F.defaultOptions=Nt;var He=F;import{Fragment as It,jsx as ne}from"react/jsx-runtime";var xe="k-svg-icon",vt=[],kt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},ze={viewBox:"0 0 24 24"},X=e=>{let{size:t,themeColor:o,rotate:r,flip:n,viewBox:d=ze.viewBox,icon:p,...u}=e;if(!p)return ne(It,{});if(p==="none")return ne("span",{...u,className:i(e.className,xe,h("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof p=="object"&&p.name&&p.name;return ne("span",{...u,className:i(e.className,xe,h("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:ne("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:d,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};X.states=vt;X.options=kt;X.className=xe;X.defaultOptions=ze;var be=X;import*as he from"@progress/kendo-svg-icons";var Ve="icon",De="icons";import{useContext as yt}from"react";import{createContext as Tt}from"react";var Ue=Tt({iconsType:"svg"});import{Fragment as $e,jsx as q}from"react/jsx-runtime";var ae="k-icon",St=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Mt=[],Ct={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},Ne={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{iconsType:t}=yt(Ue),{size:o,themeColor:r,icon:n,type:d=t||Ne.type,rotate:p,flip:u,viewBox:b=Ne.viewBox,...N}=e;if(!n)return q($e,{});if((t||d)==="svg"){if(n==="none")return q(be,{...N,className:i(e.className,ae),icon:n,size:o});let g=he[n]?n:St(`${n}-icon`);return he[g]?q(be,{...N,className:i(e.className,ae),icon:he[g],size:o,themeColor:r,rotate:p,flip:u,viewBox:b}):q($e,{})}return q(He,{...N,className:i(e.className,ae),icon:n,size:o,themeColor:r,rotate:p,flip:u})};f.states=Mt;f.options=Ct;f.defaultOptions=Ne;f.className=ae;f.moduleName=Ve;f.folderName=De;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var ge="button",Fe=ge;import{Fragment as At,jsx as G,jsxs as Xe}from"react/jsx-runtime";var J="k-button",Ot=["icon-button"],Et=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Lt={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark,s.inverse]},ve={showArrow:!1,arrowIconName:"caret-alt-down"},x=e=>{let{as:t="button",size:o,rounded:r,fillMode:n,themeColor:d,showArrow:p=ve.showArrow,arrowIconName:u=ve.arrowIconName,variant:b,hover:N,focus:k,active:g,selected:E,disabled:H,togglable:z,icon:M,text:C,iconClassName:T,className:w,...te}=e,ue=M!==void 0,me=e.children!==void 0;return Xe(t,{className:i(w,J,oe(J,b),h(J,{size:o,rounded:r,fillMode:n,themeColor:d}),L(J,{hover:N,focus:k,active:g,disabled:H,selected:E}),{"k-icon-button":!C&&!me&&ue}),...te,"aria-pressed":z?E?"true":"false":void 0,disabled:H||void 0,children:[M&&G(f,{className:i(T,"k-button-icon"),icon:M}),C?Xe(At,{children:[C&&G("span",{className:"k-button-text",children:C}),e.children]}):e.children&&G("span",{className:"k-button-text",children:e.children}),p&&G("span",{className:"k-menu-button-arrow k-button-arrow",children:G(f,{icon:u})})]})};x.states=Et;x.options=Lt;x.variants=Ot;x.className=J;x.defaultOptions=ve;x.moduleName=ge;x.folderName=Fe;x.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Pt}from"react/jsx-runtime";var qe=e=>Pt(x,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as wt}from"react/jsx-runtime";var Ge=e=>wt(x,{icon:"folder",children:"Button",...e});import{jsx as Bt}from"react/jsx-runtime";var B=e=>Bt(x,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var _t=x.options,Kt=x.states,Rt={...x.defaultOptions,variant:"text"},Ht=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zt=[],Y=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(qe,{...o,icon:"star"});case"icon-and-text":return ke(Ge,{...o,icon:"star",children:"Button"});default:return ke(B,{...o,children:"Button"})}};Y.options=_t;Y.states=Kt;Y.variants=Ht;Y.defaultOptions=Rt;Y.modifiers=zt;var Ie="textbox",Je=Ie;var W="input",se=W;import{jsx as $t}from"react/jsx-runtime";var re="k-input",Vt=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Dt={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ut={},I=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u,size:b,rounded:N,fillMode:k,...g}=e;return $t("span",{...g,className:i(e.className,re,h(re,{size:b,rounded:N,fillMode:k}),L(re,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u}))})};I.states=Vt;I.options=Dt;I.className=re;I.defaultOptions=Ut;I.moduleName=W;I.folderName=se;import{jsx as Gt}from"react/jsx-runtime";var ie="k-picker",Ft=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Xt={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},qt={},V=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u,size:b,rounded:N,fillMode:k,...g}=e;return Gt("span",{...g,className:i(e.className,ie,h(ie,{size:b,rounded:N,fillMode:k}),L(ie,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u})),children:e.children})};V.states=Ft;V.options=Xt;V.className=ie;V.defaultOptions=qt;V.moduleName=W;V.folderName=se;import{Fragment as Wt,jsx as Te}from"react/jsx-runtime";var Ye="k-clear-value",Jt=[a.disabled,a.loading,a.readonly],Yt={},_=e=>{let{disabled:t,loading:o,readonly:r,value:n}=e;return t||r||o||!n?Te(Wt,{}):Te("span",{className:i(e.className,Ye),children:Te(f,{icon:"x"})})};_.states=Jt;_.options=Yt;_.className=Ye;import{jsx as jt}from"react/jsx-runtime";var ye="k-input-inner",Qt=[],Zt={},le={type:"text",autocomplete:"off",value:"",placeholder:""},K=e=>{let{value:t=le.value,type:o=le.type,placeholder:r=le.placeholder,autocomplete:n=le.autocomplete,disabled:d,readOnly:p,...u}=e;return jt("input",{...u,type:o,className:i(e.className,ye,h(ye,e)),placeholder:r,autoComplete:n,defaultValue:t,disabled:d||void 0,readOnly:p||void 0})};K.states=Qt;K.options=Zt;K.className=ye;import{jsx as We,jsxs as oo}from"react/jsx-runtime";var Se="k-input-inner",eo=[],to={},Me=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:n,valueIconName:d,...p}=e;return oo("span",{...p,className:i(e.className,Se,h(Se,e)),children:[n,!n&&d&&We(f,{className:"k-input-value-icon",icon:d}),r&&!t&&o,r&&t&&We("span",{className:"k-input-value-text",children:t})]})};Me.states=eo;Me.options=to;Me.className=Se;import{jsx as so}from"react/jsx-runtime";var Ce="k-input-inner",no=[],ao={},Qe={value:"",placeholder:""},Oe=e=>{let{value:t=Qe.value,placeholder:o=Qe.placeholder,rows:r,disabled:n,...d}=e;return so("textarea",{...d,className:i(e.className,Ce,h(Ce,e)),placeholder:o,rows:r,defaultValue:t,disabled:n||void 0})};Oe.states=no;Oe.options=ao;Oe.className=Ce;import{Fragment as io,jsx as Ze}from"react/jsx-runtime";var je="k-input-loading-icon",ro=[a.disabled,a.loading],D=e=>{let{disabled:t,loading:o}=e;return t||!o?Ze(io,{}):Ze("span",{className:i(e.className,je,"k-icon k-i-loading")})};D.states=ro;D.className=je;import{Fragment as co,jsx as et}from"react/jsx-runtime";var tt="k-input-validation-icon",lo=[a.valid,a.invalid,a.disabled,a.loading],po={},R=e=>{let{valid:t,invalid:o,disabled:r,loading:n}=e,d=o?"warning-circle":"check-circle";return r||n||!!!(t||o)?et(co,{}):et(f,{className:i(tt),icon:d})};R.states=lo;R.options=po;R.className=tt;import{Fragment as fo,jsx as ot}from"react/jsx-runtime";var uo="k-input-prefix",mo={direction:"horizontal"},de=e=>{let{direction:t=mo.direction,...o}=e;return e.children?ot("span",{...o,className:i(uo,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ot(fo,{})};import{Fragment as ho,jsx as nt}from"react/jsx-runtime";var xo="k-input-suffix",bo={direction:"horizontal"},pe=e=>{let{direction:t=bo.direction,...o}=e;return e.children?nt("span",{...o,className:i(xo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):nt(ho,{})};import{jsx as Ha}from"react/jsx-runtime";import{jsx as Ua}from"react/jsx-runtime";import{jsx as go}from"react/jsx-runtime";var at="k-input-separator",No={direction:"vertical"},U=e=>{let{direction:t=No.direction,...o}=e;return go("span",{...o,className:i(at,e.className,{[`${at}-${t}`]:t})})};import{Fragment as st,jsx as O,jsxs as Ee}from"react/jsx-runtime";var vo=I.states,ko=I.defaultOptions,Io=I.options,To=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],yo=[],Q=e=>{let{modifiers:t,valid:o,invalid:r,loading:n,disabled:d,readonly:p,...u}=e,b=t?.prefix,N=t?.suffix,k=t?.["clear-button"],g=t?.["validation-icon"],E=t?.separators;return Ee(I,{...u,valid:o,invalid:r,loading:n,disabled:d,readonly:p,style:{width:300},children:[b&&Ee(st,{children:[O(de,{children:O(f,{icon:"lock"})}),E&&O(U,{})]}),O(K,{placeholder:"Placeholder",value:"Value"}),g&&O(R,{valid:o,invalid:r,loading:n,disabled:d}),O(D,{loading:n,disabled:d}),k&&O(_,{loading:n,disabled:d,readonly:p,value:"Value"}),N&&Ee(st,{children:[E&&O(U,{}),O(pe,{children:O(B,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Q.options=Io;Q.states=vo;Q.variants=yo;Q.defaultOptions=ko;Q.modifiers=To;import{Fragment as rt,jsx as A,jsxs as Le}from"react/jsx-runtime";var it="k-textbox",So=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Mo={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},ce={showClearButton:!0,showValidationIcon:!0,separators:!0},v=e=>{let{size:t,rounded:o,fillMode:r,separators:n=ce.separators,showClearButton:d=ce.showClearButton,showValidationIcon:p=ce.showValidationIcon,prefix:u,suffix:b,type:N,value:k,placeholder:g,hover:E,focus:H,valid:z,invalid:M,required:C,loading:T,disabled:w,readonly:te,id:ue,"aria-label":me,"aria-describedby":ft,...xt}=e;return Le(I,{...xt,size:t,rounded:o,fillMode:r,hover:E,focus:H,valid:z,invalid:M,required:C,loading:T,disabled:w,readonly:te,className:i(e.className,it),children:[u&&Le(rt,{children:[A(de,{children:u}),n&&A(U,{})]}),A(K,{id:ue,placeholder:g,value:k,type:N,disabled:w,"aria-label":me,"aria-describedby":ft,"aria-invalid":M?"true":void 0}),p&&A(R,{valid:z,invalid:M,loading:T,disabled:w}),A(D,{loading:T,disabled:w}),d&&A(_,{loading:T,disabled:w,readonly:te,value:k}),b&&Le(rt,{children:[n&&A(U,{}),A(pe,{children:b})]})]})};v.states=So;v.options=Mo;v.className=it;v.defaultOptions=ce;v.moduleName=Ie;v.folderName=Je;v.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Z=v;import{jsx as Co}from"react/jsx-runtime";var lt=e=>Co(Z,{...e});import{Fragment as Bs,jsx as ws}from"react/jsx-runtime";import{Fragment as Vs,jsx as zs}from"react/jsx-runtime";import{jsx as Fs}from"react/jsx-runtime";import{jsx as Ae}from"react/jsx-runtime";var Oo=v.states,Eo=v.defaultOptions,Lo=v.options,Ao=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Po=[],j=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t?.[n]?Ae(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[n]?Ae(B,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[n];break;default:break}}),Ae(lt,{value:"Value",style:{width:300},...o,...r})};j.options=Lo;j.states=Oo;j.variants=Po;j.defaultOptions=Eo;j.modifiers=Ao;var Pe="skeleton",dt=Pe;import{jsx as Ko}from"react/jsx-runtime";var we="k-skeleton",wo=["circle","text","rect"],Bo=[],_o={},Be={variant:"text",shape:"text",animation:"pulse"},y=e=>{let{variant:t,shape:o,animation:r=Be.animation,...n}=e,d=`skeleton-${t||o||Be.variant}`;return Ko("span",{...n,className:i(e.className,we,oe(we,d),{[`k-skeleton-${r}`]:r}),style:e.style})};y.states=Bo;y.options=_o;y.variants=wo;y.className=we;y.defaultOptions=Be;y.moduleName=Pe;y.folderName=dt;y.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as mr}from"react/jsx-runtime";import{jsx as Ro}from"react/jsx-runtime";var pt=e=>Ro(y,{shape:"rect",...e});import{jsx as vr}from"react/jsx-runtime";var _e="captcha",ct=_e;import{jsx as P,jsxs as ee}from"react/jsx-runtime";var Ke="k-captcha",Ho=[a.loading,a.valid,a.invalid,a.disabled],zo={},ut={imgPath:"/packages/html/assets/captcha.jpg"},S=e=>{let{value:t,valid:o,invalid:r,loading:n,disabled:d,imgPath:p=ut.imgPath,...u}=e;return ee("div",{...u,className:i(e.className,Ke,L(Ke,{disabled:d}),{"k-captcha-loading":n}),children:[ee("div",{className:"k-captcha-image-wrap k-hstack",children:[ee("div",{className:"k-captcha-image",children:[P("img",{className:i({"k-hidden":n}),src:p}),n&&P(pt,{style:{width:"100%",height:"100%"}})]}),ee("div",{className:"k-captcha-image-controls k-vstack",children:[P(x,{icon:"volume-up",disabled:n===!0}),P(x,{icon:"arrow-rotate-cw",disabled:n===!0})]}),P("div",{className:"k-captcha-volume-control k-vstack k-pos-absolute k-hidden",children:P("div",{className:"k-widget k-slider k-slider-vertical"})})]}),ee("div",{className:"k-captcha-input k-vstack",children:[P(v,{value:t,valid:o,invalid:r,disabled:n===!0}),o&&!n&&P("span",{className:"k-captcha-validation-message !k-text-success",children:"Verification Success"})]})]})};S.states=Ho;S.options=zo;S.className=Ke;S.defaultOptions=ut;S.moduleName=_e;S.folderName=ct;import{jsx as Vo}from"react/jsx-runtime";var mt=e=>Vo(S,{value:"YR890",...e});import{jsx as qo}from"react/jsx-runtime";var Do=S.options,Uo=[],$o=S.states,Fo=S.defaultOptions,Xo=[],$=e=>qo(mt,{value:"YGRX7",imgPath:"https://demos.telerik.com/kendo-ui/content/captcha/81baf680-1778-48ad-938a-ff6fe97842f7.png",...e});$.options=Do;$.states=$o;$.variants=Uo;$.defaultOptions=Fo;$.modifiers=Xo;var Dr=$;export{$ as CaptchaDemo,Dr as default};
+var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var h=(e,t)=>i({[`${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"}),L=(e,t)=>{let{valid:o,invalid:r,hover:n,focus:d,checked:p,active:u,selected:b,disabled:N,indeterminate:k,loading:g,empty:E,readonly:H,highlighted:z,...M}=t;return i({"k-valid":o,"k-invalid":r,"k-hover":n,"k-focus":d,"k-checked":p,"k-active":u,"k-selected":b,"k-disabled":N,"k-indeterminate":k&&!p,"k-loading":g,"k-empty":E,"k-readonly":H,"k-highlighted":z},Object.keys(M).reduce((C,T)=>(T.startsWith("k-")?C[T]=M[T]:C[`k-${T}`]=M[T],C),{}))};function oe(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},s={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"},a={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{Fragment as gt,jsx as Re}from"react/jsx-runtime";var fe="k-font-icon",bt=[],ht={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},Nt={},F=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:d,...p}=e;return r?Re("span",{...p,className:i(e.className,fe,h(fe,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):Re(gt,{})};F.states=bt;F.options=ht;F.className=fe;F.defaultOptions=Nt;var He=F;import{Fragment as It,jsx as ne}from"react/jsx-runtime";var xe="k-svg-icon",vt=[],kt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},ze={viewBox:"0 0 24 24"},X=e=>{let{size:t,themeColor:o,rotate:r,flip:n,viewBox:d=ze.viewBox,icon:p,...u}=e;if(!p)return ne(It,{});if(p==="none")return ne("span",{...u,className:i(e.className,xe,h("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof p=="object"&&p.name&&p.name;return ne("span",{...u,className:i(e.className,xe,h("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:ne("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:d,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};X.states=vt;X.options=kt;X.className=xe;X.defaultOptions=ze;var be=X;import*as he from"@progress/kendo-svg-icons";var Ve="icon",De="icons";import{useContext as yt}from"react";import{createContext as Tt}from"react";var Ue=Tt({iconsType:"svg"});import{Fragment as $e,jsx as q}from"react/jsx-runtime";var ae="k-icon",St=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Mt=[],Ct={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},Ne={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{iconsType:t}=yt(Ue),{size:o,themeColor:r,icon:n,type:d=t||Ne.type,rotate:p,flip:u,viewBox:b=Ne.viewBox,...N}=e;if(!n)return q($e,{});if((t||d)==="svg"){if(n==="none")return q(be,{...N,className:i(e.className,ae),icon:n,size:o});let g=he[n]?n:St(`${n}-icon`);return he[g]?q(be,{...N,className:i(e.className,ae),icon:he[g],size:o,themeColor:r,rotate:p,flip:u,viewBox:b}):q($e,{})}return q(He,{...N,className:i(e.className,ae),icon:n,size:o,themeColor:r,rotate:p,flip:u})};f.states=Mt;f.options=Ct;f.defaultOptions=Ne;f.className=ae;f.moduleName=Ve;f.folderName=De;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var ge="button",Fe=ge;import{Fragment as At,jsx as G,jsxs as Xe}from"react/jsx-runtime";var J="k-button",Ot=["icon-button"],Et=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Lt={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark,s.inverse]},ve={showArrow:!1,arrowIconName:"caret-alt-down"},x=e=>{let{as:t="button",size:o,rounded:r,fillMode:n,themeColor:d,showArrow:p=ve.showArrow,arrowIconName:u=ve.arrowIconName,variant:b,hover:N,focus:k,active:g,selected:E,disabled:H,togglable:z,icon:M,text:C,iconClassName:T,className:w,...te}=e,ue=M!==void 0,me=e.children!==void 0;return Xe(t,{className:i(w,J,oe(J,b),h(J,{size:o,rounded:r,fillMode:n,themeColor:d}),L(J,{hover:N,focus:k,active:g,disabled:H,selected:E}),{"k-icon-button":!C&&!me&&ue}),...te,"aria-pressed":z?E?"true":"false":void 0,disabled:H||void 0,children:[M&&G(f,{className:i(T,"k-button-icon"),icon:M}),C?Xe(At,{children:[C&&G("span",{className:"k-button-text",children:C}),e.children]}):e.children&&G("span",{className:"k-button-text",children:e.children}),p&&G("span",{className:"k-menu-button-arrow k-button-arrow",children:G(f,{icon:u})})]})};x.states=Et;x.options=Lt;x.variants=Ot;x.className=J;x.defaultOptions=ve;x.moduleName=ge;x.folderName=Fe;x.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Pt}from"react/jsx-runtime";var qe=e=>Pt(x,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as wt}from"react/jsx-runtime";var Ge=e=>wt(x,{icon:"folder",children:"Button",...e});import{jsx as Bt}from"react/jsx-runtime";var B=e=>Bt(x,{children:"Button",...e});import{jsx as ke}from"react/jsx-runtime";var _t=x.options,Kt=x.states,Rt={...x.defaultOptions,variant:"text"},Ht=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zt=[],Y=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ke(qe,{...o,icon:"star"});case"icon-and-text":return ke(Ge,{...o,icon:"star",children:"Button"});default:return ke(B,{...o,children:"Button"})}};Y.options=_t;Y.states=Kt;Y.variants=Ht;Y.defaultOptions=Rt;Y.modifiers=zt;var Ie="textbox",Je=Ie;var W="input",se=W;import{jsx as $t}from"react/jsx-runtime";var re="k-input",Vt=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Dt={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ut={},I=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u,size:b,rounded:N,fillMode:k,...g}=e;return $t("span",{...g,className:i(e.className,re,h(re,{size:b,rounded:N,fillMode:k}),L(re,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u}))})};I.states=Vt;I.options=Dt;I.className=re;I.defaultOptions=Ut;I.moduleName=W;I.folderName=se;import{jsx as Gt}from"react/jsx-runtime";var ie="k-picker",Ft=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Xt={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},qt={},V=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u,size:b,rounded:N,fillMode:k,...g}=e;return Gt("span",{...g,className:i(e.className,ie,h(ie,{size:b,rounded:N,fillMode:k}),L(ie,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u})),children:e.children})};V.states=Ft;V.options=Xt;V.className=ie;V.defaultOptions=qt;V.moduleName=W;V.folderName=se;import{Fragment as Wt,jsx as Te}from"react/jsx-runtime";var Ye="k-clear-value",Jt=[a.disabled,a.loading,a.readonly],Yt={},_=e=>{let{disabled:t,loading:o,readonly:r,value:n}=e;return t||r||o||!n?Te(Wt,{}):Te("span",{className:i(e.className,Ye),children:Te(f,{icon:"x"})})};_.states=Jt;_.options=Yt;_.className=Ye;import{jsx as jt}from"react/jsx-runtime";var ye="k-input-inner",Qt=[],Zt={},le={type:"text",autocomplete:"off",value:"",placeholder:""},K=e=>{let{value:t=le.value,type:o=le.type,placeholder:r=le.placeholder,autocomplete:n=le.autocomplete,disabled:d,readOnly:p,...u}=e;return jt("input",{...u,type:o,className:i(e.className,ye,h(ye,e)),placeholder:r,autoComplete:n,defaultValue:t,disabled:d||void 0,readOnly:p||void 0})};K.states=Qt;K.options=Zt;K.className=ye;import{jsx as We,jsxs as oo}from"react/jsx-runtime";var Se="k-input-inner",eo=[],to={},Me=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:n,valueIconName:d,...p}=e;return oo("span",{...p,className:i(e.className,Se,h(Se,e)),children:[n,!n&&d&&We(f,{className:"k-input-value-icon",icon:d}),r&&!t&&o,r&&t&&We("span",{className:"k-input-value-text",children:t})]})};Me.states=eo;Me.options=to;Me.className=Se;import{jsx as so}from"react/jsx-runtime";var Ce="k-input-inner",no=[],ao={},Qe={value:"",placeholder:""},Oe=e=>{let{value:t=Qe.value,placeholder:o=Qe.placeholder,rows:r,disabled:n,...d}=e;return so("textarea",{...d,className:i(e.className,Ce,h(Ce,e)),placeholder:o,rows:r,defaultValue:t,disabled:n||void 0})};Oe.states=no;Oe.options=ao;Oe.className=Ce;import{Fragment as io,jsx as Ze}from"react/jsx-runtime";var je="k-input-loading-icon",ro=[a.disabled,a.loading],D=e=>{let{disabled:t,loading:o}=e;return t||!o?Ze(io,{}):Ze("span",{className:i(e.className,je,"k-icon k-i-loading")})};D.states=ro;D.className=je;import{Fragment as co,jsx as et}from"react/jsx-runtime";var tt="k-input-validation-icon",lo=[a.valid,a.invalid,a.disabled,a.loading],po={},R=e=>{let{valid:t,invalid:o,disabled:r,loading:n}=e,d=o?"warning-circle":"check-circle";return r||n||!!!(t||o)?et(co,{}):et(f,{className:i(tt),icon:d})};R.states=lo;R.options=po;R.className=tt;import{Fragment as fo,jsx as ot}from"react/jsx-runtime";var uo="k-input-prefix",mo={direction:"horizontal"},de=e=>{let{direction:t=mo.direction,...o}=e;return e.children?ot("span",{...o,className:i(uo,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ot(fo,{})};import{Fragment as ho,jsx as nt}from"react/jsx-runtime";var xo="k-input-suffix",bo={direction:"horizontal"},pe=e=>{let{direction:t=bo.direction,...o}=e;return e.children?nt("span",{...o,className:i(xo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):nt(ho,{})};import{jsx as Ha}from"react/jsx-runtime";import{jsx as Ua}from"react/jsx-runtime";import{jsx as go}from"react/jsx-runtime";var at="k-input-separator",No={direction:"vertical"},U=e=>{let{direction:t=No.direction,...o}=e;return go("span",{...o,className:i(at,e.className,{[`${at}-${t}`]:t})})};import{Fragment as st,jsx as O,jsxs as Ee}from"react/jsx-runtime";var vo=I.states,ko=I.defaultOptions,Io=I.options,To=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],yo=[],Q=e=>{let{modifiers:t,valid:o,invalid:r,loading:n,disabled:d,readonly:p,...u}=e,b=t?.prefix,N=t?.suffix,k=t?.["clear-button"],g=t?.["validation-icon"],E=t?.separators;return Ee(I,{...u,valid:o,invalid:r,loading:n,disabled:d,readonly:p,style:{width:300},children:[b&&Ee(st,{children:[O(de,{children:O(f,{icon:"lock"})}),E&&O(U,{})]}),O(K,{placeholder:"Placeholder",value:"Value"}),g&&O(R,{valid:o,invalid:r,loading:n,disabled:d}),O(D,{loading:n,disabled:d}),k&&O(_,{loading:n,disabled:d,readonly:p,value:"Value"}),N&&Ee(st,{children:[E&&O(U,{}),O(pe,{children:O(B,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Q.options=Io;Q.states=vo;Q.variants=yo;Q.defaultOptions=ko;Q.modifiers=To;import{Fragment as rt,jsx as A,jsxs as Le}from"react/jsx-runtime";var it="k-textbox",So=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Mo={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},ce={showClearButton:!0,showValidationIcon:!0,separators:!0},v=e=>{let{size:t,rounded:o,fillMode:r,separators:n=ce.separators,showClearButton:d=ce.showClearButton,showValidationIcon:p=ce.showValidationIcon,prefix:u,suffix:b,type:N,value:k,placeholder:g,hover:E,focus:H,valid:z,invalid:M,required:C,loading:T,disabled:w,readonly:te,id:ue,"aria-label":me,"aria-describedby":ft,...xt}=e;return Le(I,{...xt,size:t,rounded:o,fillMode:r,hover:E,focus:H,valid:z,invalid:M,required:C,loading:T,disabled:w,readonly:te,className:i(e.className,it),children:[u&&Le(rt,{children:[A(de,{children:u}),n&&A(U,{})]}),A(K,{id:ue,placeholder:g,value:k,type:N,disabled:w,"aria-label":me,"aria-describedby":ft,"aria-invalid":M?"true":void 0}),p&&A(R,{valid:z,invalid:M,loading:T,disabled:w}),A(D,{loading:T,disabled:w}),d&&A(_,{loading:T,disabled:w,readonly:te,value:k}),b&&Le(rt,{children:[n&&A(U,{}),A(pe,{children:b})]})]})};v.states=So;v.options=Mo;v.className=it;v.defaultOptions=ce;v.moduleName=Ie;v.folderName=Je;v.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Z=v;import{jsx as Co}from"react/jsx-runtime";var lt=e=>Co(Z,{...e});import{Fragment as Bs,jsx as ws}from"react/jsx-runtime";import{Fragment as Vs,jsx as zs}from"react/jsx-runtime";import{jsx as Fs}from"react/jsx-runtime";import{jsx as Ae}from"react/jsx-runtime";var Oo=v.states,Eo=v.defaultOptions,Lo=v.options,Ao=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Po=[],j=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t?.[n]?Ae(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[n]?Ae(B,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[n];break;default:break}}),Ae(lt,{value:"Value",style:{width:300},...o,...r})};j.options=Lo;j.states=Oo;j.variants=Po;j.defaultOptions=Eo;j.modifiers=Ao;var Pe="skeleton",dt=Pe;import{jsx as Ko}from"react/jsx-runtime";var we="k-skeleton",wo=["circle","text","rect"],Bo=[],_o={},Be={variant:"text",shape:"text",animation:"pulse"},y=e=>{let{variant:t,shape:o,animation:r=Be.animation,...n}=e,d=`skeleton-${t||o||Be.variant}`;return Ko("span",{...n,className:i(e.className,we,oe(we,d),{[`k-skeleton-${r}`]:r}),style:e.style})};y.states=Bo;y.options=_o;y.variants=wo;y.className=we;y.defaultOptions=Be;y.moduleName=Pe;y.folderName=dt;y.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as mr}from"react/jsx-runtime";import{jsx as Ro}from"react/jsx-runtime";var pt=e=>Ro(y,{shape:"rect",...e});import{jsx as vr}from"react/jsx-runtime";var _e="captcha",ct=_e;import{jsx as P,jsxs as ee}from"react/jsx-runtime";var Ke="k-captcha",Ho=[a.loading,a.valid,a.invalid,a.disabled],zo={},ut={imgPath:"/packages/html/assets/captcha.jpg"},S=e=>{let{value:t,valid:o,invalid:r,loading:n,disabled:d,imgPath:p=ut.imgPath,...u}=e;return ee("div",{...u,className:i(e.className,Ke,L(Ke,{disabled:d}),{"k-captcha-loading":n}),children:[ee("div",{className:"k-captcha-image-wrap k-hstack",children:[ee("div",{className:"k-captcha-image",children:[P("img",{className:i({"k-hidden":n}),src:p}),n&&P(pt,{style:{width:"100%",height:"100%"}})]}),ee("div",{className:"k-captcha-image-controls k-vstack",children:[P(x,{icon:"volume-up",disabled:n===!0}),P(x,{icon:"arrow-rotate-cw",disabled:n===!0})]}),P("div",{className:"k-captcha-volume-control k-vstack k-pos-absolute k-hidden",children:P("div",{className:"k-slider k-slider-vertical"})})]}),ee("div",{className:"k-captcha-input k-vstack",children:[P(v,{value:t,valid:o,invalid:r,disabled:n===!0}),o&&!n&&P("span",{className:"k-captcha-validation-message !k-text-success",children:"Verification Success"})]})]})};S.states=Ho;S.options=zo;S.className=Ke;S.defaultOptions=ut;S.moduleName=_e;S.folderName=ct;import{jsx as Vo}from"react/jsx-runtime";var mt=e=>Vo(S,{value:"YR890",...e});import{jsx as qo}from"react/jsx-runtime";var Do=S.options,Uo=[],$o=S.states,Fo=S.defaultOptions,Xo=[],$=e=>qo(mt,{value:"YGRX7",imgPath:"https://demos.telerik.com/kendo-ui/content/captcha/81baf680-1778-48ad-938a-ff6fe97842f7.png",...e});$.options=Do;$.states=$o;$.variants=Uo;$.defaultOptions=Fo;$.modifiers=Xo;var Dr=$;export{$ as CaptchaDemo,Dr as default};

package/dist/esm/captcha/templates/captcha-normal.mjs

@@ -1 +1 @@
-var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var h=(e,t)=>i({[`${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"}),E=(e,t)=>{let{valid:o,invalid:r,hover:n,focus:d,checked:p,active:u,selected:b,disabled:N,indeterminate:I,loading:g,empty:O,readonly:H,highlighted:z,...S}=t;return i({"k-valid":o,"k-invalid":r,"k-hover":n,"k-focus":d,"k-checked":p,"k-active":u,"k-selected":b,"k-disabled":N,"k-indeterminate":I&&!p,"k-loading":g,"k-empty":O,"k-readonly":H,"k-highlighted":z},Object.keys(S).reduce((M,T)=>(T.startsWith("k-")?M[T]=S[T]:M[`k-${T}`]=S[T],M),{}))};function te(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},s={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"},a={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{Fragment as ht,jsx as Ke}from"react/jsx-runtime";var me="k-font-icon",ft=[],xt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},bt={},$=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:d,...p}=e;return r?Ke("span",{...p,className:i(e.className,me,h(me,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):Ke(ht,{})};$.states=ft;$.options=xt;$.className=me;$.defaultOptions=bt;var Re=$;import{Fragment as vt,jsx as oe}from"react/jsx-runtime";var fe="k-svg-icon",Nt=[],gt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},He={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:r,flip:n,viewBox:d=He.viewBox,icon:p,...u}=e;if(!p)return oe(vt,{});if(p==="none")return oe("span",{...u,className:i(e.className,fe,h("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof p=="object"&&p.name&&p.name;return oe("span",{...u,className:i(e.className,fe,h("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:oe("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:d,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};F.states=Nt;F.options=gt;F.className=fe;F.defaultOptions=He;var xe=F;import*as be from"@progress/kendo-svg-icons";var ze="icon",Ve="icons";import{useContext as kt}from"react";import{createContext as It}from"react";var De=It({iconsType:"svg"});import{Fragment as Ue,jsx as X}from"react/jsx-runtime";var ne="k-icon",Tt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yt=[],St={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},he={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{iconsType:t}=kt(De),{size:o,themeColor:r,icon:n,type:d=t||he.type,rotate:p,flip:u,viewBox:b=he.viewBox,...N}=e;if(!n)return X(Ue,{});if((t||d)==="svg"){if(n==="none")return X(xe,{...N,className:i(e.className,ne),icon:n,size:o});let g=be[n]?n:Tt(`${n}-icon`);return be[g]?X(xe,{...N,className:i(e.className,ne),icon:be[g],size:o,themeColor:r,rotate:p,flip:u,viewBox:b}):X(Ue,{})}return X(Re,{...N,className:i(e.className,ne),icon:n,size:o,themeColor:r,rotate:p,flip:u})};f.states=yt;f.options=St;f.defaultOptions=he;f.className=ne;f.moduleName=ze;f.folderName=Ve;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Ne="button",$e=Ne;import{Fragment as Et,jsx as q,jsxs as Fe}from"react/jsx-runtime";var G="k-button",Mt=["icon-button"],Ct=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Ot={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark,s.inverse]},ge={showArrow:!1,arrowIconName:"caret-alt-down"},x=e=>{let{as:t="button",size:o,rounded:r,fillMode:n,themeColor:d,showArrow:p=ge.showArrow,arrowIconName:u=ge.arrowIconName,variant:b,hover:N,focus:I,active:g,selected:O,disabled:H,togglable:z,icon:S,text:M,iconClassName:T,className:w,...ee}=e,ce=S!==void 0,ue=e.children!==void 0;return Fe(t,{className:i(w,G,te(G,b),h(G,{size:o,rounded:r,fillMode:n,themeColor:d}),E(G,{hover:N,focus:I,active:g,disabled:H,selected:O}),{"k-icon-button":!M&&!ue&&ce}),...ee,"aria-pressed":z?O?"true":"false":void 0,disabled:H||void 0,children:[S&&q(f,{className:i(T,"k-button-icon"),icon:S}),M?Fe(Et,{children:[M&&q("span",{className:"k-button-text",children:M}),e.children]}):e.children&&q("span",{className:"k-button-text",children:e.children}),p&&q("span",{className:"k-menu-button-arrow k-button-arrow",children:q(f,{icon:u})})]})};x.states=Ct;x.options=Ot;x.variants=Mt;x.className=G;x.defaultOptions=ge;x.moduleName=Ne;x.folderName=$e;x.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Lt}from"react/jsx-runtime";var Xe=e=>Lt(x,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as At}from"react/jsx-runtime";var qe=e=>At(x,{icon:"folder",children:"Button",...e});import{jsx as Pt}from"react/jsx-runtime";var B=e=>Pt(x,{children:"Button",...e});import{jsx as ve}from"react/jsx-runtime";var wt=x.options,Bt=x.states,_t={...x.defaultOptions,variant:"text"},Kt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rt=[],J=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ve(Xe,{...o,icon:"star"});case"icon-and-text":return ve(qe,{...o,icon:"star",children:"Button"});default:return ve(B,{...o,children:"Button"})}};J.options=wt;J.states=Bt;J.variants=Kt;J.defaultOptions=_t;J.modifiers=Rt;var Ie="textbox",Ge=Ie;var W="input",ae=W;import{jsx as Dt}from"react/jsx-runtime";var se="k-input",Ht=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],zt={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Vt={},k=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u,size:b,rounded:N,fillMode:I,...g}=e;return Dt("span",{...g,className:i(e.className,se,h(se,{size:b,rounded:N,fillMode:I}),E(se,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u}))})};k.states=Ht;k.options=zt;k.className=se;k.defaultOptions=Vt;k.moduleName=W;k.folderName=ae;import{jsx as Xt}from"react/jsx-runtime";var re="k-picker",Ut=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],$t={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ft={},V=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u,size:b,rounded:N,fillMode:I,...g}=e;return Xt("span",{...g,className:i(e.className,re,h(re,{size:b,rounded:N,fillMode:I}),E(re,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u})),children:e.children})};V.states=Ut;V.options=$t;V.className=re;V.defaultOptions=Ft;V.moduleName=W;V.folderName=ae;import{Fragment as Jt,jsx as ke}from"react/jsx-runtime";var Je="k-clear-value",qt=[a.disabled,a.loading,a.readonly],Gt={},_=e=>{let{disabled:t,loading:o,readonly:r,value:n}=e;return t||r||o||!n?ke(Jt,{}):ke("span",{className:i(e.className,Je),children:ke(f,{icon:"x"})})};_.states=qt;_.options=Gt;_.className=Je;import{jsx as Qt}from"react/jsx-runtime";var Te="k-input-inner",Wt=[],Yt={},ie={type:"text",autocomplete:"off",value:"",placeholder:""},K=e=>{let{value:t=ie.value,type:o=ie.type,placeholder:r=ie.placeholder,autocomplete:n=ie.autocomplete,disabled:d,readOnly:p,...u}=e;return Qt("input",{...u,type:o,className:i(e.className,Te,h(Te,e)),placeholder:r,autoComplete:n,defaultValue:t,disabled:d||void 0,readOnly:p||void 0})};K.states=Wt;K.options=Yt;K.className=Te;import{jsx as We,jsxs as eo}from"react/jsx-runtime";var ye="k-input-inner",Zt=[],jt={},Se=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:n,valueIconName:d,...p}=e;return eo("span",{...p,className:i(e.className,ye,h(ye,e)),children:[n,!n&&d&&We(f,{className:"k-input-value-icon",icon:d}),r&&!t&&o,r&&t&&We("span",{className:"k-input-value-text",children:t})]})};Se.states=Zt;Se.options=jt;Se.className=ye;import{jsx as no}from"react/jsx-runtime";var Me="k-input-inner",to=[],oo={},Ye={value:"",placeholder:""},Ce=e=>{let{value:t=Ye.value,placeholder:o=Ye.placeholder,rows:r,disabled:n,...d}=e;return no("textarea",{...d,className:i(e.className,Me,h(Me,e)),placeholder:o,rows:r,defaultValue:t,disabled:n||void 0})};Ce.states=to;Ce.options=oo;Ce.className=Me;import{Fragment as so,jsx as Qe}from"react/jsx-runtime";var Ze="k-input-loading-icon",ao=[a.disabled,a.loading],D=e=>{let{disabled:t,loading:o}=e;return t||!o?Qe(so,{}):Qe("span",{className:i(e.className,Ze,"k-icon k-i-loading")})};D.states=ao;D.className=Ze;import{Fragment as lo,jsx as je}from"react/jsx-runtime";var et="k-input-validation-icon",ro=[a.valid,a.invalid,a.disabled,a.loading],io={},R=e=>{let{valid:t,invalid:o,disabled:r,loading:n}=e,d=o?"warning-circle":"check-circle";return r||n||!!!(t||o)?je(lo,{}):je(f,{className:i(et),icon:d})};R.states=ro;R.options=io;R.className=et;import{Fragment as uo,jsx as tt}from"react/jsx-runtime";var po="k-input-prefix",co={direction:"horizontal"},le=e=>{let{direction:t=co.direction,...o}=e;return e.children?tt("span",{...o,className:i(po,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):tt(uo,{})};import{Fragment as xo,jsx as ot}from"react/jsx-runtime";var mo="k-input-suffix",fo={direction:"horizontal"},de=e=>{let{direction:t=fo.direction,...o}=e;return e.children?ot("span",{...o,className:i(mo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ot(xo,{})};import{jsx as La}from"react/jsx-runtime";import{jsx as Ba}from"react/jsx-runtime";import{jsx as ho}from"react/jsx-runtime";var nt="k-input-separator",bo={direction:"vertical"},U=e=>{let{direction:t=bo.direction,...o}=e;return ho("span",{...o,className:i(nt,e.className,{[`${nt}-${t}`]:t})})};import{Fragment as at,jsx as C,jsxs as Oe}from"react/jsx-runtime";var No=k.states,go=k.defaultOptions,vo=k.options,Io=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ko=[],Y=e=>{let{modifiers:t,valid:o,invalid:r,loading:n,disabled:d,readonly:p,...u}=e,b=t?.prefix,N=t?.suffix,I=t?.["clear-button"],g=t?.["validation-icon"],O=t?.separators;return Oe(k,{...u,valid:o,invalid:r,loading:n,disabled:d,readonly:p,style:{width:300},children:[b&&Oe(at,{children:[C(le,{children:C(f,{icon:"lock"})}),O&&C(U,{})]}),C(K,{placeholder:"Placeholder",value:"Value"}),g&&C(R,{valid:o,invalid:r,loading:n,disabled:d}),C(D,{loading:n,disabled:d}),I&&C(_,{loading:n,disabled:d,readonly:p,value:"Value"}),N&&Oe(at,{children:[O&&C(U,{}),C(de,{children:C(B,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Y.options=vo;Y.states=No;Y.variants=ko;Y.defaultOptions=go;Y.modifiers=Io;import{Fragment as st,jsx as L,jsxs as Ee}from"react/jsx-runtime";var rt="k-textbox",To=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],yo={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},pe={showClearButton:!0,showValidationIcon:!0,separators:!0},v=e=>{let{size:t,rounded:o,fillMode:r,separators:n=pe.separators,showClearButton:d=pe.showClearButton,showValidationIcon:p=pe.showValidationIcon,prefix:u,suffix:b,type:N,value:I,placeholder:g,hover:O,focus:H,valid:z,invalid:S,required:M,loading:T,disabled:w,readonly:ee,id:ce,"aria-label":ue,"aria-describedby":ut,...mt}=e;return Ee(k,{...mt,size:t,rounded:o,fillMode:r,hover:O,focus:H,valid:z,invalid:S,required:M,loading:T,disabled:w,readonly:ee,className:i(e.className,rt),children:[u&&Ee(st,{children:[L(le,{children:u}),n&&L(U,{})]}),L(K,{id:ce,placeholder:g,value:I,type:N,disabled:w,"aria-label":ue,"aria-describedby":ut,"aria-invalid":S?"true":void 0}),p&&L(R,{valid:z,invalid:S,loading:T,disabled:w}),L(D,{loading:T,disabled:w}),d&&L(_,{loading:T,disabled:w,readonly:ee,value:I}),b&&Ee(st,{children:[n&&L(U,{}),L(de,{children:b})]})]})};v.states=To;v.options=yo;v.className=rt;v.defaultOptions=pe;v.moduleName=Ie;v.folderName=Ge;v.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Q=v;import{jsx as So}from"react/jsx-runtime";var it=e=>So(Q,{...e});import{Fragment as Ms,jsx as Ss}from"react/jsx-runtime";import{Fragment as Ps,jsx as As}from"react/jsx-runtime";import{jsx as Ks}from"react/jsx-runtime";import{jsx as Le}from"react/jsx-runtime";var Mo=v.states,Co=v.defaultOptions,Oo=v.options,Eo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lo=[],Z=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t?.[n]?Le(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[n]?Le(B,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[n];break;default:break}}),Le(it,{value:"Value",style:{width:300},...o,...r})};Z.options=Oo;Z.states=Mo;Z.variants=Lo;Z.defaultOptions=Co;Z.modifiers=Eo;var Ae="skeleton",lt=Ae;import{jsx as Bo}from"react/jsx-runtime";var Pe="k-skeleton",Ao=["circle","text","rect"],Po=[],wo={},we={variant:"text",shape:"text",animation:"pulse"},y=e=>{let{variant:t,shape:o,animation:r=we.animation,...n}=e,d=`skeleton-${t||o||we.variant}`;return Bo("span",{...n,className:i(e.className,Pe,te(Pe,d),{[`k-skeleton-${r}`]:r}),style:e.style})};y.states=Po;y.options=wo;y.variants=Ao;y.className=Pe;y.defaultOptions=we;y.moduleName=Ae;y.folderName=lt;y.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as sr}from"react/jsx-runtime";import{jsx as _o}from"react/jsx-runtime";var dt=e=>_o(y,{shape:"rect",...e});import{jsx as ur}from"react/jsx-runtime";var Be="captcha",pt=Be;import{jsx as A,jsxs as j}from"react/jsx-runtime";var _e="k-captcha",Ko=[a.loading,a.valid,a.invalid,a.disabled],Ro={},ct={imgPath:"/packages/html/assets/captcha.jpg"},P=e=>{let{value:t,valid:o,invalid:r,loading:n,disabled:d,imgPath:p=ct.imgPath,...u}=e;return j("div",{...u,className:i(e.className,_e,E(_e,{disabled:d}),{"k-captcha-loading":n}),children:[j("div",{className:"k-captcha-image-wrap k-hstack",children:[j("div",{className:"k-captcha-image",children:[A("img",{className:i({"k-hidden":n}),src:p}),n&&A(dt,{style:{width:"100%",height:"100%"}})]}),j("div",{className:"k-captcha-image-controls k-vstack",children:[A(x,{icon:"volume-up",disabled:n===!0}),A(x,{icon:"arrow-rotate-cw",disabled:n===!0})]}),A("div",{className:"k-captcha-volume-control k-vstack k-pos-absolute k-hidden",children:A("div",{className:"k-widget k-slider k-slider-vertical"})})]}),j("div",{className:"k-captcha-input k-vstack",children:[A(v,{value:t,valid:o,invalid:r,disabled:n===!0}),o&&!n&&A("span",{className:"k-captcha-validation-message !k-text-success",children:"Verification Success"})]})]})};P.states=Ko;P.options=Ro;P.className=_e;P.defaultOptions=ct;P.moduleName=Be;P.folderName=pt;import{jsx as Ho}from"react/jsx-runtime";var Or=e=>Ho(P,{value:"YR890",...e});export{Or as CaptchaNormal};
+var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var h=(e,t)=>i({[`${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"}),E=(e,t)=>{let{valid:o,invalid:r,hover:n,focus:d,checked:p,active:u,selected:b,disabled:N,indeterminate:I,loading:g,empty:O,readonly:H,highlighted:z,...S}=t;return i({"k-valid":o,"k-invalid":r,"k-hover":n,"k-focus":d,"k-checked":p,"k-active":u,"k-selected":b,"k-disabled":N,"k-indeterminate":I&&!p,"k-loading":g,"k-empty":O,"k-readonly":H,"k-highlighted":z},Object.keys(S).reduce((M,T)=>(T.startsWith("k-")?M[T]=S[T]:M[`k-${T}`]=S[T],M),{}))};function te(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},s={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"},a={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{Fragment as ht,jsx as Ke}from"react/jsx-runtime";var me="k-font-icon",ft=[],xt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},bt={},$=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:d,...p}=e;return r?Ke("span",{...p,className:i(e.className,me,h(me,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):Ke(ht,{})};$.states=ft;$.options=xt;$.className=me;$.defaultOptions=bt;var Re=$;import{Fragment as vt,jsx as oe}from"react/jsx-runtime";var fe="k-svg-icon",Nt=[],gt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},He={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:r,flip:n,viewBox:d=He.viewBox,icon:p,...u}=e;if(!p)return oe(vt,{});if(p==="none")return oe("span",{...u,className:i(e.className,fe,h("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof p=="object"&&p.name&&p.name;return oe("span",{...u,className:i(e.className,fe,h("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:oe("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:d,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};F.states=Nt;F.options=gt;F.className=fe;F.defaultOptions=He;var xe=F;import*as be from"@progress/kendo-svg-icons";var ze="icon",Ve="icons";import{useContext as kt}from"react";import{createContext as It}from"react";var De=It({iconsType:"svg"});import{Fragment as Ue,jsx as X}from"react/jsx-runtime";var ne="k-icon",Tt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yt=[],St={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},he={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{iconsType:t}=kt(De),{size:o,themeColor:r,icon:n,type:d=t||he.type,rotate:p,flip:u,viewBox:b=he.viewBox,...N}=e;if(!n)return X(Ue,{});if((t||d)==="svg"){if(n==="none")return X(xe,{...N,className:i(e.className,ne),icon:n,size:o});let g=be[n]?n:Tt(`${n}-icon`);return be[g]?X(xe,{...N,className:i(e.className,ne),icon:be[g],size:o,themeColor:r,rotate:p,flip:u,viewBox:b}):X(Ue,{})}return X(Re,{...N,className:i(e.className,ne),icon:n,size:o,themeColor:r,rotate:p,flip:u})};f.states=yt;f.options=St;f.defaultOptions=he;f.className=ne;f.moduleName=ze;f.folderName=Ve;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Ne="button",$e=Ne;import{Fragment as Et,jsx as q,jsxs as Fe}from"react/jsx-runtime";var G="k-button",Mt=["icon-button"],Ct=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Ot={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark,s.inverse]},ge={showArrow:!1,arrowIconName:"caret-alt-down"},x=e=>{let{as:t="button",size:o,rounded:r,fillMode:n,themeColor:d,showArrow:p=ge.showArrow,arrowIconName:u=ge.arrowIconName,variant:b,hover:N,focus:I,active:g,selected:O,disabled:H,togglable:z,icon:S,text:M,iconClassName:T,className:w,...ee}=e,ce=S!==void 0,ue=e.children!==void 0;return Fe(t,{className:i(w,G,te(G,b),h(G,{size:o,rounded:r,fillMode:n,themeColor:d}),E(G,{hover:N,focus:I,active:g,disabled:H,selected:O}),{"k-icon-button":!M&&!ue&&ce}),...ee,"aria-pressed":z?O?"true":"false":void 0,disabled:H||void 0,children:[S&&q(f,{className:i(T,"k-button-icon"),icon:S}),M?Fe(Et,{children:[M&&q("span",{className:"k-button-text",children:M}),e.children]}):e.children&&q("span",{className:"k-button-text",children:e.children}),p&&q("span",{className:"k-menu-button-arrow k-button-arrow",children:q(f,{icon:u})})]})};x.states=Ct;x.options=Ot;x.variants=Mt;x.className=G;x.defaultOptions=ge;x.moduleName=Ne;x.folderName=$e;x.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Lt}from"react/jsx-runtime";var Xe=e=>Lt(x,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as At}from"react/jsx-runtime";var qe=e=>At(x,{icon:"folder",children:"Button",...e});import{jsx as Pt}from"react/jsx-runtime";var B=e=>Pt(x,{children:"Button",...e});import{jsx as ve}from"react/jsx-runtime";var wt=x.options,Bt=x.states,_t={...x.defaultOptions,variant:"text"},Kt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rt=[],J=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ve(Xe,{...o,icon:"star"});case"icon-and-text":return ve(qe,{...o,icon:"star",children:"Button"});default:return ve(B,{...o,children:"Button"})}};J.options=wt;J.states=Bt;J.variants=Kt;J.defaultOptions=_t;J.modifiers=Rt;var Ie="textbox",Ge=Ie;var W="input",ae=W;import{jsx as Dt}from"react/jsx-runtime";var se="k-input",Ht=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],zt={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Vt={},k=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u,size:b,rounded:N,fillMode:I,...g}=e;return Dt("span",{...g,className:i(e.className,se,h(se,{size:b,rounded:N,fillMode:I}),E(se,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u}))})};k.states=Ht;k.options=zt;k.className=se;k.defaultOptions=Vt;k.moduleName=W;k.folderName=ae;import{jsx as Xt}from"react/jsx-runtime";var re="k-picker",Ut=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],$t={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ft={},V=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u,size:b,rounded:N,fillMode:I,...g}=e;return Xt("span",{...g,className:i(e.className,re,h(re,{size:b,rounded:N,fillMode:I}),E(re,{hover:t,focus:o,disabled:r,invalid:n,valid:d,loading:p,readonly:u})),children:e.children})};V.states=Ut;V.options=$t;V.className=re;V.defaultOptions=Ft;V.moduleName=W;V.folderName=ae;import{Fragment as Jt,jsx as ke}from"react/jsx-runtime";var Je="k-clear-value",qt=[a.disabled,a.loading,a.readonly],Gt={},_=e=>{let{disabled:t,loading:o,readonly:r,value:n}=e;return t||r||o||!n?ke(Jt,{}):ke("span",{className:i(e.className,Je),children:ke(f,{icon:"x"})})};_.states=qt;_.options=Gt;_.className=Je;import{jsx as Qt}from"react/jsx-runtime";var Te="k-input-inner",Wt=[],Yt={},ie={type:"text",autocomplete:"off",value:"",placeholder:""},K=e=>{let{value:t=ie.value,type:o=ie.type,placeholder:r=ie.placeholder,autocomplete:n=ie.autocomplete,disabled:d,readOnly:p,...u}=e;return Qt("input",{...u,type:o,className:i(e.className,Te,h(Te,e)),placeholder:r,autoComplete:n,defaultValue:t,disabled:d||void 0,readOnly:p||void 0})};K.states=Wt;K.options=Yt;K.className=Te;import{jsx as We,jsxs as eo}from"react/jsx-runtime";var ye="k-input-inner",Zt=[],jt={},Se=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:n,valueIconName:d,...p}=e;return eo("span",{...p,className:i(e.className,ye,h(ye,e)),children:[n,!n&&d&&We(f,{className:"k-input-value-icon",icon:d}),r&&!t&&o,r&&t&&We("span",{className:"k-input-value-text",children:t})]})};Se.states=Zt;Se.options=jt;Se.className=ye;import{jsx as no}from"react/jsx-runtime";var Me="k-input-inner",to=[],oo={},Ye={value:"",placeholder:""},Ce=e=>{let{value:t=Ye.value,placeholder:o=Ye.placeholder,rows:r,disabled:n,...d}=e;return no("textarea",{...d,className:i(e.className,Me,h(Me,e)),placeholder:o,rows:r,defaultValue:t,disabled:n||void 0})};Ce.states=to;Ce.options=oo;Ce.className=Me;import{Fragment as so,jsx as Qe}from"react/jsx-runtime";var Ze="k-input-loading-icon",ao=[a.disabled,a.loading],D=e=>{let{disabled:t,loading:o}=e;return t||!o?Qe(so,{}):Qe("span",{className:i(e.className,Ze,"k-icon k-i-loading")})};D.states=ao;D.className=Ze;import{Fragment as lo,jsx as je}from"react/jsx-runtime";var et="k-input-validation-icon",ro=[a.valid,a.invalid,a.disabled,a.loading],io={},R=e=>{let{valid:t,invalid:o,disabled:r,loading:n}=e,d=o?"warning-circle":"check-circle";return r||n||!!!(t||o)?je(lo,{}):je(f,{className:i(et),icon:d})};R.states=ro;R.options=io;R.className=et;import{Fragment as uo,jsx as tt}from"react/jsx-runtime";var po="k-input-prefix",co={direction:"horizontal"},le=e=>{let{direction:t=co.direction,...o}=e;return e.children?tt("span",{...o,className:i(po,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):tt(uo,{})};import{Fragment as xo,jsx as ot}from"react/jsx-runtime";var mo="k-input-suffix",fo={direction:"horizontal"},de=e=>{let{direction:t=fo.direction,...o}=e;return e.children?ot("span",{...o,className:i(mo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ot(xo,{})};import{jsx as La}from"react/jsx-runtime";import{jsx as Ba}from"react/jsx-runtime";import{jsx as ho}from"react/jsx-runtime";var nt="k-input-separator",bo={direction:"vertical"},U=e=>{let{direction:t=bo.direction,...o}=e;return ho("span",{...o,className:i(nt,e.className,{[`${nt}-${t}`]:t})})};import{Fragment as at,jsx as C,jsxs as Oe}from"react/jsx-runtime";var No=k.states,go=k.defaultOptions,vo=k.options,Io=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ko=[],Y=e=>{let{modifiers:t,valid:o,invalid:r,loading:n,disabled:d,readonly:p,...u}=e,b=t?.prefix,N=t?.suffix,I=t?.["clear-button"],g=t?.["validation-icon"],O=t?.separators;return Oe(k,{...u,valid:o,invalid:r,loading:n,disabled:d,readonly:p,style:{width:300},children:[b&&Oe(at,{children:[C(le,{children:C(f,{icon:"lock"})}),O&&C(U,{})]}),C(K,{placeholder:"Placeholder",value:"Value"}),g&&C(R,{valid:o,invalid:r,loading:n,disabled:d}),C(D,{loading:n,disabled:d}),I&&C(_,{loading:n,disabled:d,readonly:p,value:"Value"}),N&&Oe(at,{children:[O&&C(U,{}),C(de,{children:C(B,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Y.options=vo;Y.states=No;Y.variants=ko;Y.defaultOptions=go;Y.modifiers=Io;import{Fragment as st,jsx as L,jsxs as Ee}from"react/jsx-runtime";var rt="k-textbox",To=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],yo={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},pe={showClearButton:!0,showValidationIcon:!0,separators:!0},v=e=>{let{size:t,rounded:o,fillMode:r,separators:n=pe.separators,showClearButton:d=pe.showClearButton,showValidationIcon:p=pe.showValidationIcon,prefix:u,suffix:b,type:N,value:I,placeholder:g,hover:O,focus:H,valid:z,invalid:S,required:M,loading:T,disabled:w,readonly:ee,id:ce,"aria-label":ue,"aria-describedby":ut,...mt}=e;return Ee(k,{...mt,size:t,rounded:o,fillMode:r,hover:O,focus:H,valid:z,invalid:S,required:M,loading:T,disabled:w,readonly:ee,className:i(e.className,rt),children:[u&&Ee(st,{children:[L(le,{children:u}),n&&L(U,{})]}),L(K,{id:ce,placeholder:g,value:I,type:N,disabled:w,"aria-label":ue,"aria-describedby":ut,"aria-invalid":S?"true":void 0}),p&&L(R,{valid:z,invalid:S,loading:T,disabled:w}),L(D,{loading:T,disabled:w}),d&&L(_,{loading:T,disabled:w,readonly:ee,value:I}),b&&Ee(st,{children:[n&&L(U,{}),L(de,{children:b})]})]})};v.states=To;v.options=yo;v.className=rt;v.defaultOptions=pe;v.moduleName=Ie;v.folderName=Ge;v.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Q=v;import{jsx as So}from"react/jsx-runtime";var it=e=>So(Q,{...e});import{Fragment as Ms,jsx as Ss}from"react/jsx-runtime";import{Fragment as Ps,jsx as As}from"react/jsx-runtime";import{jsx as Ks}from"react/jsx-runtime";import{jsx as Le}from"react/jsx-runtime";var Mo=v.states,Co=v.defaultOptions,Oo=v.options,Eo=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Lo=[],Z=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t?.[n]?Le(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[n]?Le(B,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[n];break;default:break}}),Le(it,{value:"Value",style:{width:300},...o,...r})};Z.options=Oo;Z.states=Mo;Z.variants=Lo;Z.defaultOptions=Co;Z.modifiers=Eo;var Ae="skeleton",lt=Ae;import{jsx as Bo}from"react/jsx-runtime";var Pe="k-skeleton",Ao=["circle","text","rect"],Po=[],wo={},we={variant:"text",shape:"text",animation:"pulse"},y=e=>{let{variant:t,shape:o,animation:r=we.animation,...n}=e,d=`skeleton-${t||o||we.variant}`;return Bo("span",{...n,className:i(e.className,Pe,te(Pe,d),{[`k-skeleton-${r}`]:r}),style:e.style})};y.states=Po;y.options=wo;y.variants=Ao;y.className=Pe;y.defaultOptions=we;y.moduleName=Ae;y.folderName=lt;y.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as sr}from"react/jsx-runtime";import{jsx as _o}from"react/jsx-runtime";var dt=e=>_o(y,{shape:"rect",...e});import{jsx as ur}from"react/jsx-runtime";var Be="captcha",pt=Be;import{jsx as A,jsxs as j}from"react/jsx-runtime";var _e="k-captcha",Ko=[a.loading,a.valid,a.invalid,a.disabled],Ro={},ct={imgPath:"/packages/html/assets/captcha.jpg"},P=e=>{let{value:t,valid:o,invalid:r,loading:n,disabled:d,imgPath:p=ct.imgPath,...u}=e;return j("div",{...u,className:i(e.className,_e,E(_e,{disabled:d}),{"k-captcha-loading":n}),children:[j("div",{className:"k-captcha-image-wrap k-hstack",children:[j("div",{className:"k-captcha-image",children:[A("img",{className:i({"k-hidden":n}),src:p}),n&&A(dt,{style:{width:"100%",height:"100%"}})]}),j("div",{className:"k-captcha-image-controls k-vstack",children:[A(x,{icon:"volume-up",disabled:n===!0}),A(x,{icon:"arrow-rotate-cw",disabled:n===!0})]}),A("div",{className:"k-captcha-volume-control k-vstack k-pos-absolute k-hidden",children:A("div",{className:"k-slider k-slider-vertical"})})]}),j("div",{className:"k-captcha-input k-vstack",children:[A(v,{value:t,valid:o,invalid:r,disabled:n===!0}),o&&!n&&A("span",{className:"k-captcha-validation-message !k-text-success",children:"Verification Success"})]})]})};P.states=Ko;P.options=Ro;P.className=_e;P.defaultOptions=ct;P.moduleName=Be;P.folderName=pt;import{jsx as Ho}from"react/jsx-runtime";var Or=e=>Ho(P,{value:"YR890",...e});export{Or as CaptchaNormal};

package/dist/esm/chart/demos/chart.mjs

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";var r={},s=[],l=[],i={},n=[],o=()=>t("div",{className:"k-chart k-widget",style:{position:"relative",width:"660px",height:"400px"},children:t("div",{className:"k-chart-surface",tabIndex:0,role:"graphics-document document","aria-roledescription":"Units sold",style:{position:"relative",touchAction:"none"},children:p})}),p=e("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",version:"1.1",style:{width:"100%",height:"100%",overflow:"hidden",left:"-0.999998px",top:"-0.999998px"},children:[t("defs",{children:t("clipPath",{clipRule:"evenodd",id:"kdef108",children:t("path",{d:"M34.5 50.5 L 648.5 50.5 648.5 347.5 34.5 347.5Z",stroke:"#000",strokeLinejoin:"miter",fill:"none"})})}),e("g",{children:[t("path",{d:"M0 0 L 660 0 660 400 0 400Z",stroke:"none",fill:"rgb(255, 255, 255)"}),t("path",{d:"M34 49.5 L 647.5 49.5 647.5 347 34 347Z",stroke:"none",fill:"#fff",fillOpacity:0}),e("g",{children:[e("g",{children:[t("path",{d:"M136.5 50.5 L 136.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M239.5 50.5 L 239.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M341.5 50.5 L 341.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M443.5 50.5 L 443.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M545.5 50.5 L 545.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M648.5 50.5 L 648.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"})]}),e("g",{children:[t("path",{d:"M34.5 305.5 L 648.5 305.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 262.5 L 648.5 262.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 220.5 L 648.5 220.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 177.5 L 648.5 177.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 135.5 L 648.5 135.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 92.5 L 648.5 92.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 50.5 L 648.5 50.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"})]}),t("g",{children:t("g",{children:e("g",{children:[t("path",{d:"M34.5 347.5 L 648.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 347.5 L 34.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M136.5 347.5 L 136.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M239.5 347.5 L 239.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M341.5 347.5 L 341.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M443.5 347.5 L 443.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M545.5 347.5 L 545.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M648.5 347.5 L 648.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"})]})})}),t("g",{clipPath:"url(#kdef108)",children:e("g",{children:[t("g",{children:t("path",{d:"M34 242.45 L 136.25 112.4 238.5 83.5 340.75 166.8 443 143 545.25 214.4 647.5 263.7 647.5 347 34 347",stroke:"none",fill:"rgb(18, 116, 172)",fillOpacity:"0.6"})}),t("g",{children:t("path",{d:"M34 206.75 L 136.25 168.5 238.5 103.05 340.75 224.6 443 185.5 545.25 205.05 647.5 166.8 647.5 347 34 347",stroke:"none",fill:"rgb(255, 225, 98)",fillOpacity:"0.6"})}),t("g",{children:t("path",{d:"M34 299.4 L 136.25 228 238.5 181.25 340.75 307.9 443 242.45 545.25 280.7 647.5 266.25 647.5 347 34 347",stroke:"none",fill:"rgb(76, 209, 128)",fillOpacity:"0.6"})})]})}),t("g",{children:t("text",{x:"318.25",y:387,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 14px sans-serif",whiteSpace:"pre"},children:"Months"})}),t("g",{children:t("text",{x:"24.5",y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Jan"})}),t("g",{children:t("text",{x:"125.75",y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Feb"})}),t("g",{children:t("text",{x:228,y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Mar"})}),t("g",{children:t("text",{x:"331.25",y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Apr"})}),t("g",{children:t("text",{x:"431.5",y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"May"})}),t("g",{children:t("text",{x:"535.75",y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Jun"})}),t("g",{children:t("text",{x:640,y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Jul"})}),t("g",{children:e("g",{children:[t("path",{d:"M34.5 50.5 L 34.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 347.5 L 34.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 305.5 L 34.5 305.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 262.5 L 34.5 262.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 220.5 L 34.5 220.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 177.5 L 34.5 177.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 135.5 L 34.5 135.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 92.5 L 34.5 92.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 50.5 L 34.5 50.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"})]})}),t("g",{children:t("text",{x:18,y:"351.5",stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"0"})}),t("g",{children:t("text",{x:12,y:309,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"50"})}),t("g",{children:t("text",{x:5,y:"266.5",stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"100"})}),t("g",{children:t("text",{x:5,y:224,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"150"})}),t("g",{children:t("text",{x:5,y:"181.5",stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"200"})}),t("g",{children:t("text",{x:5,y:139,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"250"})}),t("g",{children:t("text",{x:5,y:"96.5",stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"300"})}),t("g",{children:t("text",{x:5,y:54,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"350"})})]}),t("g",{children:t("g",{children:t("text",{x:295,y:29,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 16.002px sans-serif",whiteSpace:"pre"},children:"Units sold"})})}),t("g",{})]})]});o.options=r;o.states=s;o.variants=l;o.defaultOptions=i;o.modifiers=n;var a=o;export{o as ChartDemo,a as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";var r={},s=[],l=[],i={},n=[],o=()=>t("div",{className:"k-chart",style:{position:"relative",width:"660px",height:"400px"},children:t("div",{className:"k-chart-surface",tabIndex:0,role:"graphics-document document","aria-roledescription":"Units sold",style:{position:"relative",touchAction:"none"},children:p})}),p=e("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",version:"1.1",style:{width:"100%",height:"100%",overflow:"hidden",left:"-0.999998px",top:"-0.999998px"},children:[t("defs",{children:t("clipPath",{clipRule:"evenodd",id:"kdef108",children:t("path",{d:"M34.5 50.5 L 648.5 50.5 648.5 347.5 34.5 347.5Z",stroke:"#000",strokeLinejoin:"miter",fill:"none"})})}),e("g",{children:[t("path",{d:"M0 0 L 660 0 660 400 0 400Z",stroke:"none",fill:"rgb(255, 255, 255)"}),t("path",{d:"M34 49.5 L 647.5 49.5 647.5 347 34 347Z",stroke:"none",fill:"#fff",fillOpacity:0}),e("g",{children:[e("g",{children:[t("path",{d:"M136.5 50.5 L 136.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M239.5 50.5 L 239.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M341.5 50.5 L 341.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M443.5 50.5 L 443.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M545.5 50.5 L 545.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M648.5 50.5 L 648.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"})]}),e("g",{children:[t("path",{d:"M34.5 305.5 L 648.5 305.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 262.5 L 648.5 262.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 220.5 L 648.5 220.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 177.5 L 648.5 177.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 135.5 L 648.5 135.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 92.5 L 648.5 92.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 50.5 L 648.5 50.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"})]}),t("g",{children:t("g",{children:e("g",{children:[t("path",{d:"M34.5 347.5 L 648.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M34.5 347.5 L 34.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M136.5 347.5 L 136.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M239.5 347.5 L 239.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M341.5 347.5 L 341.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M443.5 347.5 L 443.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M545.5 347.5 L 545.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M648.5 347.5 L 648.5 351.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"})]})})}),t("g",{clipPath:"url(#kdef108)",children:e("g",{children:[t("g",{children:t("path",{d:"M34 242.45 L 136.25 112.4 238.5 83.5 340.75 166.8 443 143 545.25 214.4 647.5 263.7 647.5 347 34 347",stroke:"none",fill:"rgb(18, 116, 172)",fillOpacity:"0.6"})}),t("g",{children:t("path",{d:"M34 206.75 L 136.25 168.5 238.5 103.05 340.75 224.6 443 185.5 545.25 205.05 647.5 166.8 647.5 347 34 347",stroke:"none",fill:"rgb(255, 225, 98)",fillOpacity:"0.6"})}),t("g",{children:t("path",{d:"M34 299.4 L 136.25 228 238.5 181.25 340.75 307.9 443 242.45 545.25 280.7 647.5 266.25 647.5 347 34 347",stroke:"none",fill:"rgb(76, 209, 128)",fillOpacity:"0.6"})})]})}),t("g",{children:t("text",{x:"318.25",y:387,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 14px sans-serif",whiteSpace:"pre"},children:"Months"})}),t("g",{children:t("text",{x:"24.5",y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Jan"})}),t("g",{children:t("text",{x:"125.75",y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Feb"})}),t("g",{children:t("text",{x:228,y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Mar"})}),t("g",{children:t("text",{x:"331.25",y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Apr"})}),t("g",{children:t("text",{x:"431.5",y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"May"})}),t("g",{children:t("text",{x:"535.75",y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Jun"})}),t("g",{children:t("text",{x:640,y:367,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"Jul"})}),t("g",{children:e("g",{children:[t("path",{d:"M34.5 50.5 L 34.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 347.5 L 34.5 347.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 305.5 L 34.5 305.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 262.5 L 34.5 262.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 220.5 L 34.5 220.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 177.5 L 34.5 177.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 135.5 L 34.5 135.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 92.5 L 34.5 92.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"}),t("path",{d:"M30.5 50.5 L 34.5 50.5",stroke:"color(srgb 0.258824 0.258824 0.258824 / 0.08)",strokeWidth:1,fill:"none"})]})}),t("g",{children:t("text",{x:18,y:"351.5",stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"0"})}),t("g",{children:t("text",{x:12,y:309,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"50"})}),t("g",{children:t("text",{x:5,y:"266.5",stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"100"})}),t("g",{children:t("text",{x:5,y:224,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"150"})}),t("g",{children:t("text",{x:5,y:"181.5",stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"200"})}),t("g",{children:t("text",{x:5,y:139,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"250"})}),t("g",{children:t("text",{x:5,y:"96.5",stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"300"})}),t("g",{children:t("text",{x:5,y:54,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 11.998px sans-serif",whiteSpace:"pre"},children:"350"})})]}),t("g",{children:t("g",{children:t("text",{x:295,y:29,stroke:"none",fill:"rgb(66, 66, 66)",fillOpacity:1,style:{font:"400 16.002px sans-serif",whiteSpace:"pre"},children:"Units sold"})})}),t("g",{})]})]});o.options=r;o.states=s;o.variants=l;o.defaultOptions=i;o.modifiers=n;var a=o;export{o as ChartDemo,a as default};