@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 27.4 kB
JavaScript
var Jo=Object.create;var Ce=Object.defineProperty;var Wo=Object.getOwnPropertyDescriptor;var qo=Object.getOwnPropertyNames;var Qo=Object.getPrototypeOf,Yo=Object.prototype.hasOwnProperty;var Zo=(e,t)=>{for(var o in t)Ce(e,o,{get:t[o],enumerable:!0})},gt=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of qo(t))!Yo.call(e,l)&&l!==o&&Ce(e,l,{get:()=>t[l],enumerable:!(n=Wo(t,l))||n.enumerable});return e};var jo=(e,t,o)=>(o=e!=null?Jo(Qo(e)):{},gt(t||!e||!e.__esModule?Ce(o,"default",{value:e,enumerable:!0}):o,e)),ea=e=>gt(Ce({},"__esModule",{value:!0}),e);var qs={};Zo(qs,{DROPDOWNGRID_CLASSNAME:()=>It,DropdownGrid:()=>le,default:()=>Ws});module.exports=ea(qs);var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>a({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),M=(e,t)=>{let{valid:o,invalid:n,hover:l,focus:d,checked:p,active:m,selected:T,disabled:h,indeterminate:A,loading:E,empty:z,readonly:H,highlighted:y,...O}=t;return a({"k-valid":o,"k-invalid":n,"k-hover":l,"k-focus":d,"k-checked":p,"k-active":m,"k-selected":T,"k-disabled":h,"k-indeterminate":A&&!p,"k-loading":E,"k-empty":z,"k-readonly":H,"k-highlighted":y},Object.keys(O).reduce((B,w)=>(w.startsWith("k-")?B[w]=O[w]:B[`k-${w}`]=O[w],B),{}))};function Dt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={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",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ne="input",_e=Ne;var Ht=require("react/jsx-runtime"),Ke="k-input",ta=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],oa={size:[r.small,r.medium,r.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},ke={size:r.medium,rounded:r.medium,fillMode:b.solid},N=e=>{let{hover:t,focus:o,disabled:n,invalid:l,valid:d,loading:p,readonly:m,size:T=ke.size,rounded:h=ke.rounded,fillMode:A=ke.fillMode,...E}=e;return(0,Ht.jsx)("span",{...E,className:a(e.className,Ke,f(Ke,{size:T,rounded:h,fillMode:A}),M(Ke,{hover:t,focus:o,disabled:n,invalid:l,valid:d,loading:p,readonly:m}))})};N.states=ta;N.options=oa;N.className=Ke;N.defaultOptions=ke;N.moduleName=Ne;N.folderName=_e;var Ct=require("react/jsx-runtime"),Pe="k-picker",aa=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],sa={size:[r.small,r.medium,r.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},ze={size:r.medium,rounded:u.medium,fillMode:b.solid},ce=e=>{let{hover:t,focus:o,disabled:n,invalid:l,valid:d,loading:p,readonly:m,size:T=ze.size,rounded:h=ze.rounded,fillMode:A=ze.fillMode,...E}=e;return(0,Ct.jsx)("span",{...E,className:a(e.className,Pe,f(Pe,{size:T,rounded:h,fillMode:A}),M(Pe,{hover:t,focus:o,disabled:n,invalid:l,valid:d,loading:p,readonly:m})),children:e.children})};ce.states=aa;ce.options=sa;ce.className=Pe;ce.defaultOptions=ze;ce.moduleName=Ne;ce.folderName=_e;var Le=require("react/jsx-runtime"),Qe="k-font-icon",na=[],la={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]},ia={},Ae=e=>{let{size:t,themeColor:o,icon:n,rotate:l,flip:d,...p}=e;return n?(0,Le.jsx)("span",{...p,className:a(e.className,Qe,f(Qe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"})}):(0,Le.jsx)(Le.Fragment,{})};Ae.states=na;Ae.options=la;Ae.className=Qe;Ae.defaultOptions=ia;var _t=Ae;var ie=require("react/jsx-runtime"),Ye="k-svg-icon",ra=[],da={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]},Kt={viewBox:"0 0 24 24"},Me=e=>{let{size:t,themeColor:o,rotate:n,flip:l,viewBox:d=Kt.viewBox,icon:p,...m}=e;if(!p)return(0,ie.jsx)(ie.Fragment,{});p==="none"&&{...m,className:a(e.className,Ye,"k-none")};let T=typeof p=="object"&&p.name&&p.name;return(0,ie.jsx)("span",{...m,className:a(e.className,Ye,f("k-icon",{size:t}),{[`k-svg-i-${T}`]:T,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:(0,ie.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:d,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};Me.states=ra;Me.options=da;Me.className=Ye;Me.defaultOptions=Kt;var Ze=Me;var je=jo(require("@progress/kendo-svg-icons"));var kt="icon",Pt="icons";var X=require("react/jsx-runtime"),Be="k-icon",pa=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ca=[],ma={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]},et={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{size:t,themeColor:o,icon:n,type:l=et.type,rotate:d,flip:p,viewBox:m=et.viewBox,...T}=e;if(!n)return(0,X.jsx)(X.Fragment,{});if(l==="svg"){if(n==="none")return(0,X.jsx)(Ze,{...T,className:a(e.className,Be),icon:n,size:t});let h=je[n]?n:pa(`${n}-icon`);return je[h]?(0,X.jsx)(Ze,{...T,className:a(e.className,Be),icon:je[h],size:t,themeColor:o,rotate:d,flip:p,viewBox:m}):(0,X.jsx)(X.Fragment,{})}return(0,X.jsx)(_t,{...T,className:a(e.className,Be),icon:n,size:t,themeColor:o,rotate:d,flip:p})};L.states=ca;L.options=ma;L.defaultOptions=et;L.className=Be;L.moduleName=kt;L.folderName=Pt;var me=require("react/jsx-runtime"),zt="k-clear-value",Ta=[s.disabled,s.loading,s.readonly],ua={},J=e=>{let{disabled:t,loading:o,readonly:n,value:l}=e;return t||n||o||!l?(0,me.jsx)(me.Fragment,{}):(0,me.jsx)("span",{className:a(e.className,zt),children:(0,me.jsx)(L,{icon:"x"})})};J.states=Ta;J.options=ua;J.className=zt;var Bt=require("react/jsx-runtime"),tt="k-input-inner",ba=[],fa={},Fe={type:"text",autocomplete:"off",value:"",placeholder:""},W=e=>{let{value:t=Fe.value,type:o=Fe.type,placeholder:n=Fe.placeholder,autocomplete:l=Fe.autocomplete,...d}=e;return(0,Bt.jsx)("input",{...d,type:o,className:a(e.className,tt,f(tt,e)),placeholder:n,autoComplete:l,defaultValue:t})};W.states=ba;W.options=fa;W.className=tt;var Se=require("react/jsx-runtime"),ot="k-input-inner",xa=[],ha={},at=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:l,valueIconName:d,...p}=e;return(0,Se.jsxs)("span",{...p,className:a(e.className,ot,f(ot,e)),children:[l,!l&&d&&(0,Se.jsx)(L,{className:"k-input-value-icon",icon:d}),n&&!t&&o,n&&t&&(0,Se.jsx)("span",{className:"k-input-value-text",children:t})]})};at.states=xa;at.options=ha;at.className=ot;var Ut=require("react/jsx-runtime"),st="k-input-inner",Na=[],La={},Ft={value:"",placeholder:""},nt=e=>{let{value:t=Ft.value,placeholder:o=Ft.placeholder,rows:n,...l}=e;return(0,Ut.jsx)("textarea",{...l,className:a(e.className,st,f(st,e)),placeholder:o,rows:n,defaultValue:t})};nt.states=Na;nt.options=La;nt.className=st;var Ee=require("react/jsx-runtime"),Gt="k-input-loading-icon",Aa=[s.disabled,s.loading],Y=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ee.jsx)(Ee.Fragment,{}):(0,Ee.jsx)("span",{className:a(e.className,Gt,"k-icon k-i-loading")})};Y.states=Aa;Y.className=Gt;var ye=require("react/jsx-runtime"),Vt="k-input-validation-icon",Ma=[s.valid,s.invalid,s.disabled,s.loading],Sa={},q=e=>{let{valid:t,invalid:o,disabled:n,loading:l}=e,d=o?"warning-circle":"check-circle";return n||l||!!!(t||o)?(0,ye.jsx)(ye.Fragment,{}):(0,ye.jsx)(L,{className:a(Vt),icon:d})};q.states=Ma;q.options=Sa;q.className=Vt;var ve=require("react/jsx-runtime"),Ea="k-input-prefix",ya={direction:"horizontal"},Ue=e=>{let{direction:t=ya.direction,...o}=e;return e.children?(0,ve.jsx)("span",{...o,className:a(Ea,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ve.jsx)(ve.Fragment,{})};var Re=require("react/jsx-runtime"),va="k-input-suffix",Ra={direction:"horizontal"},Ge=e=>{let{direction:t=Ra.direction,...o}=e;return e.children?(0,Re.jsx)("span",{...o,className:a(va,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Re.jsx)(Re.Fragment,{})};var Oa=require("react/jsx-runtime");var wa=require("react/jsx-runtime");var Xt=require("react/jsx-runtime"),$t="k-input-separator",Ia={direction:"vertical"},Te=e=>{let{direction:t=Ia.direction,...o}=e;return(0,Xt.jsx)("span",{...o,className:a($t,e.className,{[`${$t}-${t}`]:t})})};var lt="button",Jt=lt;var C=require("react/jsx-runtime"),Oe="k-button",ga=["icon-button"],Da=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Ha={size:[r.small,r.medium,r.large],rounded:[u.small,u.medium,u.large,u.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]},re={size:r.medium,rounded:u.medium,fillMode:b.solid,themeColor:c.base,showArrow:!1,arrowIconName:"caret-alt-down"},I=e=>{let{size:t=re.size,rounded:o=re.rounded,fillMode:n=re.fillMode,themeColor:l=re.themeColor,showArrow:d=re.showArrow,arrowIconName:p=re.arrowIconName,variant:m,hover:T,focus:h,active:A,selected:E,disabled:z,icon:H,text:y,iconClassName:O,...B}=e,w=H!==void 0,$=e.children!==void 0;return(0,C.jsxs)("button",{...B,className:a(e.className,Oe,Dt(Oe,m),f(Oe,{size:t,rounded:o,fillMode:n,themeColor:l}),M(Oe,{hover:T,focus:h,active:A,disabled:z,selected:E}),{"k-icon-button":!y&&!$&&w}),children:[H&&(0,C.jsx)(L,{className:a(O,"k-button-icon"),icon:H}),y?(0,C.jsxs)(C.Fragment,{children:[y&&(0,C.jsx)("span",{className:"k-button-text",children:y}),e.children]}):e.children&&(0,C.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,C.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,C.jsx)(L,{icon:p})})]})};I.states=Da;I.options=Ha;I.variants=ga;I.className=Oe;I.defaultOptions=re;I.moduleName=lt;I.folderName=Jt;var Ca=require("react/jsx-runtime");var _a=require("react/jsx-runtime");var Ka=require("react/jsx-runtime");var it="popup",Wt=it;var rt=require("react/jsx-runtime"),qt="k-animation-container",ka=[],Pa={},Qt={positionMode:"absolute"},F=e=>{let{positionMode:t=Qt.positionMode,animationStyle:o,offset:n,...l}=e;return(0,rt.jsx)("div",{...l,style:{...n,...e.style},className:a(e.className,qt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,rt.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};F.states=ka;F.options=Pa;F.className=qt;F.defaultOptions=Qt;F.moduleName=it;F.folderName=Wt;var dt="popup",Yt=dt;var pt=require("react/jsx-runtime"),Zt="k-popup",za=[],Ba={},jt={positionMode:"absolute"},Z=e=>{let{offset:t,positionMode:o=jt.positionMode,animationStyle:n,...l}=e;return(0,pt.jsx)(F,{positionMode:o,offset:t,animationStyle:n,children:(0,pt.jsx)("div",{...l,className:a(e.className,Zt),children:e.children})})};Z.states=za;Z.options=Ba;Z.className=Zt;Z.defaultOptions=jt;Z.moduleName=dt;Z.folderName=Yt;var ct="action-buttons",eo=ct;var to=require("react/jsx-runtime"),Ve="k-actions",Fa=[],Ua={},mt={alignment:"start",orientation:"horizontal"},j=e=>{let{alignment:t=mt.alignment,orientation:o=mt.orientation,...n}=e;return(0,to.jsx)("div",{...n,className:a(Ve,{[`${Ve}-${t}`]:t,[`${Ve}-${o}`]:o},e.className),children:e.children})};j.states=Fa;j.options=Ua;j.className=Ve;j.defaultOptions=mt;j.moduleName=ct;j.folderName=eo;var ao=require("react/jsx-runtime"),Ga="k-actionsheet-footer",oo={alignment:"stretched",orientation:"horizontal"},Tt=e=>{let{alignment:t=oo.alignment,orientation:o=oo.orientation,template:n,as:l=n?"div":j,...d}=e;return(0,ao.jsx)(l,{...d,...!n&&{alignment:t,orientation:o},className:a(e.className,Ga),children:e.children})};var ut="searchbox",so=ut;var ee=require("react/jsx-runtime"),no="k-searchbox",Va=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],$a={size:[r.small,r.medium,r.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},bt={showIcon:!0,icon:"search",size:N.defaultOptions.size,rounded:N.defaultOptions.rounded,fillMode:N.defaultOptions.fillMode},te=e=>{let{value:t,placeholder:o,size:n,rounded:l,fillMode:d,hover:p,focus:m,valid:T,invalid:h,required:A,loading:E,disabled:z,showIcon:H=bt.showIcon,icon:y=bt.icon,...O}=e;return(0,ee.jsxs)(N,{...O,size:n,rounded:l,fillMode:d,hover:p,focus:m,valid:T,invalid:h,required:A,loading:E,disabled:z,className:a(e.className,no),children:[H&&(0,ee.jsx)(L,{className:"k-input-icon",icon:y}),(0,ee.jsx)(W,{placeholder:o,value:t}),(0,ee.jsx)(Y,{...e}),(0,ee.jsx)(q,{...e}),(0,ee.jsx)(J,{...e})]})};te.states=Va;te.options=$a;te.className=no;te.defaultOptions=bt;te.moduleName=ut;te.folderName=so;var Xa=require("react/jsx-runtime");var ft="textbox",lo=ft;var v=require("react/jsx-runtime"),io="k-textbox",Ja=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Wa={size:[r.small,r.medium,r.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},de={showClearButton:!0,showValidationIcon:!0,size:N.defaultOptions.size,rounded:N.defaultOptions.rounded,fillMode:N.defaultOptions.fillMode,separators:!0},oe=e=>{let{size:t=de.size,rounded:o=de.rounded,fillMode:n=de.fillMode,separators:l=de.separators,showClearButton:d=de.showClearButton,showValidationIcon:p=de.showValidationIcon,prefix:m,suffix:T,type:h,value:A,placeholder:E,hover:z,focus:H,valid:y,invalid:O,required:B,loading:w,disabled:$,readonly:He,...qe}=e;return(0,v.jsxs)(N,{...qe,size:t,rounded:o,fillMode:n,hover:z,focus:H,valid:y,invalid:O,required:B,loading:w,disabled:$,readonly:He,className:a(e.className,io),children:[m&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(Ue,{children:m}),l&&(0,v.jsx)(Te,{})]}),(0,v.jsx)(W,{placeholder:E,value:A,type:h}),p&&(0,v.jsx)(q,{valid:y,invalid:O,loading:w,disabled:$}),(0,v.jsx)(Y,{loading:w,disabled:$}),d&&(0,v.jsx)(J,{loading:w,disabled:$,readonly:He,value:A}),T&&(0,v.jsxs)(v.Fragment,{children:[l&&(0,v.jsx)(Te,{}),(0,v.jsx)(Ge,{children:T})]})]})};oe.states=Ja;oe.options=Wa;oe.className=io;oe.defaultOptions=de;oe.moduleName=ft;oe.folderName=lo;var qa=require("react/jsx-runtime");var po=require("react/jsx-runtime");var co=require("react/jsx-runtime");var g=require("react/jsx-runtime"),mo="k-actionsheet-titlebar",Qa={},ae=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:l,filter:d,input:p,inputValue:m,inputPlaceholder:T,adaptive:h,children:A,...E}=e;return(0,g.jsxs)("div",{...E,className:a(e.className,mo),children:[(0,g.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[n&&(0,g.jsx)("div",{className:"k-actionsheet-actions",children:n}),!A&&(0,g.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,g.jsx)("div",{className:"k-text-center",children:t}),o&&(0,g.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),A&&(0,g.jsx)("div",{className:"k-actionsheet-title",children:A}),l&&(0,g.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(p||d)&&(0,g.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,g.jsx)(oe,{value:m,placeholder:T,size:h?"large":"medium"}):(0,g.jsx)(te,{placeholder:"Filter",size:h?"large":"medium"})})]})};ae.className=mo;ae.defaultOptions=Qa;var ue=require("react/jsx-runtime"),xt="k-actionsheet-view",Ya=[],Za={},ja={},be=e=>{let{adaptive:t,animated:o,children:n,header:l,footer:d,...p}=e,m=(l==null?void 0:l.type)===ae&&(0,ue.jsx)(ae,{adaptive:t,...l==null?void 0:l.props}),T=(d==null?void 0:d.type)===Tt&&(0,ue.jsx)(Tt,{...d==null?void 0:d.props});return(0,ue.jsxs)("div",{...p,className:a(e.className,xt,{[`${xt}-animated`]:o}),children:[m,(0,ue.jsx)("div",{className:"k-actionsheet-content",children:n}),T]})};be.states=Ya;be.options=Za;be.className=xt;be.defaultOptions=ja;var we="action-sheet",$e=we;var pe=require("react/jsx-runtime"),To="k-actionsheet",es=[],ts={},Ie={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Q=e=>{let{side:t=Ie.side,fullscreen:o=Ie.fullscreen,adaptive:n=Ie.adaptive,overlay:l=Ie.overlay,template:d,children:p,header:m,footer:T,...h}=e;return(0,pe.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,pe.jsx)("div",{className:"k-overlay"}),(0,pe.jsx)(F,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,pe.jsx)("div",{...h,className:a(e.className,To,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:d||(0,pe.jsx)(be,{header:m,footer:T,adaptive:n,...e,children:p})})})]})};Q.states=es;Q.options=ts;Q.className=To;Q.defaultOptions=Ie;Q.moduleName=we;Q.folderName=$e;var bo=require("react/jsx-runtime"),uo="k-actionsheet-container",os=[],as={},ss={},fe=e=>{let{children:t,...o}=e;return(0,bo.jsx)("div",{...o,className:uo,children:t})};fe.states=os;fe.options=as;fe.className=uo;fe.defaultOptions=ss;fe.moduleName=we;fe.folderName=$e;var ns=require("react/jsx-runtime");var D=require("react/jsx-runtime"),ht="k-actionsheet-item",ls=[s.hover,s.focus,s.selected,s.disabled],Nt=e=>{let{iconName:t,text:o,description:n,hover:l,focus:d,selected:p,disabled:m,...T}=e;return(0,D.jsxs)("span",{...T,className:a(e.className,ht,M(ht,{hover:l,focus:d,selected:p,disabled:m})),children:[!e.children&&(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,D.jsx)("span",{className:"k-icon-wrap",children:(0,D.jsx)(L,{className:"k-actionsheet-item-icon",icon:t})}),(0,D.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,D.jsx)("span",{className:"k-actionsheet-item-title",children:o}),n&&(0,D.jsx)("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};Nt.states=ls;Nt.className=ht;var fo=require("react/jsx-runtime");var is=require("react/jsx-runtime");var rs=require("react/jsx-runtime");var ds=require("react/jsx-runtime");var S="table",R=S;var Lo=require("react/jsx-runtime"),ho="k-data-table",ps=[],cs={size:[r.small,r.medium,r.large]},No={size:r.medium},_=e=>{let{size:t=No.size,...o}=e;return(0,Lo.jsx)("div",{...o,className:a(e.className,ho,f("k-table",{size:t})),children:e.children})};_.states=ps;_.options=cs;_.className=ho;_.defaultOptions=No;_.moduleName=S;_.folderName=R;var Ao=require("react/jsx-runtime"),Lt="k-table-header-wrap",ms=[s.hover,s.focus,s.disabled],Ts={},us={},se=e=>{let{children:t,hover:o,focus:n,disabled:l,...d}=e;return(0,Ao.jsx)("div",{...d,className:a(e.className,Lt,M(Lt,{hover:o,focus:n,disabled:l})),children:t})};se.states=ms;se.options=Ts;se.className=Lt;se.defaultOptions=us;se.moduleName=S;se.folderName=R;var Mo=require("react/jsx-runtime"),At="k-table",bs=[],fs={size:[r.small,r.medium,r.large]},xs={},U=e=>{let{size:t,...o}=e;return(0,Mo.jsx)("table",{...o,className:a(e.className,At,f(At,{size:t})),children:e.children})};U.states=bs;U.options=fs;U.className=At;U.defaultOptions=xs;U.moduleName=S;U.folderName=R;var Xe=require("react/jsx-runtime"),Mt="k-table-header",hs=[s.hover,s.focus,s.disabled],Ns={},Ls={},K=e=>{let{children:t,hover:o,focus:n,disabled:l,...d}=e;return(0,Xe.jsx)("div",{...d,className:a(e.className,Mt,M(Mt,{hover:o,focus:n,disabled:l})),children:(0,Xe.jsx)(se,{children:(0,Xe.jsx)(U,{children:t})})})};K.states=hs;K.options=Ns;K.className=Mt;K.defaultOptions=Ls;K.moduleName=S;K.folderName=R;var Eo=require("react/jsx-runtime"),So="k-table-scroller",As=[],Ms={},Ss={},xe=e=>{let{children:t,...o}=e;return(0,Eo.jsx)("div",{...o,className:a(e.className,So),children:t})};xe.states=As;xe.options=Ms;xe.className=So;xe.defaultOptions=Ss;xe.moduleName=S;xe.folderName=R;var yo=require("react/jsx-runtime"),Es="k-table-body",ge=e=>(0,yo.jsx)("div",{className:a(e.className,Es,"k-table-scroller"),children:e.children});var Ro=require("react/jsx-runtime"),vo="k-table-footer",ys=[],vs={},Rs={},G=e=>{let{children:t,...o}=e;return(0,Ro.jsx)("div",{...o,className:a(e.className,vo),children:t})};G.states=ys;G.options=vs;G.className=vo;G.defaultOptions=Rs;G.moduleName=S;G.folderName=R;var Oo=require("react/jsx-runtime"),St="k-table-list",Os=[],ws={size:[r.small,r.medium,r.large]},Is={},V=e=>{let{size:t,virtualization:o,...n}=e;return(0,Oo.jsx)("ul",{...n,className:a(e.className,"k-table",St,f(St,{size:t}),{"k-virtual-table":o}),children:e.children})};V.states=Os;V.options=ws;V.className=St;V.defaultOptions=Is;V.moduleName=S;V.folderName=R;var wo=require("react/jsx-runtime"),gs="k-table-thead",he=e=>(0,wo.jsx)("thead",{className:a(e.className,gs),children:e.children});var Ds=require("react/jsx-runtime");var Hs=require("react/jsx-runtime");var Io=require("react/jsx-runtime"),Et="k-table-row",Cs=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],ne=e=>{let{hover:t,focus:o,selected:n,highlighted:l,disabled:d,alt:p,...m}=e;return(0,Io.jsx)("tr",{...m,className:a(e.className,Et,{"k-table-alt-row":p},M(Et,{hover:t,focus:o,disabled:d,selected:n,highlighted:l})),children:e.children})};ne.states=Cs;ne.className=Et;var go=require("react/jsx-runtime"),yt="k-table-row",_s=[s.hover,s.focus,s.selected,s.disabled],k=e=>{let{hover:t,focus:o,selected:n,disabled:l,alt:d,...p}=e;return(0,go.jsx)("li",{...p,className:a(e.className,yt,{"k-table-alt-row":d},M(yt,{hover:t,focus:o,disabled:l,selected:n})),children:e.children})};k.states=_s;k.className=yt;var Ho=require("react/jsx-runtime"),Do="k-table-th",P=e=>{let{text:t,colspan:o,rowspan:n,...l}=e,d=t||e.children;return(0,Ho.jsx)("th",{colSpan:o,rowSpan:n,...l,className:a(e.className,Do),children:d})};P.className=Do;P.moduleName=S;P.folderName=R;var Co=require("react/jsx-runtime"),Ks="k-table-th",Je=e=>{let{text:t,...o}=e,n=t||e.children;return(0,Co.jsx)("span",{...o,className:a(e.className,Ks),children:n})};var _o=require("react/jsx-runtime"),vt="k-table-td",ks=[s.focus,s.selected,s.highlighted],We=e=>{let{focus:t,selected:o,highlighted:n,text:l,colspan:d,rowspan:p,...m}=e,T=l||e.children;return(0,_o.jsx)("td",{colSpan:d,rowSpan:p,...m,className:a(e.className,vt,M(vt,{focus:t,selected:o,highlighted:n})),children:T})};We.states=ks;We.className=vt;var Ko=require("react/jsx-runtime"),Ps="k-table-td",x=e=>{let{text:t,...o}=e,n=t||e.children;return(0,Ko.jsx)("span",{...o,className:a(e.className,Ps),children:n})};var zs=require("react/jsx-runtime");var ko=require("react/jsx-runtime"),Bs="k-table-group-sticky-header",Rt=e=>(0,ko.jsx)("div",{className:a(e.className,Bs),children:e.children});var Fs=require("react/jsx-runtime");var Po=require("react/jsx-runtime"),Us="k-table-group-row",Ot=e=>(0,Po.jsx)("li",{className:a(e.className,Us),children:e.children});var zo=require("react/jsx-runtime");var Bo=require("react/jsx-runtime");var Fo=require("react/jsx-runtime");var wt=require("react/jsx-runtime");var Uo="dropdown-grid",Go="dropdowngrid";var i=require("react/jsx-runtime"),It="k-dropdowngrid",Xs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Js={size:[r.small,r.medium,r.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},De={size:N.defaultOptions.size,rounded:N.defaultOptions.rounded,fillMode:N.defaultOptions.fillMode,separators:!0},le=e=>{let{size:t=De.size,rounded:o=De.rounded,fillMode:n=De.fillMode,separators:l=De.separators,prefix:d,suffix:p,value:m,placeholder:T,hover:h,focus:A,valid:E,invalid:z,required:H,loading:y,disabled:O,popup:B,opened:w,readonly:$,adaptive:He,adaptiveSettings:qe,adaptiveTitle:Vo,adaptiveSubtitle:$o,...Xo}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(N,{...Xo,size:t,rounded:o,fillMode:n,hover:h,focus:A,valid:E,invalid:z,required:H,loading:y,disabled:O,readonly:$,className:a(e.className,It,"k-combobox"),children:[d&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(Ue,{children:d}),l&&(0,i.jsx)(Te,{})]}),(0,i.jsx)(W,{placeholder:T,value:m}),(0,i.jsx)(q,{valid:E,invalid:z,loading:y,disabled:O}),(0,i.jsx)(Y,{loading:y,disabled:O}),(0,i.jsx)(J,{loading:y,disabled:O,readonly:$,value:m}),p&&(0,i.jsxs)(i.Fragment,{children:[l&&(0,i.jsx)(Te,{}),(0,i.jsx)(Ge,{children:p})]}),(0,i.jsx)(I,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:n})]}),w&&B&&(0,i.jsx)(Z,{className:"k-dropdowngrid-popup",children:B}),He&&(0,i.jsx)(Q,{adaptive:!0,...qe,header:(0,i.jsx)(ae,{actionsEnd:(0,i.jsx)(I,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:m,inputPlaceholder:T,title:Vo,subtitle:$o}),children:(0,i.jsx)("div",{className:"k-list-container",children:(0,i.jsxs)(_,{size:"large",children:[(0,i.jsxs)(K,{children:[(0,i.jsxs)("colgroup",{children:[(0,i.jsx)("col",{style:{width:"50px"}}),(0,i.jsx)("col",{style:{width:"160px"}}),(0,i.jsx)("col",{})]}),(0,i.jsx)(he,{children:(0,i.jsxs)(ne,{children:[(0,i.jsx)(P,{text:"ID"}),(0,i.jsx)(P,{text:"Name"}),(0,i.jsx)(P,{text:"Job Title"})]})})]}),(0,i.jsx)(Rt,{children:(0,i.jsx)(Je,{text:"Initial group"})}),(0,i.jsx)(ge,{children:(0,i.jsxs)(V,{children:[(0,i.jsxs)(k,{children:[(0,i.jsx)(x,{text:"1",style:{width:"50px"}}),(0,i.jsx)(x,{text:"Data 1.2",style:{width:"160px"}}),(0,i.jsx)(x,{text:"Data 1.3"})]}),(0,i.jsxs)(k,{alt:!0,children:[(0,i.jsx)(x,{text:"2",style:{width:"50px"}}),(0,i.jsx)(x,{text:"Data 2.2 (alt)",style:{width:"160px"}}),(0,i.jsx)(x,{text:"Data 2.3"})]}),(0,i.jsxs)(k,{children:[(0,i.jsx)(x,{text:"3",style:{width:"50px"}}),(0,i.jsx)(x,{text:"Data 3.2",style:{width:"160px"}}),(0,i.jsx)(x,{text:"Data 3.3"})]}),(0,i.jsx)(Ot,{children:(0,i.jsx)(Je,{text:"Group"})}),(0,i.jsxs)(k,{children:[(0,i.jsx)(x,{text:"4",style:{width:"50px"}}),(0,i.jsx)(x,{text:"Data 4.2",style:{width:"160px"}}),(0,i.jsx)(x,{text:"Data 4.3"})]}),(0,i.jsxs)(k,{alt:!0,children:[(0,i.jsx)(x,{text:"5",style:{width:"50px"}}),(0,i.jsx)(x,{text:"Data 5.2 (alt)",style:{width:"160px"}}),(0,i.jsx)(x,{text:"Data 5.3"})]}),(0,i.jsxs)(k,{children:[(0,i.jsx)(x,{text:"6",style:{width:"50px"}}),(0,i.jsx)(x,{text:"Data 6.2",style:{width:"160px"}}),(0,i.jsx)(x,{text:"Data 6.3"})]})]})}),(0,i.jsx)(G,{children:(0,i.jsx)(x,{text:"30 records in total"})})]})})})]})};le.states=Xs;le.options=Js;le.className=It;le.defaultOptions=De;le.moduleName=Uo;le.folderName=Go;var Ws=le;