@progress/kendo-themes-html/dist/cjs/dropdownlist/templates/dropdownlist-grouping.js

A collection of HTML helpers used for developing Kendo UI themes

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