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