@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 29.5 kB
JavaScript
var Go=Object.create;var Ve=Object.defineProperty;var _o=Object.getOwnPropertyDescriptor;var Xo=Object.getOwnPropertyNames;var Do=Object.getPrototypeOf,Fo=Object.prototype.hasOwnProperty;var Jo=(e,t)=>{for(var o in t)Ve(e,o,{get:t[o],enumerable:!0})},Pt=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Xo(t))!Fo.call(e,r)&&r!==o&&Ve(e,r,{get:()=>t[r],enumerable:!(i=_o(t,r))||i.enumerable});return e};var qo=(e,t,o)=>(o=e!=null?Go(Do(e)):{},Pt(t||!e||!e.__esModule?Ve(o,"default",{value:e,enumerable:!0}):o,e)),Uo=e=>Pt(Ve({},"__esModule",{value:!0}),e);var Jn={};Jo(Jn,{MultiSelectSuffix:()=>Fn});module.exports=Uo(Jn);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var v=(e,t)=>n({[`${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"}),k=(e,t)=>n({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={small:"small",medium:"medium",large:"large",full:"full"},h={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},l={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 Ie=require("react/jsx-runtime"),tt="k-icon k-font-icon",Wo=[],Qo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},Yo={},ke=e=>{let{size:t,themeColor:o,icon:i,rotate:r,flip:p,...c}=e;return i?(0,Ie.jsx)("span",{...c,className:n(e.className,tt,v(tt,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):(0,Ie.jsx)(Ie.Fragment,{})};ke.states=Wo;ke.options=Qo;ke.className=tt;ke.defaultOptions=Yo;var wt=ke;var Y=require("react/jsx-runtime"),ot="k-icon k-svg-icon",Zo=[],jo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},Vt={viewBox:"0 0 24 24"},Ce=e=>{let{size:t,themeColor:o,rotate:i,flip:r,viewBox:p=Vt.viewBox,icon:c,...u}=e;if(!c)return(0,Y.jsx)(Y.Fragment,{});c==="none"&&{...u,className:n(e.className,ot,"k-none")};let d=typeof c=="object"&&c.name&&c.name;return(0,Y.jsx)("span",{...u,className:n(e.className,ot,v("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:(0,Y.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:p,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Ce.states=Zo;Ce.options=jo;Ce.className=ot;Ce.defaultOptions=Vt;var st=Ce;var Bt=qo(require("@progress/kendo-svg-icons")),G=require("react/jsx-runtime"),es=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ts=[],os={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},nt={viewBox:"0 0 24 24",type:"svg"},S=e=>{let{size:t,themeColor:o,icon:i,type:r=nt.type,rotate:p,flip:c,viewBox:u=nt.viewBox,...d}=e;if(!i)return(0,G.jsx)(G.Fragment,{});if(r==="svg"){if(i==="none")return(0,G.jsx)(st,{...d,icon:i,size:t});let f=es(`${i}-icon`);return Bt[f]?(0,G.jsx)(st,{...d,icon:Bt[f],size:t,themeColor:o,rotate:p,flip:c,viewBox:u}):(0,G.jsx)(G.Fragment,{})}return(0,G.jsx)(wt,{...d,icon:i,size:t,themeColor:o,rotate:p,flip:c})};S.states=ts;S.options=os;S.defaultOptions=nt;var H=require("react/jsx-runtime"),Be="k-button",ss=[s.hover,s.focus,s.active,s.selected,s.disabled],ns={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},Z={size:a.medium,rounded:m.medium,fillMode:h.solid,themeColor:l.base,showArrow:!1,arrowIconName:"caret-alt-down"},K=e=>{let{size:t=Z.size,rounded:o=Z.rounded,fillMode:i=Z.fillMode,themeColor:r=Z.themeColor,showArrow:p=Z.showArrow,arrowIconName:c=Z.arrowIconName,hover:u,focus:d,active:f,selected:b,disabled:N,icon:L,text:y,iconClassName:T,...A}=e,O=L!==void 0,M=e.children!==void 0;return(0,H.jsxs)("button",{...A,className:n(e.className,Be,v(Be,{size:t,rounded:o,fillMode:i,themeColor:r}),k(Be,{hover:u,focus:d,active:f,disabled:N,selected:b}),{"k-icon-button":!y&&!M&&O}),children:[L&&(0,H.jsx)(S,{className:n(T,"k-button-icon"),icon:L}),y?(0,H.jsxs)(H.Fragment,{children:[y&&(0,H.jsx)("span",{className:"k-button-text",children:y}),e.children]}):e.children&&(0,H.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,H.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,H.jsx)(S,{icon:c})})]})};K.states=ss;K.options=ns;K.className=Be;K.defaultOptions=Z;var is=require("react/jsx-runtime");var as=require("react/jsx-runtime");var $t=require("react/jsx-runtime"),it=e=>(0,$t.jsx)(K,{children:"Button",...e});var Ae=require("react/jsx-runtime"),rs="k-chip-action";var $e=e=>{let{type:t,...o}=e,i;switch(t){case"remove":i=(0,Ae.jsx)(S,{icon:"x-circle",size:"small"});break;case"more":i=(0,Ae.jsx)(S,{icon:"more-vertical",size:"small"});break;default:return(0,Ae.jsx)(S,{icon:t,size:"small"})}return(0,Ae.jsx)("span",{...o,className:n(e.className,rs,`k-chip-${t}-action`),children:i})};var at=require("react/jsx-runtime"),Me="k-avatar";var ls=[s.hover,s.focus,s.active,s.selected,s.disabled],ps={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},j={type:"text",size:a.medium,rounded:m.full,fillMode:h.solid,themeColor:l.primary,border:!1},ae=e=>{let{size:t=j.size,rounded:o=j.rounded,fillMode:i=j.fillMode,themeColor:r=j.themeColor,type:p=j.type,border:c=j.border,...u}=e;return(0,at.jsx)("div",{...u,className:n(e.className,Me,v(Me,{size:t,rounded:o,fillMode:i,themeColor:r}),{[`${Me}-bordered`]:c}),children:(0,at.jsx)("span",{className:`${Me}-${p}`,children:e.children})})};ae.states=ls;ae.options=ps;ae.className=Me;ae.defaultOptions=j;var cs=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var ds=require("react/jsx-runtime");var _=require("react/jsx-runtime"),Ge="k-chip",us=[s.hover,s.focus,s.active,s.selected,s.disabled],fs={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.outline],themeColor:[l.base,l.success,l.warning,l.error,l.info]},re={size:a.medium,rounded:m.medium,fillMode:h.solid,themeColor:l.base,avatarImage:"/packages/html/assets/avatar.jpg"},le=e=>{let{size:t=re.size,rounded:o=re.rounded,fillMode:i=re.fillMode,themeColor:r=re.themeColor,text:p,icon:c,actions:u,showAvatar:d,avatarImage:f=re.avatarImage,hover:b,focus:N,active:L,selected:y,disabled:T,...A}=e;return(0,_.jsxs)("div",{...A,className:n(e.className,Ge,v(Ge,{size:t,rounded:o,fillMode:i,themeColor:r}),k(Ge,{hover:b,focus:N,active:L,disabled:T,selected:y})),children:[c&&(0,_.jsx)(S,{className:"k-chip-icon",icon:c,size:"small"}),d&&(0,_.jsx)(ae,{className:"k-chip-avatar",type:"image",children:(0,_.jsx)("img",{src:f})}),(0,_.jsx)("span",{className:"k-chip-content",children:e.children?e.children:p&&(0,_.jsx)("span",{className:"k-chip-label",children:p})}),u&&(0,_.jsx)("span",{className:"k-chip-actions",children:u})]})};le.states=us;le.options=fs;le.className=Ge;le.defaultOptions=re;var Xt=require("react/jsx-runtime"),rt="k-chip-list",hs=[],xs={size:[a.small,a.medium,a.large]},_t={size:a.medium},pe=e=>{let{size:t=_t.size,...o}=e;return(0,Xt.jsx)("div",{...o,className:n(e.className,rt,v(rt,{size:t})),children:e.children})};pe.states=hs;pe.options=xs;pe.className=rt;pe.defaultOptions=_t;var bs=require("react/jsx-runtime");var vs=require("react/jsx-runtime");var Ns=require("react/jsx-runtime");var Ls=require("react/jsx-runtime");var lt=require("react/jsx-runtime");var Dt=require("react/jsx-runtime"),Xe="k-input",Ss=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ys={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},De={size:a.medium,rounded:a.medium,fillMode:h.solid},I=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:c,readonly:u,size:d=De.size,rounded:f=De.rounded,fillMode:b=De.fillMode,...N}=e;return(0,Dt.jsx)("span",{...N,className:n(e.className,Xe,v(Xe,{size:d,rounded:f,fillMode:b}),k(Xe,{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:c,readonly:u}))})};I.states=Ss;I.options=ys;I.className=Xe;I.defaultOptions=De;var Ft=require("react/jsx-runtime"),Fe="k-picker",gs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Is={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Je={size:a.medium,rounded:m.medium,fillMode:h.solid},qe=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:c,readonly:u,size:d=Je.size,rounded:f=Je.rounded,fillMode:b=Je.fillMode,...N}=e;return(0,Ft.jsx)("span",{...N,className:n(e.className,Fe,v(Fe,{size:d,rounded:f,fillMode:b}),k(Fe,{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:c,readonly:u})),children:e.children})};qe.states=gs;qe.options=Is;qe.className=Fe;qe.defaultOptions=Je;var ce=require("react/jsx-runtime"),Jt="k-clear-value",ks=[s.disabled,s.loading,s.readonly],Cs={},X=e=>{let{disabled:t,loading:o,readonly:i,value:r}=e;return t||i||o||!r?(0,ce.jsx)(ce.Fragment,{}):(0,ce.jsx)("span",{className:n(e.className,Jt),children:(0,ce.jsx)(S,{icon:"x"})})};X.states=ks;X.options=Cs;X.className=Jt;var qt=require("react/jsx-runtime"),pt="k-input-inner",As=[],Ms={},Ue={type:"text",autocomplete:"off",value:"",placeholder:""},D=e=>{let{value:t=Ue.value,type:o=Ue.type,placeholder:i=Ue.placeholder,autocomplete:r=Ue.autocomplete,...p}=e;return(0,qt.jsx)("input",{...p,type:o,className:n(e.className,pt,v(pt,e)),placeholder:i,autoComplete:r,defaultValue:t})};D.states=As;D.options=Ms;D.className=pt;var Te=require("react/jsx-runtime"),ct="k-input-inner",Ts=[],zs={},mt=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:r,valueIconName:p,...c}=e;return(0,Te.jsxs)("span",{...c,className:n(e.className,ct,v(ct,e)),children:[r,!r&&p&&(0,Te.jsx)(S,{className:"k-input-value-icon",icon:p}),i&&!t&&o,i&&t&&(0,Te.jsx)("span",{className:"k-input-value-text",children:t})]})};mt.states=Ts;mt.options=zs;mt.className=ct;var Wt=require("react/jsx-runtime"),dt="k-input-inner",Es=[],Os={},Ut={value:"",placeholder:""},ut=e=>{let{value:t=Ut.value,placeholder:o=Ut.placeholder,rows:i,...r}=e;return(0,Wt.jsx)("textarea",{...r,className:n(e.className,dt,v(dt,e)),placeholder:o,rows:i,defaultValue:t})};ut.states=Es;ut.options=Os;ut.className=dt;var ze=require("react/jsx-runtime"),Qt="k-input-loading-icon",Hs=[s.disabled,s.loading],J=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,ze.jsx)(ze.Fragment,{}):(0,ze.jsx)("span",{className:n(e.className,Qt,"k-icon k-i-loading")})};J.states=Hs;J.className=Qt;var Ee=require("react/jsx-runtime"),Yt="k-input-validation-icon",Ks=[s.valid,s.invalid,s.disabled,s.loading],Rs={},F=e=>{let{valid:t,invalid:o,disabled:i,loading:r}=e,p=o?"warning-circle":"check-circle";return i||r||!!!(t||o)?(0,Ee.jsx)(Ee.Fragment,{}):(0,Ee.jsx)(S,{className:n(Yt),icon:p})};F.states=Ks;F.options=Rs;F.className=Yt;var Oe=require("react/jsx-runtime"),Ps="k-input-prefix",ws={direction:"horizontal"},We=e=>{let{direction:t=ws.direction,...o}=e;return e.children?(0,Oe.jsx)("span",{...o,className:n(Ps,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Oe.jsx)(Oe.Fragment,{})};var He=require("react/jsx-runtime"),Vs="k-input-suffix",Bs={direction:"horizontal"},Qe=e=>{let{direction:t=Bs.direction,...o}=e;return e.children?(0,He.jsx)("span",{...o,className:n(Vs,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,He.jsx)(He.Fragment,{})};var $s=require("react/jsx-runtime");var Gs=require("react/jsx-runtime");var jt=require("react/jsx-runtime"),Zt="k-input-separator",_s={direction:"vertical"},me=e=>{let{direction:t=_s.direction,...o}=e;return(0,jt.jsx)("span",{...o,className:n(Zt,e.className,{[`${Zt}-${t}`]:t})})};var ft=require("react/jsx-runtime"),eo="k-animation-container",Xs=[],Ds={},to={positionMode:"absolute"},q=e=>{let{positionMode:t=to.positionMode,animationStyle:o,offset:i,...r}=e;return(0,ft.jsx)("div",{...r,style:{...i,...e.style},className:n(e.className,eo,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,ft.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};q.states=Xs;q.options=Ds;q.className=eo;q.defaultOptions=to;var ht=require("react/jsx-runtime"),oo="k-popup",Fs=[],Js={},so={positionMode:"absolute"},de=e=>{let{offset:t,positionMode:o=so.positionMode,animationStyle:i,...r}=e;return(0,ht.jsx)(q,{positionMode:o,offset:t,animationStyle:i,children:(0,ht.jsx)("div",{...r,className:n(e.className,oo),children:e.children})})};de.states=Fs;de.options=Js;de.className=oo;de.defaultOptions=so;var no=require("react/jsx-runtime"),Ye="k-actions",qs=[],Us={},xt={alignment:"start",orientation:"horizontal"},ue=e=>{let{alignment:t=xt.alignment,orientation:o=xt.orientation,...i}=e;return(0,no.jsx)("div",{...i,className:n(Ye,{[`${Ye}-${t}`]:t,[`${Ye}-${o}`]:o},e.className),children:e.children})};ue.states=qs;ue.options=Us;ue.className=Ye;ue.defaultOptions=xt;var ao=require("react/jsx-runtime"),Ws="k-actionsheet-footer",io={alignment:"stretched",orientation:"horizontal"},bt=e=>{let{alignment:t=io.alignment,orientation:o=io.orientation,template:i,as:r=i?"div":ue,...p}=e;return(0,ao.jsx)(r,{...p,...!i&&{alignment:t,orientation:o},className:n(e.className,Ws),children:e.children})};var U=require("react/jsx-runtime"),ro="k-searchbox",Qs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Ys={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},vt={showIcon:!0,icon:"search",size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode},fe=e=>{let{value:t,placeholder:o,size:i,rounded:r,fillMode:p,hover:c,focus:u,valid:d,invalid:f,required:b,loading:N,disabled:L,showIcon:y=vt.showIcon,icon:T=vt.icon,...A}=e;return(0,U.jsxs)(I,{...A,size:i,rounded:r,fillMode:p,hover:c,focus:u,valid:d,invalid:f,required:b,loading:N,disabled:L,className:n(e.className,ro),children:[y&&(0,U.jsx)(S,{className:"k-input-icon",icon:T}),(0,U.jsx)(D,{placeholder:o,value:t}),(0,U.jsx)(J,{...e}),(0,U.jsx)(F,{...e}),(0,U.jsx)(X,{...e})]})};fe.states=Qs;fe.options=Ys;fe.className=ro;fe.defaultOptions=vt;var Zs=require("react/jsx-runtime");var C=require("react/jsx-runtime"),lo="k-textbox",js=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],en={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},ee={showClearButton:!0,showValidationIcon:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},he=e=>{let{size:t=ee.size,rounded:o=ee.rounded,fillMode:i=ee.fillMode,separators:r=ee.separators,showClearButton:p=ee.showClearButton,showValidationIcon:c=ee.showValidationIcon,prefix:u,suffix:d,type:f,value:b,placeholder:N,hover:L,focus:y,valid:T,invalid:A,required:O,loading:M,disabled:$,readonly:ge,...et}=e;return(0,C.jsxs)(I,{...et,size:t,rounded:o,fillMode:i,hover:L,focus:y,valid:T,invalid:A,required:O,loading:M,disabled:$,readonly:ge,className:n(e.className,lo),children:[u&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(We,{children:u}),r&&(0,C.jsx)(me,{})]}),(0,C.jsx)(D,{placeholder:N,value:b,type:f}),c&&(0,C.jsx)(F,{valid:T,invalid:A,loading:M,disabled:$}),(0,C.jsx)(J,{loading:M,disabled:$}),p&&(0,C.jsx)(X,{loading:M,disabled:$,readonly:ge,value:b}),d&&(0,C.jsxs)(C.Fragment,{children:[r&&(0,C.jsx)(me,{}),(0,C.jsx)(Qe,{children:d})]})]})};he.states=js;he.options=en;he.className=lo;he.defaultOptions=ee;var tn=require("react/jsx-runtime");var co=require("react/jsx-runtime");var mo=require("react/jsx-runtime");var z=require("react/jsx-runtime"),uo="k-actionsheet-titlebar",on={},W=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:r,filter:p,input:c,inputValue:u,inputPlaceholder:d,adaptive:f,children:b,...N}=e;return(0,z.jsxs)("div",{...N,className:n(e.className,uo),children:[(0,z.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[i&&(0,z.jsx)("div",{className:"k-actionsheet-actions",children:i}),!b&&(0,z.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,z.jsx)("div",{className:"k-text-center",children:t}),o&&(0,z.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),b&&(0,z.jsx)("div",{className:"k-actionsheet-title",children:b}),r&&(0,z.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(c||p)&&(0,z.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,z.jsx)(he,{value:u,placeholder:d,size:f?"large":"medium"}):(0,z.jsx)(fe,{placeholder:"Filter",size:f?"large":"medium"})})]})};W.className=uo;W.defaultOptions=on;var xe=require("react/jsx-runtime"),Nt="k-actionsheet-view",sn=[],nn={},an={},be=e=>{let{adaptive:t,animated:o,children:i,header:r,footer:p,...c}=e,u=(r==null?void 0:r.type)===W&&(0,xe.jsx)(W,{adaptive:t,...r==null?void 0:r.props}),d=(p==null?void 0:p.type)===bt&&(0,xe.jsx)(bt,{...p==null?void 0:p.props});return(0,xe.jsxs)("div",{...c,className:n(e.className,Nt,{[`${Nt}-animated`]:o}),children:[u,(0,xe.jsx)("div",{className:"k-actionsheet-content",children:i}),d]})};be.states=sn;be.options=nn;be.className=Nt;be.defaultOptions=an;var te=require("react/jsx-runtime"),fo="k-actionsheet",rn=[],ln={},Ke={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=Ke.side,fullscreen:o=Ke.fullscreen,adaptive:i=Ke.adaptive,overlay:r=Ke.overlay,template:p,children:c,header:u,footer:d,...f}=e;return(0,te.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,te.jsx)("div",{className:"k-overlay"}),(0,te.jsx)(q,{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,te.jsx)("div",{...f,className:n(e.className,fo,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:p||(0,te.jsx)(be,{header:u,footer:d,adaptive:i,...e,children:c})})})]})};oe.states=rn;oe.options=ln;oe.className=fo;oe.defaultOptions=Ke;var pn=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Lt="k-actionsheet-item",cn=[s.hover,s.focus,s.selected,s.disabled],St=e=>{let{iconName:t,text:o,description:i,hover:r,focus:p,selected:c,disabled:u,...d}=e;return(0,E.jsxs)("span",{...d,className:n(e.className,Lt,k(Lt,{hover:r,focus:p,selected:c,disabled:u})),children:[!e.children&&(0,E.jsx)(E.Fragment,{children:(0,E.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,E.jsx)("span",{className:"k-icon-wrap",children:(0,E.jsx)(S,{className:"k-actionsheet-item-icon",icon:t})}),(0,E.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,E.jsx)("span",{className:"k-actionsheet-item-title",children:o}),i&&(0,E.jsx)("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};St.states=cn;St.className=Lt;var ho=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var bo=require("react/jsx-runtime"),fn="k-no-data",Re=e=>(0,bo.jsx)("span",{className:n(fn,e.className),children:e.children});var R=require("react/jsx-runtime"),yt="k-list",hn=[],xn={size:[a.small,a.medium,a.large]},vo={size:a.medium},w=e=>{let{size:t=vo.size,virtualization:o,children:i,optionLabel:r,customValue:p,screenReaders:c,...u}=e,d,f,b,N,L=[];return i?i.map((y,T)=>{y.type===P?(y.props.root===!0?(d=y.props.label,y.props.children.map((A,O)=>{L.push((0,R.jsx)(g,{...A.props},`optChild-${O}-${new Date().getTime()}`))})):y.props.children.forEach((A,O)=>{let M="";O===0&&(M=y.props.label),L.push((0,R.jsx)(g,{className:O===0?"k-first":"",...A.props,groupLabel:M},`groupLabel-${O}-${new Date().getTime()}`))}),f=(0,R.jsx)(P,{label:d,virtualization:o,children:L})):y.type===g&&(L.push((0,R.jsx)(g,{...y.props},`${y.type}-${T}`)),b=(0,R.jsx)(ve,{virtualization:o,children:L}),c&&(N=(0,R.jsxs)(Re,{className:"k-sr-only",children:[L.length," items found."]})))}):N=(0,R.jsx)(Re,{children:"No data found."}),(0,R.jsxs)("div",{...u,className:n(e.className,yt,v(yt,{size:t}),{"k-virtual-list":o}),children:[r,p,f,b,N]})};w.states=hn;w.options=xn;w.className=yt;w.defaultOptions=vo;var V=require("react/jsx-runtime"),gt="k-list",bn=[],vn={size:[a.small,a.medium,a.large]},No={size:a.medium},se=e=>{let{size:t=No.size,virtualization:o,children:i,...r}=e,p,c,u,d=[];return i?i.map((f,b)=>{f.type===P?(f.props.root===!0?(p=f.props.label,f.props.children.map((N,L)=>{d.push((0,V.jsx)(g,{...N.props},`optChild-${L}-${new Date().getTime()}`))})):(d.push((0,V.jsx)(Lo,{...f.props,children:f.props.label},`listChild-${b}`)),f.props.children.map((N,L)=>{d.push((0,V.jsx)(g,{...N.props},`fwOptChild-${L}-${new Date().getTime()}`))})),c=(0,V.jsx)(P,{label:p,virtualization:o,children:d})):f.type===g&&(d.push((0,V.jsx)(g,{...f.props},`${f.type}-${b}`)),u=(0,V.jsx)(ve,{virtualization:o,children:d}))}):u=(0,V.jsx)(Re,{children:"No data found."}),(0,V.jsxs)("div",{...r,className:n(e.className,gt,v(gt,{size:t}),{"k-virtual-list":o}),children:[c,u]})};se.states=bn;se.options=vn;se.className=gt;se.defaultOptions=No;var kt=require("react/jsx-runtime"),Ze="k-checkbox",Nn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Ln={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full]},It={size:a.medium,rounded:m.medium},Q=e=>{let{id:t,checked:o,indeterminate:i,hover:r,focus:p,disabled:c,invalid:u,valid:d,required:f,size:b=It.size,rounded:N=It.rounded,...L}=e;return(0,kt.jsx)("span",{className:"k-checkbox-wrap",children:(0,kt.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,className:n(e.className,Ze,v(Ze,{size:b,rounded:N}),k(Ze,{hover:r,focus:p,disabled:c,invalid:u,valid:d,indeterminate:i,checked:o}))})})};Q.states=Nn;Q.options=Ln;Q.className=Ze;Q.defaultOptions=It;var go=require("react/jsx-runtime"),So="k-checkbox-list",Sn=[],yn={},yo={layout:"vertical"},Ne=e=>{let{layout:t=yo.layout,...o}=e;return(0,go.jsx)("ul",{...o,className:n(e.className,So,{[`k-list-${t}`]:t}),children:e.children})};Ne.states=Sn;Ne.options=yn;Ne.className=So;Ne.defaultOptions=yo;var ko=require("react/jsx-runtime"),Io="k-checkbox-list-item",gn=[],In={},kn={},Le=e=>{let{...t}=e;return(0,ko.jsx)("li",{...t,className:n(e.className,Io),children:e.children})};Le.states=gn;Le.options=In;Le.className=Io;Le.defaultOptions=kn;var At=require("react/jsx-runtime");var Mt=require("react/jsx-runtime");var Tt=require("react/jsx-runtime");var zt=require("react/jsx-runtime");var Cn=require("react/jsx-runtime");var An=require("react/jsx-runtime");var ne=require("react/jsx-runtime"),Et="k-list-item",Mn=[s.hover,s.focus,s.selected,s.disabled],Tn={},zn={},g=e=>{let{text:t,groupLabel:o,group:i,showIcon:r,iconName:p,showCheckbox:c,checked:u,hover:d,focus:f,selected:b,disabled:N,...L}=e,y=t||e.children;return(0,ne.jsxs)("li",{...L,className:n(e.className,i?"k-list-group-item":Et,k(Et,{hover:d,focus:f,disabled:N,selected:b})),children:[c&&(0,ne.jsx)(Q,{checked:u}),r&&(0,ne.jsx)(S,{icon:p}),(0,ne.jsx)("span",{className:"k-list-item-text",children:y}),o&&o!==""&&(0,ne.jsx)("div",{className:"k-list-item-group-label",children:o})]})};g.states=Mn;g.options=Tn;g.className=Et;g.defaultOptions=zn;var Se=require("react/jsx-runtime"),En="k-list-content",ve=e=>{let{virtualization:t,...o}=e;return(0,Se.jsxs)("div",{...o,className:n(En,e.className),children:[(0,Se.jsx)("ul",{className:n("k-list-ul"),children:e.children}),t&&(0,Se.jsx)("div",{className:"k-height-container",children:(0,Se.jsx)("div",{})})]})};var Ot=require("react/jsx-runtime"),On="k-list-group-sticky-header",Co=e=>(0,Ot.jsx)("div",{className:n(On,e.className),children:(0,Ot.jsx)("div",{className:"k-list-header-text",children:e.children})});var ie=require("react/jsx-runtime"),P=e=>{let{virtualization:t,label:o}=e;return(0,ie.jsxs)(ie.Fragment,{children:[o&&(0,ie.jsx)(Co,{children:o}),e.children&&(0,ie.jsx)(ve,{virtualization:t,children:e.children})]})};var Ht=require("react/jsx-runtime"),Hn="k-list-group-item",Lo=e=>(0,Ht.jsx)("li",{className:n(Hn,e.className),children:(0,Ht.jsx)("span",{className:"k-list-item-text",children:e.children})});var Ao=require("react/jsx-runtime"),Kt="k-list-optionlabel",Kn=[s.hover,s.focus,s.selected,s.disabled],Rn={},Pn={},je=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:p,...c}=e;return(0,Ao.jsx)("div",{...c,className:n(Kt,k(Kt,{hover:o,focus:i,selected:r,disabled:p})),children:t})};je.states=Kn;je.options=Rn;je.className=Kt;je.defaultOptions=Pn;var Mo=require("react/jsx-runtime"),Rt="k-list-custom-value",wn=[s.hover,s.focus,s.selected,s.disabled],Vn={},Bn={},ye=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:p,...c}=e;return(0,Mo.jsx)("div",{...c,className:n(Rt,k(Rt,{hover:o,focus:i,selected:r,disabled:p})),children:t})};ye.states=wn;ye.options=Vn;ye.className=Rt;ye.defaultOptions=Bn;var $n=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var To=require("react/jsx-runtime");var zo=require("react/jsx-runtime");var _n=require("react/jsx-runtime");var Eo=require("react/jsx-runtime");var Oo=require("react/jsx-runtime");var x=require("react/jsx-runtime"),Ho="k-multiselect",Xn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Dn={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Pe={size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},we=e=>{let{size:t=Pe.size,rounded:o=Pe.rounded,fillMode:i=Pe.fillMode,separators:r=Pe.separators,prefix:p,suffix:c,value:u,placeholder:d,tags:f,popup:b,showArrowButton:N,hover:L,focus:y,valid:T,invalid:A,required:O,loading:M,disabled:$,readonly:ge,opened:et,adaptive:Ro,adaptiveSettings:Po,adaptiveTitle:wo,adaptiveSubtitle:Vo,adaptiveCustomValue:Bo,...$o}=e;return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)(I,{...$o,size:t,rounded:o,fillMode:i,hover:L,focus:y,valid:T,invalid:A,required:O,loading:M,disabled:$,readonly:ge,className:n(e.className,Ho),children:[p&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(We,{children:p}),r&&(0,x.jsx)(me,{})]}),(0,x.jsxs)("div",{className:"k-input-values",children:[(0,x.jsx)(pe,{size:t,children:(0,x.jsx)(x.Fragment,{children:f})}),(0,x.jsx)(D,{placeholder:d,value:u})]}),(0,x.jsx)(F,{valid:T,invalid:A,loading:M,disabled:$}),(0,x.jsx)(J,{loading:M,disabled:$}),(0,x.jsx)(X,{loading:M,disabled:$,readonly:ge,value:f?"value":""}),c&&(0,x.jsxs)(x.Fragment,{children:[r&&(0,x.jsx)(me,{}),(0,x.jsx)(Qe,{children:c})]}),N&&(0,x.jsx)(K,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:i})]}),et&&b&&(0,x.jsx)(de,{className:"k-list-container k-multiselect-popup",children:b}),Ro&&(0,x.jsx)(oe,{adaptive:!0,...Po,header:(0,x.jsx)(W,{actionsEnd:(0,x.jsx)(K,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:u,inputPlaceholder:d,title:wo,subtitle:Vo}),children:(0,x.jsx)("div",{className:"k-list-container",children:(0,x.jsxs)(w,{customValue:Bo?(0,x.jsx)(ye,{text:`Use "${u}"`}):void 0,size:"large",children:[(0,x.jsx)(g,{text:"List item"}),(0,x.jsx)(g,{text:"List item"}),(0,x.jsx)(g,{text:"List item"})]})})})]})};we.states=Xn;we.options=Dn;we.className=Ho;we.defaultOptions=Pe;var Ko=we;var B=require("react/jsx-runtime"),Fn=e=>(0,B.jsx)(Ko,{suffix:(0,B.jsx)(B.Fragment,{children:(0,B.jsx)(it,{fillMode:"clear",children:"Cc"})}),tags:(0,B.jsx)(B.Fragment,{children:(0,B.jsx)(le,{text:"Suffix",actions:(0,B.jsx)($e,{type:"remove"})})}),...e});