@progress/kendo-themes-html/dist/esm/form/templates/form-normal.mjs

A collection of HTML helpers used for developing Kendo UI themes

var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(t,e)=>i({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),S=(t,e)=>i({"k-valid":e.valid,"k-invalid":e.invalid,"k-hover":e.hover,"k-focus":e.focus,"k-checked":e.checked,"k-active":e.active,"k-selected":e.selected,"k-disabled":e.disabled,"k-indeterminate":e.indeterminate&&!e.checked,"k-loading":e.loading,"k-empty":e.empty,"k-readonly":e.readonly,"k-highlighted":e.highlighted});var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},L={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={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"};import{jsx as ht,jsxs as Jt}from"react/jsx-runtime";var qt="k-form-field",Co=[s.disabled],E=t=>{let{label:e,orientation:o,optional:n,editor:r,hint:p,error:l,info:u,disabled:m,dir:c,colSpan:f}=t;return Jt("div",{className:i(qt,t.className,S(qt,{disabled:m}),{[`k-col-span-${f}`]:f}),dir:c,children:[e&&Jt("label",{className:i("k-label","k-form-label"),children:[e,n&&ht("span",{className:"k-label-optional",children:"(Optional)"}),u&&ht("span",{className:"k-field-info",children:"(field info)"})]}),o==="horizontal"&&!e&&ht("span",{className:"k-label k-form-label k-label-empty"}),Jt("div",{className:"k-form-field-wrap",children:[r,p&&ht("div",{className:"k-form-hint",children:p}),l&&ht("div",{className:"k-form-error",children:l})]})]})};E.states=Co;E.className=qt;import{Fragment as To,jsx as Ut,jsxs as Ro}from"react/jsx-runtime";var Ae="k-form-fieldset",G=t=>{let{legend:e,layout:o,cols:n,gutters:r,colSpan:p}=t;return Ro("fieldset",{className:i(Ae,{[`k-col-span-${p}`]:p}),children:[e&&Ut("legend",{className:"k-form-legend",children:e}),o==="grid"?Ut("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${n}`]:n}),style:{...typeof r=="string"&&{gap:r},...typeof r=="object"&&r.rows&&{rowGap:r.rows},...typeof r=="object"&&r.cols&&{columnGap:r.cols}},children:t.children}):Ut(To,{children:t.children})]})};G.className=Ae;import{Fragment as Oo,jsx as Lt,jsxs as wo}from"react/jsx-runtime";import{createElement as Wt}from"react";var Mt="k-form",zo=[],Eo={size:[a.small,a.medium,a.large]},Ct={size:a.medium,layout:"basic",tag:"form"},B=t=>{let{size:e=Ct.size,orientation:o,layout:n=Ct.layout,formButtons:r,cols:p,gutters:l,tag:u=Ct.tag,children:m}=t,c=({tag:h,className:b,children:g})=>h==="form"?Lt("form",{className:b,children:g}):Lt("div",{className:b,children:g}),f=[];return m&&(Array.isArray(m)?m.map((h,b)=>{h.type===E?f.push(Wt(E,{...h.props,orientation:o,key:b})):f.push(h)}):m.type===E?f.push(Wt(E,{...m.props,orientation:o,key:`${new Date().getTime()}`})):m.type===G&&f.push(Wt(G,{...m.props,key:`${new Date().getTime()}`}))),wo(c,{tag:u,className:i(t.className,Mt,v(Mt,{size:e}),{[`${Mt}-${o}`]:o}),children:[n==="grid"?Lt("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${p}`]:p}),style:{...typeof l=="string"&&{gap:l},...typeof l=="object"&&l.rows&&{rowGap:l.rows},...typeof l=="object"&&l.cols&&{columnGap:l.cols}},children:f}):Lt(Oo,{children:f}),r&&Lt("div",{className:"k-form-buttons",children:r})]})};B.states=zo;B.options=Eo;B.className=Mt;B.defaultOptions=Ct;import{Fragment as Fo,jsx as Me}from"react/jsx-runtime";var Qt="k-icon k-font-icon",Ho=[],Ko={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Po={},bt=t=>{let{size:e,themeColor:o,icon:n,rotate:r,flip:p,...l}=t;return n?Me("span",{...l,className:i(t.className,Qt,v(Qt,{size:e}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):Me(Fo,{})};bt.states=Ho;bt.options=Ko;bt.className=Qt;bt.defaultOptions=Po;var Ce=bt;import{Fragment as Do,jsx as Tt}from"react/jsx-runtime";var Yt="k-icon k-svg-icon",Go=[],Bo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Te={viewBox:"0 0 24 24"},Nt=t=>{let{size:e,themeColor:o,rotate:n,flip:r,viewBox:p=Te.viewBox,icon:l,...u}=t;if(!l)return Tt(Do,{});l==="none"&&{...u,className:i(t.className,Yt,"k-none")};let m=typeof l=="object"&&l.name&&l.name;return Tt("span",{...u,className:i(t.className,Yt,v("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:Tt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:p,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:t.children})})};Nt.states=Go;Nt.options=Bo;Nt.className=Yt;Nt.defaultOptions=Te;var Zt=Nt;import*as Re from"@progress/kendo-svg-icons";import{Fragment as ze,jsx as gt}from"react/jsx-runtime";var $o=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Vo=[],_o={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},jt={viewBox:"0 0 24 24",type:"svg"},I=t=>{let{size:e,themeColor:o,icon:n,type:r=jt.type,rotate:p,flip:l,viewBox:u=jt.viewBox,...m}=t;if(!n)return gt(ze,{});if(r==="svg"){if(n==="none")return gt(Zt,{...m,icon:n,size:e});let c=$o(`${n}-icon`);return Re[c]?gt(Zt,{...m,icon:Re[c],size:e,themeColor:o,rotate:p,flip:l,viewBox:u}):gt(ze,{})}return gt(Ce,{...m,icon:n,size:e,themeColor:o,rotate:p,flip:l})};I.states=Vo;I.options=_o;I.defaultOptions=jt;import{Fragment as qo,jsx as vt,jsxs as Ee}from"react/jsx-runtime";var Rt="k-button",Xo=[s.hover,s.focus,s.active,s.selected,s.disabled],Jo={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},U={size:a.medium,rounded:x.medium,fillMode:L.solid,themeColor:d.base,showArrow:!1,arrowIconName:"caret-alt-down"},y=t=>{let{size:e=U.size,rounded:o=U.rounded,fillMode:n=U.fillMode,themeColor:r=U.themeColor,showArrow:p=U.showArrow,arrowIconName:l=U.arrowIconName,hover:u,focus:m,active:c,selected:f,disabled:h,icon:b,text:g,iconClassName:w,...O}=t,R=b!==void 0,z=t.children!==void 0;return Ee("button",{...O,className:i(t.className,Rt,v(Rt,{size:e,rounded:o,fillMode:n,themeColor:r}),S(Rt,{hover:u,focus:m,active:c,disabled:h,selected:f}),{"k-icon-button":!g&&!z&&R}),children:[b&&vt(I,{className:i(w,"k-button-icon"),icon:b}),g?Ee(qo,{children:[g&&vt("span",{className:"k-button-text",children:g}),t.children]}):t.children&&vt("span",{className:"k-button-text",children:t.children}),p&&vt("span",{className:"k-menu-button-arrow k-button-arrow",children:vt(I,{icon:l})})]})};y.states=Xo;y.options=Jo;y.className=Rt;y.defaultOptions=U;import{jsx as zn}from"react/jsx-runtime";import{jsx as Hn}from"react/jsx-runtime";import{jsx as Gn}from"react/jsx-runtime";import{jsx as Qo}from"react/jsx-runtime";var zt="k-input",Uo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Wo={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline]},Et={size:a.medium,rounded:a.medium,fillMode:L.solid},A=t=>{let{hover:e,focus:o,disabled:n,invalid:r,valid:p,loading:l,readonly:u,size:m=Et.size,rounded:c=Et.rounded,fillMode:f=Et.fillMode,...h}=t;return Qo("span",{...h,className:i(t.className,zt,v(zt,{size:m,rounded:c,fillMode:f}),S(zt,{hover:e,focus:o,disabled:n,invalid:r,valid:p,loading:l,readonly:u}))})};A.states=Uo;A.options=Wo;A.className=zt;A.defaultOptions=Et;import{jsx as jo}from"react/jsx-runtime";var Ot="k-picker",Yo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Zo={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline]},wt={size:a.medium,rounded:x.medium,fillMode:L.solid},st=t=>{let{hover:e,focus:o,disabled:n,invalid:r,valid:p,loading:l,readonly:u,size:m=wt.size,rounded:c=wt.rounded,fillMode:f=wt.fillMode,...h}=t;return jo("span",{...h,className:i(t.className,Ot,v(Ot,{size:m,rounded:c,fillMode:f}),S(Ot,{hover:e,focus:o,disabled:n,invalid:r,valid:p,loading:l,readonly:u})),children:t.children})};st.states=Yo;st.options=Zo;st.className=Ot;st.defaultOptions=wt;import{Fragment as os,jsx as te}from"react/jsx-runtime";var Oe="k-clear-value",ts=[s.disabled,s.loading,s.readonly],es={},W=t=>{let{disabled:e,loading:o,readonly:n,value:r}=t;return e||n||o||!r?te(os,{}):te("span",{className:i(t.className,Oe),children:te(I,{icon:"x"})})};W.states=ts;W.options=es;W.className=Oe;import{jsx as ns}from"react/jsx-runtime";var ee="k-input-inner",ss=[],is={},Ht={type:"text",autocomplete:"off",value:"",placeholder:""},Q=t=>{let{value:e=Ht.value,type:o=Ht.type,placeholder:n=Ht.placeholder,autocomplete:r=Ht.autocomplete,...p}=t;return ns("input",{...p,type:o,className:i(t.className,ee,v(ee,t)),placeholder:n,autoComplete:r,defaultValue:e})};Q.states=ss;Q.options=is;Q.className=ee;import{jsx as we,jsxs as ls}from"react/jsx-runtime";var oe="k-input-inner",as=[],rs={},St=t=>{let{value:e,placeholder:o,showValue:n,valueIcon:r,valueIconName:p,...l}=t;return ls("span",{...l,className:i(t.className,oe,v(oe,t)),children:[r,!r&&p&&we(I,{className:"k-input-value-icon",icon:p}),n&&!e&&o,n&&e&&we("span",{className:"k-input-value-text",children:e})]})};St.states=as;St.options=rs;St.className=oe;import{jsx as ds}from"react/jsx-runtime";var se="k-input-inner",ps=[],ms={},He={value:"",placeholder:""},ie=t=>{let{value:e=He.value,placeholder:o=He.placeholder,rows:n,...r}=t;return ds("textarea",{...r,className:i(t.className,se,v(se,t)),placeholder:o,rows:n,defaultValue:e})};ie.states=ps;ie.options=ms;ie.className=se;import{Fragment as us,jsx as Ke}from"react/jsx-runtime";var Pe="k-input-loading-icon",cs=[s.disabled,s.loading],D=t=>{let{disabled:e,loading:o}=t;return e||!o?Ke(us,{}):Ke("span",{className:i(t.className,Pe,"k-icon k-i-loading")})};D.states=cs;D.className=Pe;import{Fragment as hs,jsx as Fe}from"react/jsx-runtime";var Ge="k-input-validation-icon",fs=[s.valid,s.invalid,s.disabled,s.loading],xs={},K=t=>{let{valid:e,invalid:o,disabled:n,loading:r}=t,p=o?"warning-circle":"check-circle";return n||r||!!!(e||o)?Fe(hs,{}):Fe(I,{className:i(Ge),icon:p})};K.states=fs;K.options=xs;K.className=Ge;import{Fragment as Ns,jsx as Be}from"react/jsx-runtime";var Ls="k-input-prefix",bs={direction:"horizontal"},Kt=t=>{let{direction:e=bs.direction,...o}=t;return t.children?Be("span",{...o,className:i(Ls,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):Be(Ns,{})};import{Fragment as Ss,jsx as De}from"react/jsx-runtime";var gs="k-input-suffix",vs={direction:"horizontal"},Pt=t=>{let{direction:e=vs.direction,...o}=t;return t.children?De("span",{...o,className:i(gs,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):De(Ss,{})};import{jsx as Ma}from"react/jsx-runtime";import{jsx as za}from"react/jsx-runtime";import{jsx as ks}from"react/jsx-runtime";var $e="k-input-separator",Is={direction:"vertical"},ne=t=>{let{direction:e=Is.direction,...o}=t;return ks("span",{...o,className:i($e,t.className,{[`${$e}-${e}`]:e})})};import{jsx as Ve}from"react/jsx-runtime";var _e="k-animation-container",ys=[],As={},Xe={positionMode:"absolute"},$=t=>{let{positionMode:e=Xe.positionMode,animationStyle:o,offset:n,...r}=t;return Ve("div",{...r,style:{...n,...t.style},className:i(t.className,_e,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:Ve("div",{className:"k-child-animation-container",style:o,children:t.children})})};$.states=ys;$.options=As;$.className=_e;$.defaultOptions=Xe;import{jsx as Je}from"react/jsx-runtime";var qe="k-popup",Ms=[],Cs={},Ue={positionMode:"absolute"},it=t=>{let{offset:e,positionMode:o=Ue.positionMode,animationStyle:n,...r}=t;return Je($,{positionMode:o,offset:e,animationStyle:n,children:Je("div",{...r,className:i(t.className,qe),children:t.children})})};it.states=Ms;it.options=Cs;it.className=qe;it.defaultOptions=Ue;import{jsx as zs}from"react/jsx-runtime";var Ft="k-actions",Ts=[],Rs={},ae={alignment:"start",orientation:"horizontal"},nt=t=>{let{alignment:e=ae.alignment,orientation:o=ae.orientation,...n}=t;return zs("div",{...n,className:i(Ft,{[`${Ft}-${e}`]:e,[`${Ft}-${o}`]:o},t.className),children:t.children})};nt.states=Ts;nt.options=Rs;nt.className=Ft;nt.defaultOptions=ae;import{jsx as Os}from"react/jsx-runtime";var Es="k-actionsheet-footer",We={alignment:"stretched",orientation:"horizontal"},re=t=>{let{alignment:e=We.alignment,orientation:o=We.orientation,template:n,as:r=n?"div":nt,...p}=t;return Os(r,{...p,...!n&&{alignment:e,orientation:o},className:i(t.className,Es),children:t.children})};import{jsx as It,jsxs as Ks}from"react/jsx-runtime";var Qe="k-searchbox",ws=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Hs={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline]},le={showIcon:!0,icon:"search",size:A.defaultOptions.size,rounded:A.defaultOptions.rounded,fillMode:A.defaultOptions.fillMode},P=t=>{let{value:e,placeholder:o,size:n,rounded:r,fillMode:p,hover:l,focus:u,valid:m,invalid:c,required:f,loading:h,disabled:b,showIcon:g=le.showIcon,icon:w=le.icon,...O}=t;return Ks(A,{...O,size:n,rounded:r,fillMode:p,hover:l,focus:u,valid:m,invalid:c,required:f,loading:h,disabled:b,className:i(t.className,Qe),children:[g&&It(I,{className:"k-input-icon",icon:w}),It(Q,{placeholder:o,value:e}),It(D,{...t}),It(K,{...t}),It(W,{...t})]})};P.states=ws;P.options=Hs;P.className=Qe;P.defaultOptions=le;import{jsx as kr}from"react/jsx-runtime";import{Fragment as Ye,jsx as V,jsxs as pe}from"react/jsx-runtime";var Ze="k-textbox",Ps=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Fs={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline]},Y={showClearButton:!0,showValidationIcon:!0,size:A.defaultOptions.size,rounded:A.defaultOptions.rounded,fillMode:A.defaultOptions.fillMode,separators:!0},H=t=>{let{size:e=Y.size,rounded:o=Y.rounded,fillMode:n=Y.fillMode,separators:r=Y.separators,showClearButton:p=Y.showClearButton,showValidationIcon:l=Y.showValidationIcon,prefix:u,suffix:m,type:c,value:f,placeholder:h,hover:b,focus:g,valid:w,invalid:O,required:R,loading:z,disabled:ot,readonly:xt,...Xt}=t;return pe(A,{...Xt,size:e,rounded:o,fillMode:n,hover:b,focus:g,valid:w,invalid:O,required:R,loading:z,disabled:ot,readonly:xt,className:i(t.className,Ze),children:[u&&pe(Ye,{children:[V(Kt,{children:u}),r&&V(ne,{})]}),V(Q,{placeholder:h,value:f,type:c}),l&&V(K,{valid:w,invalid:O,loading:z,disabled:ot}),V(D,{loading:z,disabled:ot}),p&&V(W,{loading:z,disabled:ot,readonly:xt,value:f}),m&&pe(Ye,{children:[r&&V(ne,{}),V(Pt,{children:m})]})]})};H.states=Ps;H.options=Fs;H.className=Ze;H.defaultOptions=Y;import{jsx as Hr}from"react/jsx-runtime";import{Fragment as Dr,jsx as Br}from"react/jsx-runtime";import{Fragment as Ur,jsx as qr}from"react/jsx-runtime";import{jsx as _,jsxs as me}from"react/jsx-runtime";var to="k-actionsheet-titlebar",Gs={},X=t=>{let{title:e,subtitle:o,actionsStart:n,actionsEnd:r,filter:p,input:l,inputValue:u,inputPlaceholder:m,adaptive:c,children:f,...h}=t;return me("div",{...h,className:i(t.className,to),children:[me("div",{className:"k-actionsheet-titlebar-group",children:[n&&_("div",{className:"k-actionsheet-actions",children:n}),!f&&me("div",{className:"k-actionsheet-title",children:[e&&_("div",{className:"k-text-center",children:e}),o&&_("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),f&&_("div",{className:"k-actionsheet-title",children:f}),r&&_("div",{className:"k-actionsheet-actions",children:r})]}),(l||p)&&_("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?_(H,{value:u,placeholder:m,size:c?"large":"medium"}):_(P,{placeholder:"Filter",size:c?"large":"medium"})})]})};X.className=to;X.defaultOptions=Gs;import{jsx as de,jsxs as Vs}from"react/jsx-runtime";var ce="k-actionsheet-view",Bs=[],Ds={},$s={},at=t=>{let{adaptive:e,animated:o,children:n,header:r,footer:p,...l}=t,u=r?.type===X&&de(X,{adaptive:e,...r?.props}),m=p?.type===re&&de(re,{...p?.props});return Vs("div",{...l,className:i(t.className,ce,{[`${ce}-animated`]:o}),children:[u,de("div",{className:"k-actionsheet-content",children:n}),m]})};at.states=Bs;at.options=Ds;at.className=ce;at.defaultOptions=$s;import{jsx as Gt,jsxs as Js}from"react/jsx-runtime";var eo="k-actionsheet",_s=[],Xs={},kt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Z=t=>{let{side:e=kt.side,fullscreen:o=kt.fullscreen,adaptive:n=kt.adaptive,overlay:r=kt.overlay,template:p,children:l,header:u,footer:m,...c}=t;return Js("div",{className:"k-actionsheet-container",children:[r&&Gt("div",{className:"k-overlay"}),Gt($,{animationStyle:{[`${o===!0?"top":e}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${e==="top"||e==="bottom"?"width":null}`]:"100%",[`${e==="left"||e==="right"?"height":null}`]:"100%"},children:Gt("div",{...c,className:i(t.className,eo,{[`k-actionsheet-${e}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:p||Gt(at,{header:u,footer:m,adaptive:n,...t,children:l})})})]})};Z.states=_s;Z.options=Xs;Z.className=eo;Z.defaultOptions=kt;import{jsx as bl}from"react/jsx-runtime";import{Fragment as Us,jsx as yt,jsxs as ue}from"react/jsx-runtime";var fe="k-actionsheet-item",qs=[s.hover,s.focus,s.selected,s.disabled],xe=t=>{let{iconName:e,text:o,description:n,hover:r,focus:p,selected:l,disabled:u,...m}=t;return ue("span",{...m,className:i(t.className,fe,S(fe,{hover:r,focus:p,selected:l,disabled:u})),children:[!t.children&&yt(Us,{children:ue("span",{className:"k-actionsheet-action",children:[e&&yt("span",{className:"k-icon-wrap",children:yt(I,{className:"k-actionsheet-item-icon",icon:e})}),ue("span",{className:"k-actionsheet-item-text",children:[o&&yt("span",{className:"k-actionsheet-item-title",children:o}),n&&yt("span",{className:"k-actionsheet-item-description",children:n})]})]})}),t.children]})};xe.states=qs;xe.className=fe;import{jsx as Ml,jsxs as Cl}from"react/jsx-runtime";import{jsx as El}from"react/jsx-runtime";import{jsx as Kl}from"react/jsx-runtime";import{jsx as Bl}from"react/jsx-runtime";import{jsx as Qs}from"react/jsx-runtime";var Ws="k-no-data",At=t=>Qs("span",{className:i(Ws,t.className),children:t.children});import{jsx as rt,jsxs as so}from"react/jsx-runtime";var he="k-list",Ys=[],Zs={size:[a.small,a.medium,a.large]},io={size:a.medium},k=t=>{let{size:e=io.size,virtualization:o,children:n,optionLabel:r,customValue:p,screenReaders:l,...u}=t,m,c,f,h,b=[];return n?n.map((g,w)=>{g.type===M?(g.props.root===!0?(m=g.props.label,g.props.children.map((O,R)=>{b.push(rt(N,{...O.props},`optChild-${R}-${new Date().getTime()}`))})):g.props.children.forEach((O,R)=>{let z="";R===0&&(z=g.props.label),b.push(rt(N,{className:R===0?"k-first":"",...O.props,groupLabel:z},`groupLabel-${R}-${new Date().getTime()}`))}),c=rt(M,{label:m,virtualization:o,children:b})):g.type===N&&(b.push(rt(N,{...g.props},`${g.type}-${w}`)),f=rt(lt,{virtualization:o,children:b}),l&&(h=so(At,{className:"k-sr-only",children:[b.length," items found."]})))}):h=rt(At,{children:"No data found."}),so("div",{...u,className:i(t.className,he,v(he,{size:e}),{"k-virtual-list":o}),children:[r,p,c,f,h]})};k.states=Ys;k.options=Zs;k.className=he;k.defaultOptions=io;import{jsx as j,jsxs as ei}from"react/jsx-runtime";var Le="k-list",js=[],ti={size:[a.small,a.medium,a.large]},no={size:a.medium},tt=t=>{let{size:e=no.size,virtualization:o,children:n,...r}=t,p,l,u,m=[];return n?n.map((c,f)=>{c.type===M?(c.props.root===!0?(p=c.props.label,c.props.children.map((h,b)=>{m.push(j(N,{...h.props},`optChild-${b}-${new Date().getTime()}`))})):(m.push(j(ao,{...c.props,children:c.props.label},`listChild-${f}`)),c.props.children.map((h,b)=>{m.push(j(N,{...h.props},`fwOptChild-${b}-${new Date().getTime()}`))})),l=j(M,{label:p,virtualization:o,children:m})):c.type===N&&(m.push(j(N,{...c.props},`${c.type}-${f}`)),u=j(lt,{virtualization:o,children:m}))}):u=j(At,{children:"No data found."}),ei("div",{...r,className:i(t.className,Le,v(Le,{size:e}),{"k-virtual-list":o}),children:[l,u]})};tt.states=js;tt.options=ti;tt.className=Le;tt.defaultOptions=no;import{jsx as ro}from"react/jsx-runtime";var Bt="k-checkbox",oi=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],si={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full]},be={size:a.medium,rounded:x.medium},J=t=>{let{id:e,checked:o,indeterminate:n,hover:r,focus:p,disabled:l,invalid:u,valid:m,required:c,size:f=be.size,rounded:h=be.rounded,...b}=t;return ro("span",{className:"k-checkbox-wrap",children:ro("input",{...b,id:e,type:"checkbox",defaultChecked:o,required:c,className:i(t.className,Bt,v(Bt,{size:f,rounded:h}),S(Bt,{hover:r,focus:p,disabled:l,invalid:u,valid:m,indeterminate:n,checked:o}))})})};J.states=oi;J.options=si;J.className=Bt;J.defaultOptions=be;import{jsx as ai}from"react/jsx-runtime";var lo="k-checkbox-list",ii=[],ni={},po={layout:"vertical"},pt=t=>{let{layout:e=po.layout,...o}=t;return ai("ul",{...o,className:i(t.className,lo,{[`k-list-${e}`]:e}),children:t.children})};pt.states=ii;pt.options=ni;pt.className=lo;pt.defaultOptions=po;import{jsx as mi}from"react/jsx-runtime";var mo="k-checkbox-list-item",ri=[],li={},pi={},mt=t=>{let{...e}=t;return mi("li",{...e,className:i(t.className,mo),children:t.children})};mt.states=ri;mt.options=li;mt.className=mo;mt.defaultOptions=pi;import{Fragment as Ap,jsx as yp,jsxs as Mp}from"react/jsx-runtime";import{Fragment as Ep,jsx as zp,jsxs as Op}from"react/jsx-runtime";import{Fragment as Fp,jsx as Pp,jsxs as Gp}from"react/jsx-runtime";import{Fragment as _p,jsx as Vp,jsxs as Xp}from"react/jsx-runtime";import{jsx as Wp}from"react/jsx-runtime";import{jsx as jp}from"react/jsx-runtime";import{jsx as Dt,jsxs as fi}from"react/jsx-runtime";var ge="k-list-item",di=[s.hover,s.focus,s.selected,s.disabled],ci={},ui={},N=t=>{let{text:e,groupLabel:o,group:n,showIcon:r,iconName:p,showCheckbox:l,checked:u,hover:m,focus:c,selected:f,disabled:h,...b}=t,g=e||t.children;return fi("li",{...b,className:i(t.className,n?"k-list-group-item":ge,S(ge,{hover:m,focus:c,disabled:h,selected:f})),children:[l&&Dt(J,{checked:u}),r&&Dt(I,{icon:p}),Dt("span",{className:"k-list-item-text",children:g}),o&&o!==""&&Dt("div",{className:"k-list-item-group-label",children:o})]})};N.states=di;N.options=ci;N.className=ge;N.defaultOptions=ui;import{jsx as ve,jsxs as hi}from"react/jsx-runtime";var xi="k-list-content",lt=t=>{let{virtualization:e,...o}=t;return hi("div",{...o,className:i(xi,t.className),children:[ve("ul",{className:i("k-list-ul"),children:t.children}),e&&ve("div",{className:"k-height-container",children:ve("div",{})})]})};import{jsx as co}from"react/jsx-runtime";var Li="k-list-group-sticky-header",uo=t=>co("div",{className:i(Li,t.className),children:co("div",{className:"k-list-header-text",children:t.children})});import{Fragment as bi,jsx as fo,jsxs as Ni}from"react/jsx-runtime";var M=t=>{let{virtualization:e,label:o}=t;return Ni(bi,{children:[o&&fo(uo,{children:o}),t.children&&fo(lt,{virtualization:e,children:t.children})]})};import{jsx as xo}from"react/jsx-runtime";var gi="k-list-group-item",ao=t=>xo("li",{className:i(gi,t.className),children:xo("span",{className:"k-list-item-text",children:t.children})});import{jsx as ki}from"react/jsx-runtime";var Se="k-list-optionlabel",vi=[s.hover,s.focus,s.selected,s.disabled],Si={},Ii={},$t=t=>{let{text:e,hover:o,focus:n,selected:r,disabled:p,...l}=t;return ki("div",{...l,className:i(Se,S(Se,{hover:o,focus:n,selected:r,disabled:p})),children:e})};$t.states=vi;$t.options=Si;$t.className=Se;$t.defaultOptions=Ii;import{jsx as Ci}from"react/jsx-runtime";var Ie="k-list-custom-value",yi=[s.hover,s.focus,s.selected,s.disabled],Ai={},Mi={},Vt=t=>{let{text:e,hover:o,focus:n,selected:r,disabled:p,...l}=t;return Ci("div",{...l,className:i(Ie,S(Ie,{hover:o,focus:n,selected:r,disabled:p})),children:e})};Vt.states=yi;Vt.options=Ai;Vt.className=Ie;Vt.defaultOptions=Mi;import{jsx as Km}from"react/jsx-runtime";import{jsx as Bm}from"react/jsx-runtime";import{jsx as _m,jsxs as Xm}from"react/jsx-runtime";import{jsx as Wm,jsxs as Qm}from"react/jsx-runtime";import{jsx as td}from"react/jsx-runtime";import{jsx as id,jsxs as nd}from"react/jsx-runtime";import{jsx as pd,jsxs as md}from"react/jsx-runtime";import{Fragment as zi,jsx as C,jsxs as ke}from"react/jsx-runtime";var ho="k-dropdownlist",Ti=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ri={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline]},dt={showValue:!0,arrowIconName:"caret-alt-down",size:a.medium,rounded:x.medium,fillMode:L.solid},q=t=>{let{size:e=dt.size,rounded:o=dt.rounded,fillMode:n=dt.fillMode,arrowIconName:r=dt.arrowIconName,showValue:p=dt.showValue,valueIconName:l,prefix:u,suffix:m,value:c,placeholder:f,hover:h,focus:b,valid:g,invalid:w,required:O,loading:R,disabled:z,readonly:ot,popup:xt,opened:Xt,adaptive:So,adaptiveSettings:Io,adaptiveTitle:ko,adaptiveSubtitle:yo,adaptiveFilter:Ao,...Mo}=t;return ke(zi,{children:[ke(st,{...Mo,size:e,rounded:o,fillMode:n,hover:h,focus:b,valid:g,invalid:w,required:O,loading:R,disabled:z,readonly:ot,className:i(t.className,ho,{"k-icon-picker":!p&&l}),children:[C(Kt,{children:u}),C(St,{placeholder:f,value:c,showValue:p,valueIconName:l}),C(K,{valid:g,invalid:w,loading:R,disabled:z}),C(D,{loading:R,disabled:z}),C(Pt,{children:m}),C(y,{className:"k-input-button",icon:r,rounded:null,size:t.size,fillMode:t.fillMode})]}),Xt&&xt&&C(it,{className:"k-list-container k-dropdownlist-popup",children:xt}),So&&C(Z,{adaptive:!0,...Io,header:C(X,{actionsEnd:C(y,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ao,inputValue:c,inputPlaceholder:f,title:ko,subtitle:yo}),children:C("div",{className:"k-list-container",children:ke(k,{size:"large",children:[C(N,{text:"List item"}),C(N,{text:"List item"}),C(N,{text:"List item"})]})})})]})};q.states=Ti;q.options=Ri;q.className=ho;q.defaultOptions=dt;import{jsx as Bd}from"react/jsx-runtime";import{jsx as Xd,jsxs as Jd}from"react/jsx-runtime";import{Fragment as tc,jsx as Zd,jsxs as jd}from"react/jsx-runtime";import{jsx as ic}from"react/jsx-runtime";import{jsx as pc,jsxs as mc}from"react/jsx-runtime";import{jsx as xc,jsxs as hc}from"react/jsx-runtime";import{Fragment as kc,jsx as Sc,jsxs as Ic}from"react/jsx-runtime";import{Fragment as Ec,jsx as Rc,jsxs as zc}from"react/jsx-runtime";import{jsx as Lo}from"react/jsx-runtime";var _t="k-radio",Ei=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked],Oi={size:[a.small,a.medium,a.large]},bo={size:a.medium},F=t=>{let{id:e,checked:o,hover:n,focus:r,disabled:p,invalid:l,valid:u,required:m,size:c=bo.size,...f}=t;return Lo("span",{className:"k-radio-wrap",children:Lo("input",{...f,id:e,type:"radio",checked:o,required:m,className:i(t.className,_t,v(_t,{size:c}),S(_t,{hover:n,focus:r,disabled:p,invalid:l,valid:u,checked:o}))})})};F.states=Ei;F.options=Oi;F.className=_t;F.defaultOptions=bo;import{jsx as Ki}from"react/jsx-runtime";var No="k-radio-list",wi=[],Hi={},go={layout:"vertical"},ct=t=>{let{layout:e=go.layout,...o}=t;return Ki("ul",{...o,className:i(t.className,No,{[`k-list-${e}`]:e}),children:t.children})};ct.states=wi;ct.options=Hi;ct.className=No;ct.defaultOptions=go;import{jsx as Bi}from"react/jsx-runtime";var vo="k-radio-list-item",Pi=[],Fi={},Gi={},ut=t=>{let{...e}=t;return Bi("li",{...e,className:i(t.className,vo),children:t.children})};ut.states=Pi;ut.options=Fi;ut.className=vo;ut.defaultOptions=Gi;import{jsx as eu}from"react/jsx-runtime";import{Fragment as au,jsx as nu,jsxs as ru}from"react/jsx-runtime";import{Fragment as cu,jsx as du,jsxs as uu}from"react/jsx-runtime";import{Fragment as Nu,jsx as Lu,jsxs as bu}from"react/jsx-runtime";import{Fragment as ku,jsx as Iu,jsxs as yu}from"react/jsx-runtime";import{Fragment as Ru,jsx as Tu,jsxs as zu}from"react/jsx-runtime";import{Fragment as Qu,jsx as Wu,jsxs as Yu}from"react/jsx-runtime";import{Fragment as nf,jsx as sf,jsxs as af}from"react/jsx-runtime";import{Fragment as $i,jsx as T,jsxs as ft}from"react/jsx-runtime";var gf=({size:t,...e})=>T(B,{formButtons:ft($i,{children:[T(y,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),T(y,{className:"k-form-clear",size:t,children:"Clear"})]}),children:ft(G,{legend:"Form Legend",children:[T(E,{label:"Label",editor:T(H,{size:t})}),T(E,{label:"Label",hint:"Hint text",editor:T(q,{value:"Dropdown List",size:t})}),T(E,{label:"City",editor:ft("ul",{className:"k-radio-list k-list-horizontal",children:[ft("li",{className:"k-radio-list-item",children:[T(F,{checked:!0,size:t}),T("label",{className:"k-radio-label",children:"Label"})]}),ft("li",{className:"k-radio-list-item",children:[T(F,{size:t}),T("label",{className:"k-radio-label",children:"Label"})]}),ft("li",{className:"k-radio-list-item",children:[T(F,{size:t}),T("label",{className:"k-radio-label",children:"Label"})]})]})})]}),size:t,...e});export{gf as FormNormal};