@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 S=(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"}),g=(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});var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={small:"small",medium:"medium",large:"large",full:"full"},b={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},c={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"};import{jsx as ht,jsxs as Jt}from"react/jsx-runtime";var qt="k-form-field",Co=[s.disabled],H=t=>{let{label:e,orientation:o,optional:n,editor:r,hint:l,error:p,info:u,disabled:d,dir:m,colSpan:x}=t;return Jt("div",{className:i(qt,t.className,g(qt,{disabled:d}),{[`k-col-span-${x}`]:x}),dir:m,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,l&&ht("div",{className:"k-form-hint",children:l}),p&&ht("div",{className:"k-form-error",children:p})]})]})};H.states=Co;H.className=qt;import{Fragment as To,jsx as Ut,jsxs as Ro}from"react/jsx-runtime";var Ae="k-form-fieldset",_=t=>{let{legend:e,layout:o,cols:n,gapX:r,gapY:l}=t;return Ro("fieldset",{className:i(Ae),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,[`k-gap-x-${r}`]:r,[`k-gap-y-${l}`]:l}),children:t.children}):Ut(To,{children:t.children})]})};_.className=Ae;import{Fragment as Oo,jsx as Lt,jsxs as Ho}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"},J=t=>{let{size:e=Ct.size,orientation:o,layout:n=Ct.layout,formButtons:r,cols:l,gapX:p,gapY:u,tag:d=Ct.tag,children:m}=t,x=({tag:L,className:v,children:y})=>L==="form"?Lt("form",{className:v,children:y}):Lt("div",{className:v,children:y}),h=[];return m&&(Array.isArray(m)?m.map((L,v)=>{L.type===H?h.push(Wt(H,{...L.props,orientation:o,key:v})):h.push(L)}):m.type===H?h.push(Wt(H,{...m.props,orientation:o,key:`${new Date().getTime()}`})):m.type===_&&h.push(Wt(_,{...m.props,key:`${new Date().getTime()}`}))),Ho(x,{tag:d,className:i(t.className,Mt,S(Mt,{size:e}),{[`${Mt}-${o}`]:o}),children:[n==="grid"?Lt("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${l}`]:l,[`k-gap-x-${p}`]:p,[`k-gap-y-${u}`]:u}),children:h}):Lt(Oo,{children:h}),r&&Lt("div",{className:"k-form-buttons",children:r})]})};J.states=zo;J.options=Eo;J.className=Mt;J.defaultOptions=Ct;import{Fragment as Go,jsx as Me}from"react/jsx-runtime";var Yt="k-icon k-font-icon",wo=[],Ko={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark]},Po={},bt=t=>{let{size:e,themeColor:o,icon:n,rotate:r,flip:l,...p}=t;return n?Me("span",{...p,className:i(t.className,Yt,S(Yt,{size:e}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):Me(Go,{})};bt.states=wo;bt.options=Ko;bt.className=Yt;bt.defaultOptions=Po;var Ce=bt;import{Fragment as Do,jsx as Tt}from"react/jsx-runtime";var Qt="k-icon k-svg-icon",Bo=[],Fo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark]},Te={viewBox:"0 0 24 24"},Nt=t=>{let{size:e,themeColor:o,rotate:n,flip:r,viewBox:l=Te.viewBox,icon:p,...u}=t;if(!p)return Tt(Do,{});p==="none"&&{...u,className:i(t.className,Qt,"k-none")};let d=typeof p=="object"&&p.name&&p.name;return Tt("span",{...u,className:i(t.className,Qt,S("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`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 p=="object"?p.viewBox:l,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:t.children})})};Nt.states=Bo;Nt.options=Fo;Nt.className=Qt;Nt.defaultOptions=Te;var Zt=Nt;import*as Re from"@progress/kendo-svg-icons";import{Fragment as ze,jsx as vt}from"react/jsx-runtime";var $o=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Vo=[],Xo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark]},jt={viewBox:"0 0 24 24",type:"svg"},I=t=>{let{size:e,themeColor:o,icon:n,type:r=jt.type,rotate:l,flip:p,viewBox:u=jt.viewBox,...d}=t;if(!n)return vt(ze,{});if(r==="svg"){if(n==="none")return vt(Zt,{...d,icon:n,size:e});let m=$o(`${n}-icon`);return Re[m]?vt(Zt,{...d,icon:Re[m],size:e,themeColor:o,rotate:l,flip:p,viewBox:u}):vt(ze,{})}return vt(Ce,{...d,icon:n,size:e,themeColor:o,rotate:l,flip:p})};I.states=Vo;I.options=Xo;I.defaultOptions=jt;import{Fragment as qo,jsx as St,jsxs as Ee}from"react/jsx-runtime";var Rt="k-button",_o=[s.hover,s.focus,s.active,s.selected,s.disabled],Jo={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark,c.inverse]},q={size:a.medium,rounded:f.medium,fillMode:b.solid,themeColor:c.base,showArrow:!1,arrowIconName:"caret-alt-down"},A=t=>{let{size:e=q.size,rounded:o=q.rounded,fillMode:n=q.fillMode,themeColor:r=q.themeColor,showArrow:l=q.showArrow,arrowIconName:p=q.arrowIconName,hover:u,focus:d,active:m,selected:x,disabled:h,icon:L,text:v,iconClassName:y,...O}=t,z=L!==void 0,E=t.children!==void 0;return Ee("button",{...O,className:i(t.className,Rt,S(Rt,{size:e,rounded:o,fillMode:n,themeColor:r}),g(Rt,{hover:u,focus:d,active:m,disabled:h,selected:x}),{"k-icon-button":!v&&!E&&z}),children:[L&&St(I,{className:i(y,"k-button-icon"),icon:L}),v?Ee(qo,{children:[v&&St("span",{className:"k-button-text",children:v}),t.children]}):t.children&&St("span",{className:"k-button-text",children:t.children}),l&&St("span",{className:"k-menu-button-arrow k-button-arrow",children:St(I,{icon:p})})]})};A.states=_o;A.options=Jo;A.className=Rt;A.defaultOptions=q;import{jsx as zn}from"react/jsx-runtime";import{jsx as wn}from"react/jsx-runtime";import{jsx as Bn}from"react/jsx-runtime";import{jsx as Yo}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:[f.small,f.medium,f.large,f.full],fillMode:[b.solid,b.flat,b.outline]},Et={size:a.medium,rounded:a.medium,fillMode:b.solid},M=t=>{let{hover:e,focus:o,disabled:n,invalid:r,valid:l,loading:p,readonly:u,size:d=Et.size,rounded:m=Et.rounded,fillMode:x=Et.fillMode,...h}=t;return Yo("span",{...h,className:i(t.className,zt,S(zt,{size:d,rounded:m,fillMode:x}),g(zt,{hover:e,focus:o,disabled:n,invalid:r,valid:l,loading:p,readonly:u}))})};M.states=Uo;M.options=Wo;M.className=zt;M.defaultOptions=Et;import{jsx as jo}from"react/jsx-runtime";var Ot="k-picker",Qo=[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:[f.small,f.medium,f.large,f.full],fillMode:[b.solid,b.flat,b.outline]},Ht={size:a.medium,rounded:f.medium,fillMode:b.solid},st=t=>{let{hover:e,focus:o,disabled:n,invalid:r,valid:l,loading:p,readonly:u,size:d=Ht.size,rounded:m=Ht.rounded,fillMode:x=Ht.fillMode,...h}=t;return jo("span",{...h,className:i(t.className,Ot,S(Ot,{size:d,rounded:m,fillMode:x}),g(Ot,{hover:e,focus:o,disabled:n,invalid:r,valid:l,loading:p,readonly:u})),children:t.children})};st.states=Qo;st.options=Zo;st.className=Ot;st.defaultOptions=Ht;import{Fragment as os,jsx as te}from"react/jsx-runtime";var Oe="k-clear-value",ts=[s.disabled,s.loading,s.readonly],es={},U=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"})})};U.states=ts;U.options=es;U.className=Oe;import{jsx as ns}from"react/jsx-runtime";var ee="k-input-inner",ss=[],is={},wt={type:"text",autocomplete:"off",value:"",placeholder:""},W=t=>{let{value:e=wt.value,type:o=wt.type,placeholder:n=wt.placeholder,autocomplete:r=wt.autocomplete,...l}=t;return ns("input",{...l,type:o,className:i(t.className,ee,S(ee,t)),placeholder:n,autoComplete:r,defaultValue:e})};W.states=ss;W.options=is;W.className=ee;import{jsx as He,jsxs as ls}from"react/jsx-runtime";var oe="k-input-inner",as=[],rs={},gt=t=>{let{value:e,placeholder:o,showValue:n,valueIcon:r,valueIconName:l,...p}=t;return ls("span",{...p,className:i(t.className,oe,S(oe,t)),children:[r,!r&&l&&He(I,{className:"k-input-value-icon",icon:l}),n&&!e&&o,n&&e&&He("span",{className:"k-input-value-text",children:e})]})};gt.states=as;gt.options=rs;gt.className=oe;import{jsx as ds}from"react/jsx-runtime";var se="k-input-inner",ps=[],ms={},we={value:"",placeholder:""},ie=t=>{let{value:e=we.value,placeholder:o=we.placeholder,rows:n,...r}=t;return ds("textarea",{...r,className:i(t.className,se,S(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],B=t=>{let{disabled:e,loading:o}=t;return e||!o?Ke(us,{}):Ke("span",{className:i(t.className,Pe,"k-icon k-i-loading")})};B.states=cs;B.className=Pe;import{Fragment as hs,jsx as Ge}from"react/jsx-runtime";var Be="k-input-validation-icon",fs=[s.valid,s.invalid,s.disabled,s.loading],xs={},w=t=>{let{valid:e,invalid:o,disabled:n,loading:r}=t,l=o?"warning-circle":"check-circle";return n||r||!!!(e||o)?Ge(hs,{}):Ge(I,{className:i(Be),icon:l})};w.states=fs;w.options=xs;w.className=Be;import{Fragment as Ns,jsx as Fe}from"react/jsx-runtime";var Ls="k-input-prefix",bs={direction:"horizontal"},Kt=t=>{let{direction:e=bs.direction,...o}=t;return t.children?Fe("span",{...o,className:i(Ls,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):Fe(Ns,{})};import{Fragment as gs,jsx as De}from"react/jsx-runtime";var vs="k-input-suffix",Ss={direction:"horizontal"},Pt=t=>{let{direction:e=Ss.direction,...o}=t;return t.children?De("span",{...o,className:i(vs,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):De(gs,{})};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 Xe="k-animation-container",ys=[],As={},_e={positionMode:"absolute"},F=t=>{let{positionMode:e=_e.positionMode,animationStyle:o,offset:n,...r}=t;return Ve("div",{...r,style:{...n,...t.style},className:i(t.className,Xe,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:Ve("div",{className:"k-child-animation-container",style:o,children:t.children})})};F.states=ys;F.options=As;F.className=Xe;F.defaultOptions=_e;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(F,{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 Gt="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(Gt,{[`${Gt}-${e}`]:e,[`${Gt}-${o}`]:o},t.className),children:t.children})};nt.states=Ts;nt.options=Rs;nt.className=Gt;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,...l}=t;return Os(r,{...l,...!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 Ye="k-searchbox",Hs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],ws={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[b.solid,b.flat,b.outline]},le={showIcon:!0,icon:"search",size:M.defaultOptions.size,rounded:M.defaultOptions.rounded,fillMode:M.defaultOptions.fillMode},K=t=>{let{value:e,placeholder:o,size:n,rounded:r,fillMode:l,hover:p,focus:u,valid:d,invalid:m,required:x,loading:h,disabled:L,showIcon:v=le.showIcon,icon:y=le.icon,...O}=t;return Ks(M,{...O,size:n,rounded:r,fillMode:l,hover:p,focus:u,valid:d,invalid:m,required:x,loading:h,disabled:L,className:i(t.className,Ye),children:[v&&It(I,{className:"k-input-icon",icon:y}),It(W,{placeholder:o,value:e}),It(B,{...t}),It(w,{...t}),It(U,{...t})]})};K.states=Hs;K.options=ws;K.className=Ye;K.defaultOptions=le;import{jsx as kr}from"react/jsx-runtime";import{Fragment as Qe,jsx as D,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],Gs={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[b.solid,b.flat,b.outline]},Y={showClearButton:!0,showValidationIcon:!0,size:M.defaultOptions.size,rounded:M.defaultOptions.rounded,fillMode:M.defaultOptions.fillMode,separators:!0},P=t=>{let{size:e=Y.size,rounded:o=Y.rounded,fillMode:n=Y.fillMode,separators:r=Y.separators,showClearButton:l=Y.showClearButton,showValidationIcon:p=Y.showValidationIcon,prefix:u,suffix:d,type:m,value:x,placeholder:h,hover:L,focus:v,valid:y,invalid:O,required:z,loading:E,disabled:ot,readonly:xt,..._t}=t;return pe(M,{..._t,size:e,rounded:o,fillMode:n,hover:L,focus:v,valid:y,invalid:O,required:z,loading:E,disabled:ot,readonly:xt,className:i(t.className,Ze),children:[u&&pe(Qe,{children:[D(Kt,{children:u}),r&&D(ne,{})]}),D(W,{placeholder:h,value:x,type:m}),p&&D(w,{valid:y,invalid:O,loading:E,disabled:ot}),D(B,{loading:E,disabled:ot}),l&&D(U,{loading:E,disabled:ot,readonly:xt,value:x}),d&&pe(Qe,{children:[r&&D(ne,{}),D(Pt,{children:d})]})]})};P.states=Ps;P.options=Gs;P.className=Ze;P.defaultOptions=Y;import{jsx as wr}from"react/jsx-runtime";import{Fragment as Dr,jsx as Fr}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",Bs={},V=t=>{let{title:e,subtitle:o,actionsStart:n,actionsEnd:r,filter:l,input:p,inputValue:u,inputPlaceholder:d,adaptive:m,children:x,...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}),!x&&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})]}),x&&$("div",{className:"k-actionsheet-title",children:x}),r&&$("div",{className:"k-actionsheet-actions",children:r})]}),(p||l)&&$("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?$(P,{value:u,placeholder:d,size:m?"large":"medium"}):$(K,{placeholder:"Filter",size:m?"large":"medium"})})]})};V.className=to;V.defaultOptions=Bs;import{jsx as de,jsxs as Vs}from"react/jsx-runtime";var ce="k-actionsheet-view",Fs=[],Ds={},$s={},at=t=>{let{adaptive:e,animated:o,children:n,header:r,footer:l,...p}=t,u=r?.type===V&&de(V,{adaptive:e,...r?.props}),d=l?.type===re&&de(re,{...l?.props});return Vs("div",{...p,className:i(t.className,ce,{[`${ce}-animated`]:o}),children:[u,de("div",{className:"k-actionsheet-content",children:n}),d]})};at.states=Fs;at.options=Ds;at.className=ce;at.defaultOptions=$s;import{jsx as Bt,jsxs as Js}from"react/jsx-runtime";var eo="k-actionsheet",Xs=[],_s={},kt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Q=t=>{let{side:e=kt.side,fullscreen:o=kt.fullscreen,adaptive:n=kt.adaptive,overlay:r=kt.overlay,template:l,children:p,header:u,footer:d,...m}=t;return Js("div",{className:"k-actionsheet-container",children:[r&&Bt("div",{className:"k-overlay"}),Bt(F,{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:Bt("div",{...m,className:i(t.className,eo,{[`k-actionsheet-${e}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:l||Bt(at,{header:u,footer:d,adaptive:n,...t,children:p})})})]})};Q.states=Xs;Q.options=_s;Q.className=eo;Q.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:l,selected:p,disabled:u,...d}=t;return ue("span",{...d,className:i(t.className,fe,g(fe,{hover:r,focus:l,selected:p,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 Fl}from"react/jsx-runtime";import{jsx as Ys}from"react/jsx-runtime";var Ws="k-no-data",At=t=>Ys("span",{className:i(Ws,t.className),children:t.children});import{jsx as rt,jsxs as so}from"react/jsx-runtime";var he="k-list",Qs=[],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:l,screenReaders:p,...u}=t,d,m,x,h,L=[];return n?n.map((v,y)=>{v.type===C?(v.props.root===!0?(d=v.props.label,v.props.children.map((O,z)=>{L.push(rt(N,{...O.props},`optChild-${z}-${new Date().getTime()}`))})):v.props.children.forEach((O,z)=>{let E="";z===0&&(E=v.props.label),L.push(rt(N,{className:z===0?"k-first":"",...O.props,groupLabel:E},`groupLabel-${z}-${new Date().getTime()}`))}),m=rt(C,{label:d,virtualization:o,children:L})):v.type===N&&(L.push(rt(N,{...v.props},`${v.type}-${y}`)),x=rt(lt,{virtualization:o,children:L}),p&&(h=so(At,{className:"k-sr-only",children:[L.length," items found."]})))}):h=rt(At,{children:"No data found."}),so("div",{...u,className:i(t.className,he,S(he,{size:e}),{"k-virtual-list":o}),children:[r,l,m,x,h]})};k.states=Qs;k.options=Zs;k.className=he;k.defaultOptions=io;import{jsx as Z,jsxs as ei}from"react/jsx-runtime";var Le="k-list",js=[],ti={size:[a.small,a.medium,a.large]},no={size:a.medium},j=t=>{let{size:e=no.size,virtualization:o,children:n,...r}=t,l,p,u,d=[];return n?n.map((m,x)=>{m.type===C?(m.props.root===!0?(l=m.props.label,m.props.children.map((h,L)=>{d.push(Z(N,{...h.props},`optChild-${L}-${new Date().getTime()}`))})):(d.push(Z(ao,{...m.props,children:m.props.label},`listChild-${x}`)),m.props.children.map((h,L)=>{d.push(Z(N,{...h.props},`fwOptChild-${L}-${new Date().getTime()}`))})),p=Z(C,{label:l,virtualization:o,children:d})):m.type===N&&(d.push(Z(N,{...m.props},`${m.type}-${x}`)),u=Z(lt,{virtualization:o,children:d}))}):u=Z(At,{children:"No data found."}),ei("div",{...r,className:i(t.className,Le,S(Le,{size:e}),{"k-virtual-list":o}),children:[p,u]})};j.states=js;j.options=ti;j.className=Le;j.defaultOptions=no;import{jsx as ro}from"react/jsx-runtime";var Ft="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:[f.small,f.medium,f.large,f.full]},be={size:a.medium,rounded:f.medium},X=t=>{let{id:e,checked:o,indeterminate:n,hover:r,focus:l,disabled:p,invalid:u,valid:d,required:m,size:x=be.size,rounded:h=be.rounded,...L}=t;return ro("span",{className:"k-checkbox-wrap",children:ro("input",{...L,id:e,type:"checkbox",defaultChecked:o,required:m,className:i(t.className,Ft,S(Ft,{size:x,rounded:h}),g(Ft,{hover:r,focus:l,disabled:p,invalid:u,valid:d,indeterminate:n,checked:o}))})})};X.states=oi;X.options=si;X.className=Ft;X.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 Gp,jsx as Pp,jsxs as Bp}from"react/jsx-runtime";import{Fragment as Xp,jsx as Vp,jsxs as _p}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 ve="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:l,showCheckbox:p,checked:u,hover:d,focus:m,selected:x,disabled:h,...L}=t,v=e||t.children;return fi("li",{...L,className:i(t.className,n?"k-list-group-item":ve,g(ve,{hover:d,focus:m,disabled:h,selected:x})),children:[p&&Dt(X,{checked:u}),r&&Dt(I,{icon:l}),Dt("span",{className:"k-list-item-text",children:v}),o&&o!==""&&Dt("div",{className:"k-list-item-group-label",children:o})]})};N.states=di;N.options=ci;N.className=ve;N.defaultOptions=ui;import{jsx as Se,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:[Se("ul",{className:i("k-list-ul"),children:t.children}),e&&Se("div",{className:"k-height-container",children:Se("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 C=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 vi="k-list-group-item",ao=t=>xo("li",{className:i(vi,t.className),children:xo("span",{className:"k-list-item-text",children:t.children})});import{jsx as ki}from"react/jsx-runtime";var ge="k-list-optionlabel",Si=[s.hover,s.focus,s.selected,s.disabled],gi={},Ii={},$t=t=>{let{text:e,hover:o,focus:n,selected:r,disabled:l,...p}=t;return ki("div",{...p,className:i(ge,g(ge,{hover:o,focus:n,selected:r,disabled:l})),children:e})};$t.states=Si;$t.options=gi;$t.className=ge;$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:l,...p}=t;return Ci("div",{...p,className:i(Ie,g(Ie,{hover:o,focus:n,selected:r,disabled:l})),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 Fm}from"react/jsx-runtime";import{jsx as Xm,jsxs as _m}from"react/jsx-runtime";import{jsx as Wm,jsxs as Ym}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 T,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:[f.small,f.medium,f.large,f.full],fillMode:[b.solid,b.flat,b.outline]},dt={showValue:!0,arrowIconName:"caret-alt-down",size:a.medium,rounded:f.medium,fillMode:b.solid},tt=t=>{let{size:e=dt.size,rounded:o=dt.rounded,fillMode:n=dt.fillMode,arrowIconName:r=dt.arrowIconName,showValue:l=dt.showValue,valueIconName:p,prefix:u,suffix:d,value:m,placeholder:x,hover:h,focus:L,valid:v,invalid:y,required:O,loading:z,disabled:E,readonly:ot,popup:xt,opened:_t,adaptive:go,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:L,valid:v,invalid:y,required:O,loading:z,disabled:E,readonly:ot,className:i(t.className,ho,{"k-icon-picker":!l&&p}),children:[T(Kt,{children:u}),T(gt,{placeholder:x,value:m,showValue:l,valueIconName:p}),T(w,{valid:v,invalid:y,loading:z,disabled:E}),T(B,{loading:z,disabled:E}),T(Pt,{children:d}),T(A,{className:"k-input-button",icon:r,rounded:null,size:t.size,fillMode:t.fillMode})]}),_t&&xt&&T(it,{className:"k-list-container k-dropdownlist-popup",children:xt}),go&&T(Q,{adaptive:!0,...Io,header:T(V,{actionsEnd:T(A,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ao,inputValue:m,inputPlaceholder:x,title:ko,subtitle:yo}),children:T("div",{className:"k-list-container",children:ke(k,{size:"large",children:[T(N,{text:"List item"}),T(N,{text:"List item"}),T(N,{text:"List item"})]})})})]})};tt.states=Ti;tt.options=Ri;tt.className=ho;tt.defaultOptions=dt;import{jsx as Fd}from"react/jsx-runtime";import{jsx as _d,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 gc,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 Xt="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},G=t=>{let{id:e,checked:o,hover:n,focus:r,disabled:l,invalid:p,valid:u,required:d,size:m=bo.size,...x}=t;return Lo("span",{className:"k-radio-wrap",children:Lo("input",{...x,id:e,type:"radio",checked:o,required:d,className:i(t.className,Xt,S(Xt,{size:m}),g(Xt,{hover:n,focus:r,disabled:l,invalid:p,valid:u,checked:o}))})})};G.states=Ei;G.options=Oi;G.className=Xt;G.defaultOptions=bo;import{jsx as Ki}from"react/jsx-runtime";var No="k-radio-list",Hi=[],wi={},vo={layout:"vertical"},ct=t=>{let{layout:e=vo.layout,...o}=t;return Ki("ul",{...o,className:i(t.className,No,{[`k-list-${e}`]:e}),children:t.children})};ct.states=Hi;ct.options=wi;ct.className=No;ct.defaultOptions=vo;import{jsx as Fi}from"react/jsx-runtime";var So="k-radio-list-item",Pi=[],Gi={},Bi={},ut=t=>{let{...e}=t;return Fi("li",{...e,className:i(t.className,So),children:t.children})};ut.states=Pi;ut.options=Gi;ut.className=So;ut.defaultOptions=Bi;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 Yu,jsx as Wu,jsxs as Qu}from"react/jsx-runtime";import{Fragment as $i,jsx as R,jsxs as ft}from"react/jsx-runtime";var df=({size:t,...e})=>R(J,{formButtons:ft($i,{children:[R(A,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),R(A,{className:"k-form-clear",size:t,children:"Clear"})]}),children:ft(_,{legend:"Form Legend",children:[R(H,{label:"Label",editor:R(P,{size:t})}),R(H,{label:"Label",hint:"Hint text",editor:R(tt,{value:"Dropdown List",size:t})}),R(H,{label:"City",editor:ft("ul",{className:"k-radio-list k-list-horizontal",children:[ft("li",{className:"k-radio-list-item",children:[R(G,{checked:!0,size:t}),R("label",{className:"k-radio-label",children:"Label"})]}),ft("li",{className:"k-radio-list-item",children:[R(G,{size:t}),R("label",{className:"k-radio-label",children:"Label"})]}),ft("li",{className:"k-radio-list-item",children:[R(G,{size:t}),R("label",{className:"k-radio-label",children:"Label"})]})]})})]}),size:t,...e});export{df as FormNormal};