@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 38.9 kB
JavaScript
var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...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 C=(e,t)=>r({[`${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"}),R=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:d,active:c,selected:u,disabled:f,indeterminate:h,loading:T,empty:I,readonly:L,highlighted:M,...w}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":h&&!d,"k-loading":T,"k-empty":I,"k-readonly":L,"k-highlighted":M},Object.keys(w).reduce((k,E)=>(E.startsWith("k-")?k[E]=w[E]:k[`k-${E}`]=w[E],k),{}))};function Wt(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"},$={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},m={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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 at={};function Y(e){return at[e]=(at[e]||0)+1,`k-${e}-${at[e]}`}import{Fragment as ln,jsx as qt}from"react/jsx-runtime";var it="k-font-icon",an=[],rn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info]},sn={},Me=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...d}=e;return a?qt("span",{...d,className:r(e.className,it,C(it,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):qt(ln,{})};Me.states=an;Me.options=rn;Me.className=it;Me.defaultOptions=sn;var Jt=Me;import{Fragment as pn,jsx as Ge}from"react/jsx-runtime";var rt="k-svg-icon",dn=[],cn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[$.outline,$.solid,$.duotone]},st={viewBox:"0 0 24 24",variant:$.outline},Oe=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=st.viewBox,variant:d=st.variant,icon:c,...u}=e;if(!c)return Ge(pn,{});if(c==="none")return Ge("span",{...u,className:r(e.className,rt,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,h=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return Ge("span",{...u,className:r(e.className,rt,C("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:Ge("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:c?void 0:e.children})})};Oe.states=dn;Oe.options=cn;Oe.className=rt;Oe.defaultOptions=st;var lt=Oe;import*as dt from"@progress/kendo-svg-icons";var Yt="icon",Qt="icons";import{useContext as un}from"react";import{createContext as mn}from"react";var Zt=mn({iconsType:"svg"});import{Fragment as jt,jsx as Le}from"react/jsx-runtime";var Xe="k-icon",fn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),hn=[],xn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[$.outline,$.solid,$.duotone]},$e={viewBox:"0 0 24 24",type:"svg",variant:$.outline},N=e=>{let{iconsType:t}=un(Zt),{size:o,themeColor:a,icon:n,type:s=t||$e.type,rotate:d,flip:c,viewBox:u=$e.viewBox,variant:f=$e.variant,...h}=e;if(!n)return Le(jt,{});if((t||s)==="svg"){if(n==="none")return Le(lt,{...h,className:r(e.className,Xe),icon:n,size:o,variant:f});let I=dt[n]?n:fn(`${n}-icon`);return dt[I]?Le(lt,{...h,className:r(e.className,Xe),icon:dt[I],size:o,themeColor:a,rotate:d,flip:c,viewBox:u,variant:f}):Le(jt,{})}return Le(Jt,{...h,className:r(e.className,Xe),icon:n,size:o,themeColor:a,rotate:d,flip:c})};N.states=hn;N.options=xn;N.defaultOptions=$e;N.className=Xe;N.moduleName=Yt;N.folderName=Qt;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 ct="button",eo=ct;import{Fragment as to,jsx as ue,jsxs as oo}from"react/jsx-runtime";var Re="k-button",bn=["icon-button"],vn=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Nn={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:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.inverse]},pt={showArrow:!1,arrowIconName:"chevron-down"},v=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:d=pt.showArrow,arrowIconName:c=pt.arrowIconName,variant:u,hover:f,focus:h,active:T,selected:I,disabled:L,togglable:M,ariaDisabled:w,icon:k,iconSize:E,text:H,iconClassName:V,className:B,...de}=e,ye=k!=null,ge=e.children!==void 0;return oo(t,{className:r(B,Re,Wt(Re,u),C(Re,{size:o,rounded:a,fillMode:n,themeColor:s}),R(Re,{hover:f,focus:h,active:T,disabled:L||w,selected:I}),{"k-icon-button":!H&&!ge&&ye}),"aria-pressed":M?I?"true":"false":void 0,...de,"aria-disabled":w?"true":void 0,disabled:L||void 0,children:[typeof k=="string"&&k&&ue(N,{className:r(V,"k-button-icon"),icon:k,size:E}),k&&typeof k!="string"&&ue(to,{children:k}),H?oo(to,{children:[H&&ue("span",{className:"k-button-text",children:H}),e.children]}):e.children&&ue("span",{className:"k-button-text",children:e.children}),d&&ue("span",{className:"k-menu-button-arrow k-button-arrow",children:ue(N,{icon:c})})]})};v.states=vn;v.options=Nn;v.variants=bn;v.className=Re;v.defaultOptions=pt;v.moduleName=ct;v.folderName=eo;v.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 Tn}from"react/jsx-runtime";var no=e=>Tn(v,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as kn}from"react/jsx-runtime";var ao=e=>kn(v,{icon:"folder",children:"Button",...e});import{jsx as In}from"react/jsx-runtime";var ce=e=>In(v,{children:"Button",...e});import{jsx as mt}from"react/jsx-runtime";var Cn=v.options,Sn=v.states,An={...v.defaultOptions,variant:"text"},En=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wn=[],fe=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return mt(no,{...o,icon:"star"});case"icon-and-text":return mt(ao,{...o,icon:"star",children:"Button"});default:return mt(ce,{...o,children:"Button"})}};fe.options=Cn;fe.states=Sn;fe.variants=En;fe.defaultOptions=An;fe.modifiers=wn;fe.className=v.className;var _e="input",We=_e;import{jsx as On}from"react/jsx-runtime";var qe="k-input",yn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],gn={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]},Mn={},O=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:c,size:u,rounded:f,fillMode:h,...T}=e;return On("span",{...T,className:r(e.className,qe,C(qe,{size:u,rounded:f,fillMode:h}),R(qe,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:c}))})};O.states=yn;O.options=gn;O.className=qe;O.defaultOptions=Mn;O.moduleName=_e;O.folderName=We;import{jsx as Kn}from"react/jsx-runtime";var Je="k-picker",Ln=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Rn={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]},_n={},te=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:c,size:u,rounded:f,fillMode:h,...T}=e;return Kn("span",{...T,className:r(e.className,Je,C(Je,{size:u,rounded:f,fillMode:h}),R(Je,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:c})),children:e.children})};te.states=Ln;te.options=Rn;te.className=Je;te.defaultOptions=_n;te.moduleName=_e;te.folderName=We;import{Fragment as Dn,jsx as ut}from"react/jsx-runtime";var io="k-clear-value",Pn=[i.disabled,i.loading,i.readonly],Hn={},Q=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?ut(Dn,{}):ut("span",{className:r(e.className,io),children:ut(N,{icon:"x"})})};Q.states=Pn;Q.options=Hn;Q.className=io;import{jsx as Fn}from"react/jsx-runtime";var ft="k-input-inner",Bn=[],zn={},Ye={type:"text",autocomplete:"off",value:"",placeholder:""},Z=e=>{let{value:t=Ye.value,type:o=Ye.type,placeholder:a=Ye.placeholder,autocomplete:n=Ye.autocomplete,disabled:s,readOnly:d,...c}=e;return Fn("input",{...c,type:o,className:r(e.className,ft,C(ft,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};Z.states=Bn;Z.options=zn;Z.className=ft;import{jsx as ro,jsxs as Gn}from"react/jsx-runtime";var ht="k-input-inner",Vn=[],Un={},Ke=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...d}=e;return Gn("span",{...d,className:r(e.className,ht,C(ht,e)),children:[n,!n&&s&&ro(N,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ro("span",{className:"k-input-value-text",children:t})]})};Ke.states=Vn;Ke.options=Un;Ke.className=ht;import{jsx as Wn}from"react/jsx-runtime";var xt="k-input-inner",Xn=[],$n={},so={value:"",placeholder:""},bt=e=>{let{value:t=so.value,placeholder:o=so.placeholder,rows:a,disabled:n,...s}=e;return Wn("textarea",{...s,className:r(e.className,xt,C(xt,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};bt.states=Xn;bt.options=$n;bt.className=xt;import{Fragment as Jn,jsx as lo}from"react/jsx-runtime";var co="k-input-loading-icon",qn=[i.disabled,i.loading],W=e=>{let{disabled:t,loading:o}=e;return t||!o?lo(Jn,{}):lo("span",{className:r(e.className,co,"k-icon k-i-loading")})};W.states=qn;W.className=co;import{Fragment as Zn,jsx as po}from"react/jsx-runtime";var mo="k-input-validation-icon",Yn=[i.valid,i.invalid,i.disabled,i.loading],Qn={},U=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?po(Zn,{}):po(N,{className:r(mo),icon:s})};U.states=Yn;U.options=Qn;U.className=mo;import{Fragment as ta,jsx as uo}from"react/jsx-runtime";var jn="k-input-prefix",ea={direction:"horizontal"},he=e=>{let{direction:t=ea.direction,...o}=e;return e.children?uo("span",{...o,className:r(jn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):uo(ta,{})};import{Fragment as aa,jsx as fo}from"react/jsx-runtime";var oa="k-input-suffix",na={direction:"horizontal"},xe=e=>{let{direction:t=na.direction,...o}=e;return e.children?fo("span",{...o,className:r(oa,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):fo(aa,{})};import{jsx as Ls}from"react/jsx-runtime";import{jsx as Ps}from"react/jsx-runtime";import{jsx as ra}from"react/jsx-runtime";var ho="k-input-separator",ia={direction:"vertical"},be=e=>{let{direction:t=ia.direction,...o}=e;return ra("span",{...o,className:r(ho,e.className,{[`${ho}-${t}`]:t})})};import{Fragment as xo,jsx as q,jsxs as vt}from"react/jsx-runtime";var sa=O.states,la=O.defaultOptions,da=O.options,ca=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],pa=[],ve=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:d,...c}=e,u=t?.prefix,f=t?.suffix,h=t?.["clear-button"],T=t?.["validation-icon"],I=t?.separators;return vt(O,{...c,valid:o,invalid:a,loading:n,disabled:s,readonly:d,style:{width:300},children:[u&&vt(xo,{children:[q(he,{children:q(N,{icon:"lock"})}),I&&q(be,{})]}),q(Z,{placeholder:"Placeholder",value:"Value"}),T&&q(U,{valid:o,invalid:a,loading:n,disabled:s}),q(W,{loading:n,disabled:s}),h&&q(Q,{loading:n,disabled:s,readonly:d,value:"Value"}),f&&vt(xo,{children:[I&&q(be,{}),q(xe,{children:q(ce,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};ve.options=da;ve.states=sa;ve.variants=pa;ve.defaultOptions=la;ve.modifiers=ca;ve.className=O.className;var Nt="popup",bo=Nt;import{jsx as vo}from"react/jsx-runtime";var No="k-animation-container",ma=[],ua={},Tt={positionMode:"absolute",shown:!0},J=e=>{let{positionMode:t=Tt.positionMode,shown:o=Tt.shown,animationStyle:a,offset:n,...s}=e;return vo("div",{...s,style:{...n,...e.style},className:r(e.className,No,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:vo("div",{className:"k-child-animation-container",style:a,children:e.children})})};J.states=ma;J.options=ua;J.className=No;J.defaultOptions=Tt;J.moduleName=Nt;J.folderName=bo;var kt="popup",To=kt;import{jsx as ko}from"react/jsx-runtime";var Io="k-popup",fa=[],ha={},Co={positionMode:"absolute"},j=e=>{let{offset:t,positionMode:o=Co.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:d,...c}=e;return ko(J,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":d,children:ko("div",{...c,className:r(e.className,Io),children:e.children})})};j.states=fa;j.options=ha;j.className=Io;j.defaultOptions=Co;j.moduleName=kt;j.folderName=To;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 It="action-buttons",So=It;import{jsx as va}from"react/jsx-runtime";var Qe="k-actions",xa=[],ba={},Ct={alignment:"start",orientation:"horizontal"},oe=e=>{let{alignment:t=Ct.alignment,orientation:o=Ct.orientation,...a}=e;return va("div",{...a,className:r(Qe,{[`${Qe}-${t}`]:t,[`${Qe}-${o}`]:o},e.className),children:e.children})};oe.states=xa;oe.options=ba;oe.className=Qe;oe.defaultOptions=Ct;oe.moduleName=It;oe.folderName=So;import{jsx as Ta}from"react/jsx-runtime";var Na="k-actionsheet-footer",Ao={alignment:"stretched",orientation:"horizontal"},Ne=e=>{let{alignment:t=Ao.alignment,orientation:o=Ao.orientation,template:a,as:n=a?"div":oe,...s}=e;return Ta(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Na),children:e.children})};var St="searchbox",Eo=St;import{jsx as Pe,jsxs as Ca}from"react/jsx-runtime";var wo="k-searchbox",ka=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Ia={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]},At={showIcon:!0,icon:"search"},ne=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:d,focus:c,valid:u,invalid:f,required:h,loading:T,disabled:I,showIcon:L=At.showIcon,icon:M=At.icon,"aria-label":w,...k}=e;return Ca(O,{...k,size:a,rounded:n,fillMode:s,hover:d,focus:c,valid:u,invalid:f,required:h,loading:T,disabled:I,className:r(e.className,wo),children:[L&&Pe(N,{className:"k-input-icon",icon:M}),Pe(Z,{placeholder:o,value:t,"aria-label":w}),Pe(W,{...e}),Pe(U,{...e}),Pe(Q,{...e})]})};ne.states=ka;ne.options=Ia;ne.className=wo;ne.defaultOptions=At;ne.moduleName=St;ne.folderName=Eo;import{jsx as Zl}from"react/jsx-runtime";var Et="textbox",yo=Et;import{Fragment as go,jsx as ae,jsxs as wt}from"react/jsx-runtime";var Mo="k-textbox",Sa=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Aa={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]},Ze={showClearButton:!0,showValidationIcon:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ze.separators,showClearButton:s=Ze.showClearButton,showValidationIcon:d=Ze.showValidationIcon,prefix:c,suffix:u,type:f,value:h,placeholder:T,hover:I,focus:L,valid:M,invalid:w,required:k,loading:E,disabled:H,readonly:V,id:B,"aria-label":de,"aria-describedby":ye,...ge}=e;return wt(O,{...ge,size:t,rounded:o,fillMode:a,hover:I,focus:L,valid:M,invalid:w,required:k,loading:E,disabled:H,readonly:V,className:r(e.className,Mo),children:[c&&wt(go,{children:[ae(he,{children:c}),n&&ae(be,{})]}),ae(Z,{id:B,placeholder:T,value:h,type:f,disabled:H,"aria-label":de,"aria-describedby":ye,"aria-invalid":w?"true":void 0}),d&&ae(U,{valid:M,invalid:w,loading:E,disabled:H}),ae(W,{loading:E,disabled:H}),s&&ae(Q,{loading:E,disabled:H,readonly:V,value:h}),u&&wt(go,{children:[n&&ae(be,{}),ae(xe,{children:u})]})]})};_.states=Sa;_.options=Aa;_.className=Mo;_.defaultOptions=Ze;_.moduleName=Et;_.folderName=yo;_.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 He=_;import{jsx as Ea}from"react/jsx-runtime";var Oo=e=>Ea(He,{...e});import{Fragment as xd,jsx as hd}from"react/jsx-runtime";import{Fragment as Id,jsx as kd}from"react/jsx-runtime";import{jsx as Ed}from"react/jsx-runtime";import{jsx as yt}from"react/jsx-runtime";var wa=_.states,ya=_.defaultOptions,ga=_.options,Ma=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Oa=[],Te=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?yt(N,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?yt(ce,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),yt(Oo,{value:"Value",style:{width:300},...o,...a})};Te.options=ga;Te.states=wa;Te.variants=Oa;Te.defaultOptions=ya;Te.modifiers=Ma;Te.className=_.className;import{jsx as ie,jsxs as gt}from"react/jsx-runtime";var Lo="k-actionsheet-titlebar",La={},G=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:d,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:h,children:T,...I}=e;return gt("div",{...I,className:r(e.className,Lo),children:[gt("div",{className:"k-actionsheet-titlebar-group",children:[a&&ie("div",{className:"k-actionsheet-actions",children:a}),!T&>("div",{className:"k-actionsheet-title",id:h,children:[t&&ie("div",{className:"k-text-center",children:t}),o&&ie("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),T&&ie("div",{className:"k-actionsheet-title",id:h,children:T}),n&&ie("div",{className:"k-actionsheet-actions",children:n})]}),(d||s)&&ie("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?ie(_,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):ie(ne,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};G.className=Lo;G.defaultOptions=La;import{jsx as Mt,jsxs as Pa}from"react/jsx-runtime";var Ot="k-actionsheet-view",Ra=[],_a={},Ka={},ke=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:d,...c}=e,u=n?.type===G&&Mt(G,{adaptive:t,titleId:d,...n?.props}),f=s?.type===Ne&&Mt(Ne,{...s?.props});return Pa("div",{...c,className:r(e.className,Ot,{[`${Ot}-animated`]:o}),children:[u,Mt("div",{className:"k-actionsheet-content",children:a}),f]})};ke.states=Ra;ke.options=_a;ke.className=Ot;ke.defaultOptions=Ka;var De="action-sheet",je=De;var Lt="overlay",Ro=Lt;import{jsx as za}from"react/jsx-runtime";var _o="k-overlay",Ha=[],Da={},Ba={},re=e=>{let{...t}=e;return za("div",{...t,className:r(e.className,_o),children:e.children})};re.states=Ha;re.options=Da;re.className=_o;re.defaultOptions=Ba;re.moduleName=Lt;re.folderName=Ro;import{jsx as et,jsxs as Ua}from"react/jsx-runtime";var Ko="k-actionsheet",Fa=[],Va={},Be={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},y=e=>{let{side:t=Be.side,fullscreen:o=Be.fullscreen,adaptive:a=Be.adaptive,overlay:n=Be.overlay,template:s,children:d,header:c,footer:u,id:f,...h}=e,T=f&&!s&&c?`${f}-title`:void 0;return Ua("div",{className:"k-actionsheet-container",children:[n&&et(re,{}),et(J,{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:et("div",{...h,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":T,className:r(e.className,Ko,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||et(ke,{header:c,footer:u,adaptive:a,titleId:T,...e,children:d})})})]})};y.states=Fa;y.options=Va;y.className=Ko;y.defaultOptions=Be;y.moduleName=De;y.folderName=je;y.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 Wa}from"react/jsx-runtime";var Po="k-actionsheet-container",Ga=[],Xa={},$a={},Ie=e=>{let{children:t,...o}=e;return Wa("div",{...o,className:Po,children:t})};Ie.states=Ga;Ie.options=Xa;Ie.className=Po;Ie.defaultOptions=$a;Ie.moduleName=De;Ie.folderName=je;import{jsx as qa}from"react/jsx-runtime";var Rt=e=>{let{...t}=e;return qa("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Ya,jsx as ze,jsxs as _t}from"react/jsx-runtime";var Kt="k-actionsheet-item",Ja=[i.hover,i.focus,i.selected,i.disabled],se=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:d,disabled:c,...u}=e;return _t("span",{...u,className:r(e.className,Kt,R(Kt,{hover:n,focus:s,selected:d,disabled:c})),children:[!e.children&&ze(Ya,{children:_t("span",{className:"k-actionsheet-action",children:[t&&ze("span",{className:"k-icon-wrap",children:ze(N,{className:"k-actionsheet-item-icon",icon:t})}),_t("span",{className:"k-actionsheet-item-text",children:[o&&ze("span",{className:"k-actionsheet-item-title",children:o}),a&&ze("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};se.states=Ja;se.className=Kt;import{jsx as Ac,jsxs as Ec}from"react/jsx-runtime";import{jsx as Mc}from"react/jsx-runtime";import{jsx as _c}from"react/jsx-runtime";import{jsx as Dc}from"react/jsx-runtime";import{jsx as g,jsxs as Pt}from"react/jsx-runtime";var Qa=y.options,Za=y.states,Do={...y.defaultOptions,variant:"normal"},ja=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ei=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ce=e=>{let{variant:t,modifiers:o,...a}={...Do,...e},n={},s=Pt(Rt,{children:[g(se,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),g(se,{text:"Add to Favorites",iconName:"heart"}),g(se,{text:"Upload New",iconName:"upload",disabled:!0}),g("hr",{className:"k-hr"}),g(se,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?d:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?g(y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:g(G,{actionsStart:n.actionsStart?g(v,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?g(v,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Pt(Ne,{alignment:"stretched",children:[g(v,{text:"Cancel",size:"large",themeColor:"base"}),g(v,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):g(y,{...a,fullscreen:n.fullScreen,header:g(G,{actionsStart:n.actionsStart?g(v,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?g(v,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Pt(Ne,{alignment:"stretched",children:[g(v,{text:"Apply",themeColor:"primary"}),g(v,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Ce.options=Qa;Ce.states=Za;Ce.variants=ja;Ce.defaultOptions=Do;Ce.modifiers=ei;Ce.className=y.className;import Dt from"react";import Ht from"react";import{jsx as oi}from"react/jsx-runtime";var ti="k-treeview-group",D=e=>{let{children:t,dir:o,level:a=1,role:n="group",...s}=e;return oi("ul",{...s,className:r(e.className,ti),role:n,children:Ht.Children.map(t,(d,c)=>Ht.isValidElement(d)?Ht.cloneElement(d,{dir:o,level:a,key:c}):d)})};var Fe="treeview",tt=Fe;import{jsx as Bo}from"react/jsx-runtime";var Bt="k-treeview",ni=[],ai={size:[l.undefined,l.small,l.medium,l.large]},ii={},S=e=>{let{size:t,children:o,dir:a,...n}=e;return Bo("div",{...n,dir:a,className:r(e.className,Bt,C(Bt,{size:t})),children:Bo(D,{className:"k-treeview-lines",role:"tree",dir:a,children:Dt.Children.map(o,(s,d)=>Dt.isValidElement(s)?Dt.cloneElement(s,{dir:a,key:d}):s)})})};S.states=ni;S.options=ai;S.className=Bt;S.defaultOptions=ii;S.moduleName=Fe;S.folderName=tt;S.ariaSpec={selector:".k-treeview",rules:[{selector:".k-treeview-lines",attribute:"role=tree",usage:"The root list element of the treeview."},{selector:".k-treeview-group:not(.k-treeview-lines)",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-treeview-item",attribute:"role=treeitem",usage:"The li element rendered for a tree node."},{selector:".k-treeview-item",attribute:"aria-expanded=true/false (when present)",usage:"Announces the expanded state of the node."},{selector:".k-treeview-item",attribute:"aria-checked=true/false (when present)",usage:"Announces the checked state of the node when checkboxes are enabled."},{selector:".k-treeview-item",attribute:"aria-selected=true (when present)",usage:"Announces the selected state of the node when selection is enabled."},{selector:".k-treeview-item .k-checkbox",attribute:"aria-label",usage:"The checkbox input must have an accessible name matching the treeview item text."},{selector:".k-treeview-item .k-checkbox",attribute:"tabindex=-1",usage:"The checkbox input must not be in the tab order. Keyboard interaction is handled by the treeitem."}]};import Ft from"react";var pe="checkbox",Se=pe;import{jsx as zo}from"react/jsx-runtime";var ot="k-checkbox",ri=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],si={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},li={},z=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:d,invalid:c,valid:u,required:f,size:h,rounded:T,wrapperRole:I,...L}=e;return zo("span",{className:"k-checkbox-wrap",role:I,children:zo("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,ot,C(ot,{size:h,rounded:T}),R(ot,{hover:n,focus:s,disabled:d,invalid:c,valid:u,indeterminate:a,checked:o}))})})};z.states=ri;z.options=si;z.className=ot;z.defaultOptions=li;z.moduleName=pe;z.folderName=Se;z.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 X=z;import{jsx as pi}from"react/jsx-runtime";var Fo="k-checkbox-list",di=[],ci={},Vo={layout:"vertical"},K=e=>{let{layout:t=Vo.layout,...o}=e;return pi("ul",{...o,className:r(e.className,Fo,{[`k-list-${t}`]:t}),children:e.children})};K.states=di;K.options=ci;K.className=Fo;K.defaultOptions=Vo;K.moduleName=pe;K.folderName=Se;import{jsx as hi}from"react/jsx-runtime";var Uo="k-checkbox-list-item",mi=[],ui={},fi={},P=e=>{let{...t}=e;return hi("li",{...t,className:r(e.className,Uo),children:e.children})};P.states=mi;P.options=ui;P.className=Uo;P.defaultOptions=fi;P.moduleName=pe;P.folderName=Se;import{Fragment as xi,jsx as Go,jsxs as bi}from"react/jsx-runtime";var ee=({children:e="Label",id:t="cb-label-after",...o})=>bi(xi,{children:[Go(X,{id:t,...o}),Go("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Dp,jsx as Hp,jsxs as Bp}from"react/jsx-runtime";import{Fragment as Gp,jsx as Up,jsxs as Xp}from"react/jsx-runtime";import{Fragment as Yp,jsx as Jp,jsxs as Qp}from"react/jsx-runtime";import{jsx as tm}from"react/jsx-runtime";import{jsx as im}from"react/jsx-runtime";import{jsx as dm}from"react/jsx-runtime";import{jsx as F,jsxs as Xo}from"react/jsx-runtime";var vi=K.options,Ni=K.states,Ti={...K.defaultOptions,variant:"vertical"},ki=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ii=[],Ae=e=>{let{variant:t,...o}=e;return t==="horizontal"?Xo(K,{layout:"horizontal",...o,children:[F(P,{children:F(ee,{id:Y("cb"),defaultChecked:!0,children:"Label"})}),F(P,{children:F(ee,{id:Y("cb"),children:"Label"})}),F(P,{children:F(ee,{id:Y("cb"),children:"Label"})})]}):Xo(K,{...o,children:[F(P,{children:F(ee,{id:Y("cb"),defaultChecked:!0,children:"Label"})}),F(P,{children:F(ee,{id:Y("cb"),children:"Label"})}),F(P,{children:F(ee,{id:Y("cb"),children:"Label"})})]})};Ae.options=vi;Ae.states=Ni;Ae.variants=ki;Ae.defaultOptions=Ti;Ae.modifiers=Ii;Ae.className=K.className;import{jsx as yi}from"react/jsx-runtime";var Ci=X.options,Si=X.states,Ai=X.defaultOptions,Ei=[],wi=[],Ee=e=>yi(ee,{id:Y("checkbox"),...e,defaultChecked:!0,children:"Label"});Ee.options=Ci;Ee.states=Si;Ee.variants=Ei;Ee.defaultOptions=Ai;Ee.modifiers=wi;Ee.className=X.className;import{jsx as $o,jsxs as Oi}from"react/jsx-runtime";var zt="k-treeview-leaf",gi=[i.hover,i.focus,i.selected],Mi={},nt=e=>{let{text:t,showIcon:o,icon:a,hover:n,focus:s,selected:d,...c}=e;return Oi("span",{...c,className:r(e.className,zt,R(zt,{hover:n,focus:s,selected:d})),children:[o&&$o(N,{icon:a}),$o("span",{className:"k-treeview-leaf-text",children:t})]})};nt.states=gi;nt.options=Mi;nt.className=zt;var Wo=nt;import{jsx as Ve,jsxs as qo}from"react/jsx-runtime";var Jo="k-treeview-item",Li=[i.hover,i.focus,i.selected,i.disabled],Ri={},_i={},b=e=>{let{leafClassName:t,children:o,hasChildren:a,expanded:n,loading:s,text:d,showIcon:c,icon:u,showCheckbox:f,checked:h,hover:T,focus:I,selected:L,disabled:M,dir:w,level:k=1,ariaSelected:E,...H}=e,V=a||o||s;return qo("li",{...H,className:r(e.className,Jo),style:{"--kendo-treeview-level":k},role:"treeitem","aria-expanded":V?n?"true":"false":void 0,"aria-checked":f?h?"true":"false":void 0,"aria-selected":E?"true":void 0,"aria-disabled":M?"true":void 0,children:[qo("span",{className:r("k-treeview-item-content",R("k-treeview-item-content",{hover:T,focus:I,selected:L,disabled:M})),children:[V&&Ve("span",{className:r("k-treeview-toggle",R("k-treeview-toggle",{disabled:M})),children:s?Ve("span",{className:"k-icon k-i-loading"}):Ve(N,{icon:n?"chevron-down":w==="rtl"?"chevron-left":"chevron-right"})}),f&&Ve(z,{checked:h,disabled:M,"aria-label":d,tabIndex:-1}),Ve(Wo,{className:t,text:d,showIcon:c,icon:u})]}),n&&V&&Ft.Children.map(o,(B,de)=>Ft.isValidElement(B)?Ft.cloneElement(B,{dir:w,level:k+1,key:de}):B)]})};b.states=Li;b.options=Ri;b.className=Jo;b.defaultOptions=_i;b.moduleName=Fe;b.folderName=tt;import{jsx as Qm}from"react/jsx-runtime";import{jsx as tu,jsxs as ou}from"react/jsx-runtime";import{jsx as ru,jsxs as su}from"react/jsx-runtime";import{jsx as pu,jsxs as mu}from"react/jsx-runtime";import{jsx as xu,jsxs as bu}from"react/jsx-runtime";import{jsx as ku,jsxs as Iu}from"react/jsx-runtime";import{jsx as me,jsxs as Vt}from"react/jsx-runtime";var Ki=S.options,Pi=S.states,Hi=S.defaultOptions,Di=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Bi=[],we=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{n==="checkboxes"&&(a.showCheckbox=t?.[n])}),Vt(S,{...o,children:[me(b,{text:"Furniture",expanded:!0,...a,children:Vt(D,{children:[me(b,{text:"Tables & Chairs",...a}),me(b,{text:"Sofas",...a}),me(b,{text:"Occasional Furniture",...a})]})}),Vt(b,{text:"Decor",expanded:!1,...a,children:[me(b,{text:"Bed Linen",...a}),me(b,{text:"Curtains & Blinds",...a}),me(b,{text:"Carpets",...a})]})]})};we.options=Ki;we.states=Pi;we.variants=Bi;we.defaultOptions=Hi;we.modifiers=Di;we.className=S.className;var Yo="dropdown-tree",Qo="dropdowntree";import{Fragment as Vi,jsx as A,jsxs as Ue}from"react/jsx-runtime";var Zo="k-dropdowntree",zi=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Fi={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]},Ut={showValue:!0,arrowIconName:"chevron-down"},le=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ut.arrowIconName,showValue:s=Ut.showValue,valueIconName:d,prefix:c,suffix:u,value:f,placeholder:h,hover:T,focus:I,valid:L,invalid:M,required:w,loading:k,disabled:E,readonly:H,popup:V,opened:B,adaptive:de,adaptiveSettings:ye,adaptiveTitle:ge,adaptiveSubtitle:jo,adaptiveFilter:en,dir:Gt,id:Xt,treeviewId:tn,"aria-label":on,...nn}=e,$t=Xt?`${Xt}-value`:void 0;return Ue(Vi,{children:[Ue(te,{...nn,dir:Gt,size:t,rounded:o,fillMode:a,hover:T,focus:I,valid:L,invalid:M,required:w,loading:k,disabled:E,readonly:H,className:r(e.className,Zo,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"tree","aria-expanded":B?"true":"false","aria-controls":B?tn:void 0,"aria-describedby":B?$t:void 0,"aria-disabled":E?"true":void 0,"aria-label":on,tabIndex:0,children:[A(he,{children:c}),A(Ke,{placeholder:h,value:f,showValue:s,valueIconName:d,id:$t}),A(U,{valid:L,invalid:M,loading:k,disabled:E}),A(W,{loading:k,disabled:E}),A(xe,{children:u}),A(v,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":"Open popup",tabIndex:-1})]}),B&&V&&A(j,{className:"k-list-container k-dropdowntree-popup",dir:Gt,containerRole:"region",containerAriaLabel:"DropdownTree options",children:V}),de&&A(y,{adaptive:!0,...ye,header:A(G,{actionsEnd:A(v,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:en,inputValue:f,inputPlaceholder:h,title:ge,subtitle:jo}),children:Ue(S,{size:"large",children:[A(b,{text:"Root 1"}),A(b,{text:"Root 2",expanded:!0,children:Ue(D,{children:[A(b,{text:"Child 2.1"}),A(b,{text:"Child 2.2",children:A(D,{children:A(b,{text:"Child 2.2.1"})})}),A(b,{text:"Child 2.3"})]})}),A(b,{text:"Root 3",children:Ue(D,{children:[A(b,{text:"Child 3.1"}),A(b,{text:"Child 3.2"}),A(b,{text:"Child 3.3"})]})})]})})]})};le.states=zi;le.options=Fi;le.className=Zo;le.defaultOptions=Ut;le.moduleName=Yo;le.folderName=Qo;le.ariaSpec={rules:[{selector:".k-dropdowntree",attribute:"role=combobox",usage:"Announces the dropdown tree element."},{selector:".k-dropdowntree",attribute:"aria-haspopup=tree",usage:"Indicates the presence of a tree popup."},{selector:".k-dropdowntree",attribute:"aria-expanded",usage:"Announces the popup visibility state."},{selector:".k-dropdowntree",attribute:"aria-label",usage:"Accessible name for the dropdown tree."},{selector:".k-dropdowntree",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdowntree.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown tree is disabled."},{selector:".k-dropdowntree .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdowntree .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."}]};var Qu=le;export{Zo as DROPDOWNTREE_CLASSNAME,le as DropdownTree,Qu as default};