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