UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 26.3 kB
var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var x=(e,t)=>i({[`${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)=>i({"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"},d={small:"small",medium:"medium",large:"large",full:"full"},u={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},r={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"};import{jsx as co}from"react/jsx-runtime";var be="k-input",ro=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],lo={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},Ne={size:a.medium,rounded:a.medium,fillMode:u.solid},C=e=>{let{hover:t,focus:o,disabled:s,invalid:l,valid:c,loading:p,readonly:m,size:f=Ne.size,rounded:b=Ne.rounded,fillMode:S=Ne.fillMode,...y}=e;return co("span",{...y,className:i(e.className,be,x(be,{size:f,rounded:b,fillMode:S}),k(be,{hover:t,focus:o,disabled:s,invalid:l,valid:c,loading:p,readonly:m}))})};C.states=ro;C.options=lo;C.className=be;C.defaultOptions=Ne;import{jsx as uo}from"react/jsx-runtime";var Se="k-picker",po=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],mo={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},ye={size:a.medium,rounded:d.medium,fillMode:u.solid},Ce=e=>{let{hover:t,focus:o,disabled:s,invalid:l,valid:c,loading:p,readonly:m,size:f=ye.size,rounded:b=ye.rounded,fillMode:S=ye.fillMode,...y}=e;return uo("span",{...y,className:i(e.className,Se,x(Se,{size:f,rounded:b,fillMode:S}),k(Se,{hover:t,focus:o,disabled:s,invalid:l,valid:c,loading:p,readonly:m})),children:e.children})};Ce.states=po;Ce.options=mo;Ce.className=Se;Ce.defaultOptions=ye;import{Fragment as vo,jsx as pt}from"react/jsx-runtime";var Be="k-icon k-font-icon",fo=[],ho={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},xo={},re=e=>{let{size:t,themeColor:o,icon:s,rotate:l,flip:c,...p}=e;return s?pt("span",{...p,className:i(e.className,Be,x(Be,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):pt(vo,{})};re.states=fo;re.options=ho;re.className=Be;re.defaultOptions=xo;var dt=re;import{Fragment as So,jsx as Te}from"react/jsx-runtime";var Ve="k-icon k-svg-icon",bo=[],No={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},mt={viewBox:"0 0 24 24"},le=e=>{let{size:t,themeColor:o,rotate:s,flip:l,viewBox:c=mt.viewBox,icon:p,...m}=e;if(!p)return Te(So,{});p==="none"&&{...m,className:i(e.className,Ve,"k-none")};let f=typeof p=="object"&&p.name&&p.name;return Te("span",{...m,className:i(e.className,Ve,x("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:Te("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:c,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};le.states=bo;le.options=No;le.className=Ve;le.defaultOptions=mt;var Ge=le;import*as ut from"@progress/kendo-svg-icons";import{Fragment as ft,jsx as ce}from"react/jsx-runtime";var yo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Co=[],To={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},$e={viewBox:"0 0 24 24",type:"svg"},N=e=>{let{size:t,themeColor:o,icon:s,type:l=$e.type,rotate:c,flip:p,viewBox:m=$e.viewBox,...f}=e;if(!s)return ce(ft,{});if(l==="svg"){if(s==="none")return ce(Ge,{...f,icon:s,size:t});let b=yo(`${s}-icon`);return ut[b]?ce(Ge,{...f,icon:ut[b],size:t,themeColor:o,rotate:c,flip:p,viewBox:m}):ce(ft,{})}return ce(dt,{...f,icon:s,size:t,themeColor:o,rotate:c,flip:p})};N.states=Co;N.options=To;N.defaultOptions=$e;import{Fragment as go,jsx as _e}from"react/jsx-runtime";var ht="k-clear-value",Io=[n.disabled,n.loading,n.readonly],ko={},K=e=>{let{disabled:t,loading:o,readonly:s,value:l}=e;return t||s||o||!l?_e(go,{}):_e("span",{className:i(e.className,ht),children:_e(N,{icon:"x"})})};K.states=Io;K.options=ko;K.className=ht;import{jsx as Mo}from"react/jsx-runtime";var Xe="k-input-inner",wo=[],Ao={},Ie={type:"text",autocomplete:"off",value:"",placeholder:""},F=e=>{let{value:t=Ie.value,type:o=Ie.type,placeholder:s=Ie.placeholder,autocomplete:l=Ie.autocomplete,...c}=e;return Mo("input",{...c,type:o,className:i(e.className,Xe,x(Xe,e)),placeholder:s,autoComplete:l,defaultValue:t})};F.states=wo;F.options=Ao;F.className=Xe;import{jsx as xt,jsxs as zo}from"react/jsx-runtime";var Fe="k-input-inner",Eo=[],Lo={},Je=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:l,valueIconName:c,...p}=e;return zo("span",{...p,className:i(e.className,Fe,x(Fe,e)),children:[l,!l&&c&&xt(N,{className:"k-input-value-icon",icon:c}),s&&!t&&o,s&&t&&xt("span",{className:"k-input-value-text",children:t})]})};Je.states=Eo;Je.options=Lo;Je.className=Fe;import{jsx as Ko}from"react/jsx-runtime";var qe="k-input-inner",Oo=[],Ro={},vt={value:"",placeholder:""},De=e=>{let{value:t=vt.value,placeholder:o=vt.placeholder,rows:s,...l}=e;return Ko("textarea",{...l,className:i(e.className,qe,x(qe,e)),placeholder:o,rows:s,defaultValue:t})};De.states=Oo;De.options=Ro;De.className=qe;import{Fragment as Po,jsx as bt}from"react/jsx-runtime";var Nt="k-input-loading-icon",Ho=[n.disabled,n.loading],P=e=>{let{disabled:t,loading:o}=e;return t||!o?bt(Po,{}):bt("span",{className:i(e.className,Nt,"k-icon k-i-loading")})};P.states=Ho;P.className=Nt;import{Fragment as Go,jsx as St}from"react/jsx-runtime";var yt="k-input-validation-icon",Bo=[n.valid,n.invalid,n.disabled,n.loading],Vo={},H=e=>{let{valid:t,invalid:o,disabled:s,loading:l}=e,c=o?"warning-circle":"check-circle";return s||l||!!!(t||o)?St(Go,{}):St(N,{className:i(yt),icon:c})};H.states=Bo;H.options=Vo;H.className=yt;import{Fragment as Xo,jsx as Ct}from"react/jsx-runtime";var $o="k-input-prefix",_o={direction:"horizontal"},ke=e=>{let{direction:t=_o.direction,...o}=e;return e.children?Ct("span",{...o,className:i($o,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ct(Xo,{})};import{Fragment as qo,jsx as Tt}from"react/jsx-runtime";var Fo="k-input-suffix",Jo={direction:"horizontal"},ge=e=>{let{direction:t=Jo.direction,...o}=e;return e.children?Tt("span",{...o,className:i(Fo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Tt(qo,{})};import{jsx as as}from"react/jsx-runtime";import{jsx as ps}from"react/jsx-runtime";import{jsx as Uo}from"react/jsx-runtime";var It="k-input-separator",Do={direction:"vertical"},Ue=e=>{let{direction:t=Do.direction,...o}=e;return Uo("span",{...o,className:i(It,e.className,{[`${It}-${t}`]:t})})};import{Fragment as Yo,jsx as pe,jsxs as kt}from"react/jsx-runtime";var we="k-button",Wo=[n.hover,n.focus,n.active,n.selected,n.disabled],Qo={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark,r.inverse]},J={size:a.medium,rounded:d.medium,fillMode:u.solid,themeColor:r.base,showArrow:!1,arrowIconName:"caret-alt-down"},z=e=>{let{size:t=J.size,rounded:o=J.rounded,fillMode:s=J.fillMode,themeColor:l=J.themeColor,showArrow:c=J.showArrow,arrowIconName:p=J.arrowIconName,hover:m,focus:f,active:b,selected:S,disabled:y,icon:g,text:I,iconClassName:A,...w}=e,M=g!==void 0,E=e.children!==void 0;return kt("button",{...w,className:i(e.className,we,x(we,{size:t,rounded:o,fillMode:s,themeColor:l}),k(we,{hover:m,focus:f,active:b,disabled:y,selected:S}),{"k-icon-button":!I&&!E&&M}),children:[g&&pe(N,{className:i(A,"k-button-icon"),icon:g}),I?kt(Yo,{children:[I&&pe("span",{className:"k-button-text",children:I}),e.children]}):e.children&&pe("span",{className:"k-button-text",children:e.children}),c&&pe("span",{className:"k-menu-button-arrow k-button-arrow",children:pe(N,{icon:p})})]})};z.states=Wo;z.options=Qo;z.className=we;z.defaultOptions=J;import{jsx as Ks}from"react/jsx-runtime";import{jsx as Vs}from"react/jsx-runtime";import{jsx as Xs}from"react/jsx-runtime";import{jsx as js}from"react/jsx-runtime";import{jsx as gt}from"react/jsx-runtime";var de="k-avatar";var Zo=[n.hover,n.focus,n.active,n.selected,n.disabled],jo={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark,r.inverse]},q={type:"text",size:a.medium,rounded:d.full,fillMode:u.solid,themeColor:r.primary,border:!1},W=e=>{let{size:t=q.size,rounded:o=q.rounded,fillMode:s=q.fillMode,themeColor:l=q.themeColor,type:c=q.type,border:p=q.border,...m}=e;return gt("div",{...m,className:i(e.className,de,x(de,{size:t,rounded:o,fillMode:s,themeColor:l}),{[`${de}-bordered`]:p}),children:gt("span",{className:`${de}-${c}`,children:e.children})})};W.states=Zo;W.options=jo;W.className=de;W.defaultOptions=q;import{jsx as aa}from"react/jsx-runtime";import{jsx as pa}from"react/jsx-runtime";import{jsx as fa}from"react/jsx-runtime";import{jsx as Q,jsxs as on}from"react/jsx-runtime";var Ae="k-chip",en=[n.hover,n.focus,n.active,n.selected,n.disabled],tn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.outline],themeColor:[r.base,r.success,r.warning,r.error,r.info]},Y={size:a.medium,rounded:d.medium,fillMode:u.solid,themeColor:r.base,avatarImage:"/packages/html/assets/avatar.jpg"},Me=e=>{let{size:t=Y.size,rounded:o=Y.rounded,fillMode:s=Y.fillMode,themeColor:l=Y.themeColor,text:c,icon:p,actions:m,showAvatar:f,avatarImage:b=Y.avatarImage,hover:S,focus:y,active:g,selected:I,disabled:A,...w}=e;return on("div",{...w,className:i(e.className,Ae,x(Ae,{size:t,rounded:o,fillMode:s,themeColor:l}),k(Ae,{hover:S,focus:y,active:g,disabled:A,selected:I})),children:[p&&Q(N,{className:"k-chip-icon",icon:p,size:"small"}),f&&Q(W,{className:"k-chip-avatar",type:"image",children:Q("img",{src:b})}),Q("span",{className:"k-chip-content",children:e.children?e.children:c&&Q("span",{className:"k-chip-label",children:c})}),m&&Q("span",{className:"k-chip-actions",children:m})]})};Me.states=en;Me.options=tn;Me.className=Ae;Me.defaultOptions=Y;import{jsx as an}from"react/jsx-runtime";var We="k-chip-list",nn=[],sn={size:[a.small,a.medium,a.large]},At={size:a.medium},Z=e=>{let{size:t=At.size,...o}=e;return an("div",{...o,className:i(e.className,We,x(We,{size:t})),children:e.children})};Z.states=nn;Z.options=sn;Z.className=We;Z.defaultOptions=At;import{jsx as La}from"react/jsx-runtime";import{jsx as Ka}from"react/jsx-runtime";import{jsx as Va}from"react/jsx-runtime";import{jsx as Fa}from"react/jsx-runtime";import{Fragment as Qa,jsx as Wa,jsxs as Ya}from"react/jsx-runtime";import{jsx as Mt}from"react/jsx-runtime";var Et="k-animation-container",ln=[],cn={},Lt={positionMode:"absolute"},B=e=>{let{positionMode:t=Lt.positionMode,animationStyle:o,offset:s,...l}=e;return Mt("div",{...l,style:{...s,...e.style},className:i(e.className,Et,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Mt("div",{className:"k-child-animation-container",style:o,children:e.children})})};B.states=ln;B.options=cn;B.className=Et;B.defaultOptions=Lt;import{jsx as zt}from"react/jsx-runtime";var Ot="k-popup",pn=[],dn={},Rt={positionMode:"absolute"},j=e=>{let{offset:t,positionMode:o=Rt.positionMode,animationStyle:s,...l}=e;return zt(B,{positionMode:o,offset:t,animationStyle:s,children:zt("div",{...l,className:i(e.className,Ot),children:e.children})})};j.states=pn;j.options=dn;j.className=Ot;j.defaultOptions=Rt;import{jsx as fn}from"react/jsx-runtime";var Le="k-actions",mn=[],un={},Qe={alignment:"start",orientation:"horizontal"},ee=e=>{let{alignment:t=Qe.alignment,orientation:o=Qe.orientation,...s}=e;return fn("div",{...s,className:i(Le,{[`${Le}-${t}`]:t,[`${Le}-${o}`]:o},e.className),children:e.children})};ee.states=mn;ee.options=un;ee.className=Le;ee.defaultOptions=Qe;import{jsx as xn}from"react/jsx-runtime";var hn="k-actionsheet-footer",Kt={alignment:"stretched",orientation:"horizontal"},Ye=e=>{let{alignment:t=Kt.alignment,orientation:o=Kt.orientation,template:s,as:l=s?"div":ee,...c}=e;return xn(l,{...c,...!s&&{alignment:t,orientation:o},className:i(e.className,hn),children:e.children})};import{jsx as me,jsxs as Nn}from"react/jsx-runtime";var Ht="k-searchbox",vn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],bn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},Ze={showIcon:!0,icon:"search",size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode},te=e=>{let{value:t,placeholder:o,size:s,rounded:l,fillMode:c,hover:p,focus:m,valid:f,invalid:b,required:S,loading:y,disabled:g,showIcon:I=Ze.showIcon,icon:A=Ze.icon,...w}=e;return Nn(C,{...w,size:s,rounded:l,fillMode:c,hover:p,focus:m,valid:f,invalid:b,required:S,loading:y,disabled:g,className:i(e.className,Ht),children:[I&&me(N,{className:"k-input-icon",icon:A}),me(F,{placeholder:o,value:t}),me(P,{...e}),me(H,{...e}),me(K,{...e})]})};te.states=vn;te.options=bn;te.className=Ht;te.defaultOptions=Ze;import{jsx as Hr}from"react/jsx-runtime";import{Fragment as Pt,jsx as V,jsxs as je}from"react/jsx-runtime";var Bt="k-textbox",Sn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],yn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},D={showClearButton:!0,showValidationIcon:!0,size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode,separators:!0},oe=e=>{let{size:t=D.size,rounded:o=D.rounded,fillMode:s=D.fillMode,separators:l=D.separators,showClearButton:c=D.showClearButton,showValidationIcon:p=D.showValidationIcon,prefix:m,suffix:f,type:b,value:S,placeholder:y,hover:g,focus:I,valid:A,invalid:w,required:M,loading:E,disabled:O,readonly:R,...X}=e;return je(C,{...X,size:t,rounded:o,fillMode:s,hover:g,focus:I,valid:A,invalid:w,required:M,loading:E,disabled:O,readonly:R,className:i(e.className,Bt),children:[m&&je(Pt,{children:[V(ke,{children:m}),l&&V(Ue,{})]}),V(F,{placeholder:y,value:S,type:b}),p&&V(H,{valid:A,invalid:w,loading:E,disabled:O}),V(P,{loading:E,disabled:O}),c&&V(K,{loading:E,disabled:O,readonly:R,value:S}),f&&je(Pt,{children:[l&&V(Ue,{}),V(ge,{children:f})]})]})};oe.states=Sn;oe.options=yn;oe.className=Bt;oe.defaultOptions=D;import{jsx as Dr}from"react/jsx-runtime";import{Fragment as jr,jsx as Zr}from"react/jsx-runtime";import{Fragment as al,jsx as sl}from"react/jsx-runtime";import{jsx as G,jsxs as et}from"react/jsx-runtime";var Gt="k-actionsheet-titlebar",Cn={},$=e=>{let{title:t,subtitle:o,actionsStart:s,actionsEnd:l,filter:c,input:p,inputValue:m,inputPlaceholder:f,adaptive:b,children:S,...y}=e;return et("div",{...y,className:i(e.className,Gt),children:[et("div",{className:"k-actionsheet-titlebar-group",children:[s&&G("div",{className:"k-actionsheet-actions",children:s}),!S&&et("div",{className:"k-actionsheet-title",children:[t&&G("div",{className:"k-text-center",children:t}),o&&G("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),S&&G("div",{className:"k-actionsheet-title",children:S}),l&&G("div",{className:"k-actionsheet-actions",children:l})]}),(p||c)&&G("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?G(oe,{value:m,placeholder:f,size:b?"large":"medium"}):G(te,{placeholder:"Filter",size:b?"large":"medium"})})]})};$.className=Gt;$.defaultOptions=Cn;import{jsx as tt,jsxs as gn}from"react/jsx-runtime";var ot="k-actionsheet-view",Tn=[],In={},kn={},ne=e=>{let{adaptive:t,animated:o,children:s,header:l,footer:c,...p}=e,m=l?.type===$&&tt($,{adaptive:t,...l?.props}),f=c?.type===Ye&&tt(Ye,{...c?.props});return gn("div",{...p,className:i(e.className,ot,{[`${ot}-animated`]:o}),children:[m,tt("div",{className:"k-actionsheet-content",children:s}),f]})};ne.states=Tn;ne.options=In;ne.className=ot;ne.defaultOptions=kn;import{jsx as ze,jsxs as Mn}from"react/jsx-runtime";var $t="k-actionsheet",wn=[],An={},ue={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},U=e=>{let{side:t=ue.side,fullscreen:o=ue.fullscreen,adaptive:s=ue.adaptive,overlay:l=ue.overlay,template:c,children:p,header:m,footer:f,...b}=e;return Mn("div",{className:"k-actionsheet-container",children:[l&&ze("div",{className:"k-overlay"}),ze(B,{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:ze("div",{...b,className:i(e.className,$t,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":s}),children:c||ze(ne,{header:m,footer:f,adaptive:s,...e,children:p})})})]})};U.states=wn;U.options=An;U.className=$t;U.defaultOptions=ue;import{jsx as El}from"react/jsx-runtime";import{Fragment as Ln,jsx as fe,jsxs as nt}from"react/jsx-runtime";var it="k-actionsheet-item",En=[n.hover,n.focus,n.selected,n.disabled],st=e=>{let{iconName:t,text:o,description:s,hover:l,focus:c,selected:p,disabled:m,...f}=e;return nt("span",{...f,className:i(e.className,it,k(it,{hover:l,focus:c,selected:p,disabled:m})),children:[!e.children&&fe(Ln,{children:nt("span",{className:"k-actionsheet-action",children:[t&&fe("span",{className:"k-icon-wrap",children:fe(N,{className:"k-actionsheet-item-icon",icon:t})}),nt("span",{className:"k-actionsheet-item-text",children:[o&&fe("span",{className:"k-actionsheet-item-title",children:o}),s&&fe("span",{className:"k-actionsheet-item-description",children:s})]})]})}),e.children]})};st.states=En;st.className=it;import{jsx as Vl,jsxs as Gl}from"react/jsx-runtime";import{jsx as Fl}from"react/jsx-runtime";import{jsx as Ul}from"react/jsx-runtime";import{jsx as Zl}from"react/jsx-runtime";import{jsx as Oe}from"react/jsx-runtime";import{createElement as Xt}from"react";var at="k-treeview",zn=[],On={size:[a.small,a.medium,a.large]},Ft={size:a.medium},L=e=>{let{size:t=Ft.size,children:o,dir:s,...l}=e,c=[];return o&&(Array.isArray(o)?o.map((p,m)=>{p.type===h&&c.push(Xt(h,{...p.props,dir:s,key:m})),p.type===T&&c.push(Xt(T,{...p.props,dir:s,key:m}))}):(o.type===h&&c.push(Oe(h,{...o.props,dir:s})),o.type===T&&c.push(Oe(T,{...o.props,dir:s})))),Oe("div",{...l,dir:s,className:i(e.className,at,x(at,{size:t})),children:Oe(T,{className:"k-treeview-lines",dir:s,children:c})})};L.states=zn;L.options=On;L.className=at;L.defaultOptions=Ft;import{jsx as Jt}from"react/jsx-runtime";var Re="k-checkbox",Rn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Kn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full]},rt={size:a.medium,rounded:d.medium},_=e=>{let{id:t,checked:o,indeterminate:s,hover:l,focus:c,disabled:p,invalid:m,valid:f,required:b,size:S=rt.size,rounded:y=rt.rounded,...g}=e;return Jt("span",{className:"k-checkbox-wrap",children:Jt("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:b,className:i(e.className,Re,x(Re,{size:S,rounded:y}),k(Re,{hover:l,focus:c,disabled:p,invalid:m,valid:f,indeterminate:s,checked:o}))})})};_.states=Rn;_.options=Kn;_.className=Re;_.defaultOptions=rt;import{jsx as Bn}from"react/jsx-runtime";var qt="k-checkbox-list",Hn=[],Pn={},Dt={layout:"vertical"},ie=e=>{let{layout:t=Dt.layout,...o}=e;return Bn("ul",{...o,className:i(e.className,qt,{[`k-list-${t}`]:t}),children:e.children})};ie.states=Hn;ie.options=Pn;ie.className=qt;ie.defaultOptions=Dt;import{jsx as _n}from"react/jsx-runtime";var Ut="k-checkbox-list-item",Vn=[],Gn={},$n={},se=e=>{let{...t}=e;return _n("li",{...t,className:i(e.className,Ut),children:e.children})};se.states=Vn;se.options=Gn;se.className=Ut;se.defaultOptions=$n;import{Fragment as Ac,jsx as wc,jsxs as Mc}from"react/jsx-runtime";import{Fragment as Rc,jsx as Oc,jsxs as Kc}from"react/jsx-runtime";import{Fragment as Gc,jsx as Vc,jsxs as $c}from"react/jsx-runtime";import{Fragment as qc,jsx as Jc,jsxs as Dc}from"react/jsx-runtime";import{jsx as Yc}from"react/jsx-runtime";import{jsx as tp}from"react/jsx-runtime";import{jsx as Wt}from"react/jsx-runtime";import{createElement as Fn}from"react";var Xn="k-treeview-group",T=e=>{let{children:t,dir:o}=e,s=[];return t&&(Array.isArray(t)?t.map((l,c)=>{l.type===he&&s.push(Fn(he,{...l.props,dir:o,key:c}))}):t.type===he&&s.push(Wt(he,{...t.props,dir:o}))),Wt("ul",{className:i(e.className,Xn),children:s})};import{jsx as Qt,jsxs as Dn}from"react/jsx-runtime";var ct="k-treeview-leaf",Jn=[n.hover,n.focus,n.selected],qn={},Ke=e=>{let{text:t,showIcon:o,icon:s,hover:l,focus:c,selected:p,...m}=e;return Dn("span",{...m,className:i(e.className,ct,k(ct,{hover:l,focus:c,selected:p})),children:[o&&Qt(N,{icon:s}),Qt("span",{className:"k-treeview-leaf-text",children:t})]})};Ke.states=Jn;Ke.options=qn;Ke.className=ct;var Yt=Ke;import{Fragment as Zn,jsx as ae,jsxs as Zt}from"react/jsx-runtime";import{createElement as Yn}from"react";var jt="k-treeview-item",Un=[n.hover,n.focus,n.selected,n.disabled],Wn={},Qn={},h=e=>{let{leafClassName:t,children:o,hasChildren:s,expanded:l,text:c,showIcon:p,icon:m,showCheckbox:f,checked:b,hover:S,focus:y,selected:g,disabled:I,top:A,bottom:w,dir:M,...E}=e,O=s||o,R=[];return o&&(Array.isArray(o)?o.map((X,Pe)=>{X.type===T&&R.push(Yn(T,{...X.props,dir:M,key:Pe},X.props.children))}):o.type===T&&R.push(ae(T,{...o.props,dir:M,children:o.props.children}))),Zt("li",{...E,className:i(e.className,jt),children:[Zt("span",{className:i({"k-treeview-top":A,"k-treeview-bot":w,"k-treeview-mid":!A&&!w}),children:[O&&ae("span",{className:i("k-treeview-toggle",k("k-treeview-toggle",{disabled:I})),children:ae(N,{icon:l?"caret-alt-down":M==="rtl"?"caret-alt-left":"caret-alt-right"})}),f&&ae(_,{checked:b,disabled:I}),ae(Yt,{className:i(t,k(t,{disabled:I})),text:c,showIcon:p,icon:m,hover:S,focus:y,selected:g})]}),l&&O&&ae(Zn,{children:R})]})};h.states=Un;h.options=Wn;h.className=jt;h.defaultOptions=Qn;var he=h;import{jsx as zp}from"react/jsx-runtime";import{jsx as Hp,jsxs as Pp}from"react/jsx-runtime";import{jsx as $p,jsxs as _p}from"react/jsx-runtime";import{jsx as qp,jsxs as Dp}from"react/jsx-runtime";import{jsx as Yp,jsxs as Zp}from"react/jsx-runtime";import{Fragment as eo,jsx as v,jsxs as xe}from"react/jsx-runtime";var to="k-multiselecttree",jn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ei={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},He={size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode},ve=e=>{let{size:t=He.size,rounded:o=He.rounded,fillMode:s=He.fillMode,prefix:l,suffix:c,placeholder:p,tags:m,popup:f,showArrowButton:b,hover:S,focus:y,valid:g,invalid:I,required:A,loading:w,disabled:M,readonly:E,opened:O,dir:R,adaptive:X,adaptiveSettings:Pe,adaptiveTitle:no,adaptiveSubtitle:io,adaptiveFilter:so,...ao}=e;return xe(eo,{children:[xe(C,{...ao,dir:R,size:t,rounded:o,fillMode:s,hover:S,focus:y,valid:g,invalid:I,required:A,loading:w,disabled:M,readonly:E,className:i(e.className,to),children:[v(ke,{children:l}),v(Z,{size:t,className:"k-input-values",children:v(eo,{children:m})}),v("span",{className:"k-input-inner",children:!m&&v("span",{className:"k-input-value-text",children:p})}),v(H,{valid:g,invalid:I,loading:w,disabled:M}),v(P,{loading:w,disabled:M}),v(K,{loading:w,disabled:M,readonly:E,value:m?"value":""}),v(ge,{children:c}),b&&v(z,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:s})]}),O&&f&&v(j,{className:"k-multiselecttree-popup",dir:R,children:f}),X&&v(U,{adaptive:!0,...Pe,header:v($,{actionsEnd:v(z,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:so,inputPlaceholder:p,title:no,subtitle:io}),children:xe(L,{size:"large",children:[v(h,{top:!0,text:"Root 1"}),v(h,{text:"Root 2",expanded:!0,children:xe(T,{children:[v(h,{top:!0,text:"Child 2.1"}),v(h,{text:"Child 2.2",children:v(T,{children:v(h,{bottom:!0,text:"Child 2.2.1"})})}),v(h,{text:"Child 2.3"}),v(h,{bottom:!0,leafClassName:"k-treeview-load-more-button",text:"Load more ..."})]})}),v(h,{bottom:!0,text:"Root 3",children:xe(T,{children:[v(h,{top:!0,text:"Child 3.1"}),v(h,{text:"Child 3.2"}),v(h,{bottom:!0,text:"Child 3.3"})]})})]})})]})};ve.states=jn;ve.options=ei;ve.className=to;ve.defaultOptions=He;var oo=ve;import{jsx as ti}from"react/jsx-runtime";var yd=e=>ti(oo,{adaptive:!0,...e});export{yd as MultiSelectTreeAdaptive};