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