@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 39.1 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"},W={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 z(e){return at[e]=(at[e]||0)+1,`k-${e}-${at[e]}`}import{Fragment as dn,jsx as qt}from"react/jsx-runtime";var it="k-font-icon",rn=[],sn={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]},ln={},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(dn,{})};Me.states=rn;Me.options=sn;Me.className=it;Me.defaultOptions=ln;var Jt=Me;import{Fragment as mn,jsx as Ge}from"react/jsx-runtime";var rt="k-svg-icon",cn=[],pn={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:[W.outline,W.solid,W.duotone]},st={viewBox:"0 0 24 24",variant:W.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(mn,{});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=cn;Oe.options=pn;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 fn}from"react";import{createContext as un}from"react";var Zt=un({iconsType:"svg"});import{Fragment as jt,jsx as Le}from"react/jsx-runtime";var Xe="k-icon",hn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),xn=[],bn={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:[W.outline,W.solid,W.duotone]},$e={viewBox:"0 0 24 24",type:"svg",variant:W.outline},N=e=>{let{iconsType:t}=fn(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:hn(`${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=xn;N.options=bn;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",vn=["icon-button"],Nn=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Tn={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:U,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(U,"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=Nn;v.options=Tn;v.variants=vn;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 kn}from"react/jsx-runtime";var no=e=>kn(v,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as In}from"react/jsx-runtime";var ao=e=>In(v,{icon:"folder",children:"Button",...e});import{jsx as Cn}from"react/jsx-runtime";var ce=e=>Cn(v,{children:"Button",...e});import{jsx as mt}from"react/jsx-runtime";var Sn=v.options,An=v.states,En={...v.defaultOptions,variant:"text"},wn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yn=[],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=Sn;fe.states=An;fe.variants=wn;fe.defaultOptions=En;fe.modifiers=yn;fe.className=v.className;var _e="input",We=_e;import{jsx as Ln}from"react/jsx-runtime";var qe="k-input",gn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Mn={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]},On={},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 Ln("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=gn;O.options=Mn;O.className=qe;O.defaultOptions=On;O.moduleName=_e;O.folderName=We;import{jsx as Pn}from"react/jsx-runtime";var Je="k-picker",Rn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.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]},Kn={},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 Pn("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=Rn;te.options=_n;te.className=Je;te.defaultOptions=Kn;te.moduleName=_e;te.folderName=We;import{Fragment as Bn,jsx as ut}from"react/jsx-runtime";var io="k-clear-value",Hn=[i.disabled,i.loading,i.readonly],Dn={},Q=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?ut(Bn,{}):ut("span",{className:r(e.className,io),children:ut(N,{icon:"x"})})};Q.states=Hn;Q.options=Dn;Q.className=io;import{jsx as Vn}from"react/jsx-runtime";var ft="k-input-inner",zn=[],Fn={},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 Vn("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=zn;Z.options=Fn;Z.className=ft;import{jsx as ro,jsxs as Xn}from"react/jsx-runtime";var ht="k-input-inner",Un=[],Gn={},Ke=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...d}=e;return Xn("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=Un;Ke.options=Gn;Ke.className=ht;import{jsx as qn}from"react/jsx-runtime";var xt="k-input-inner",$n=[],Wn={},so={value:"",placeholder:""},bt=e=>{let{value:t=so.value,placeholder:o=so.placeholder,rows:a,disabled:n,...s}=e;return qn("textarea",{...s,className:r(e.className,xt,C(xt,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};bt.states=$n;bt.options=Wn;bt.className=xt;import{Fragment as Yn,jsx as lo}from"react/jsx-runtime";var co="k-input-loading-icon",Jn=[i.disabled,i.loading],q=e=>{let{disabled:t,loading:o}=e;return t||!o?lo(Yn,{}):lo("span",{className:r(e.className,co,"k-icon k-i-loading")})};q.states=Jn;q.className=co;import{Fragment as jn,jsx as po}from"react/jsx-runtime";var mo="k-input-validation-icon",Qn=[i.valid,i.invalid,i.disabled,i.loading],Zn={},G=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?po(jn,{}):po(N,{className:r(mo),icon:s})};G.states=Qn;G.options=Zn;G.className=mo;import{Fragment as oa,jsx as uo}from"react/jsx-runtime";var ea="k-input-prefix",ta={direction:"horizontal"},he=e=>{let{direction:t=ta.direction,...o}=e;return e.children?uo("span",{...o,className:r(ea,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):uo(oa,{})};import{Fragment as ia,jsx as fo}from"react/jsx-runtime";var na="k-input-suffix",aa={direction:"horizontal"},xe=e=>{let{direction:t=aa.direction,...o}=e;return e.children?fo("span",{...o,className:r(na,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):fo(ia,{})};import{jsx as _s}from"react/jsx-runtime";import{jsx as Ds}from"react/jsx-runtime";import{jsx as sa}from"react/jsx-runtime";var ho="k-input-separator",ra={direction:"vertical"},be=e=>{let{direction:t=ra.direction,...o}=e;return sa("span",{...o,className:r(ho,e.className,{[`${ho}-${t}`]:t})})};import{Fragment as xo,jsx as J,jsxs as vt}from"react/jsx-runtime";var la=O.states,da=O.defaultOptions,ca=O.options,pa=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ma=[],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:[J(he,{children:J(N,{icon:"lock"})}),I&&J(be,{})]}),J(Z,{placeholder:"Placeholder",value:"Value"}),T&&J(G,{valid:o,invalid:a,loading:n,disabled:s}),J(q,{loading:n,disabled:s}),h&&J(Q,{loading:n,disabled:s,readonly:d,value:"Value"}),f&&vt(xo,{children:[I&&J(be,{}),J(xe,{children:J(ce,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};ve.options=ca;ve.states=la;ve.variants=ma;ve.defaultOptions=da;ve.modifiers=pa;ve.className=O.className;var Nt="popup",bo=Nt;import{jsx as vo}from"react/jsx-runtime";var No="k-animation-container",ua=[],fa={},Tt={positionMode:"absolute",shown:!0},Y=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})})};Y.states=ua;Y.options=fa;Y.className=No;Y.defaultOptions=Tt;Y.moduleName=Nt;Y.folderName=bo;var kt="popup",To=kt;import{jsx as ko}from"react/jsx-runtime";var Io="k-popup",ha=[],xa={},Co={positionMode:"absolute"},j=e=>{let{offset:t,positionMode:o=Co.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:d,...c}=e;return ko(Y,{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=ha;j.options=xa;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 Na}from"react/jsx-runtime";var Qe="k-actions",ba=[],va={},Ct={alignment:"start",orientation:"horizontal"},oe=e=>{let{alignment:t=Ct.alignment,orientation:o=Ct.orientation,...a}=e;return Na("div",{...a,className:r(Qe,{[`${Qe}-${t}`]:t,[`${Qe}-${o}`]:o},e.className),children:e.children})};oe.states=ba;oe.options=va;oe.className=Qe;oe.defaultOptions=Ct;oe.moduleName=It;oe.folderName=So;import{jsx as ka}from"react/jsx-runtime";var Ta="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 ka(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Ta),children:e.children})};var St="searchbox",Eo=St;import{jsx as Pe,jsxs as Sa}from"react/jsx-runtime";var wo="k-searchbox",Ia=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Ca={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 Sa(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(q,{...e}),Pe(G,{...e}),Pe(Q,{...e})]})};ne.states=Ia;ne.options=Ca;ne.className=wo;ne.defaultOptions=At;ne.moduleName=St;ne.folderName=Eo;import{jsx as ed}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",Aa=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ea={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:U,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:U,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(G,{valid:M,invalid:w,loading:E,disabled:H}),ae(q,{loading:E,disabled:H}),s&&ae(Q,{loading:E,disabled:H,readonly:U,value:h}),u&&wt(go,{children:[n&&ae(be,{}),ae(xe,{children:u})]})]})};_.states=Aa;_.options=Ea;_.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 wa}from"react/jsx-runtime";var Oo=e=>wa(He,{...e});import{Fragment as vd,jsx as bd}from"react/jsx-runtime";import{Fragment as Sd,jsx as Cd}from"react/jsx-runtime";import{jsx as yd}from"react/jsx-runtime";import{jsx as yt}from"react/jsx-runtime";var ya=_.states,ga=_.defaultOptions,Ma=_.options,Oa=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],La=[],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=Ma;Te.states=ya;Te.variants=La;Te.defaultOptions=ga;Te.modifiers=Oa;Te.className=_.className;import{jsx as ie,jsxs as gt}from"react/jsx-runtime";var Lo="k-actionsheet-titlebar",Ra={},X=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"})})]})};X.className=Lo;X.defaultOptions=Ra;import{jsx as Mt,jsxs as Ha}from"react/jsx-runtime";var Ot="k-actionsheet-view",_a=[],Ka={},Pa={},ke=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:d,...c}=e,u=n?.type===X&&Mt(X,{adaptive:t,titleId:d,...n?.props}),f=s?.type===Ne&&Mt(Ne,{...s?.props});return Ha("div",{...c,className:r(e.className,Ot,{[`${Ot}-animated`]:o}),children:[u,Mt("div",{className:"k-actionsheet-content",children:a}),f]})};ke.states=_a;ke.options=Ka;ke.className=Ot;ke.defaultOptions=Pa;var De="action-sheet",je=De;var Lt="overlay",Ro=Lt;import{jsx as Fa}from"react/jsx-runtime";var _o="k-overlay",Da=[],Ba={},za={},re=e=>{let{...t}=e;return Fa("div",{...t,className:r(e.className,_o),children:e.children})};re.states=Da;re.options=Ba;re.className=_o;re.defaultOptions=za;re.moduleName=Lt;re.folderName=Ro;import{jsx as et,jsxs as Ga}from"react/jsx-runtime";var Ko="k-actionsheet",Va=[],Ua={},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 Ga("div",{className:"k-actionsheet-container",children:[n&&et(re,{}),et(Y,{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=Va;y.options=Ua;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 qa}from"react/jsx-runtime";var Po="k-actionsheet-container",Xa=[],$a={},Wa={},Ie=e=>{let{children:t,...o}=e;return qa("div",{...o,className:Po,children:t})};Ie.states=Xa;Ie.options=$a;Ie.className=Po;Ie.defaultOptions=Wa;Ie.moduleName=De;Ie.folderName=je;import{jsx as Ja}from"react/jsx-runtime";var Rt=e=>{let{...t}=e;return Ja("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Qa,jsx as ze,jsxs as _t}from"react/jsx-runtime";var Kt="k-actionsheet-item",Ya=[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(Qa,{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=Ya;se.className=Kt;import{jsx as wc,jsxs as yc}from"react/jsx-runtime";import{jsx as Lc}from"react/jsx-runtime";import{jsx as Pc}from"react/jsx-runtime";import{jsx as zc}from"react/jsx-runtime";import{jsx as g,jsxs as Pt}from"react/jsx-runtime";var Za=y.options,ja=y.states,Do={...y.defaultOptions,variant:"normal"},ei=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ti=[{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(X,{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(X,{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=Za;Ce.states=ja;Ce.variants=ei;Ce.defaultOptions=Do;Ce.modifiers=ti;Ce.className=y.className;import Dt from"react";import Ht from"react";import{jsx as ni}from"react/jsx-runtime";var oi="k-treeview-group",D=e=>{let{children:t,dir:o,level:a=1,role:n="group",...s}=e;return ni("ul",{...s,className:r(e.className,oi),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",ai=[],ii={size:[l.undefined,l.small,l.medium,l.large]},ri={},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=ai;S.options=ii;S.className=Bt;S.defaultOptions=ri;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",si=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],li={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},di={},F=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}))})})};F.states=si;F.options=li;F.className=ot;F.defaultOptions=di;F.moduleName=pe;F.folderName=Se;F.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 $=F;import{jsx as mi}from"react/jsx-runtime";var Fo="k-checkbox-list",ci=[],pi={},Vo={layout:"vertical"},K=e=>{let{layout:t=Vo.layout,...o}=e;return mi("ul",{...o,className:r(e.className,Fo,{[`k-list-${t}`]:t}),children:e.children})};K.states=ci;K.options=pi;K.className=Fo;K.defaultOptions=Vo;K.moduleName=pe;K.folderName=Se;import{jsx as xi}from"react/jsx-runtime";var Uo="k-checkbox-list-item",ui=[],fi={},hi={},P=e=>{let{...t}=e;return xi("li",{...t,className:r(e.className,Uo),children:e.children})};P.states=ui;P.options=fi;P.className=Uo;P.defaultOptions=hi;P.moduleName=pe;P.folderName=Se;import{Fragment as bi,jsx as Go,jsxs as vi}from"react/jsx-runtime";var ee=({children:e="Label",id:t="cb-label-after",...o})=>vi(bi,{children:[Go($,{id:t,...o}),Go("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as zp,jsx as Bp,jsxs as Fp}from"react/jsx-runtime";import{Fragment as $p,jsx as Xp,jsxs as Wp}from"react/jsx-runtime";import{Fragment as Zp,jsx as Qp,jsxs as jp}from"react/jsx-runtime";import{jsx as nm}from"react/jsx-runtime";import{jsx as sm}from"react/jsx-runtime";import{jsx as pm}from"react/jsx-runtime";import{jsx as V,jsxs as Xo}from"react/jsx-runtime";var Ni=K.options,Ti=K.states,ki={...K.defaultOptions,variant:"vertical"},Ii=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ci=[],Ae=e=>{let{variant:t,...o}=e;return t==="horizontal"?Xo(K,{layout:"horizontal",...o,children:[V(P,{children:V(ee,{id:z("cb"),defaultChecked:!0,children:"Label"})}),V(P,{children:V(ee,{id:z("cb"),children:"Label"})}),V(P,{children:V(ee,{id:z("cb"),children:"Label"})})]}):Xo(K,{...o,children:[V(P,{children:V(ee,{id:z("cb"),defaultChecked:!0,children:"Label"})}),V(P,{children:V(ee,{id:z("cb"),children:"Label"})}),V(P,{children:V(ee,{id:z("cb"),children:"Label"})})]})};Ae.options=Ni;Ae.states=Ti;Ae.variants=Ii;Ae.defaultOptions=ki;Ae.modifiers=Ci;Ae.className=K.className;import{jsx as gi}from"react/jsx-runtime";var Si=$.options,Ai=$.states,Ei=$.defaultOptions,wi=[],yi=[],Ee=e=>gi(ee,{id:z("checkbox"),...e,defaultChecked:!0,children:"Label"});Ee.options=Si;Ee.states=Ai;Ee.variants=wi;Ee.defaultOptions=Ei;Ee.modifiers=yi;Ee.className=$.className;import{jsx as $o,jsxs as Li}from"react/jsx-runtime";var zt="k-treeview-leaf",Mi=[i.hover,i.focus,i.selected],Oi={},nt=e=>{let{text:t,showIcon:o,icon:a,hover:n,focus:s,selected:d,...c}=e;return Li("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=Mi;nt.options=Oi;nt.className=zt;var Wo=nt;import{jsx as Ve,jsxs as qo}from"react/jsx-runtime";var Jo="k-treeview-item",Ri=[i.hover,i.focus,i.selected,i.disabled],_i={},Ki={},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,U=a||o||s;return qo("li",{...H,className:r(e.className,Jo),style:{"--kendo-treeview-level":k},role:"treeitem","aria-expanded":U?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:[U&&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(F,{checked:h,disabled:M,"aria-label":d,tabIndex:-1}),Ve(Wo,{className:t,text:d,showIcon:c,icon:u})]}),n&&U&&Ft.Children.map(o,(B,de)=>Ft.isValidElement(B)?Ft.cloneElement(B,{dir:w,level:k+1,key:de}):B)]})};b.states=Ri;b.options=_i;b.className=Jo;b.defaultOptions=Ki;b.moduleName=Fe;b.folderName=tt;import{jsx as jm}from"react/jsx-runtime";import{jsx as nu,jsxs as au}from"react/jsx-runtime";import{jsx as lu,jsxs as du}from"react/jsx-runtime";import{jsx as uu,jsxs as fu}from"react/jsx-runtime";import{jsx as vu,jsxs as Nu}from"react/jsx-runtime";import{jsx as Cu,jsxs as Su}from"react/jsx-runtime";import{jsx as me,jsxs as Vt}from"react/jsx-runtime";var Pi=S.options,Hi=S.states,Di=S.defaultOptions,Bi=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],zi=[],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=Pi;we.states=Hi;we.variants=zi;we.defaultOptions=Di;we.modifiers=Bi;we.className=S.className;var Yo="dropdown-tree",Qo="dropdowntree";import{Fragment as Ui,jsx as A,jsxs as Ue}from"react/jsx-runtime";var Zo="k-dropdowntree",Fi=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Vi={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:U,opened:B,adaptive:de,adaptiveSettings:ye,adaptiveTitle:ge,adaptiveSubtitle:en,adaptiveFilter:tn,dir:Gt,id:Xt,treeviewId:on,"aria-label":nn,...an}=e,$t=Xt?`${Xt}-value`:void 0;return Ue(Ui,{children:[Ue(te,{...an,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?on:void 0,"aria-describedby":B?$t:void 0,"aria-disabled":E?"true":void 0,"aria-label":nn,tabIndex:0,children:[A(he,{children:c}),A(Ke,{placeholder:h,value:f,showValue:s,valueIconName:d,id:$t}),A(G,{valid:L,invalid:M,loading:k,disabled:E}),A(q,{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&&U&&A(j,{className:"k-list-container k-dropdowntree-popup",dir:Gt,containerRole:"region",containerAriaLabel:"DropdownTree options",children:U}),de&&A(y,{adaptive:!0,...ye,header:A(X,{actionsEnd:A(v,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:tn,inputValue:f,inputPlaceholder:h,title:ge,subtitle:en}),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=Fi;le.options=Vi;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 jo=le;import{jsx as Gi}from"react/jsx-runtime";var nf=e=>Gi(jo,{id:z("ddt"),"aria-label":"Select option",adaptive:!0,adaptiveTitle:"DropdownTree",adaptiveSettings:{id:z("ddt-as")},...e});export{nf as DropdownTreeAdaptive};