@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 30.8 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,{FormGridLayout:()=>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"}),I=(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 B=require("react/jsx-runtime"),ie="k-form-field",cs=[s.disabled],E=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,B.jsxs)("div",{className:i(ie,t.className,I(ie,{disabled:m}),{[`k-col-span-${f}`]:f}),dir:c,children:[e&&(0,B.jsxs)("label",{className:i("k-label","k-form-label"),children:[e,a&&(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:[n,l&&(0,B.jsx)("div",{className:"k-form-hint",children:l}),p&&(0,B.jsx)("div",{className:"k-form-error",children:p})]})]})};E.states=cs;E.className=ie;var U=require("react/jsx-runtime"),We="k-form-fieldset",D=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})]})};D.className=We;var $=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"},W=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,$.jsx)("form",{className:b,children:g}):(0,$.jsx)("div",{className:b,children:g}),f=[];return m&&(Array.isArray(m)?m.map((h,b)=>{h.type===E?f.push((0,Vt.createElement)(E,{...h.props,orientation:o,key:b})):f.push(h)}):m.type===E?f.push((0,Vt.createElement)(E,{...m.props,orientation:o,key:`${new Date().getTime()}`})):m.type===D&&f.push((0,Vt.createElement)(D,{...m.props,key:`${new Date().getTime()}`}))),(0,$.jsxs)(c,{tag:u,className:i(t.className,Dt,v(Dt,{size:e}),{[`${Dt}-${o}`]:o}),children:[a==="grid"?(0,$.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,$.jsx)($.Fragment,{children:f}),n&&(0,$.jsx)("div",{className:"k-form-buttons",children:n})]})};W.states=us;W.options=fs;W.className=Dt;W.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 ot=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,ot.jsx)(ot.Fragment,{});p==="none"&&{...u,className:i(t.className,ae,"k-none")};let m=typeof p=="object"&&p.name&&p.name;return(0,ot.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,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=bs;zt.options=Ns;zt.className=ae;zt.defaultOptions=Ye;var re=zt;var Ze=ms(require("@progress/kendo-svg-icons")),X=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"},k=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,X.jsx)(X.Fragment,{});if(n==="svg"){if(a==="none")return(0,X.jsx)(re,{...m,icon:a,size:e});let c=gs(`${a}-icon`);return Ze[c]?(0,X.jsx)(re,{...m,icon:Ze[c],size:e,themeColor:o,rotate:l,flip:p,viewBox:u}):(0,X.jsx)(X.Fragment,{})}return(0,X.jsx)(Qe,{...m,icon:a,size:e,themeColor:o,rotate:l,flip:p})};k.states=vs;k.options=Ss;k.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]},st={size:r.medium,rounded:x.medium,fillMode:L.solid,themeColor:d.base,showArrow:!1,arrowIconName:"caret-alt-down"},H=t=>{let{size:e=st.size,rounded:o=st.rounded,fillMode:a=st.fillMode,themeColor:n=st.themeColor,showArrow:l=st.showArrow,arrowIconName:p=st.arrowIconName,hover:u,focus:m,active:c,selected:f,disabled:h,icon:b,text:g,iconClassName:P,...w}=t,R=b!==void 0,z=t.children!==void 0;return(0,F.jsxs)("button",{...w,className:i(t.className,_t,v(_t,{size:e,rounded:o,fillMode:a,themeColor:n}),I(_t,{hover:u,focus:m,active:c,disabled:h,selected:f}),{"k-icon-button":!g&&!z&&R}),children:[b&&(0,F.jsx)(k,{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)(k,{icon:p})})]})};H.states=Is;H.options=ks;H.className=_t;H.defaultOptions=st;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},C=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}),I(Xt,{hover:e,focus:o,disabled:a,invalid:n,valid:l,loading:p,readonly:u}))})};C.states=Cs;C.options=Ts;C.className=Xt;C.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},ft=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}),I(qt,{hover:e,focus:o,disabled:a,invalid:n,valid:l,loading:p,readonly:u})),children:t.children})};ft.states=Rs;ft.options=zs;ft.className=qt;ft.defaultOptions=Ut;var xt=require("react/jsx-runtime"),eo="k-clear-value",Es=[s.disabled,s.loading,s.readonly],Os={},it=t=>{let{disabled:e,loading:o,readonly:a,value:n}=t;return e||a||o||!n?(0,xt.jsx)(xt.Fragment,{}):(0,xt.jsx)("span",{className:i(t.className,eo),children:(0,xt.jsx)(k,{icon:"x"})})};it.states=Es;it.options=Os;it.className=eo;var oo=require("react/jsx-runtime"),pe="k-input-inner",ws=[],Hs={},Wt={type:"text",autocomplete:"off",value:"",placeholder:""},nt=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})};nt.states=ws;nt.options=Hs;nt.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)(k,{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],Q=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")})};Q.states=Bs;Q.className=no;var Ht=require("react/jsx-runtime"),ao="k-input-validation-icon",Ds=[s.valid,s.invalid,s.disabled,s.loading],$s={},J=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)(k,{className:i(ao),icon:l})};J.states=Ds;J.options=$s;J.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"},Y=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})})};Y.states=Qs;Y.options=Ys;Y.className=po;Y.defaultOptions=mo;var xe=require("react/jsx-runtime"),co="k-popup",Zs=[],js={},uo={positionMode:"absolute"},ht=t=>{let{offset:e,positionMode:o=uo.positionMode,animationStyle:a,...n}=t;return(0,xe.jsx)(Y,{positionMode:o,offset:e,animationStyle:a,children:(0,xe.jsx)("div",{...n,className:i(t.className,co),children:t.children})})};ht.states=Zs;ht.options=js;ht.className=co;ht.defaultOptions=uo;var fo=require("react/jsx-runtime"),Zt="k-actions",ti=[],ei={},he={alignment:"start",orientation:"horizontal"},Lt=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})};Lt.states=ti;Lt.options=ei;Lt.className=Zt;Lt.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":Lt,...l}=t;return(0,ho.jsx)(n,{...l,...!a&&{alignment:e,orientation:o},className:i(t.className,oi),children:t.children})};var Z=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:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode},q=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,...w}=t;return(0,Z.jsxs)(C,{...w,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,Z.jsx)(k,{className:"k-input-icon",icon:P}),(0,Z.jsx)(nt,{placeholder:o,value:e}),(0,Z.jsx)(Q,{...t}),(0,Z.jsx)(J,{...t}),(0,Z.jsx)(it,{...t})]})};q.states=si;q.options=ii;q.className=Lo;q.defaultOptions=be;var ni=require("react/jsx-runtime");var y=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]},at={showClearButton:!0,showValidationIcon:!0,size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode,separators:!0},G=t=>{let{size:e=at.size,rounded:o=at.rounded,fillMode:a=at.fillMode,separators:n=at.separators,showClearButton:l=at.showClearButton,showValidationIcon:p=at.showValidationIcon,prefix:u,suffix:m,type:c,value:f,placeholder:h,hover:b,focus:g,valid:P,invalid:w,required:R,loading:z,disabled:ut,readonly:Ct,...se}=t;return(0,y.jsxs)(C,{...se,size:e,rounded:o,fillMode:a,hover:b,focus:g,valid:P,invalid:w,required:R,loading:z,disabled:ut,readonly:Ct,className:i(t.className,bo),children:[u&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(Qt,{children:u}),n&&(0,y.jsx)(ue,{})]}),(0,y.jsx)(nt,{placeholder:h,value:f,type:c}),p&&(0,y.jsx)(J,{valid:P,invalid:w,loading:z,disabled:ut}),(0,y.jsx)(Q,{loading:z,disabled:ut}),l&&(0,y.jsx)(it,{loading:z,disabled:ut,readonly:Ct,value:f}),m&&(0,y.jsxs)(y.Fragment,{children:[n&&(0,y.jsx)(ue,{}),(0,y.jsx)(Yt,{children:m})]})]})};G.states=ai;G.options=ri;G.className=bo;G.defaultOptions=at;var li=require("react/jsx-runtime");var go=require("react/jsx-runtime");var vo=require("react/jsx-runtime");var O=require("react/jsx-runtime"),So="k-actionsheet-titlebar",pi={},j=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,O.jsxs)("div",{...h,className:i(t.className,So),children:[(0,O.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,O.jsx)("div",{className:"k-actionsheet-actions",children:a}),!f&&(0,O.jsxs)("div",{className:"k-actionsheet-title",children:[e&&(0,O.jsx)("div",{className:"k-text-center",children:e}),o&&(0,O.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),f&&(0,O.jsx)("div",{className:"k-actionsheet-title",children:f}),n&&(0,O.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(p||l)&&(0,O.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,O.jsx)(G,{value:u,placeholder:m,size:c?"large":"medium"}):(0,O.jsx)(q,{placeholder:"Filter",size:c?"large":"medium"})})]})};j.className=So;j.defaultOptions=pi;var bt=require("react/jsx-runtime"),Ne="k-actionsheet-view",mi=[],di={},ci={},Nt=t=>{let{adaptive:e,animated:o,children:a,header:n,footer:l,...p}=t,u=(n==null?void 0:n.type)===j&&(0,bt.jsx)(j,{adaptive:e,...n==null?void 0:n.props}),m=(l==null?void 0:l.type)===Le&&(0,bt.jsx)(Le,{...l==null?void 0:l.props});return(0,bt.jsxs)("div",{...p,className:i(t.className,Ne,{[`${Ne}-animated`]:o}),children:[u,(0,bt.jsx)("div",{className:"k-actionsheet-content",children:a}),m]})};Nt.states=mi;Nt.options=di;Nt.className=Ne;Nt.defaultOptions=ci;var rt=require("react/jsx-runtime"),Io="k-actionsheet",ui=[],fi={},Ft={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},lt=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,rt.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(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",{...c,className:i(t.className,Io,{[`k-actionsheet-${e}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l||(0,rt.jsx)(Nt,{header:u,footer:m,adaptive:a,...t,children:p})})})]})};lt.states=ui;lt.options=fi;lt.className=Io;lt.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,I(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)(k,{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 V=require("react/jsx-runtime"),Se="k-list",vi=[],Si={size:[r.small,r.medium,r.large]},Mo={size:r.medium},A=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===T?(g.props.root===!0?(m=g.props.label,g.props.children.map((w,R)=>{b.push((0,V.jsx)(N,{...w.props},`optChild-${R}-${new Date().getTime()}`))})):g.props.children.forEach((w,R)=>{let z="";R===0&&(z=g.props.label),b.push((0,V.jsx)(N,{className:R===0?"k-first":"",...w.props,groupLabel:z},`groupLabel-${R}-${new Date().getTime()}`))}),c=(0,V.jsx)(T,{label:m,virtualization:o,children:b})):g.type===N&&(b.push((0,V.jsx)(N,{...g.props},`${g.type}-${P}`)),f=(0,V.jsx)(gt,{virtualization:o,children:b}),p&&(h=(0,V.jsxs)(Gt,{className:"k-sr-only",children:[b.length," items found."]})))}):h=(0,V.jsx)(Gt,{children:"No data found."}),(0,V.jsxs)("div",{...u,className:i(t.className,Se,v(Se,{size:e}),{"k-virtual-list":o}),children:[n,l,c,f,h]})};A.states=vi;A.options=Si;A.className=Se;A.defaultOptions=Mo;var _=require("react/jsx-runtime"),Ie="k-list",Ii=[],ki={size:[r.small,r.medium,r.large]},Co={size:r.medium},pt=t=>{let{size:e=Co.size,virtualization:o,children:a,...n}=t,l,p,u,m=[];return a?a.map((c,f)=>{c.type===T?(c.props.root===!0?(l=c.props.label,c.props.children.map((h,b)=>{m.push((0,_.jsx)(N,{...h.props},`optChild-${b}-${new Date().getTime()}`))})):(m.push((0,_.jsx)(To,{...c.props,children:c.props.label},`listChild-${f}`)),c.props.children.map((h,b)=>{m.push((0,_.jsx)(N,{...h.props},`fwOptChild-${b}-${new Date().getTime()}`))})),p=(0,_.jsx)(T,{label:l,virtualization:o,children:m})):c.type===N&&(m.push((0,_.jsx)(N,{...c.props},`${c.type}-${f}`)),u=(0,_.jsx)(gt,{virtualization:o,children:m}))}):u=(0,_.jsx)(Gt,{children:"No data found."}),(0,_.jsxs)("div",{...n,className:i(t.className,Ie,v(Ie,{size:e}),{"k-virtual-list":o}),children:[p,u]})};pt.states=Ii;pt.options=ki;pt.className=Ie;pt.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},tt=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}),I(jt,{hover:n,focus:l,disabled:p,invalid:u,valid:m,indeterminate:a,checked:o}))})})};tt.states=yi;tt.options=Ai;tt.className=jt;tt.defaultOptions=ke;var Eo=require("react/jsx-runtime"),Ro="k-checkbox-list",Mi=[],Ci={},zo={layout:"vertical"},vt=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})};vt.states=Mi;vt.options=Ci;vt.className=Ro;vt.defaultOptions=zo;var wo=require("react/jsx-runtime"),Oo="k-checkbox-list-item",Ti=[],Ri={},zi={},St=t=>{let{...e}=t;return(0,wo.jsx)("li",{...e,className:i(t.className,Oo),children:t.children})};St.states=Ti;St.options=Ri;St.className=Oo;St.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 mt=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,mt.jsxs)("li",{...b,className:i(t.className,a?"k-list-group-item":ze,I(ze,{hover:m,focus:c,disabled:h,selected:f})),children:[p&&(0,mt.jsx)(tt,{checked:u}),n&&(0,mt.jsx)(k,{icon:l}),(0,mt.jsx)("span",{className:"k-list-item-text",children:g}),o&&o!==""&&(0,mt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};N.states=wi;N.options=Hi;N.className=ze;N.defaultOptions=Ki;var It=require("react/jsx-runtime"),Pi="k-list-content",gt=t=>{let{virtualization:e,...o}=t;return(0,It.jsxs)("div",{...o,className:i(Pi,t.className),children:[(0,It.jsx)("ul",{className:i("k-list-ul"),children:t.children}),e&&(0,It.jsx)("div",{className:"k-height-container",children:(0,It.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 dt=require("react/jsx-runtime"),T=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)(gt,{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,I(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,I(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 S=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]},kt={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:x.medium,fillMode:L.solid},et=t=>{let{size:e=kt.size,rounded:o=kt.rounded,fillMode:a=kt.fillMode,arrowIconName:n=kt.arrowIconName,showValue:l=kt.showValue,valueIconName:p,prefix:u,suffix:m,value:c,placeholder:f,hover:h,focus:b,valid:g,invalid:P,required:w,loading:R,disabled:z,readonly:ut,popup:Ct,opened:se,adaptive:Zo,adaptiveSettings:jo,adaptiveTitle:ts,adaptiveSubtitle:es,adaptiveFilter:os,...ss}=t;return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(ft,{...ss,size:e,rounded:o,fillMode:a,hover:h,focus:b,valid:g,invalid:P,required:w,loading:R,disabled:z,readonly:ut,className:i(t.className,$o,{"k-icon-picker":!l&&p}),children:[(0,S.jsx)(Qt,{children:u}),(0,S.jsx)(Ot,{placeholder:f,value:c,showValue:l,valueIconName:p}),(0,S.jsx)(J,{valid:g,invalid:P,loading:R,disabled:z}),(0,S.jsx)(Q,{loading:R,disabled:z}),(0,S.jsx)(Yt,{children:m}),(0,S.jsx)(H,{className:"k-input-button",icon:n,rounded:null,size:t.size,fillMode:t.fillMode})]}),se&&Ct&&(0,S.jsx)(ht,{className:"k-list-container k-dropdownlist-popup",children:Ct}),Zo&&(0,S.jsx)(lt,{adaptive:!0,...jo,header:(0,S.jsx)(j,{actionsEnd:(0,S.jsx)(H,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:os,inputValue:c,inputPlaceholder:f,title:ts,subtitle:es}),children:(0,S.jsx)("div",{className:"k-list-container",children:(0,S.jsxs)(A,{size:"large",children:[(0,S.jsx)(N,{text:"List item"}),(0,S.jsx)(N,{text:"List item"}),(0,S.jsx)(N,{text:"List item"})]})})})]})};et.states=Wi;et.options=Qi;et.className=$o;et.defaultOptions=kt;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},yt=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}),I(oe,{hover:a,focus:n,disabled:l,invalid:p,valid:u,checked:o}))})})};yt.states=ji;yt.options=tn;yt.className=oe;yt.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 M=require("react/jsx-runtime"),pn=({cols:t=2,gutters:e,...o})=>(0,M.jsx)(W,{layout:"grid",cols:t,gutters:e,children:[(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(D,{legend:"Form Legend",layout:"grid",cols:1,gutters:{rows:"12px"},children:(0,M.jsx)(E,{label:"Label",editor:(0,M.jsx)(G,{})})}),(0,M.jsx)(D,{legend:"Form Legend",layout:"grid",cols:1,gutters:{cols:"16px",rows:"12px"},children:(0,M.jsx)(E,{label:"Label",editor:(0,M.jsx)(G,{})})}),(0,M.jsx)(D,{legend:"Form Legend",layout:"grid",cols:2,gutters:{cols:"16px",rows:"12px"},colSpan:2,children:(0,M.jsx)(E,{label:"Label",colSpan:2,editor:(0,M.jsx)(et,{})})})]})],...o});