@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 30.1 kB
JavaScript
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 xt,jsxs as Xt}from"react/jsx-runtime";var Jt="k-form-field",Mo=[s.disabled],R=t=>{let{label:e,orientation:o,optional:n,editor:r,hint:p,error:l,info:u,disabled:m,dir:c,colSpan:f}=t;return Xt("div",{className:i(Jt,t.className,S(Jt,{disabled:m}),{[`k-col-span-${f}`]:f}),dir:c,children:[e&&Xt("label",{className:i("k-label","k-form-label"),children:[e,n&&xt("span",{className:"k-label-optional",children:"(Optional)"}),u&&xt("span",{className:"k-field-info",children:"(field info)"})]}),o==="horizontal"&&!e&&xt("span",{className:"k-label k-form-label k-label-empty"}),Xt("div",{className:"k-form-field-wrap",children:[r,p&&xt("div",{className:"k-form-hint",children:p}),l&&xt("div",{className:"k-form-error",children:l})]})]})};R.states=Mo;R.className=Jt;import{Fragment as Co,jsx as qt,jsxs as To}from"react/jsx-runtime";var ye="k-form-fieldset",H=t=>{let{legend:e,layout:o,cols:n,gutters:r,colSpan:p}=t;return To("fieldset",{className:i(ye,{[`k-col-span-${p}`]:p}),children:[e&&qt("legend",{className:"k-form-legend",children:e}),o==="grid"?qt("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}):qt(Co,{children:t.children})]})};H.className=ye;import{Fragment as Eo,jsx as ht,jsxs as Oo}from"react/jsx-runtime";import{createElement as Ut}from"react";var At="k-form",Ro=[],zo={size:[a.small,a.medium,a.large]},Mt={size:a.medium,layout:"basic",tag:"form"},G=t=>{let{size:e=Mt.size,orientation:o,layout:n=Mt.layout,formButtons:r,cols:p,gutters:l,tag:u=Mt.tag,children:m}=t,c=({tag:h,className:b,children:g})=>h==="form"?ht("form",{className:b,children:g}):ht("div",{className:b,children:g}),f=[];return m&&(Array.isArray(m)?m.map((h,b)=>{h.type===R?f.push(Ut(R,{...h.props,orientation:o,key:b})):f.push(h)}):m.type===R?f.push(Ut(R,{...m.props,orientation:o,key:`${new Date().getTime()}`})):m.type===H&&f.push(Ut(H,{...m.props,key:`${new Date().getTime()}`}))),Oo(c,{tag:u,className:i(t.className,At,v(At,{size:e}),{[`${At}-${o}`]:o}),children:[n==="grid"?ht("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}):ht(Eo,{children:f}),r&&ht("div",{className:"k-form-buttons",children:r})]})};G.states=Ro;G.options=zo;G.className=At;G.defaultOptions=Mt;import{Fragment as Po,jsx as Ae}from"react/jsx-runtime";var Wt="k-icon k-font-icon",wo=[],Ho={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]},Ko={},Lt=t=>{let{size:e,themeColor:o,icon:n,rotate:r,flip:p,...l}=t;return n?Ae("span",{...l,className:i(t.className,Wt,v(Wt,{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"})}):Ae(Po,{})};Lt.states=wo;Lt.options=Ho;Lt.className=Wt;Lt.defaultOptions=Ko;var Me=Lt;import{Fragment as Bo,jsx as Ct}from"react/jsx-runtime";var Qt="k-icon k-svg-icon",Fo=[],Go={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]},Ce={viewBox:"0 0 24 24"},bt=t=>{let{size:e,themeColor:o,rotate:n,flip:r,viewBox:p=Ce.viewBox,icon:l,...u}=t;if(!l)return Ct(Bo,{});l==="none"&&{...u,className:i(t.className,Qt,"k-none")};let m=typeof l=="object"&&l.name&&l.name;return Ct("span",{...u,className:i(t.className,Qt,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:Ct("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})})};bt.states=Fo;bt.options=Go;bt.className=Qt;bt.defaultOptions=Ce;var Yt=bt;import*as Te from"@progress/kendo-svg-icons";import{Fragment as Re,jsx as Nt}from"react/jsx-runtime";var Do=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),$o=[],Vo={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]},Zt={viewBox:"0 0 24 24",type:"svg"},I=t=>{let{size:e,themeColor:o,icon:n,type:r=Zt.type,rotate:p,flip:l,viewBox:u=Zt.viewBox,...m}=t;if(!n)return Nt(Re,{});if(r==="svg"){if(n==="none")return Nt(Yt,{...m,icon:n,size:e});let c=Do(`${n}-icon`);return Te[c]?Nt(Yt,{...m,icon:Te[c],size:e,themeColor:o,rotate:p,flip:l,viewBox:u}):Nt(Re,{})}return Nt(Me,{...m,icon:n,size:e,themeColor:o,rotate:p,flip:l})};I.states=$o;I.options=Vo;I.defaultOptions=Zt;import{Fragment as Jo,jsx as gt,jsxs as ze}from"react/jsx-runtime";var Tt="k-button",_o=[s.hover,s.focus,s.active,s.selected,s.disabled],Xo={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]},q={size:a.medium,rounded:x.medium,fillMode:L.solid,themeColor:d.base,showArrow:!1,arrowIconName:"caret-alt-down"},E=t=>{let{size:e=q.size,rounded:o=q.rounded,fillMode:n=q.fillMode,themeColor:r=q.themeColor,showArrow:p=q.showArrow,arrowIconName:l=q.arrowIconName,hover:u,focus:m,active:c,selected:f,disabled:h,icon:b,text:g,iconClassName:O,...z}=t,C=b!==void 0,T=t.children!==void 0;return ze("button",{...z,className:i(t.className,Tt,v(Tt,{size:e,rounded:o,fillMode:n,themeColor:r}),S(Tt,{hover:u,focus:m,active:c,disabled:h,selected:f}),{"k-icon-button":!g&&!T&&C}),children:[b&>(I,{className:i(O,"k-button-icon"),icon:b}),g?ze(Jo,{children:[g&>("span",{className:"k-button-text",children:g}),t.children]}):t.children&>("span",{className:"k-button-text",children:t.children}),p&>("span",{className:"k-menu-button-arrow k-button-arrow",children:gt(I,{icon:l})})]})};E.states=_o;E.options=Xo;E.className=Tt;E.defaultOptions=q;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 Wo}from"react/jsx-runtime";var Rt="k-input",qo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Uo={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline]},zt={size:a.medium,rounded:a.medium,fillMode:L.solid},y=t=>{let{hover:e,focus:o,disabled:n,invalid:r,valid:p,loading:l,readonly:u,size:m=zt.size,rounded:c=zt.rounded,fillMode:f=zt.fillMode,...h}=t;return Wo("span",{...h,className:i(t.className,Rt,v(Rt,{size:m,rounded:c,fillMode:f}),S(Rt,{hover:e,focus:o,disabled:n,invalid:r,valid:p,loading:l,readonly:u}))})};y.states=qo;y.options=Uo;y.className=Rt;y.defaultOptions=zt;import{jsx as Zo}from"react/jsx-runtime";var Et="k-picker",Qo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Yo={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline]},Ot={size:a.medium,rounded:x.medium,fillMode:L.solid},ot=t=>{let{hover:e,focus:o,disabled:n,invalid:r,valid:p,loading:l,readonly:u,size:m=Ot.size,rounded:c=Ot.rounded,fillMode:f=Ot.fillMode,...h}=t;return Zo("span",{...h,className:i(t.className,Et,v(Et,{size:m,rounded:c,fillMode:f}),S(Et,{hover:e,focus:o,disabled:n,invalid:r,valid:p,loading:l,readonly:u})),children:t.children})};ot.states=Qo;ot.options=Yo;ot.className=Et;ot.defaultOptions=Ot;import{Fragment as es,jsx as jt}from"react/jsx-runtime";var Ee="k-clear-value",jo=[s.disabled,s.loading,s.readonly],ts={},U=t=>{let{disabled:e,loading:o,readonly:n,value:r}=t;return e||n||o||!r?jt(es,{}):jt("span",{className:i(t.className,Ee),children:jt(I,{icon:"x"})})};U.states=jo;U.options=ts;U.className=Ee;import{jsx as is}from"react/jsx-runtime";var te="k-input-inner",os=[],ss={},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,...p}=t;return is("input",{...p,type:o,className:i(t.className,te,v(te,t)),placeholder:n,autoComplete:r,defaultValue:e})};W.states=os;W.options=ss;W.className=te;import{jsx as Oe,jsxs as rs}from"react/jsx-runtime";var ee="k-input-inner",ns=[],as={},vt=t=>{let{value:e,placeholder:o,showValue:n,valueIcon:r,valueIconName:p,...l}=t;return rs("span",{...l,className:i(t.className,ee,v(ee,t)),children:[r,!r&&p&&Oe(I,{className:"k-input-value-icon",icon:p}),n&&!e&&o,n&&e&&Oe("span",{className:"k-input-value-text",children:e})]})};vt.states=ns;vt.options=as;vt.className=ee;import{jsx as ms}from"react/jsx-runtime";var oe="k-input-inner",ls=[],ps={},we={value:"",placeholder:""},se=t=>{let{value:e=we.value,placeholder:o=we.placeholder,rows:n,...r}=t;return ms("textarea",{...r,className:i(t.className,oe,v(oe,t)),placeholder:o,rows:n,defaultValue:e})};se.states=ls;se.options=ps;se.className=oe;import{Fragment as cs,jsx as He}from"react/jsx-runtime";var Ke="k-input-loading-icon",ds=[s.disabled,s.loading],B=t=>{let{disabled:e,loading:o}=t;return e||!o?He(cs,{}):He("span",{className:i(t.className,Ke,"k-icon k-i-loading")})};B.states=ds;B.className=Ke;import{Fragment as xs,jsx as Pe}from"react/jsx-runtime";var Fe="k-input-validation-icon",us=[s.valid,s.invalid,s.disabled,s.loading],fs={},P=t=>{let{valid:e,invalid:o,disabled:n,loading:r}=t,p=o?"warning-circle":"check-circle";return n||r||!!!(e||o)?Pe(xs,{}):Pe(I,{className:i(Fe),icon:p})};P.states=us;P.options=fs;P.className=Fe;import{Fragment as bs,jsx as Ge}from"react/jsx-runtime";var hs="k-input-prefix",Ls={direction:"horizontal"},Ht=t=>{let{direction:e=Ls.direction,...o}=t;return t.children?Ge("span",{...o,className:i(hs,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):Ge(bs,{})};import{Fragment as vs,jsx as Be}from"react/jsx-runtime";var Ns="k-input-suffix",gs={direction:"horizontal"},Kt=t=>{let{direction:e=gs.direction,...o}=t;return t.children?Be("span",{...o,className:i(Ns,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):Be(vs,{})};import{jsx as Ma}from"react/jsx-runtime";import{jsx as za}from"react/jsx-runtime";import{jsx as Is}from"react/jsx-runtime";var De="k-input-separator",Ss={direction:"vertical"},ie=t=>{let{direction:e=Ss.direction,...o}=t;return Is("span",{...o,className:i(De,t.className,{[`${De}-${e}`]:e})})};import{jsx as $e}from"react/jsx-runtime";var Ve="k-animation-container",ks=[],ys={},_e={positionMode:"absolute"},D=t=>{let{positionMode:e=_e.positionMode,animationStyle:o,offset:n,...r}=t;return $e("div",{...r,style:{...n,...t.style},className:i(t.className,Ve,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:$e("div",{className:"k-child-animation-container",style:o,children:t.children})})};D.states=ks;D.options=ys;D.className=Ve;D.defaultOptions=_e;import{jsx as Xe}from"react/jsx-runtime";var Je="k-popup",As=[],Ms={},qe={positionMode:"absolute"},st=t=>{let{offset:e,positionMode:o=qe.positionMode,animationStyle:n,...r}=t;return Xe(D,{positionMode:o,offset:e,animationStyle:n,children:Xe("div",{...r,className:i(t.className,Je),children:t.children})})};st.states=As;st.options=Ms;st.className=Je;st.defaultOptions=qe;import{jsx as Rs}from"react/jsx-runtime";var Pt="k-actions",Cs=[],Ts={},ne={alignment:"start",orientation:"horizontal"},it=t=>{let{alignment:e=ne.alignment,orientation:o=ne.orientation,...n}=t;return Rs("div",{...n,className:i(Pt,{[`${Pt}-${e}`]:e,[`${Pt}-${o}`]:o},t.className),children:t.children})};it.states=Cs;it.options=Ts;it.className=Pt;it.defaultOptions=ne;import{jsx as Es}from"react/jsx-runtime";var zs="k-actionsheet-footer",Ue={alignment:"stretched",orientation:"horizontal"},ae=t=>{let{alignment:e=Ue.alignment,orientation:o=Ue.orientation,template:n,as:r=n?"div":it,...p}=t;return Es(r,{...p,...!n&&{alignment:e,orientation:o},className:i(t.className,zs),children:t.children})};import{jsx as St,jsxs as Hs}from"react/jsx-runtime";var We="k-searchbox",Os=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],ws={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline]},re={showIcon:!0,icon:"search",size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode},F=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=re.showIcon,icon:O=re.icon,...z}=t;return Hs(y,{...z,size:n,rounded:r,fillMode:p,hover:l,focus:u,valid:m,invalid:c,required:f,loading:h,disabled:b,className:i(t.className,We),children:[g&&St(I,{className:"k-input-icon",icon:O}),St(W,{placeholder:o,value:e}),St(B,{...t}),St(P,{...t}),St(U,{...t})]})};F.states=Os;F.options=ws;F.className=We;F.defaultOptions=re;import{jsx as kr}from"react/jsx-runtime";import{Fragment as Qe,jsx as $,jsxs as le}from"react/jsx-runtime";var Ye="k-textbox",Ks=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ps={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline]},Q={showClearButton:!0,showValidationIcon:!0,size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode,separators:!0},w=t=>{let{size:e=Q.size,rounded:o=Q.rounded,fillMode:n=Q.fillMode,separators:r=Q.separators,showClearButton:p=Q.showClearButton,showValidationIcon:l=Q.showValidationIcon,prefix:u,suffix:m,type:c,value:f,placeholder:h,hover:b,focus:g,valid:O,invalid:z,required:C,loading:T,disabled:et,readonly:ft,..._t}=t;return le(y,{..._t,size:e,rounded:o,fillMode:n,hover:b,focus:g,valid:O,invalid:z,required:C,loading:T,disabled:et,readonly:ft,className:i(t.className,Ye),children:[u&&le(Qe,{children:[$(Ht,{children:u}),r&&$(ie,{})]}),$(W,{placeholder:h,value:f,type:c}),l&&$(P,{valid:O,invalid:z,loading:T,disabled:et}),$(B,{loading:T,disabled:et}),p&&$(U,{loading:T,disabled:et,readonly:ft,value:f}),m&&le(Qe,{children:[r&&$(ie,{}),$(Kt,{children:m})]})]})};w.states=Ks;w.options=Ps;w.className=Ye;w.defaultOptions=Q;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 V,jsxs as pe}from"react/jsx-runtime";var je="k-actionsheet-titlebar",Fs={},_=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 pe("div",{...h,className:i(t.className,je),children:[pe("div",{className:"k-actionsheet-titlebar-group",children:[n&&V("div",{className:"k-actionsheet-actions",children:n}),!f&&pe("div",{className:"k-actionsheet-title",children:[e&&V("div",{className:"k-text-center",children:e}),o&&V("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),f&&V("div",{className:"k-actionsheet-title",children:f}),r&&V("div",{className:"k-actionsheet-actions",children:r})]}),(l||p)&&V("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?V(w,{value:u,placeholder:m,size:c?"large":"medium"}):V(F,{placeholder:"Filter",size:c?"large":"medium"})})]})};_.className=je;_.defaultOptions=Fs;import{jsx as me,jsxs as $s}from"react/jsx-runtime";var de="k-actionsheet-view",Gs=[],Bs={},Ds={},nt=t=>{let{adaptive:e,animated:o,children:n,header:r,footer:p,...l}=t,u=r?.type===_&&me(_,{adaptive:e,...r?.props}),m=p?.type===ae&&me(ae,{...p?.props});return $s("div",{...l,className:i(t.className,de,{[`${de}-animated`]:o}),children:[u,me("div",{className:"k-actionsheet-content",children:n}),m]})};nt.states=Gs;nt.options=Bs;nt.className=de;nt.defaultOptions=Ds;import{jsx as Ft,jsxs as Xs}from"react/jsx-runtime";var to="k-actionsheet",Vs=[],_s={},It={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=t=>{let{side:e=It.side,fullscreen:o=It.fullscreen,adaptive:n=It.adaptive,overlay:r=It.overlay,template:p,children:l,header:u,footer:m,...c}=t;return Xs("div",{className:"k-actionsheet-container",children:[r&&Ft("div",{className:"k-overlay"}),Ft(D,{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:Ft("div",{...c,className:i(t.className,to,{[`k-actionsheet-${e}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:p||Ft(nt,{header:u,footer:m,adaptive:n,...t,children:l})})})]})};Y.states=Vs;Y.options=_s;Y.className=to;Y.defaultOptions=It;import{jsx as bl}from"react/jsx-runtime";import{Fragment as qs,jsx as kt,jsxs as ce}from"react/jsx-runtime";var ue="k-actionsheet-item",Js=[s.hover,s.focus,s.selected,s.disabled],fe=t=>{let{iconName:e,text:o,description:n,hover:r,focus:p,selected:l,disabled:u,...m}=t;return ce("span",{...m,className:i(t.className,ue,S(ue,{hover:r,focus:p,selected:l,disabled:u})),children:[!t.children&&kt(qs,{children:ce("span",{className:"k-actionsheet-action",children:[e&&kt("span",{className:"k-icon-wrap",children:kt(I,{className:"k-actionsheet-item-icon",icon:e})}),ce("span",{className:"k-actionsheet-item-text",children:[o&&kt("span",{className:"k-actionsheet-item-title",children:o}),n&&kt("span",{className:"k-actionsheet-item-description",children:n})]})]})}),t.children]})};fe.states=Js;fe.className=ue;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 Ws}from"react/jsx-runtime";var Us="k-no-data",yt=t=>Ws("span",{className:i(Us,t.className),children:t.children});import{jsx as at,jsxs as oo}from"react/jsx-runtime";var xe="k-list",Qs=[],Ys={size:[a.small,a.medium,a.large]},so={size:a.medium},k=t=>{let{size:e=so.size,virtualization:o,children:n,optionLabel:r,customValue:p,screenReaders:l,...u}=t,m,c,f,h,b=[];return n?n.map((g,O)=>{g.type===A?(g.props.root===!0?(m=g.props.label,g.props.children.map((z,C)=>{b.push(at(N,{...z.props},`optChild-${C}-${new Date().getTime()}`))})):g.props.children.forEach((z,C)=>{let T="";C===0&&(T=g.props.label),b.push(at(N,{className:C===0?"k-first":"",...z.props,groupLabel:T},`groupLabel-${C}-${new Date().getTime()}`))}),c=at(A,{label:m,virtualization:o,children:b})):g.type===N&&(b.push(at(N,{...g.props},`${g.type}-${O}`)),f=at(rt,{virtualization:o,children:b}),l&&(h=oo(yt,{className:"k-sr-only",children:[b.length," items found."]})))}):h=at(yt,{children:"No data found."}),oo("div",{...u,className:i(t.className,xe,v(xe,{size:e}),{"k-virtual-list":o}),children:[r,p,c,f,h]})};k.states=Qs;k.options=Ys;k.className=xe;k.defaultOptions=so;import{jsx as Z,jsxs as ti}from"react/jsx-runtime";var he="k-list",Zs=[],js={size:[a.small,a.medium,a.large]},io={size:a.medium},j=t=>{let{size:e=io.size,virtualization:o,children:n,...r}=t,p,l,u,m=[];return n?n.map((c,f)=>{c.type===A?(c.props.root===!0?(p=c.props.label,c.props.children.map((h,b)=>{m.push(Z(N,{...h.props},`optChild-${b}-${new Date().getTime()}`))})):(m.push(Z(no,{...c.props,children:c.props.label},`listChild-${f}`)),c.props.children.map((h,b)=>{m.push(Z(N,{...h.props},`fwOptChild-${b}-${new Date().getTime()}`))})),l=Z(A,{label:p,virtualization:o,children:m})):c.type===N&&(m.push(Z(N,{...c.props},`${c.type}-${f}`)),u=Z(rt,{virtualization:o,children:m}))}):u=Z(yt,{children:"No data found."}),ti("div",{...r,className:i(t.className,he,v(he,{size:e}),{"k-virtual-list":o}),children:[l,u]})};j.states=Zs;j.options=js;j.className=he;j.defaultOptions=io;import{jsx as ao}from"react/jsx-runtime";var Gt="k-checkbox",ei=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],oi={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full]},Le={size:a.medium,rounded:x.medium},X=t=>{let{id:e,checked:o,indeterminate:n,hover:r,focus:p,disabled:l,invalid:u,valid:m,required:c,size:f=Le.size,rounded:h=Le.rounded,...b}=t;return ao("span",{className:"k-checkbox-wrap",children:ao("input",{...b,id:e,type:"checkbox",defaultChecked:o,required:c,className:i(t.className,Gt,v(Gt,{size:f,rounded:h}),S(Gt,{hover:r,focus:p,disabled:l,invalid:u,valid:m,indeterminate:n,checked:o}))})})};X.states=ei;X.options=oi;X.className=Gt;X.defaultOptions=Le;import{jsx as ni}from"react/jsx-runtime";var ro="k-checkbox-list",si=[],ii={},lo={layout:"vertical"},lt=t=>{let{layout:e=lo.layout,...o}=t;return ni("ul",{...o,className:i(t.className,ro,{[`k-list-${e}`]:e}),children:t.children})};lt.states=si;lt.options=ii;lt.className=ro;lt.defaultOptions=lo;import{jsx as pi}from"react/jsx-runtime";var po="k-checkbox-list-item",ai=[],ri={},li={},pt=t=>{let{...e}=t;return pi("li",{...e,className:i(t.className,po),children:t.children})};pt.states=ai;pt.options=ri;pt.className=po;pt.defaultOptions=li;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 Bt,jsxs as ui}from"react/jsx-runtime";var Ne="k-list-item",mi=[s.hover,s.focus,s.selected,s.disabled],di={},ci={},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 ui("li",{...b,className:i(t.className,n?"k-list-group-item":Ne,S(Ne,{hover:m,focus:c,disabled:h,selected:f})),children:[l&&Bt(X,{checked:u}),r&&Bt(I,{icon:p}),Bt("span",{className:"k-list-item-text",children:g}),o&&o!==""&&Bt("div",{className:"k-list-item-group-label",children:o})]})};N.states=mi;N.options=di;N.className=Ne;N.defaultOptions=ci;import{jsx as ge,jsxs as xi}from"react/jsx-runtime";var fi="k-list-content",rt=t=>{let{virtualization:e,...o}=t;return xi("div",{...o,className:i(fi,t.className),children:[ge("ul",{className:i("k-list-ul"),children:t.children}),e&&ge("div",{className:"k-height-container",children:ge("div",{})})]})};import{jsx as mo}from"react/jsx-runtime";var hi="k-list-group-sticky-header",co=t=>mo("div",{className:i(hi,t.className),children:mo("div",{className:"k-list-header-text",children:t.children})});import{Fragment as Li,jsx as uo,jsxs as bi}from"react/jsx-runtime";var A=t=>{let{virtualization:e,label:o}=t;return bi(Li,{children:[o&&uo(co,{children:o}),t.children&&uo(rt,{virtualization:e,children:t.children})]})};import{jsx as fo}from"react/jsx-runtime";var Ni="k-list-group-item",no=t=>fo("li",{className:i(Ni,t.className),children:fo("span",{className:"k-list-item-text",children:t.children})});import{jsx as Ii}from"react/jsx-runtime";var ve="k-list-optionlabel",gi=[s.hover,s.focus,s.selected,s.disabled],vi={},Si={},Dt=t=>{let{text:e,hover:o,focus:n,selected:r,disabled:p,...l}=t;return Ii("div",{...l,className:i(ve,S(ve,{hover:o,focus:n,selected:r,disabled:p})),children:e})};Dt.states=gi;Dt.options=vi;Dt.className=ve;Dt.defaultOptions=Si;import{jsx as Mi}from"react/jsx-runtime";var Se="k-list-custom-value",ki=[s.hover,s.focus,s.selected,s.disabled],yi={},Ai={},$t=t=>{let{text:e,hover:o,focus:n,selected:r,disabled:p,...l}=t;return Mi("div",{...l,className:i(Se,S(Se,{hover:o,focus:n,selected:r,disabled:p})),children:e})};$t.states=ki;$t.options=yi;$t.className=Se;$t.defaultOptions=Ai;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 Ri,jsx as M,jsxs as Ie}from"react/jsx-runtime";var xo="k-dropdownlist",Ci=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ti={size:[a.small,a.medium,a.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[L.solid,L.flat,L.outline]},mt={showValue:!0,arrowIconName:"caret-alt-down",size:a.medium,rounded:x.medium,fillMode:L.solid},J=t=>{let{size:e=mt.size,rounded:o=mt.rounded,fillMode:n=mt.fillMode,arrowIconName:r=mt.arrowIconName,showValue:p=mt.showValue,valueIconName:l,prefix:u,suffix:m,value:c,placeholder:f,hover:h,focus:b,valid:g,invalid:O,required:z,loading:C,disabled:T,readonly:et,popup:ft,opened:_t,adaptive:vo,adaptiveSettings:So,adaptiveTitle:Io,adaptiveSubtitle:ko,adaptiveFilter:yo,...Ao}=t;return Ie(Ri,{children:[Ie(ot,{...Ao,size:e,rounded:o,fillMode:n,hover:h,focus:b,valid:g,invalid:O,required:z,loading:C,disabled:T,readonly:et,className:i(t.className,xo,{"k-icon-picker":!p&&l}),children:[M(Ht,{children:u}),M(vt,{placeholder:f,value:c,showValue:p,valueIconName:l}),M(P,{valid:g,invalid:O,loading:C,disabled:T}),M(B,{loading:C,disabled:T}),M(Kt,{children:m}),M(E,{className:"k-input-button",icon:r,rounded:null,size:t.size,fillMode:t.fillMode})]}),_t&&ft&&M(st,{className:"k-list-container k-dropdownlist-popup",children:ft}),vo&&M(Y,{adaptive:!0,...So,header:M(_,{actionsEnd:M(E,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:yo,inputValue:c,inputPlaceholder:f,title:Io,subtitle:ko}),children:M("div",{className:"k-list-container",children:Ie(k,{size:"large",children:[M(N,{text:"List item"}),M(N,{text:"List item"}),M(N,{text:"List item"})]})})})]})};J.states=Ci;J.options=Ti;J.className=xo;J.defaultOptions=mt;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 ho}from"react/jsx-runtime";var Vt="k-radio",zi=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked],Ei={size:[a.small,a.medium,a.large]},Lo={size:a.medium},dt=t=>{let{id:e,checked:o,hover:n,focus:r,disabled:p,invalid:l,valid:u,required:m,size:c=Lo.size,...f}=t;return ho("span",{className:"k-radio-wrap",children:ho("input",{...f,id:e,type:"radio",checked:o,required:m,className:i(t.className,Vt,v(Vt,{size:c}),S(Vt,{hover:n,focus:r,disabled:p,invalid:l,valid:u,checked:o}))})})};dt.states=zi;dt.options=Ei;dt.className=Vt;dt.defaultOptions=Lo;import{jsx as Hi}from"react/jsx-runtime";var bo="k-radio-list",Oi=[],wi={},No={layout:"vertical"},ct=t=>{let{layout:e=No.layout,...o}=t;return Hi("ul",{...o,className:i(t.className,bo,{[`k-list-${e}`]:e}),children:t.children})};ct.states=Oi;ct.options=wi;ct.className=bo;ct.defaultOptions=No;import{jsx as Gi}from"react/jsx-runtime";var go="k-radio-list-item",Ki=[],Pi={},Fi={},ut=t=>{let{...e}=t;return Gi("li",{...e,className:i(t.className,go),children:t.children})};ut.states=Ki;ut.options=Pi;ut.className=go;ut.defaultOptions=Fi;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 rf,jsx as af,jsxs as lf}from"react/jsx-runtime";import{Fragment as Di,jsx as K,jsxs as $i}from"react/jsx-runtime";var gf=({cols:t=2,gutters:e,...o})=>K(G,{layout:"grid",cols:t,gutters:e,children:[$i(Di,{children:[K(H,{legend:"Form Legend",layout:"grid",cols:1,gutters:{rows:"12px"},children:K(R,{label:"Label",editor:K(w,{})})}),K(H,{legend:"Form Legend",layout:"grid",cols:1,gutters:{cols:"16px",rows:"12px"},children:K(R,{label:"Label",editor:K(w,{})})}),K(H,{legend:"Form Legend",layout:"grid",cols:2,gutters:{cols:"16px",rows:"12px"},colSpan:2,children:K(R,{label:"Label",colSpan:2,editor:K(J,{})})})]})],...o});export{gf as FormGridLayout};