UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

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