@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 42.9 kB
JavaScript
var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var S=(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.themeColor}`]:t.themeColor},{"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-rounded-none":t.rounded==="none"}),A=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:r,checked:c,active:d,selected:m,disabled:f,indeterminate:b,loading:L,empty:v,readonly:I,highlighted:D,...y}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":r,"k-checked":c,"k-active":d,"k-selected":m,"k-disabled":f,"k-indeterminate":b&&!c,"k-loading":L,"k-empty":v,"k-readonly":I,"k-highlighted":D},Object.keys(y).reduce((k,g)=>(g.startsWith("k-")?k[g]=y[g]:k[`k-${g}`]=y[g],k),{}))};function ao(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},G={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},u={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",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",generating:"generating",expanded:"expanded"};var pt={};function P(e){return pt[e]=(pt[e]||0)+1,`k-${e}-${pt[e]}`}import{Fragment as kn,jsx as so}from"react/jsx-runtime";var mt="k-font-icon",Nn=[],Ln={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info]},vn={},_e=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:r,...c}=e;return a?so("span",{...c,className:i(e.className,mt,S(mt,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):so(kn,{})};_e.states=Nn;_e.options=Ln;_e.className=mt;_e.defaultOptions=vn;var ro=_e;import{Fragment as gn,jsx as Je}from"react/jsx-runtime";var ut="k-svg-icon",Sn=[],In={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info],variant:[G.outline,G.solid,G.duotone]},ft={viewBox:"0 0 24 24",variant:G.outline},He=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:r=ft.viewBox,variant:c=ft.variant,icon:d,...m}=e;if(!d)return Je(gn,{});if(d==="none")return Je("span",{...m,className:i(e.className,ut,S("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name,b=typeof d=="object"?c&&d.variants?.[c]||d.variants?.outline||d.content:void 0;return Je("span",{...m,className:i(e.className,ut,S("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Je("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:r,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:d?void 0:e.children})})};He.states=Sn;He.options=In;He.className=ut;He.defaultOptions=ft;var bt=He;import*as ht from"@progress/kendo-svg-icons";var lo="icon",co="icons";import{useContext as Cn}from"react";import{createContext as An}from"react";var po=An({iconsType:"svg"});import{Fragment as mo,jsx as Pe}from"react/jsx-runtime";var We="k-icon",En=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),yn=[],Mn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info],variant:[G.outline,G.solid,G.duotone]},qe={viewBox:"0 0 24 24",type:"svg",variant:G.outline},N=e=>{let{iconsType:t}=Cn(po),{size:o,themeColor:a,icon:n,type:r=t||qe.type,rotate:c,flip:d,viewBox:m=qe.viewBox,variant:f=qe.variant,...b}=e;if(!n)return Pe(mo,{});if((t||r)==="svg"){if(n==="none")return Pe(bt,{...b,className:i(e.className,We),icon:n,size:o,variant:f});let v=ht[n]?n:En(`${n}-icon`);return ht[v]?Pe(bt,{...b,className:i(e.className,We),icon:ht[v],size:o,themeColor:a,rotate:c,flip:d,viewBox:m,variant:f}):Pe(mo,{})}return Pe(ro,{...b,className:i(e.className,We),icon:n,size:o,themeColor:a,rotate:c,flip:d})};N.states=yn;N.options=Mn;N.defaultOptions=qe;N.className=We;N.moduleName=lo;N.folderName=co;N.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var xt="button",uo=xt;import{Fragment as fo,jsx as fe,jsxs as bo}from"react/jsx-runtime";var we="k-button",Tn=["icon-button"],On=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Rn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.inverse]},Nt={showArrow:!1,arrowIconName:"chevron-down"},h=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:r,showArrow:c=Nt.showArrow,arrowIconName:d=Nt.arrowIconName,variant:m,hover:f,focus:b,active:L,selected:v,disabled:I,togglable:D,ariaDisabled:y,icon:k,iconSize:g,text:z,iconClassName:ce,className:Y,...Te}=e,Oe=k!=null,Re=e.children!==void 0;return bo(t,{className:i(Y,we,ao(we,m),S(we,{size:o,rounded:a,fillMode:n,themeColor:r}),A(we,{hover:f,focus:b,active:L,disabled:I||y,selected:v}),{"k-icon-button":!z&&!Re&&Oe}),"aria-pressed":D?v?"true":"false":void 0,...Te,"aria-disabled":y?"true":void 0,disabled:I||void 0,children:[typeof k=="string"&&k&&fe(N,{className:i(ce,"k-button-icon"),icon:k,size:g}),k&&typeof k!="string"&&fe(fo,{children:k}),z?bo(fo,{children:[z&&fe("span",{className:"k-button-text",children:z}),e.children]}):e.children&&fe("span",{className:"k-button-text",children:e.children}),c&&fe("span",{className:"k-menu-button-arrow k-button-arrow",children:fe(N,{icon:d})})]})};h.states=On;h.options=Rn;h.variants=Tn;h.className=we;h.defaultOptions=Nt;h.moduleName=xt;h.folderName=uo;h.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Kn}from"react/jsx-runtime";var ho=e=>Kn(h,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as _n}from"react/jsx-runtime";var xo=e=>_n(h,{icon:"folder",children:"Button",...e});import{jsx as Hn}from"react/jsx-runtime";var de=e=>Hn(h,{children:"Button",...e});import{jsx as Lt}from"react/jsx-runtime";var Pn=h.options,wn=h.states,Dn={...h.defaultOptions,variant:"text"},zn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Bn=[],be=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Lt(ho,{...o,icon:"star"});case"icon-and-text":return Lt(xo,{...o,icon:"star",children:"Button"});default:return Lt(de,{...o,children:"Button"})}};be.options=Pn;be.states=wn;be.variants=zn;be.defaultOptions=Dn;be.modifiers=Bn;be.className=h.className;var De="input",Ye=De;import{jsx as Xn}from"react/jsx-runtime";var Qe="k-input",Fn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Un={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Vn={},M=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:c,readonly:d,size:m,rounded:f,fillMode:b,...L}=e;return Xn("span",{...L,className:i(e.className,Qe,S(Qe,{size:m,rounded:f,fillMode:b}),A(Qe,{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:c,readonly:d}))})};M.states=Fn;M.options=Un;M.className=Qe;M.defaultOptions=Vn;M.moduleName=De;M.folderName=Ye;import{jsx as Wn}from"react/jsx-runtime";var Ze="k-picker",Gn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],$n={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Jn={},oe=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:c,readonly:d,size:m,rounded:f,fillMode:b,...L}=e;return Wn("span",{...L,className:i(e.className,Ze,S(Ze,{size:m,rounded:f,fillMode:b}),A(Ze,{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:c,readonly:d})),children:e.children})};oe.states=Gn;oe.options=$n;oe.className=Ze;oe.defaultOptions=Jn;oe.moduleName=De;oe.folderName=Ye;import{Fragment as Qn,jsx as vt}from"react/jsx-runtime";var No="k-clear-value",qn=[s.disabled,s.loading,s.readonly],Yn={},Q=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?vt(Qn,{}):vt("span",{className:i(e.className,No),children:vt(N,{icon:"x"})})};Q.states=qn;Q.options=Yn;Q.className=No;import{jsx as ei}from"react/jsx-runtime";var kt="k-input-inner",Zn=[],jn={},je={type:"text",autocomplete:"off",value:"",placeholder:""},Z=e=>{let{value:t=je.value,type:o=je.type,placeholder:a=je.placeholder,autocomplete:n=je.autocomplete,disabled:r,readOnly:c,...d}=e;return ei("input",{...d,type:o,className:i(e.className,kt,S(kt,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:r||void 0,readOnly:c||void 0})};Z.states=Zn;Z.options=jn;Z.className=kt;import{jsx as Lo,jsxs as ni}from"react/jsx-runtime";var St="k-input-inner",ti=[],oi={},ze=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:r,...c}=e;return ni("span",{...c,className:i(e.className,St,S(St,e)),children:[n,!n&&r&&Lo(N,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&Lo("span",{className:"k-input-value-text",children:t})]})};ze.states=ti;ze.options=oi;ze.className=St;import{jsx as si}from"react/jsx-runtime";var It="k-input-inner",ii=[],ai={},vo={value:"",placeholder:""},gt=e=>{let{value:t=vo.value,placeholder:o=vo.placeholder,rows:a,disabled:n,...r}=e;return si("textarea",{...r,className:i(e.className,It,S(It,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};gt.states=ii;gt.options=ai;gt.className=It;import{Fragment as li,jsx as ko}from"react/jsx-runtime";var So="k-input-loading-icon",ri=[s.disabled,s.loading],$=e=>{let{disabled:t,loading:o}=e;return t||!o?ko(li,{}):ko("span",{className:i(e.className,So,"k-icon k-i-loading")})};$.states=ri;$.className=So;import{Fragment as pi,jsx as Io}from"react/jsx-runtime";var go="k-input-validation-icon",ci=[s.valid,s.invalid,s.disabled,s.loading],di={},F=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,r=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Io(pi,{}):Io(N,{className:i(go),icon:r})};F.states=ci;F.options=di;F.className=go;import{Fragment as fi,jsx as Ao}from"react/jsx-runtime";var mi="k-input-prefix",ui={direction:"horizontal"},he=e=>{let{direction:t=ui.direction,...o}=e;return e.children?Ao("span",{...o,className:i(mi,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ao(fi,{})};import{Fragment as xi,jsx as Co}from"react/jsx-runtime";var bi="k-input-suffix",hi={direction:"horizontal"},xe=e=>{let{direction:t=hi.direction,...o}=e;return e.children?Co("span",{...o,className:i(bi,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Co(xi,{})};import{jsx as dl}from"react/jsx-runtime";import{jsx as fl}from"react/jsx-runtime";import{jsx as Li}from"react/jsx-runtime";var Eo="k-input-separator",Ni={direction:"vertical"},Ne=e=>{let{direction:t=Ni.direction,...o}=e;return Li("span",{...o,className:i(Eo,e.className,{[`${Eo}-${t}`]:t})})};import{Fragment as yo,jsx as J,jsxs as At}from"react/jsx-runtime";var vi=M.states,ki=M.defaultOptions,Si=M.options,Ii=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gi=[],Le=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:r,readonly:c,...d}=e,m=t?.prefix,f=t?.suffix,b=t?.["clear-button"],L=t?.["validation-icon"],v=t?.separators;return At(M,{...d,valid:o,invalid:a,loading:n,disabled:r,readonly:c,style:{width:300},children:[m&&At(yo,{children:[J(he,{children:J(N,{icon:"lock"})}),v&&J(Ne,{})]}),J(Z,{placeholder:"Placeholder",value:"Value"}),L&&J(F,{valid:o,invalid:a,loading:n,disabled:r}),J($,{loading:n,disabled:r}),b&&J(Q,{loading:n,disabled:r,readonly:c,value:"Value"}),f&&At(yo,{children:[v&&J(Ne,{}),J(xe,{children:J(de,{size:d.size,fillMode:"clear",children:"Send"})})]})]})};Le.options=Si;Le.states=vi;Le.variants=gi;Le.defaultOptions=ki;Le.modifiers=Ii;Le.className=M.className;var Ct="popup",Mo=Ct;import{jsx as To}from"react/jsx-runtime";var Oo="k-animation-container",Ai=[],Ci={},Et={positionMode:"absolute",shown:!0},W=e=>{let{positionMode:t=Et.positionMode,shown:o=Et.shown,animationStyle:a,offset:n,...r}=e;return To("div",{...r,style:{...n,...e.style},className:i(e.className,Oo,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:To("div",{className:"k-child-animation-container",style:a,children:e.children})})};W.states=Ai;W.options=Ci;W.className=Oo;W.defaultOptions=Et;W.moduleName=Ct;W.folderName=Mo;var yt="popup",Ro=yt;import{jsx as Ko}from"react/jsx-runtime";var _o="k-popup",Ei=[],yi={},Ho={positionMode:"absolute"},j=e=>{let{offset:t,positionMode:o=Ho.positionMode,animationStyle:a,containerClassName:n,containerRole:r,containerAriaLabel:c,...d}=e;return Ko(W,{positionMode:o,offset:t,animationStyle:a,className:n,role:r,"aria-label":c,children:Ko("div",{...d,className:i(e.className,_o),children:e.children})})};j.states=Ei;j.options=yi;j.className=_o;j.defaultOptions=Ho;j.moduleName=yt;j.folderName=Ro;j.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Mt="action-buttons",Po=Mt;import{jsx as Oi}from"react/jsx-runtime";var et="k-actions",Mi=[],Ti={},Tt={alignment:"start",orientation:"horizontal"},ne=e=>{let{alignment:t=Tt.alignment,orientation:o=Tt.orientation,...a}=e;return Oi("div",{...a,className:i(et,{[`${et}-${t}`]:t,[`${et}-${o}`]:o},e.className),children:e.children})};ne.states=Mi;ne.options=Ti;ne.className=et;ne.defaultOptions=Tt;ne.moduleName=Mt;ne.folderName=Po;import{jsx as Ki}from"react/jsx-runtime";var Ri="k-actionsheet-footer",wo={alignment:"stretched",orientation:"horizontal"},ve=e=>{let{alignment:t=wo.alignment,orientation:o=wo.orientation,template:a,as:n=a?"div":ne,...r}=e;return Ki(n,{...r,...!a&&{alignment:t,orientation:o},className:i(e.className,Ri),children:e.children})};var Ot="searchbox",Do=Ot;import{jsx as Be,jsxs as Pi}from"react/jsx-runtime";var zo="k-searchbox",_i=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Hi={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Rt={showIcon:!0,icon:"search"},ie=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:r,hover:c,focus:d,valid:m,invalid:f,required:b,loading:L,disabled:v,showIcon:I=Rt.showIcon,icon:D=Rt.icon,"aria-label":y,...k}=e;return Pi(M,{...k,size:a,rounded:n,fillMode:r,hover:c,focus:d,valid:m,invalid:f,required:b,loading:L,disabled:v,className:i(e.className,zo),children:[I&&Be(N,{className:"k-input-icon",icon:D}),Be(Z,{placeholder:o,value:t,"aria-label":y}),Be($,{...e}),Be(F,{...e}),Be(Q,{...e})]})};ie.states=_i;ie.options=Hi;ie.className=zo;ie.defaultOptions=Rt;ie.moduleName=Ot;ie.folderName=Do;import{jsx as Tc}from"react/jsx-runtime";var Kt="textbox",Bo=Kt;import{Fragment as Fo,jsx as ae,jsxs as _t}from"react/jsx-runtime";var Uo="k-textbox",wi=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Di={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},tt={showClearButton:!0,showValidationIcon:!0,separators:!0},O=e=>{let{size:t,rounded:o,fillMode:a,separators:n=tt.separators,showClearButton:r=tt.showClearButton,showValidationIcon:c=tt.showValidationIcon,prefix:d,suffix:m,type:f,value:b,placeholder:L,hover:v,focus:I,valid:D,invalid:y,required:k,loading:g,disabled:z,readonly:ce,id:Y,"aria-label":Te,"aria-describedby":Oe,...Re}=e;return _t(M,{...Re,size:t,rounded:o,fillMode:a,hover:v,focus:I,valid:D,invalid:y,required:k,loading:g,disabled:z,readonly:ce,className:i(e.className,Uo),children:[d&&_t(Fo,{children:[ae(he,{children:d}),n&&ae(Ne,{})]}),ae(Z,{id:Y,placeholder:L,value:b,type:f,disabled:z,"aria-label":Te,"aria-describedby":Oe,"aria-invalid":y?"true":void 0}),c&&ae(F,{valid:D,invalid:y,loading:g,disabled:z}),ae($,{loading:g,disabled:z}),r&&ae(Q,{loading:g,disabled:z,readonly:ce,value:b}),m&&_t(Fo,{children:[n&&ae(Ne,{}),ae(xe,{children:m})]})]})};O.states=wi;O.options=Di;O.className=Uo;O.defaultOptions=tt;O.moduleName=Kt;O.folderName=Bo;O.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Fe=O;import{jsx as zi}from"react/jsx-runtime";var Vo=e=>zi(Fe,{...e});import{Fragment as Wc,jsx as Jc}from"react/jsx-runtime";import{Fragment as ed,jsx as jc}from"react/jsx-runtime";import{jsx as id}from"react/jsx-runtime";import{jsx as Ht}from"react/jsx-runtime";var Bi=O.states,Fi=O.defaultOptions,Ui=O.options,Vi=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Xi=[],ke=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ht(N,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ht(de,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ht(Vo,{value:"Value",style:{width:300},...o,...a})};ke.options=Ui;ke.states=Bi;ke.variants=Xi;ke.defaultOptions=Fi;ke.modifiers=Vi;ke.className=O.className;import{jsx as se,jsxs as Pt}from"react/jsx-runtime";var Xo="k-actionsheet-titlebar",Gi={},U=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:r,input:c,inputValue:d,inputPlaceholder:m,adaptive:f,titleId:b,children:L,...v}=e;return Pt("div",{...v,className:i(e.className,Xo),children:[Pt("div",{className:"k-actionsheet-titlebar-group",children:[a&&se("div",{className:"k-actionsheet-actions",children:a}),!L&&Pt("div",{className:"k-actionsheet-title",id:b,children:[t&&se("div",{className:"k-text-center",children:t}),o&&se("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&se("div",{className:"k-actionsheet-title",id:b,children:L}),n&&se("div",{className:"k-actionsheet-actions",children:n})]}),(c||r)&&se("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?se(O,{value:d,placeholder:m,size:f?"large":"medium","aria-label":t||m||"Input"}):se(ie,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};U.className=Xo;U.defaultOptions=Gi;import{jsx as wt,jsxs as qi}from"react/jsx-runtime";var Dt="k-actionsheet-view",$i=[],Ji={},Wi={},Se=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:r,titleId:c,...d}=e,m=n?.type===U&&wt(U,{adaptive:t,titleId:c,...n?.props}),f=r?.type===ve&&wt(ve,{...r?.props});return qi("div",{...d,className:i(e.className,Dt,{[`${Dt}-animated`]:o}),children:[m,wt("div",{className:"k-actionsheet-content",children:a}),f]})};Se.states=$i;Se.options=Ji;Se.className=Dt;Se.defaultOptions=Wi;var Ue="action-sheet",ot=Ue;var zt="overlay",Go=zt;import{jsx as ji}from"react/jsx-runtime";var $o="k-overlay",Yi=[],Qi={},Zi={},re=e=>{let{...t}=e;return ji("div",{...t,className:i(e.className,$o),children:e.children})};re.states=Yi;re.options=Qi;re.className=$o;re.defaultOptions=Zi;re.moduleName=zt;re.folderName=Go;import{jsx as nt,jsxs as oa}from"react/jsx-runtime";var Jo="k-actionsheet",ea=[],ta={},Ve={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},C=e=>{let{side:t=Ve.side,fullscreen:o=Ve.fullscreen,adaptive:a=Ve.adaptive,overlay:n=Ve.overlay,template:r,children:c,header:d,footer:m,id:f,...b}=e,L=f&&!r&&d?`${f}-title`:void 0;return oa("div",{className:"k-actionsheet-container",children:[n&&nt(re,{}),nt(W,{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:nt("div",{...b,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":L,className:i(e.className,Jo,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:r||nt(Se,{header:d,footer:m,adaptive:a,titleId:L,...e,children:c})})})]})};C.states=ea;C.options=ta;C.className=Jo;C.defaultOptions=Ve;C.moduleName=Ue;C.folderName=ot;C.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as sa}from"react/jsx-runtime";var Wo="k-actionsheet-container",na=[],ia={},aa={},Ie=e=>{let{children:t,...o}=e;return sa("div",{...o,className:Wo,children:t})};Ie.states=na;Ie.options=ia;Ie.className=Wo;Ie.defaultOptions=aa;Ie.moduleName=Ue;Ie.folderName=ot;import{jsx as ra}from"react/jsx-runtime";var Bt=e=>{let{...t}=e;return ra("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as ca,jsx as Xe,jsxs as Ft}from"react/jsx-runtime";var Ut="k-actionsheet-item",la=[s.hover,s.focus,s.selected,s.disabled],le=e=>{let{iconName:t,text:o,description:a,hover:n,focus:r,selected:c,disabled:d,...m}=e;return Ft("span",{...m,className:i(e.className,Ut,A(Ut,{hover:n,focus:r,selected:c,disabled:d})),children:[!e.children&&Xe(ca,{children:Ft("span",{className:"k-actionsheet-action",children:[t&&Xe("span",{className:"k-icon-wrap",children:Xe(N,{className:"k-actionsheet-item-icon",icon:t})}),Ft("span",{className:"k-actionsheet-item-text",children:[o&&Xe("span",{className:"k-actionsheet-item-title",children:o}),a&&Xe("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};le.states=la;le.className=Ut;import{jsx as np,jsxs as ip}from"react/jsx-runtime";import{jsx as lp}from"react/jsx-runtime";import{jsx as mp}from"react/jsx-runtime";import{jsx as hp}from"react/jsx-runtime";import{jsx as E,jsxs as Vt}from"react/jsx-runtime";var da=C.options,pa=C.states,Yo={...C.defaultOptions,variant:"normal"},ma=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ua=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ge=e=>{let{variant:t,modifiers:o,...a}={...Yo,...e},n={},r=Vt(Bt,{children:[E(le,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),E(le,{text:"Add to Favorites",iconName:"heart"}),E(le,{text:"Upload New",iconName:"upload",disabled:!0}),E("hr",{className:"k-hr"}),E(le,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",d="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(m=>{switch(m){case"actions":n.actionsStart=!!o?.[m],n.actionsEnd=!!o?.[m];break;case"subtitle":n.subtitle=o?.[m]?c:void 0;break;case"footer":n.footer=!!o?.[m];break;default:break}}),t==="adaptive"?E(C,{...a,adaptive:!0,fullscreen:n.fullScreen,header:E(U,{actionsStart:n.actionsStart?E(h,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?E(h,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:d,subtitle:n.subtitle}),footer:n.footer?Vt(ve,{alignment:"stretched",children:[E(h,{text:"Cancel",size:"large",themeColor:"base"}),E(h,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):E(C,{...a,fullscreen:n.fullScreen,header:E(U,{actionsStart:n.actionsStart?E(h,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?E(h,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Vt(ve,{alignment:"stretched",children:[E(h,{text:"Apply",themeColor:"primary"}),E(h,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};ge.options=da;ge.states=pa;ge.variants=ma;ge.defaultOptions=Yo;ge.modifiers=ua;ge.className=C.className;import $t from"react";import{jsx as Qo}from"react/jsx-runtime";var fa="k-list-group-sticky-header",Xt=e=>Qo("div",{className:i(fa,e.className),children:Qo("div",{className:"k-list-header-text",children:e.children})});import{jsx as ha}from"react/jsx-runtime";var ba="k-no-data",Gt=e=>{let{live:t,...o}=e;return ha("span",{...o,className:i(ba,e.className),"aria-live":t?"polite":void 0,children:e.children})};var pe="list",Ae=pe;import{jsx as Zo,jsxs as jo}from"react/jsx-runtime";var Jt="k-list",xa=[],Na={size:[l.undefined,l.small,l.medium,l.large]},La={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:r,optionLabel:c,customValue:d,noData:m,screenReaders:f,...b}=e,v=$t.Children.toArray(a)[0],I=v?.props?.children?$t.Children.count(v.props.children):$t.Children.count(a);return jo("div",{...b,className:i(e.className,Jt,S(Jt,{size:t}),{"k-virtual-list":o}),children:[c,r,d,n&&Zo(Xt,{children:n}),a||(m!==void 0?m:Zo(Gt,{live:!0,children:"No data found."})),f&&a&&jo(Gt,{className:"k-sr-only",live:!0,children:[I," items found."]})]})};R.states=xa;R.options=Na;R.className=Jt;R.defaultOptions=La;R.moduleName=pe;R.folderName=Ae;R.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Ia}from"react/jsx-runtime";var en="k-list-container",va=[],ka={},Sa={},Ce=e=>{let{...t}=e;return Ia("div",{...t,className:i(e.className,en),children:e.children})};Ce.states=va;Ce.options=ka;Ce.className=en;Ce.defaultOptions=Sa;Ce.moduleName=pe;Ce.folderName=Ae;var me="checkbox",Ee=me;import{jsx as tn}from"react/jsx-runtime";var it="k-checkbox",ga=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Aa={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},Ca={},w=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:r,disabled:c,invalid:d,valid:m,required:f,size:b,rounded:L,wrapperRole:v,...I}=e;return tn("span",{className:"k-checkbox-wrap",role:v,children:tn("input",{...I,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:c||void 0,"aria-invalid":d?"true":void 0,className:i(e.className,it,S(it,{size:b,rounded:L}),A(it,{hover:n,focus:r,disabled:c,invalid:d,valid:m,indeterminate:a,checked:o}))})})};w.states=ga;w.options=Aa;w.className=it;w.defaultOptions=Ca;w.moduleName=me;w.folderName=Ee;w.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var V=w;import{jsx as Ma}from"react/jsx-runtime";var on="k-checkbox-list",Ea=[],ya={},nn={layout:"vertical"},K=e=>{let{layout:t=nn.layout,...o}=e;return Ma("ul",{...o,className:i(e.className,on,{[`k-list-${t}`]:t}),children:e.children})};K.states=Ea;K.options=ya;K.className=on;K.defaultOptions=nn;K.moduleName=me;K.folderName=Ee;import{jsx as Ka}from"react/jsx-runtime";var an="k-checkbox-list-item",Ta=[],Oa={},Ra={},_=e=>{let{...t}=e;return Ka("li",{...t,className:i(e.className,an),children:e.children})};_.states=Ta;_.options=Oa;_.className=an;_.defaultOptions=Ra;_.moduleName=me;_.folderName=Ee;import{Fragment as _a,jsx as sn,jsxs as Ha}from"react/jsx-runtime";var ee=({children:e="Label",id:t="cb-label-after",...o})=>Ha(_a,{children:[sn(V,{id:t,...o}),sn("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Am,jsx as gm,jsxs as Cm}from"react/jsx-runtime";import{Fragment as Om,jsx as Tm,jsxs as Rm}from"react/jsx-runtime";import{Fragment as wm,jsx as Pm,jsxs as Dm}from"react/jsx-runtime";import{jsx as Um}from"react/jsx-runtime";import{jsx as $m}from"react/jsx-runtime";import{jsx as Ym}from"react/jsx-runtime";import{jsx as B,jsxs as rn}from"react/jsx-runtime";var Pa=K.options,wa=K.states,Da={...K.defaultOptions,variant:"vertical"},za=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ba=[],ye=e=>{let{variant:t,...o}=e;return t==="horizontal"?rn(K,{layout:"horizontal",...o,children:[B(_,{children:B(ee,{id:P("cb"),defaultChecked:!0,children:"Label"})}),B(_,{children:B(ee,{id:P("cb"),children:"Label"})}),B(_,{children:B(ee,{id:P("cb"),children:"Label"})})]}):rn(K,{...o,children:[B(_,{children:B(ee,{id:P("cb"),defaultChecked:!0,children:"Label"})}),B(_,{children:B(ee,{id:P("cb"),children:"Label"})}),B(_,{children:B(ee,{id:P("cb"),children:"Label"})})]})};ye.options=Pa;ye.states=wa;ye.variants=za;ye.defaultOptions=Da;ye.modifiers=Ba;ye.className=K.className;import{jsx as $a}from"react/jsx-runtime";var Fa=V.options,Ua=V.states,Va=V.defaultOptions,Xa=[],Ga=[],Me=e=>$a(ee,{id:P("checkbox"),...e,defaultChecked:!0,children:"Label"});Me.options=Fa;Me.states=Ua;Me.variants=Xa;Me.defaultOptions=Va;Me.modifiers=Ga;Me.className=V.className;import{jsx as ue,jsxs as Ya}from"react/jsx-runtime";var Wt="k-list-item",Ja=[s.hover,s.focus,s.selected,s.disabled],Wa={},qa={},T=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:r,showCheckbox:c,checked:d,hover:m,focus:f,selected:b,disabled:L,actions:v,description:I,id:D,...y}=e,k=t||e.children;return Ya("li",{...y,id:D,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&b?"true":a?void 0:"false","aria-disabled":!a&&L?"true":void 0,className:i(e.className,a?"k-list-group-item":Wt,A(Wt,{hover:m,focus:f,disabled:L,selected:b})),children:[c&&ue(w,{checked:d}),n&&ue("span",{className:"k-list-item-icon-wrapper",children:ue(N,{icon:n,className:i("k-list-item-icon",r)})}),ue("span",{className:"k-list-item-text",children:k}),v&&ue("div",{className:"k-list-item-actions",children:v}),I&&ue("span",{className:"k-list-item-description",children:I}),o&&o!==""&&ue("div",{className:"k-list-item-group-label",children:o})]})};T.states=Ja;T.options=Wa;T.className=Wt;T.defaultOptions=qa;T.moduleName=pe;T.folderName=Ae;T.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Za}from"react/jsx-runtime";var Qa="k-list-ul",Ge=e=>{let{children:t,role:o,id:a,...n}=e;return Za("ul",{...n,id:a,role:o,className:i(Qa,e.className),children:t})};Ge.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as qt,jsxs as es}from"react/jsx-runtime";var ja="k-list-content",te=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:r,...c}=e;return es("div",{...c,className:i(ja,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:qt(Ge,{role:"listbox",id:r,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&qt("div",{className:"k-height-container",children:qt("div",{})})]})};te.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{jsx as Yt,jsxs as is}from"react/jsx-runtime";var at="k-list-sticky-header",ts=[s.hover,s.focus,s.selected],os={},ns={},st=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:r,focus:c,selected:d,...m}=e;return Yt("div",{...m,className:i(at,e.className),children:is("div",{className:i(`${at}-item`,A(`${at}-item`,{hover:r,focus:c,selected:d})),children:[o&&Yt(w,{checked:a,indeterminate:n,"aria-label":t}),Yt("span",{className:"k-list-item-text",children:t})]})})};st.states=ts;st.options=os;st.className=at;st.defaultOptions=ns;import{Fragment as Xu,jsx as Vu,jsxs as Gu}from"react/jsx-runtime";import{jsx as Qt,jsxs as ss}from"react/jsx-runtime";var as="k-list-group-item",Zt=e=>{let{groupIconName:t,...o}=e;return ss("li",{...o,role:"presentation",className:i(as,e.className),children:[t&&Qt("span",{className:"k-list-item-icon-wrapper",children:Qt(N,{icon:t,className:"k-list-item-icon"})}),Qt("span",{className:"k-list-item-text",children:e.children})]})};Zt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as ds}from"react/jsx-runtime";var jt="k-list-optionlabel",rs=[s.hover,s.focus,s.selected,s.disabled],ls={},cs={},rt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:r,...c}=e;return ds("div",{...c,className:i(jt,A(jt,{hover:o,focus:a,selected:n,disabled:r})),children:t})};rt.states=rs;rt.options=ls;rt.className=jt;rt.defaultOptions=cs;import{jsx as fs}from"react/jsx-runtime";var eo="k-list-custom-value",ps=[s.hover,s.focus,s.selected,s.disabled],ms={},us={},lt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:r,...c}=e;return fs("div",{...c,className:i(eo,A(eo,{hover:o,focus:a,selected:n,disabled:r})),children:t})};lt.states=ps;lt.options=ms;lt.className=eo;lt.defaultOptions=us;import{Fragment as lf,jsx as rf,jsxs as cf}from"react/jsx-runtime";import{Fragment as bf,jsx as ff,jsxs as hf}from"react/jsx-runtime";import{Fragment as If,jsx as kf,jsxs as Sf}from"react/jsx-runtime";import{Fragment as Tf,jsx as yf,jsxs as Mf}from"react/jsx-runtime";import{jsx as _f}from"react/jsx-runtime";import{Fragment as Bf,jsx as zf,jsxs as Ff}from"react/jsx-runtime";var ln="dropdown-list",cn="dropdownlist";import{Fragment as xs,jsx as H,jsxs as to}from"react/jsx-runtime";var dn="k-dropdownlist",bs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],hs={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},oo={showValue:!0,arrowIconName:"chevron-down"},q=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=oo.arrowIconName,showValue:r=oo.showValue,valueIconName:c,prefix:d,suffix:m,value:f,placeholder:b,hover:L,focus:v,valid:I,invalid:D,required:y,loading:k,disabled:g,readonly:z,popup:ce,opened:Y,adaptive:Te,adaptiveSettings:Oe,adaptiveTitle:Re,adaptiveSubtitle:un,adaptiveFilter:fn,id:Ke,activeDescendant:no,"aria-label":bn,...hn}=e,xn=Ke?`${Ke}-listbox`:void 0,io=Ke?`${Ke}-value`:void 0;return to(xs,{children:[to(oe,{...hn,id:Ke,size:t,rounded:o,fillMode:a,hover:L,focus:v,valid:I,invalid:D,required:y,loading:k,disabled:g,readonly:z,className:i(e.className,dn,{"k-icon-picker":!r&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?xn:void 0,"aria-activedescendant":Y&&no?no:void 0,"aria-describedby":Y?io:void 0,"aria-disabled":g?"true":void 0,"aria-label":bn,tabIndex:0,children:[H(he,{children:d}),H(ze,{placeholder:b,value:f,showValue:r,valueIconName:c,id:io}),H(F,{valid:I,invalid:D,loading:k,disabled:g}),H($,{loading:k,disabled:g}),H(xe,{children:m}),H(h,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":b||"Toggle dropdown",tabIndex:-1})]}),Y&&ce&&H(j,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ce}),Te&&H(C,{adaptive:!0,...Oe,header:H(U,{actionsEnd:H(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:fn,inputValue:f,inputPlaceholder:b,title:Re,subtitle:un}),children:H("div",{className:"k-list-container",children:H(R,{size:"large",children:to(te,{"aria-label":"Options",children:[H(T,{text:"List item"}),H(T,{text:"List item"}),H(T,{text:"List item"})]})})})})]})};q.states=bs;q.options=hs;q.className=dn;q.defaultOptions=oo;q.moduleName=ln;q.folderName=cn;q.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{Fragment as mn,jsx as X,jsxs as dt}from"react/jsx-runtime";var pn="k-calculated-field",Ns=[],Ls={},vs=dt(mn,{children:[X(N,{icon:"sum"}),X(q,{value:"SUM"}),X("span",{className:"k-spacer"}),X(N,{icon:"eye"}),X(q,{value:"Default"})]}),ct={headerContent:X("div",{className:"k-calculated-field-header-text",children:"Date.Calendar"}),headerActions:X(h,{fillMode:"flat",icon:"x"}),fieldActions:vs},$e=e=>{let{headerContent:t=ct.headerContent,headerActions:o=ct.headerActions,fieldActions:a=ct.fieldActions,children:n,...r}=e;return dt("div",{...r,className:i(e.className,pn),children:[dt("div",{className:"k-calculated-field-header",children:[t,o&&dt(mn,{children:[X("span",{className:"k-spacer"}),X("div",{className:"k-calculated-field-header-actions",children:o})]})]}),n&&X("div",{className:"k-calculated-field-content",children:n}),X("div",{className:"k-calculated-field-actions",children:a})]})};$e.states=Ns;$e.options=Ls;$e.className=pn;$e.defaultOptions=ct;var Sb=$e;export{pn as CALCULATEDFIELD_CLASSNAME,$e as CalculatedField,Sb as default};