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