UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 27.4 kB
var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((i,a)=>t[a]||t[i]&&i||null).filter(i=>i!==null).join(" "):t).filter(t=>!!t).join(" ");var S=(e,t)=>s({[`${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)=>s({"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 n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},o={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"};import{jsx as bo}from"react/jsx-runtime";var ke="k-input",ho=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],Lo={size:[n.small,n.medium,n.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},ye={size:n.medium,rounded:n.medium,fillMode:f.solid},I=e=>{let{hover:t,focus:i,disabled:a,invalid:r,valid:l,loading:p,readonly:x,size:m=ye.size,rounded:u=ye.rounded,fillMode:h=ye.fillMode,...b}=e;return bo("span",{...b,className:s(e.className,ke,S(ke,{size:m,rounded:u,fillMode:h}),M(ke,{hover:t,focus:i,disabled:a,invalid:r,valid:l,loading:p,readonly:x}))})};I.states=ho;I.options=Lo;I.className=ke;I.defaultOptions=ye;import{jsx as So}from"react/jsx-runtime";var Me="k-picker",No=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],vo={size:[n.small,n.medium,n.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},Ae={size:n.medium,rounded:c.medium,fillMode:f.solid},j=e=>{let{hover:t,focus:i,disabled:a,invalid:r,valid:l,loading:p,readonly:x,size:m=Ae.size,rounded:u=Ae.rounded,fillMode:h=Ae.fillMode,...b}=e;return So("span",{...b,className:s(e.className,Me,S(Me,{size:m,rounded:u,fillMode:h}),M(Me,{hover:t,focus:i,disabled:a,invalid:r,valid:l,loading:p,readonly:x})),children:e.children})};j.states=No;j.options=vo;j.className=Me;j.defaultOptions=Ae;import{Fragment as yo,jsx as xt}from"react/jsx-runtime";var Ge="k-icon k-font-icon",Io=[],go={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},ko={},fe=e=>{let{size:t,themeColor:i,icon:a,rotate:r,flip:l,...p}=e;return a?xt("span",{...p,className:s(e.className,Ge,S(Ge,{size:t}),{[`k-i-${a}`]:a,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):xt(yo,{})};fe.states=Io;fe.options=go;fe.className=Ge;fe.defaultOptions=ko;var ht=fe;import{Fragment as Co,jsx as Ce}from"react/jsx-runtime";var Be="k-icon k-svg-icon",Mo=[],Ao={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Lt={viewBox:"0 0 24 24"},xe=e=>{let{size:t,themeColor:i,rotate:a,flip:r,viewBox:l=Lt.viewBox,icon:p,...x}=e;if(!p)return Ce(Co,{});p==="none"&&{...x,className:s(e.className,Be,"k-none")};let m=typeof p=="object"&&p.name&&p.name;return Ce("span",{...x,className:s(e.className,Be,S("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${i}`]:i,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:Ce("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:l,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};xe.states=Mo;xe.options=Ao;xe.className=Be;xe.defaultOptions=Lt;var Ve=xe;import*as bt from"@progress/kendo-svg-icons";import{Fragment as Nt,jsx as he}from"react/jsx-runtime";var To=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),zo=[],Oo={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},De={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{size:t,themeColor:i,icon:a,type:r=De.type,rotate:l,flip:p,viewBox:x=De.viewBox,...m}=e;if(!a)return he(Nt,{});if(r==="svg"){if(a==="none")return he(Ve,{...m,icon:a,size:t});let u=To(`${a}-icon`);return bt[u]?he(Ve,{...m,icon:bt[u],size:t,themeColor:i,rotate:l,flip:p,viewBox:x}):he(Nt,{})}return he(ht,{...m,icon:a,size:t,themeColor:i,rotate:l,flip:p})};g.states=zo;g.options=Oo;g.defaultOptions=De;import{Fragment as Ho,jsx as $e}from"react/jsx-runtime";var vt="k-clear-value",Eo=[o.disabled,o.loading,o.readonly],wo={},P=e=>{let{disabled:t,loading:i,readonly:a,value:r}=e;return t||a||i||!r?$e(Ho,{}):$e("span",{className:s(e.className,vt),children:$e(g,{icon:"x"})})};P.states=Eo;P.options=wo;P.className=vt;import{jsx as Ro}from"react/jsx-runtime";var _e="k-input-inner",Ko=[],Po={},Te={type:"text",autocomplete:"off",value:"",placeholder:""},R=e=>{let{value:t=Te.value,type:i=Te.type,placeholder:a=Te.placeholder,autocomplete:r=Te.autocomplete,...l}=e;return Ro("input",{...l,type:i,className:s(e.className,_e,S(_e,e)),placeholder:a,autoComplete:r,defaultValue:t})};R.states=Ko;R.options=Po;R.className=_e;import{jsx as St,jsxs as Vo}from"react/jsx-runtime";var Xe="k-input-inner",Go=[],Bo={},Le=e=>{let{value:t,placeholder:i,showValue:a,valueIcon:r,valueIconName:l,...p}=e;return Vo("span",{...p,className:s(e.className,Xe,S(Xe,e)),children:[r,!r&&l&&St(g,{className:"k-input-value-icon",icon:l}),a&&!t&&i,a&&t&&St("span",{className:"k-input-value-text",children:t})]})};Le.states=Go;Le.options=Bo;Le.className=Xe;import{jsx as _o}from"react/jsx-runtime";var Fe="k-input-inner",Do=[],$o={},It={value:"",placeholder:""},Je=e=>{let{value:t=It.value,placeholder:i=It.placeholder,rows:a,...r}=e;return _o("textarea",{...r,className:s(e.className,Fe,S(Fe,e)),placeholder:i,rows:a,defaultValue:t})};Je.states=Do;Je.options=$o;Je.className=Fe;import{Fragment as Fo,jsx as gt}from"react/jsx-runtime";var kt="k-input-loading-icon",Xo=[o.disabled,o.loading],H=e=>{let{disabled:t,loading:i}=e;return t||!i?gt(Fo,{}):gt("span",{className:s(e.className,kt,"k-icon k-i-loading")})};H.states=Xo;H.className=kt;import{Fragment as Uo,jsx as yt}from"react/jsx-runtime";var Mt="k-input-validation-icon",Jo=[o.valid,o.invalid,o.disabled,o.loading],qo={},w=e=>{let{valid:t,invalid:i,disabled:a,loading:r}=e,l=i?"warning-circle":"check-circle";return a||r||!!!(t||i)?yt(Uo,{}):yt(g,{className:s(Mt),icon:l})};w.states=Jo;w.options=qo;w.className=Mt;import{Fragment as Yo,jsx as At}from"react/jsx-runtime";var Wo="k-input-prefix",Qo={direction:"horizontal"},ee=e=>{let{direction:t=Qo.direction,...i}=e;return e.children?At("span",{...i,className:s(Wo,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):At(Yo,{})};import{Fragment as ei,jsx as Ct}from"react/jsx-runtime";var Zo="k-input-suffix",jo={direction:"horizontal"},te=e=>{let{direction:t=jo.direction,...i}=e;return e.children?Ct("span",{...i,className:s(Zo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ct(ei,{})};import{jsx as kn}from"react/jsx-runtime";import{jsx as Cn}from"react/jsx-runtime";import{jsx as oi}from"react/jsx-runtime";var Tt="k-input-separator",ti={direction:"vertical"},oe=e=>{let{direction:t=ti.direction,...i}=e;return oi("span",{...i,className:s(Tt,e.className,{[`${Tt}-${t}`]:t})})};import{Fragment as ni,jsx as be,jsxs as zt}from"react/jsx-runtime";var ze="k-button",ii=[o.hover,o.focus,o.active,o.selected,o.disabled],si={size:[n.small,n.medium,n.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},J={size:n.medium,rounded:c.medium,fillMode:f.solid,themeColor:d.base,showArrow:!1,arrowIconName:"caret-alt-down"},E=e=>{let{size:t=J.size,rounded:i=J.rounded,fillMode:a=J.fillMode,themeColor:r=J.themeColor,showArrow:l=J.showArrow,arrowIconName:p=J.arrowIconName,hover:x,focus:m,active:u,selected:h,disabled:b,icon:N,text:v,iconClassName:C,...T}=e,k=N!==void 0,y=e.children!==void 0;return zt("button",{...T,className:s(e.className,ze,S(ze,{size:t,rounded:i,fillMode:a,themeColor:r}),M(ze,{hover:x,focus:m,active:u,disabled:b,selected:h}),{"k-icon-button":!v&&!y&&k}),children:[N&&be(g,{className:s(C,"k-button-icon"),icon:N}),v?zt(ni,{children:[v&&be("span",{className:"k-button-text",children:v}),e.children]}):e.children&&be("span",{className:"k-button-text",children:e.children}),l&&be("span",{className:"k-menu-button-arrow k-button-arrow",children:be(g,{icon:p})})]})};E.states=ii;E.options=si;E.className=ze;E.defaultOptions=J;import{jsx as jn}from"react/jsx-runtime";import{jsx as ia}from"react/jsx-runtime";import{jsx as ra}from"react/jsx-runtime";import{jsx as Ot,jsxs as li}from"react/jsx-runtime";var Et="k-spin-button",ai=[],ri={size:[n.small,n.medium,n.large],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},qe={size:n.medium,fillMode:f.solid},ie=e=>{let{size:t=qe.size,fillMode:i=qe.fillMode,...a}=e;return li("span",{...a,className:s(Et,e.className),children:[Ot(E,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:i}),Ot(E,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:i})]})};ie.states=ai;ie.options=ri;ie.className=Et;ie.defaultOptions=qe;import{Fragment as wt,jsx as G,jsxs as Ue}from"react/jsx-runtime";var Ht="k-numerictextbox",pi=[o.hover,o.focus,o.valid,o.invalid,o.loading,o.required,o.disabled,o.readonly],di={size:[n.small,n.medium,n.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},q={showSpinButton:!0,showClearButton:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},Ne=e=>{let{size:t=q.size,rounded:i=q.rounded,fillMode:a=q.fillMode,separators:r=q.separators,showClearButton:l=q.showClearButton,showSpinButton:p=q.showSpinButton,prefix:x,suffix:m,value:u,placeholder:h,hover:b,focus:N,valid:v,invalid:C,required:T,loading:k,disabled:y,readonly:K,...F}=e;return Ue(I,{...F,size:t,rounded:i,fillMode:a,hover:b,focus:N,valid:v,invalid:C,required:T,loading:k,disabled:y,readonly:K,className:s(e.className,Ht),children:[x&&Ue(wt,{children:[G(ee,{children:x}),r&&G(oe,{})]}),G(R,{placeholder:h,value:u}),G(w,{valid:v,invalid:C,loading:k,disabled:y}),G(H,{loading:k,disabled:y}),l&&G(P,{loading:k,disabled:y,readonly:K,value:u}),m&&Ue(wt,{children:[r&&G(oe,{}),G(te,{children:m})]}),p&&G(ie,{className:"k-input-spinner",size:t,fillMode:a})]})};Ne.states=pi;Ne.options=di;Ne.className=Ht;Ne.defaultOptions=q;var Kt=Ne;import{jsx as Pt}from"react/jsx-runtime";var Rt="k-animation-container",mi=[],ci={},Gt={positionMode:"absolute"},V=e=>{let{positionMode:t=Gt.positionMode,animationStyle:i,offset:a,...r}=e;return Pt("div",{...r,style:{...a,...e.style},className:s(e.className,Rt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Pt("div",{className:"k-child-animation-container",style:i,children:e.children})})};V.states=mi;V.options=ci;V.className=Rt;V.defaultOptions=Gt;import{jsx as Bt}from"react/jsx-runtime";var Vt="k-popup",ui=[],fi={},Dt={positionMode:"absolute"},se=e=>{let{offset:t,positionMode:i=Dt.positionMode,animationStyle:a,...r}=e;return Bt(V,{positionMode:i,offset:t,animationStyle:a,children:Bt("div",{...r,className:s(e.className,Vt),children:e.children})})};se.states=ui;se.options=fi;se.className=Vt;se.defaultOptions=Dt;import{jsx as Li}from"react/jsx-runtime";var Oe="k-actions",xi=[],hi={},We={alignment:"start",orientation:"horizontal"},ne=e=>{let{alignment:t=We.alignment,orientation:i=We.orientation,...a}=e;return Li("div",{...a,className:s(Oe,{[`${Oe}-${t}`]:t,[`${Oe}-${i}`]:i},e.className),children:e.children})};ne.states=xi;ne.options=hi;ne.className=Oe;ne.defaultOptions=We;import{jsx as Ni}from"react/jsx-runtime";var bi="k-actionsheet-footer",$t={alignment:"stretched",orientation:"horizontal"},Qe=e=>{let{alignment:t=$t.alignment,orientation:i=$t.orientation,template:a,as:r=a?"div":ne,...l}=e;return Ni(r,{...l,...!a&&{alignment:t,orientation:i},className:s(e.className,bi),children:e.children})};import{jsx as ve,jsxs as Ii}from"react/jsx-runtime";var _t="k-searchbox",vi=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading],Si={size:[n.small,n.medium,n.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},Ye={showIcon:!0,icon:"search",size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode},B=e=>{let{value:t,placeholder:i,size:a,rounded:r,fillMode:l,hover:p,focus:x,valid:m,invalid:u,required:h,loading:b,disabled:N,showIcon:v=Ye.showIcon,icon:C=Ye.icon,...T}=e;return Ii(I,{...T,size:a,rounded:r,fillMode:l,hover:p,focus:x,valid:m,invalid:u,required:h,loading:b,disabled:N,className:s(e.className,_t),children:[v&&ve(g,{className:"k-input-icon",icon:C}),ve(R,{placeholder:i,value:t}),ve(H,{...e}),ve(w,{...e}),ve(P,{...e})]})};B.states=vi;B.options=Si;B.className=_t;B.defaultOptions=Ye;import{jsx as ja}from"react/jsx-runtime";import{Fragment as Xt,jsx as D,jsxs as Ze}from"react/jsx-runtime";var Ft="k-textbox",gi=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],ki={size:[n.small,n.medium,n.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},U={showClearButton:!0,showValidationIcon:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},ae=e=>{let{size:t=U.size,rounded:i=U.rounded,fillMode:a=U.fillMode,separators:r=U.separators,showClearButton:l=U.showClearButton,showValidationIcon:p=U.showValidationIcon,prefix:x,suffix:m,type:u,value:h,placeholder:b,hover:N,focus:v,valid:C,invalid:T,required:k,loading:y,disabled:K,readonly:F,...Re}=e;return Ze(I,{...Re,size:t,rounded:i,fillMode:a,hover:N,focus:v,valid:C,invalid:T,required:k,loading:y,disabled:K,readonly:F,className:s(e.className,Ft),children:[x&&Ze(Xt,{children:[D(ee,{children:x}),r&&D(oe,{})]}),D(R,{placeholder:b,value:h,type:u}),p&&D(w,{valid:C,invalid:T,loading:y,disabled:K}),D(H,{loading:y,disabled:K}),l&&D(P,{loading:y,disabled:K,readonly:F,value:h}),m&&Ze(Xt,{children:[r&&D(oe,{}),D(te,{children:m})]})]})};ae.states=gi;ae.options=ki;ae.className=Ft;ae.defaultOptions=U;import{jsx as dr}from"react/jsx-runtime";import{Fragment as hr,jsx as xr}from"react/jsx-runtime";import{Fragment as gr,jsx as Ir}from"react/jsx-runtime";import{jsx as $,jsxs as je}from"react/jsx-runtime";var qt="k-actionsheet-titlebar",yi={},_=e=>{let{title:t,subtitle:i,actionsStart:a,actionsEnd:r,filter:l,input:p,inputValue:x,inputPlaceholder:m,adaptive:u,children:h,...b}=e;return je("div",{...b,className:s(e.className,qt),children:[je("div",{className:"k-actionsheet-titlebar-group",children:[a&&$("div",{className:"k-actionsheet-actions",children:a}),!h&&je("div",{className:"k-actionsheet-title",children:[t&&$("div",{className:"k-text-center",children:t}),i&&$("div",{className:"k-actionsheet-subtitle k-text-center",children:i})]}),h&&$("div",{className:"k-actionsheet-title",children:h}),r&&$("div",{className:"k-actionsheet-actions",children:r})]}),(p||l)&&$("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?$(ae,{value:x,placeholder:m,size:u?"large":"medium"}):$(B,{placeholder:"Filter",size:u?"large":"medium"})})]})};_.className=qt;_.defaultOptions=yi;import{jsx as et,jsxs as Ti}from"react/jsx-runtime";var tt="k-actionsheet-view",Mi=[],Ai={},Ci={},re=e=>{let{adaptive:t,animated:i,children:a,header:r,footer:l,...p}=e,x=r?.type===_&&et(_,{adaptive:t,...r?.props}),m=l?.type===Qe&&et(Qe,{...l?.props});return Ti("div",{...p,className:s(e.className,tt,{[`${tt}-animated`]:i}),children:[x,et("div",{className:"k-actionsheet-content",children:a}),m]})};re.states=Mi;re.options=Ai;re.className=tt;re.defaultOptions=Ci;import{jsx as Ee,jsxs as Ei}from"react/jsx-runtime";var Ut="k-actionsheet",zi=[],Oi={},Se={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=Se.side,fullscreen:i=Se.fullscreen,adaptive:a=Se.adaptive,overlay:r=Se.overlay,template:l,children:p,header:x,footer:m,...u}=e;return Ei("div",{className:"k-actionsheet-container",children:[r&&Ee("div",{className:"k-overlay"}),Ee(V,{animationStyle:{[`${i===!0?"top":t}`]:0,[`${i===!0?"width":null}`]:"100%",[`${i===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Ee("div",{...u,className:s(e.className,Ut,{[`k-actionsheet-${t}`]:i===!1,"k-actionsheet-fullscreen":i===!0,"k-adaptive-actionsheet":a}),children:l||Ee(re,{header:x,footer:m,adaptive:a,...e,children:p})})})]})};W.states=zi;W.options=Oi;W.className=Ut;W.defaultOptions=Se;import{jsx as qr}from"react/jsx-runtime";import{Fragment as Hi,jsx as Ie,jsxs as ot}from"react/jsx-runtime";var it="k-actionsheet-item",wi=[o.hover,o.focus,o.selected,o.disabled],st=e=>{let{iconName:t,text:i,description:a,hover:r,focus:l,selected:p,disabled:x,...m}=e;return ot("span",{...m,className:s(e.className,it,M(it,{hover:r,focus:l,selected:p,disabled:x})),children:[!e.children&&Ie(Hi,{children:ot("span",{className:"k-actionsheet-action",children:[t&&Ie("span",{className:"k-icon-wrap",children:Ie(g,{className:"k-actionsheet-item-icon",icon:t})}),ot("span",{className:"k-actionsheet-item-text",children:[i&&Ie("span",{className:"k-actionsheet-item-title",children:i}),a&&Ie("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};st.states=wi;st.className=it;import{jsx as ol,jsxs as il}from"react/jsx-runtime";import{jsx as rl}from"react/jsx-runtime";import{jsx as ml}from"react/jsx-runtime";import{jsx as xl}from"react/jsx-runtime";import{jsx as Pi}from"react/jsx-runtime";var Ki="k-no-data",ge=e=>Pi("span",{className:s(Ki,e.className),children:e.children});import{jsx as le,jsxs as Qt}from"react/jsx-runtime";var nt="k-list",Ri=[],Gi={size:[n.small,n.medium,n.large]},Yt={size:n.medium},A=e=>{let{size:t=Yt.size,virtualization:i,children:a,optionLabel:r,customValue:l,screenReaders:p,...x}=e,m,u,h,b,N=[];return a?a.map((v,C)=>{v.type===z?(v.props.root===!0?(m=v.props.label,v.props.children.map((T,k)=>{N.push(le(L,{...T.props},`optChild-${k}-${new Date().getTime()}`))})):v.props.children.forEach((T,k)=>{let y="";k===0&&(y=v.props.label),N.push(le(L,{className:k===0?"k-first":"",...T.props,groupLabel:y},`groupLabel-${k}-${new Date().getTime()}`))}),u=le(z,{label:m,virtualization:i,children:N})):v.type===L&&(N.push(le(L,{...v.props},`${v.type}-${C}`)),h=le(pe,{virtualization:i,children:N}),p&&(b=Qt(ge,{className:"k-sr-only",children:[N.length," items found."]})))}):b=le(ge,{children:"No data found."}),Qt("div",{...x,className:s(e.className,nt,S(nt,{size:t}),{"k-virtual-list":i}),children:[r,l,u,h,b]})};A.states=Ri;A.options=Gi;A.className=nt;A.defaultOptions=Yt;import{jsx as Q,jsxs as Di}from"react/jsx-runtime";var at="k-list",Bi=[],Vi={size:[n.small,n.medium,n.large]},Zt={size:n.medium},Y=e=>{let{size:t=Zt.size,virtualization:i,children:a,...r}=e,l,p,x,m=[];return a?a.map((u,h)=>{u.type===z?(u.props.root===!0?(l=u.props.label,u.props.children.map((b,N)=>{m.push(Q(L,{...b.props},`optChild-${N}-${new Date().getTime()}`))})):(m.push(Q(jt,{...u.props,children:u.props.label},`listChild-${h}`)),u.props.children.map((b,N)=>{m.push(Q(L,{...b.props},`fwOptChild-${N}-${new Date().getTime()}`))})),p=Q(z,{label:l,virtualization:i,children:m})):u.type===L&&(m.push(Q(L,{...u.props},`${u.type}-${h}`)),x=Q(pe,{virtualization:i,children:m}))}):x=Q(ge,{children:"No data found."}),Di("div",{...r,className:s(e.className,at,S(at,{size:t}),{"k-virtual-list":i}),children:[p,x]})};Y.states=Bi;Y.options=Vi;Y.className=at;Y.defaultOptions=Zt;import{jsx as eo}from"react/jsx-runtime";var we="k-checkbox",$i=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.checked,o.indeterminate],_i={size:[n.small,n.medium,n.large],rounded:[c.small,c.medium,c.large,c.full]},rt={size:n.medium,rounded:c.medium},X=e=>{let{id:t,checked:i,indeterminate:a,hover:r,focus:l,disabled:p,invalid:x,valid:m,required:u,size:h=rt.size,rounded:b=rt.rounded,...N}=e;return eo("span",{className:"k-checkbox-wrap",children:eo("input",{...N,id:t,type:"checkbox",defaultChecked:i,required:u,className:s(e.className,we,S(we,{size:h,rounded:b}),M(we,{hover:r,focus:l,disabled:p,invalid:x,valid:m,indeterminate:a,checked:i}))})})};X.states=$i;X.options=_i;X.className=we;X.defaultOptions=rt;import{jsx as Ji}from"react/jsx-runtime";var to="k-checkbox-list",Xi=[],Fi={},oo={layout:"vertical"},de=e=>{let{layout:t=oo.layout,...i}=e;return Ji("ul",{...i,className:s(e.className,to,{[`k-list-${t}`]:t}),children:e.children})};de.states=Xi;de.options=Fi;de.className=to;de.defaultOptions=oo;import{jsx as Qi}from"react/jsx-runtime";var io="k-checkbox-list-item",qi=[],Ui={},Wi={},me=e=>{let{...t}=e;return Qi("li",{...t,className:s(e.className,io),children:e.children})};me.states=qi;me.options=Ui;me.className=io;me.defaultOptions=Wi;import{Fragment as tp,jsx as ep,jsxs as op}from"react/jsx-runtime";import{Fragment as rp,jsx as ap,jsxs as lp}from"react/jsx-runtime";import{Fragment as up,jsx as cp,jsxs as fp}from"react/jsx-runtime";import{Fragment as Np,jsx as bp,jsxs as vp}from"react/jsx-runtime";import{jsx as kp}from"react/jsx-runtime";import{jsx as Cp}from"react/jsx-runtime";import{jsx as He,jsxs as es}from"react/jsx-runtime";var pt="k-list-item",Yi=[o.hover,o.focus,o.selected,o.disabled],Zi={},ji={},L=e=>{let{text:t,groupLabel:i,group:a,showIcon:r,iconName:l,showCheckbox:p,checked:x,hover:m,focus:u,selected:h,disabled:b,...N}=e,v=t||e.children;return es("li",{...N,className:s(e.className,a?"k-list-group-item":pt,M(pt,{hover:m,focus:u,disabled:b,selected:h})),children:[p&&He(X,{checked:x}),r&&He(g,{icon:l}),He("span",{className:"k-list-item-text",children:v}),i&&i!==""&&He("div",{className:"k-list-item-group-label",children:i})]})};L.states=Yi;L.options=Zi;L.className=pt;L.defaultOptions=ji;import{jsx as dt,jsxs as os}from"react/jsx-runtime";var ts="k-list-content",pe=e=>{let{virtualization:t,...i}=e;return os("div",{...i,className:s(ts,e.className),children:[dt("ul",{className:s("k-list-ul"),children:e.children}),t&&dt("div",{className:"k-height-container",children:dt("div",{})})]})};import{jsx as so}from"react/jsx-runtime";var is="k-list-group-sticky-header",no=e=>so("div",{className:s(is,e.className),children:so("div",{className:"k-list-header-text",children:e.children})});import{Fragment as ss,jsx as ao,jsxs as ns}from"react/jsx-runtime";var z=e=>{let{virtualization:t,label:i}=e;return ns(ss,{children:[i&&ao(no,{children:i}),e.children&&ao(pe,{virtualization:t,children:e.children})]})};import{jsx as ro}from"react/jsx-runtime";var as="k-list-group-item",jt=e=>ro("li",{className:s(as,e.className),children:ro("span",{className:"k-list-item-text",children:e.children})});import{jsx as ds}from"react/jsx-runtime";var mt="k-list-optionlabel",rs=[o.hover,o.focus,o.selected,o.disabled],ls={},ps={},Ke=e=>{let{text:t,hover:i,focus:a,selected:r,disabled:l,...p}=e;return ds("div",{...p,className:s(mt,M(mt,{hover:i,focus:a,selected:r,disabled:l})),children:t})};Ke.states=rs;Ke.options=ls;Ke.className=mt;Ke.defaultOptions=ps;import{jsx as fs}from"react/jsx-runtime";var ct="k-list-custom-value",ms=[o.hover,o.focus,o.selected,o.disabled],cs={},us={},Pe=e=>{let{text:t,hover:i,focus:a,selected:r,disabled:l,...p}=e;return fs("div",{...p,className:s(ct,M(ct,{hover:i,focus:a,selected:r,disabled:l})),children:t})};Pe.states=ms;Pe.options=cs;Pe.className=ct;Pe.defaultOptions=us;import{jsx as md}from"react/jsx-runtime";import{jsx as xd}from"react/jsx-runtime";import{jsx as Nd,jsxs as vd}from"react/jsx-runtime";import{jsx as kd,jsxs as yd}from"react/jsx-runtime";import{jsx as Td}from"react/jsx-runtime";import{jsx as wd,jsxs as Hd}from"react/jsx-runtime";import{jsx as Gd,jsxs as Bd}from"react/jsx-runtime";import{Fragment as Ls,jsx as O,jsxs as ut}from"react/jsx-runtime";var lo="k-dropdownlist",xs=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],hs={size:[n.small,n.medium,n.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},ce={showValue:!0,arrowIconName:"caret-alt-down",size:n.medium,rounded:c.medium,fillMode:f.solid},ue=e=>{let{size:t=ce.size,rounded:i=ce.rounded,fillMode:a=ce.fillMode,arrowIconName:r=ce.arrowIconName,showValue:l=ce.showValue,valueIconName:p,prefix:x,suffix:m,value:u,placeholder:h,hover:b,focus:N,valid:v,invalid:C,required:T,loading:k,disabled:y,readonly:K,popup:F,opened:Re,adaptive:po,adaptiveSettings:mo,adaptiveTitle:co,adaptiveSubtitle:uo,adaptiveFilter:fo,...xo}=e;return ut(Ls,{children:[ut(j,{...xo,size:t,rounded:i,fillMode:a,hover:b,focus:N,valid:v,invalid:C,required:T,loading:k,disabled:y,readonly:K,className:s(e.className,lo,{"k-icon-picker":!l&&p}),children:[O(ee,{children:x}),O(Le,{placeholder:h,value:u,showValue:l,valueIconName:p}),O(w,{valid:v,invalid:C,loading:k,disabled:y}),O(H,{loading:k,disabled:y}),O(te,{children:m}),O(E,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),Re&&F&&O(se,{className:"k-list-container k-dropdownlist-popup",children:F}),po&&O(W,{adaptive:!0,...mo,header:O(_,{actionsEnd:O(E,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:fo,inputValue:u,inputPlaceholder:h,title:co,subtitle:uo}),children:O("div",{className:"k-list-container",children:ut(A,{size:"large",children:[O(L,{text:"List item"}),O(L,{text:"List item"}),O(L,{text:"List item"})]})})})]})};ue.states=xs;ue.options=hs;ue.className=lo;ue.defaultOptions=ce;import{jsx as xm}from"react/jsx-runtime";import{jsx as vm,jsxs as Sm}from"react/jsx-runtime";import{Fragment as Tm,jsx as Am,jsxs as Cm}from"react/jsx-runtime";import{jsx as wm}from"react/jsx-runtime";import{jsx as Gm,jsxs as Bm}from"react/jsx-runtime";import{jsx as Xm,jsxs as Fm}from"react/jsx-runtime";import{Fragment as jm,jsx as Ym,jsxs as Zm}from"react/jsx-runtime";import{Fragment as rc,jsx as nc,jsxs as ac}from"react/jsx-runtime";import{Fragment as bs,jsx as ft}from"react/jsx-runtime";var Sc=e=>ft(Kt,{prefix:ft(bs,{children:ft(ue,{fillMode:"flat",value:"mm"})}),...e});export{Sc as NumericTextboxPrefix};