UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

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