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