@progress/kendo-themes-html 14.7.0-dev.2 → 14.7.0-dev.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/chat/chat-message.spec.js +1 -1
- package/dist/cjs/chat/chat.spec.js +1 -1
- package/dist/cjs/chat/demos/chat.js +1 -1
- package/dist/cjs/chat/templates/chat-empty.js +1 -1
- package/dist/cjs/chat/templates/chat-expandable.js +1 -1
- package/dist/cjs/chat/templates/chat-failed.js +1 -1
- package/dist/cjs/chat/templates/chat-message-skeleton.js +1 -1
- package/dist/cjs/chat/templates/chat-message-toolbar.js +1 -1
- package/dist/cjs/chat/templates/chat-normal.js +1 -1
- package/dist/cjs/chat/templates/chat-pinned.js +1 -1
- package/dist/cjs/chat/templates/chat-stop-response.js +1 -1
- package/dist/cjs/chat/templates/chat-textarea-file.js +1 -1
- package/dist/cjs/chat/templates/chat-typing.js +1 -1
- package/dist/cjs/chat/templates/chat-upload.js +1 -1
- package/dist/cjs/dropdowntree/demos/dropdowntree.js +1 -1
- package/dist/cjs/dropdowntree/dropdowntree.spec.js +1 -1
- package/dist/cjs/dropdowntree/templates/dropdowntree-adaptive.js +1 -1
- package/dist/cjs/dropdowntree/templates/dropdowntree-disabled.js +1 -1
- package/dist/cjs/dropdowntree/templates/dropdowntree-filtering.js +1 -1
- package/dist/cjs/dropdowntree/templates/dropdowntree-normal.js +1 -1
- package/dist/cjs/dropdowntree/templates/dropdowntree-popup.js +1 -1
- package/dist/cjs/filemanager/demos/filemanager.js +1 -1
- package/dist/cjs/filemanager/file-info.js +1 -1
- package/dist/cjs/filemanager/filemanager-treeview.spec.js +1 -1
- package/dist/cjs/filemanager/templates/filemanager-grid-preview.js +1 -1
- package/dist/cjs/filemanager/templates/filemanager-grid.js +1 -1
- package/dist/cjs/filemanager/templates/filemanager-normal.js +1 -1
- package/dist/cjs/filemanager/templates/filemanager-preview.js +1 -1
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/multiselecttree/demos/multiselecttree.js +1 -1
- package/dist/cjs/multiselecttree/multiselecttree.spec.js +1 -1
- package/dist/cjs/multiselecttree/templates/multiselecttree-adaptive.js +1 -1
- package/dist/cjs/multiselecttree/templates/multiselecttree-arrow-button.js +1 -1
- package/dist/cjs/multiselecttree/templates/multiselecttree-disabled.js +1 -1
- package/dist/cjs/multiselecttree/templates/multiselecttree-filtering.js +1 -1
- package/dist/cjs/multiselecttree/templates/multiselecttree-normal.js +1 -1
- package/dist/cjs/multiselecttree/templates/multiselecttree-popup.js +1 -1
- package/dist/cjs/multiselecttree/templates/multiselecttree-value.js +1 -1
- package/dist/cjs/pivotgrid/demos/pivotgrid.js +1 -1
- package/dist/cjs/pivotgrid/templates/pivotgrid-normal.js +1 -1
- package/dist/cjs/pivotgrid/templates/pivotgrid-with-configurator-disabled-actions.js +1 -1
- package/dist/cjs/pivotgrid/templates/pivotgrid-with-configurator-opened.js +1 -1
- package/dist/cjs/pivotgrid/templates/pivotgrid-with-configurator.js +1 -1
- package/dist/cjs/prompt-box/demos/prompt-box.js +1 -1
- package/dist/cjs/prompt-box/prompt-box.spec.js +1 -1
- package/dist/cjs/prompt-box/templates/prompt-box-auto-expanded.js +1 -1
- package/dist/cjs/prompt-box/templates/prompt-box-auto.js +1 -1
- package/dist/cjs/prompt-box/templates/prompt-box-multi.js +1 -1
- package/dist/cjs/prompt-box/templates/prompt-box-single.js +1 -1
- package/dist/cjs/prompt-box/templates/prompt-box-stop-response.js +1 -1
- package/dist/cjs/treeview/demos/treeview.js +1 -1
- package/dist/cjs/treeview/templates/treeview-checkboxes.js +1 -1
- package/dist/cjs/treeview/templates/treeview-hierarchy.js +1 -1
- package/dist/cjs/treeview/templates/treeview-icons.js +1 -1
- package/dist/cjs/treeview/templates/treeview-load-more.js +1 -1
- package/dist/cjs/treeview/templates/treeview-normal.js +1 -1
- package/dist/cjs/treeview/templates/treeview-selected.js +1 -1
- package/dist/cjs/treeview/treeview-item.spec.js +1 -1
- package/dist/cjs/treeview/treeview-leaf.js +1 -1
- package/dist/esm/chat/chat-message.spec.mjs +1 -1
- package/dist/esm/chat/chat.spec.mjs +1 -1
- package/dist/esm/chat/demos/chat.mjs +1 -1
- package/dist/esm/chat/templates/chat-empty.mjs +1 -1
- package/dist/esm/chat/templates/chat-expandable.mjs +1 -1
- package/dist/esm/chat/templates/chat-failed.mjs +1 -1
- package/dist/esm/chat/templates/chat-message-skeleton.mjs +1 -1
- package/dist/esm/chat/templates/chat-message-toolbar.mjs +1 -1
- package/dist/esm/chat/templates/chat-normal.mjs +1 -1
- package/dist/esm/chat/templates/chat-pinned.mjs +1 -1
- package/dist/esm/chat/templates/chat-stop-response.mjs +1 -1
- package/dist/esm/chat/templates/chat-textarea-file.mjs +1 -1
- package/dist/esm/chat/templates/chat-typing.mjs +1 -1
- package/dist/esm/chat/templates/chat-upload.mjs +1 -1
- package/dist/esm/dropdowntree/demos/dropdowntree.mjs +1 -1
- package/dist/esm/dropdowntree/dropdowntree.spec.mjs +1 -1
- package/dist/esm/dropdowntree/templates/dropdowntree-adaptive.mjs +1 -1
- package/dist/esm/dropdowntree/templates/dropdowntree-disabled.mjs +1 -1
- package/dist/esm/dropdowntree/templates/dropdowntree-filtering.mjs +1 -1
- package/dist/esm/dropdowntree/templates/dropdowntree-normal.mjs +1 -1
- package/dist/esm/dropdowntree/templates/dropdowntree-popup.mjs +1 -1
- package/dist/esm/filemanager/demos/filemanager.mjs +1 -1
- package/dist/esm/filemanager/file-info.mjs +1 -1
- package/dist/esm/filemanager/filemanager-treeview.spec.mjs +1 -1
- package/dist/esm/filemanager/templates/filemanager-grid-preview.mjs +1 -1
- package/dist/esm/filemanager/templates/filemanager-grid.mjs +1 -1
- package/dist/esm/filemanager/templates/filemanager-normal.mjs +1 -1
- package/dist/esm/filemanager/templates/filemanager-preview.mjs +1 -1
- package/dist/esm/index.mjs +4 -4
- package/dist/esm/multiselecttree/demos/multiselecttree.mjs +1 -1
- package/dist/esm/multiselecttree/multiselecttree.spec.mjs +1 -1
- package/dist/esm/multiselecttree/templates/multiselecttree-adaptive.mjs +1 -1
- package/dist/esm/multiselecttree/templates/multiselecttree-arrow-button.mjs +1 -1
- package/dist/esm/multiselecttree/templates/multiselecttree-disabled.mjs +1 -1
- package/dist/esm/multiselecttree/templates/multiselecttree-filtering.mjs +1 -1
- package/dist/esm/multiselecttree/templates/multiselecttree-normal.mjs +1 -1
- package/dist/esm/multiselecttree/templates/multiselecttree-popup.mjs +1 -1
- package/dist/esm/multiselecttree/templates/multiselecttree-value.mjs +1 -1
- package/dist/esm/pivotgrid/demos/pivotgrid.mjs +1 -1
- package/dist/esm/pivotgrid/templates/pivotgrid-normal.mjs +1 -1
- package/dist/esm/pivotgrid/templates/pivotgrid-with-configurator-disabled-actions.mjs +1 -1
- package/dist/esm/pivotgrid/templates/pivotgrid-with-configurator-opened.mjs +1 -1
- package/dist/esm/pivotgrid/templates/pivotgrid-with-configurator.mjs +1 -1
- package/dist/esm/prompt-box/demos/prompt-box.mjs +1 -1
- package/dist/esm/prompt-box/prompt-box.spec.mjs +1 -1
- package/dist/esm/prompt-box/templates/prompt-box-auto-expanded.mjs +1 -1
- package/dist/esm/prompt-box/templates/prompt-box-auto.mjs +1 -1
- package/dist/esm/prompt-box/templates/prompt-box-multi.mjs +1 -1
- package/dist/esm/prompt-box/templates/prompt-box-single.mjs +1 -1
- package/dist/esm/prompt-box/templates/prompt-box-stop-response.mjs +1 -1
- package/dist/esm/treeview/demos/treeview.mjs +1 -1
- package/dist/esm/treeview/templates/treeview-checkboxes.mjs +1 -1
- package/dist/esm/treeview/templates/treeview-hierarchy.mjs +1 -1
- package/dist/esm/treeview/templates/treeview-icons.mjs +1 -1
- package/dist/esm/treeview/templates/treeview-load-more.mjs +1 -1
- package/dist/esm/treeview/templates/treeview-normal.mjs +1 -1
- package/dist/esm/treeview/templates/treeview-selected.mjs +1 -1
- package/dist/esm/treeview/treeview-item.spec.mjs +1 -1
- package/dist/esm/treeview/treeview-leaf.mjs +1 -1
- package/dist/types/prompt-box/prompt-box.spec.d.ts +1 -1
- package/dist/types/treeview/treeview-item.spec.d.ts +1 -0
- package/dist/types/treeview/treeview-leaf.d.ts +1 -0
- package/package.json +1 -1
- package/src/prompt-box/prompt-box.spec.tsx +9 -7
- package/src/treeview/treeview-item.spec.tsx +5 -1
- package/src/treeview/treeview-leaf.tsx +3 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var T=(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"}),w=(e,t)=>{let{valid:o,invalid:n,hover:a,focus:l,checked:d,active:c,selected:u,disabled:x,indeterminate:v,loading:C,empty:I,readonly:y,highlighted:k,...L}=t;return r({"k-valid":o,"k-invalid":n,"k-hover":a,"k-focus":l,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":x,"k-indeterminate":v&&!d,"k-loading":C,"k-empty":I,"k-readonly":y,"k-highlighted":k},Object.keys(L).reduce((E,S)=>(S.startsWith("k-")?E[S]=L[S]:E[`k-${S}`]=L[S],E),{}))};function vo(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var s={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"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},ee={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 Mt={};function J(e){return Mt[e]=(Mt[e]||0)+1,`k-${e}-${Mt[e]}`}var Ue="input",rt=Ue;import{jsx as Vn}from"react/jsx-runtime";var st="k-input",Dn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Bn={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Fn={},O=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:x,fillMode:v,...C}=e;return Vn("span",{...C,className:r(e.className,st,T(st,{size:u,rounded:x,fillMode:v}),w(st,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c}))})};O.states=Dn;O.options=Bn;O.className=st;O.defaultOptions=Fn;O.moduleName=Ue;O.folderName=rt;import{jsx as $n}from"react/jsx-runtime";var lt="k-picker",Un=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Gn={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Xn={},Ce=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:x,fillMode:v,...C}=e;return $n("span",{...C,className:r(e.className,lt,T(lt,{size:u,rounded:x,fillMode:v}),w(lt,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c})),children:e.children})};Ce.states=Un;Ce.options=Gn;Ce.className=lt;Ce.defaultOptions=Xn;Ce.moduleName=Ue;Ce.folderName=rt;import{Fragment as Yn,jsx as No}from"react/jsx-runtime";var yt="k-font-icon",Wn=[],Jn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info]},qn={},Ge=e=>{let{size:t,themeColor:o,icon:n,rotate:a,flip:l,...d}=e;return n?No("span",{...d,className:r(e.className,yt,T(yt,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):No(Yn,{})};Ge.states=Wn;Ge.options=Jn;Ge.className=yt;Ge.defaultOptions=qn;var Co=Ge;import{Fragment as jn,jsx as dt}from"react/jsx-runtime";var kt="k-svg-icon",Qn=[],Zn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[ee.outline,ee.solid,ee.duotone]},Lt={viewBox:"0 0 24 24",variant:ee.outline},Xe=e=>{let{size:t,themeColor:o,rotate:n,flip:a,viewBox:l=Lt.viewBox,variant:d=Lt.variant,icon:c,...u}=e;if(!c)return dt(jn,{});if(c==="none")return dt("span",{...u,className:r(e.className,kt,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,v=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return dt("span",{...u,className:r(e.className,kt,T("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:dt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:v!==void 0?{__html:v}:void 0,children:c?void 0:e.children})})};Xe.states=Qn;Xe.options=Zn;Xe.className=kt;Xe.defaultOptions=Lt;var Ot=Xe;import*as wt from"@progress/kendo-svg-icons";var To="icon",Ao="icons";import{useContext as ta}from"react";import{createContext as ea}from"react";var Io=ea({iconsType:"svg"});import{Fragment as Eo,jsx as $e}from"react/jsx-runtime";var ct="k-icon",oa=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),na=[],aa={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[ee.outline,ee.solid,ee.duotone]},pt={viewBox:"0 0 24 24",type:"svg",variant:ee.outline},b=e=>{let{iconsType:t}=ta(Io),{size:o,themeColor:n,icon:a,type:l=t||pt.type,rotate:d,flip:c,viewBox:u=pt.viewBox,variant:x=pt.variant,...v}=e;if(!a)return $e(Eo,{});if((t||l)==="svg"){if(a==="none")return $e(Ot,{...v,className:r(e.className,ct),icon:a,size:o,variant:x});let I=wt[a]?a:oa(`${a}-icon`);return wt[I]?$e(Ot,{...v,className:r(e.className,ct),icon:wt[I],size:o,themeColor:n,rotate:d,flip:c,viewBox:u,variant:x}):$e(Eo,{})}return $e(Co,{...v,className:r(e.className,ct),icon:a,size:o,themeColor:n,rotate:d,flip:c})};b.states=na;b.options=aa;b.defaultOptions=pt;b.className=ct;b.moduleName=To;b.folderName=Ao;import{Fragment as sa,jsx as gt}from"react/jsx-runtime";var So="k-clear-value",ia=[i.disabled,i.loading,i.readonly],ra={},q=e=>{let{disabled:t,loading:o,readonly:n,value:a}=e;return t||n||o||!a?gt(sa,{}):gt("span",{className:r(e.className,So),children:gt(b,{icon:"x"})})};q.states=ia;q.options=ra;q.className=So;import{jsx as ca}from"react/jsx-runtime";var Rt="k-input-inner",la=[],da={},mt={type:"text",autocomplete:"off",value:"",placeholder:""},ae=e=>{let{value:t=mt.value,type:o=mt.type,placeholder:n=mt.placeholder,autocomplete:a=mt.autocomplete,disabled:l,readOnly:d,...c}=e;return ca("input",{...c,type:o,className:r(e.className,Rt,T(Rt,e)),placeholder:n,autoComplete:a,defaultValue:t,disabled:l||void 0,readOnly:d||void 0})};ae.states=la;ae.options=da;ae.className=Rt;import{jsx as Mo,jsxs as ua}from"react/jsx-runtime";var Kt="k-input-inner",pa=[],ma={},_t=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:a,valueIconName:l,...d}=e;return ua("span",{...d,className:r(e.className,Kt,T(Kt,e)),children:[a,!a&&l&&Mo(b,{className:"k-input-value-icon",icon:l}),n&&!t&&o,n&&t&&Mo("span",{className:"k-input-value-text",children:t})]})};_t.states=pa;_t.options=ma;_t.className=Kt;import{jsx as xa}from"react/jsx-runtime";var Pt="k-input-inner",fa=[],ha={},yo={value:"",placeholder:""},Ht=e=>{let{value:t=yo.value,placeholder:o=yo.placeholder,rows:n,disabled:a,...l}=e;return xa("textarea",{...l,className:r(e.className,Pt,T(Pt,e)),placeholder:o,rows:n,defaultValue:t,disabled:a||void 0})};Ht.states=fa;Ht.options=ha;Ht.className=Pt;import{Fragment as va,jsx as ko}from"react/jsx-runtime";var Lo="k-input-loading-icon",ba=[i.disabled,i.loading],te=e=>{let{disabled:t,loading:o}=e;return t||!o?ko(va,{}):ko("span",{className:r(e.className,Lo,"k-icon k-i-loading")})};te.states=ba;te.className=Lo;import{Fragment as Ta,jsx as Oo}from"react/jsx-runtime";var wo="k-input-validation-icon",Na=[i.valid,i.invalid,i.disabled,i.loading],Ca={},Y=e=>{let{valid:t,invalid:o,disabled:n,loading:a}=e,l=o?"warning-circle":"check-circle";return n||a||!!!(t||o)?Oo(Ta,{}):Oo(b,{className:r(wo),icon:l})};Y.states=Na;Y.options=Ca;Y.className=wo;import{Fragment as Ea,jsx as go}from"react/jsx-runtime";var Aa="k-input-prefix",Ia={direction:"horizontal"},Te=e=>{let{direction:t=Ia.direction,...o}=e;return e.children?go("span",{...o,className:r(Aa,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):go(Ea,{})};import{Fragment as ya,jsx as Ro}from"react/jsx-runtime";var Sa="k-input-suffix",Ma={direction:"horizontal"},Ae=e=>{let{direction:t=Ma.direction,...o}=e;return e.children?Ro("span",{...o,className:r(Sa,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ro(ya,{})};import{jsx as Cl}from"react/jsx-runtime";import{jsx as El}from"react/jsx-runtime";import{jsx as La}from"react/jsx-runtime";var Ko="k-input-separator",ka={direction:"vertical"},Ie=e=>{let{direction:t=ka.direction,...o}=e;return La("span",{...o,className:r(Ko,e.className,{[`${Ko}-${t}`]:t})})};var zt="button",_o=zt;import{Fragment as Po,jsx as Ee,jsxs as Ho}from"react/jsx-runtime";var We="k-button",Oa=["icon-button"],wa=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],ga={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.inverse]},Dt={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:n,fillMode:a,themeColor:l,showArrow:d=Dt.showArrow,arrowIconName:c=Dt.arrowIconName,variant:u,hover:x,focus:v,active:C,selected:I,disabled:y,togglable:k,ariaDisabled:L,icon:E,iconSize:S,text:P,iconClassName:U,className:j,...fe}=e,Fe=E!=null,Ve=e.children!==void 0;return Ho(t,{className:r(j,We,vo(We,u),T(We,{size:o,rounded:n,fillMode:a,themeColor:l}),w(We,{hover:x,focus:v,active:C,disabled:y||L,selected:I}),{"k-icon-button":!P&&!Ve&&Fe}),"aria-pressed":k?I?"true":"false":void 0,...fe,"aria-disabled":L?"true":void 0,disabled:y||void 0,children:[typeof E=="string"&&E&&Ee(b,{className:r(U,"k-button-icon"),icon:E,size:S}),E&&typeof E!="string"&&Ee(Po,{children:E}),P?Ho(Po,{children:[P&&Ee("span",{className:"k-button-text",children:P}),e.children]}):e.children&&Ee("span",{className:"k-button-text",children:e.children}),d&&Ee("span",{className:"k-menu-button-arrow k-button-arrow",children:Ee(b,{icon:c})})]})};N.states=wa;N.options=ga;N.variants=Oa;N.className=We;N.defaultOptions=Dt;N.moduleName=zt;N.folderName=_o;import{jsx as Ra}from"react/jsx-runtime";var he=e=>Ra(N,{children:"Button",...e});import{Fragment as zo,jsx as oe,jsxs as Bt}from"react/jsx-runtime";var Ka=O.states,_a=O.defaultOptions,Pa=O.options,Ha=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],za=[],Se=e=>{let{modifiers:t,valid:o,invalid:n,loading:a,disabled:l,readonly:d,...c}=e,u=t?.prefix,x=t?.suffix,v=t?.["clear-button"],C=t?.["validation-icon"],I=t?.separators;return Bt(O,{...c,valid:o,invalid:n,loading:a,disabled:l,readonly:d,style:{width:300},children:[u&&Bt(zo,{children:[oe(Te,{children:oe(b,{icon:"lock"})}),I&&oe(Ie,{})]}),oe(ae,{placeholder:"Placeholder",value:"Value"}),C&&oe(Y,{valid:o,invalid:n,loading:a,disabled:l}),oe(te,{loading:a,disabled:l}),v&&oe(q,{loading:a,disabled:l,readonly:d,value:"Value"}),x&&Bt(zo,{children:[I&&oe(Ie,{}),oe(Ae,{children:oe(he,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Se.options=Pa;Se.states=Ka;Se.variants=za;Se.defaultOptions=_a;Se.modifiers=Ha;Se.className=O.className;import{jsx as Da}from"react/jsx-runtime";var Do=e=>Da(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Ba}from"react/jsx-runtime";var Bo=e=>Ba(N,{icon:"folder",children:"Button",...e});import{jsx as Ft}from"react/jsx-runtime";var Fa=N.options,Va=N.states,Ua={...N.defaultOptions,variant:"text"},Ga=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xa=[],Me=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ft(Do,{...o,icon:"star"});case"icon-and-text":return Ft(Bo,{...o,icon:"star",children:"Button"});default:return Ft(he,{...o,children:"Button"})}};Me.options=Fa;Me.states=Va;Me.variants=Ga;Me.defaultOptions=Ua;Me.modifiers=Xa;Me.className=N.className;import{jsx as ut}from"react/jsx-runtime";var $a="k-chip-action";var ie=e=>{let{type:t,...o}=e,n;switch(t){case"remove":n=ut(b,{icon:"x-circle",size:"small"});break;case"more":n=ut(b,{icon:"more-vertical",size:"small"});break;default:return ut(b,{icon:t,size:"small"})}return ut("span",{...o,className:r(e.className,$a,`k-chip-${t}-action`),children:n})};var Vt="avatar",Fo=Vt;import{jsx as Vo}from"react/jsx-runtime";var Je="k-avatar";var Wa=[i.hover,i.focus,i.active,i.selected,i.disabled],Ja={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary]},Ut={type:"text",border:!1},B=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,type:l=Ut.type,border:d=Ut.border,...c}=e;return Vo("div",{...c,className:r(e.className,Je,T(Je,{size:t,rounded:o,fillMode:n,themeColor:a}),{[`${Je}-bordered`]:d}),children:Vo("span",{className:`${Je}-${l}`,children:e.children})})};B.states=Wa;B.options=Ja;B.className=Je;B.defaultOptions=Ut;B.moduleName=Vt;B.folderName=Fo;var xe=B;import{jsx as qa}from"react/jsx-runtime";var Uo=e=>qa(xe,{type:"icon",...e});import{jsx as Ya}from"react/jsx-runtime";var Go=e=>Ya(xe,{type:"text",...e});import{jsx as Qa}from"react/jsx-runtime";var Xo=e=>Qa(xe,{type:"image",...e});import{jsx as Zd}from"react/jsx-runtime";import{jsx as qe}from"react/jsx-runtime";var Za=B.options,ja=B.states,ei={...B.defaultOptions,variant:"image"},ti=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],oi=[],ye=e=>{let{variant:t,...o}=e;switch(t){case"icon":return qe(Uo,{...o,children:qe(b,{icon:"star"})});case"text":return qe(Go,{...o,children:"JO"});default:return qe(Xo,{...o,children:qe("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ye.options=Za;ye.states=ja;ye.variants=ti;ye.defaultOptions=ei;ye.modifiers=oi;ye.className=B.className;var Ye="chip",ft=Ye,ht="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as ke,jsxs as ii}from"react/jsx-runtime";var xt="k-chip",ni=[i.hover,i.focus,i.active,i.selected,i.disabled],ai={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[m.undefined,m.base,m.success,m.warning,m.error,m.info]},$o={avatarImage:"/packages/html/assets/avatar.jpg"},H=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,text:l,icon:d,actions:c,showAvatar:u,avatarImage:x=$o.avatarImage,hover:v,focus:C,active:I,selected:y,disabled:k,...L}=e;return ii("div",{...L,className:r(e.className,xt,T(xt,{size:t,rounded:o,fillMode:n,themeColor:a}),w(xt,{hover:v,focus:C,active:I,disabled:k,selected:y})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:y?"true":"false",...e.role==="option"&&y!==void 0&&{"aria-selected":y?"true":"false"},"aria-disabled":k?"true":void 0,children:[d&&ke(b,{className:"k-chip-icon",icon:d,size:"small"}),u&&ke(B,{className:"k-chip-avatar",type:"image",children:ke("img",{src:x,alt:""})}),ke("span",{className:"k-chip-content",children:e.children?e.children:l&&ke("span",{className:"k-chip-label",children:l})}),c&&ke("span",{className:"k-chip-actions",children:c})]})};H.states=ni;H.options=ai;H.className=xt;H.defaultOptions=$o;H.moduleName=Ye;H.folderName=ft;var G=H;import{jsx as di}from"react/jsx-runtime";var Gt="k-chip-list",ri=[],si={size:[s.undefined,s.small,s.medium,s.large]},li={},g=e=>{let{size:t,multiselectable:o,ariaLabel:n,...a}=e;return di("div",{...a,className:r(e.className,Gt,T(Gt,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:n||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};g.states=ri;g.options=si;g.className=Gt;g.defaultOptions=li;g.moduleName=Ye;g.folderName=ft;import{jsx as kc}from"react/jsx-runtime";import{jsx as gc}from"react/jsx-runtime";import{jsx as ci}from"react/jsx-runtime";var bt=e=>ci(G,{text:"text",...e});import{jsx as Bc}from"react/jsx-runtime";import{jsx as Gc}from"react/jsx-runtime";import{Fragment as Yc,jsx as qc,jsxs as Qc}from"react/jsx-runtime";import{jsx as op,jsxs as np}from"react/jsx-runtime";import{jsx as lp,jsxs as dp}from"react/jsx-runtime";import{jsx as hp,jsxs as xp}from"react/jsx-runtime";import{jsx as Le,jsxs as xi}from"react/jsx-runtime";var pi={...G.options,...g.options},mi=[],ui=g.states,fi={...G.defaultOptions,...g.defaultOptions},hi=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Oe=e=>{let{modifiers:t,className:o,...n}=e,a=t?.icon,l=t?.actions,d=t?.avatar,c=d?ht:void 0;return xi(g,{size:n.size,className:o,children:[Le(bt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Le(ie,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),Le(bt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Le(ie,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),Le(bt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Le(ie,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"})]})};Oe.options=pi;Oe.states=ui;Oe.variants=mi;Oe.defaultOptions=fi;Oe.modifiers=hi;Oe.className=g.className;import{jsx as Xt}from"react/jsx-runtime";var bi=H.states,vi=H.defaultOptions,Ni=H.options,Ci=[],Ti=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],we=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"icon":n.icon=t?.[a]?"arrow-down":void 0;break;case"avatar":n.showAvatar=!!t?.[a],n.avatarImage=t?.[a]?ht:void 0;break;case"more-options":n.actions||(n.actions=[]),n.actions[0]=t?.[a]?Xt(ie,{type:"more"}):void 0;break;case"remove-icon":n.actions||(n.actions=[]),n.actions[1]=t?.[a]?Xt(ie,{type:"remove"}):void 0;break;default:break}}),Xt(H,{...o,...n,children:"Chip component"})};we.options=Ni;we.states=bi;we.variants=Ci;we.defaultOptions=vi;we.modifiers=Ti;we.className=H.className;var $t="popup",Wo=$t;import{jsx as Jo}from"react/jsx-runtime";var qo="k-animation-container",Ai=[],Ii={},Wt={positionMode:"absolute",shown:!0},ne=e=>{let{positionMode:t=Wt.positionMode,shown:o=Wt.shown,animationStyle:n,offset:a,...l}=e;return Jo("div",{...l,style:{...a,...e.style},className:r(e.className,qo,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Jo("div",{className:"k-child-animation-container",style:n,children:e.children})})};ne.states=Ai;ne.options=Ii;ne.className=qo;ne.defaultOptions=Wt;ne.moduleName=$t;ne.folderName=Wo;var Jt="popup",Yo=Jt;import{jsx as Qo}from"react/jsx-runtime";var Zo="k-popup",Ei=[],Si={},jo={positionMode:"absolute"},se=e=>{let{offset:t,positionMode:o=jo.positionMode,animationStyle:n,containerClassName:a,containerRole:l,containerAriaLabel:d,...c}=e;return Qo(ne,{positionMode:o,offset:t,animationStyle:n,className:a,role:l,"aria-label":d,children:Qo("div",{...c,className:r(e.className,Zo),children:e.children})})};se.states=Ei;se.options=Si;se.className=Zo;se.defaultOptions=jo;se.moduleName=Jt;se.folderName=Yo;var qt="action-buttons",en=qt;import{jsx as ki}from"react/jsx-runtime";var vt="k-actions",Mi=[],yi={},Yt={alignment:"start",orientation:"horizontal"},le=e=>{let{alignment:t=Yt.alignment,orientation:o=Yt.orientation,...n}=e;return ki("div",{...n,className:r(vt,{[`${vt}-${t}`]:t,[`${vt}-${o}`]:o},e.className),children:e.children})};le.states=Mi;le.options=yi;le.className=vt;le.defaultOptions=Yt;le.moduleName=qt;le.folderName=en;import{jsx as Oi}from"react/jsx-runtime";var Li="k-actionsheet-footer",tn={alignment:"stretched",orientation:"horizontal"},ge=e=>{let{alignment:t=tn.alignment,orientation:o=tn.orientation,template:n,as:a=n?"div":le,...l}=e;return Oi(a,{...l,...!n&&{alignment:t,orientation:o},className:r(e.className,Li),children:e.children})};var Qt="searchbox",on=Qt;import{jsx as Qe,jsxs as Ri}from"react/jsx-runtime";var nn="k-searchbox",wi=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],gi={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Nt={showIcon:!0,showClearButton:!0,icon:"search"},de=e=>{let{value:t,placeholder:o,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:x,required:v,loading:C,disabled:I,showIcon:y=Nt.showIcon,showClearButton:k=Nt.showClearButton,icon:L=Nt.icon,"aria-label":E,...S}=e;return Ri(O,{...S,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:x,required:v,loading:C,disabled:I,className:r(e.className,nn),children:[y&&Qe(b,{className:"k-input-icon",icon:L}),Qe(ae,{placeholder:o,value:t,"aria-label":E}),Qe(te,{...e}),Qe(Y,{...e}),k&&Qe(q,{...e})]})};de.states=wi;de.options=gi;de.className=nn;de.defaultOptions=Nt;de.moduleName=Qt;de.folderName=on;import{jsx as Om}from"react/jsx-runtime";var Zt="textbox",an=Zt;import{Fragment as rn,jsx as ce,jsxs as jt}from"react/jsx-runtime";var sn="k-textbox",Ki=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],_i={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ct={showClearButton:!0,showValidationIcon:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:n,separators:a=Ct.separators,showClearButton:l=Ct.showClearButton,showValidationIcon:d=Ct.showValidationIcon,prefix:c,suffix:u,type:x,value:v,placeholder:C,hover:I,focus:y,valid:k,invalid:L,required:E,loading:S,disabled:P,readonly:U,id:j,"aria-label":fe,"aria-describedby":Fe,...Ve}=e;return jt(O,{...Ve,size:t,rounded:o,fillMode:n,hover:I,focus:y,valid:k,invalid:L,required:E,loading:S,disabled:P,readonly:U,className:r(e.className,sn),children:[c&&jt(rn,{children:[ce(Te,{children:c}),a&&ce(Ie,{})]}),ce(ae,{id:j,placeholder:C,value:v,type:x,disabled:P,"aria-label":fe,"aria-describedby":Fe,"aria-invalid":L?"true":void 0}),d&&ce(Y,{valid:k,invalid:L,loading:S,disabled:P}),ce(te,{loading:S,disabled:P}),l&&ce(q,{loading:S,disabled:P,readonly:U,value:v}),u&&jt(rn,{children:[a&&ce(Ie,{}),ce(Ae,{children:u})]})]})};F.states=Ki;F.options=_i;F.className=sn;F.defaultOptions=Ct;F.moduleName=Zt;F.folderName=an;var Ze=F;import{jsx as Pi}from"react/jsx-runtime";var ln=e=>Pi(Ze,{...e});import{Fragment as Jm,jsx as Wm}from"react/jsx-runtime";import{Fragment as eu,jsx as jm}from"react/jsx-runtime";import{jsx as au}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var Hi=F.states,zi=F.defaultOptions,Di=F.options,Bi=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Fi=[],Re=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":n.prefix=t?.[a]?eo(b,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[a]?eo(he,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[a];break;default:break}}),eo(ln,{value:"Value",style:{width:300},...o,...n})};Re.options=Di;Re.states=Hi;Re.variants=Fi;Re.defaultOptions=zi;Re.modifiers=Bi;Re.className=F.className;import{jsx as pe,jsxs as to}from"react/jsx-runtime";var dn="k-actionsheet-titlebar",Vi={},Q=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:a,filter:l,input:d,inputValue:c,inputPlaceholder:u,adaptive:x,titleId:v,children:C,...I}=e;return to("div",{...I,className:r(e.className,dn),children:[to("div",{className:"k-actionsheet-titlebar-group",children:[n&&pe("div",{className:"k-actionsheet-actions",children:n}),!C&&to("div",{className:"k-actionsheet-title",id:v,children:[t&&pe("div",{className:"k-text-center",children:t}),o&&pe("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),C&&pe("div",{className:"k-actionsheet-title",id:v,children:C}),a&&pe("div",{className:"k-actionsheet-actions",children:a})]}),(d||l)&&pe("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?pe(F,{value:c,placeholder:u,size:x?"large":"medium","aria-label":t||u||"Input"}):pe(de,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Q.className=dn;Q.defaultOptions=Vi;import{jsx as oo,jsxs as $i}from"react/jsx-runtime";var no="k-actionsheet-view",Ui=[],Gi={},Xi={},Ke=e=>{let{adaptive:t,animated:o,children:n,header:a,footer:l,titleId:d,...c}=e,u=a?.type===Q&&oo(Q,{adaptive:t,titleId:d,...a?.props}),x=l?.type===ge&&oo(ge,{...l?.props});return $i("div",{...c,className:r(e.className,no,{[`${no}-animated`]:o}),children:[u,oo("div",{className:"k-actionsheet-content",children:n}),x]})};Ke.states=Ui;Ke.options=Gi;Ke.className=no;Ke.defaultOptions=Xi;var je="action-sheet",Tt=je;var ao="overlay",cn=ao;import{jsx as Yi}from"react/jsx-runtime";var pn="k-overlay",Wi=[],Ji={},qi={},me=e=>{let{...t}=e;return Yi("div",{...t,className:r(e.className,pn),children:e.children})};me.states=Wi;me.options=Ji;me.className=pn;me.defaultOptions=qi;me.moduleName=ao;me.folderName=cn;import{jsx as At,jsxs as ji}from"react/jsx-runtime";var mn="k-actionsheet",Qi=[],Zi={},et={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},K=e=>{let{side:t=et.side,fullscreen:o=et.fullscreen,adaptive:n=et.adaptive,overlay:a=et.overlay,template:l,children:d,header:c,footer:u,id:x,...v}=e,C=x&&!l&&c?`${x}-title`:void 0;return ji("div",{className:"k-actionsheet-container",children:[a&&At(me,{}),At(ne,{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:At("div",{...v,id:x,role:"dialog","aria-modal":a?"true":void 0,"aria-labelledby":C,className:r(e.className,mn,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:l||At(Ke,{header:c,footer:u,adaptive:n,titleId:C,...e,children:d})})})]})};K.states=Qi;K.options=Zi;K.className=mn;K.defaultOptions=et;K.moduleName=je;K.folderName=Tt;import{jsx as nr}from"react/jsx-runtime";var un="k-actionsheet-container",er=[],tr={},or={},_e=e=>{let{children:t,...o}=e;return nr("div",{...o,className:un,children:t})};_e.states=er;_e.options=tr;_e.className=un;_e.defaultOptions=or;_e.moduleName=je;_e.folderName=Tt;import{jsx as ar}from"react/jsx-runtime";var io=e=>{let{...t}=e;return ar("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as rr,jsx as tt,jsxs as ro}from"react/jsx-runtime";var so="k-actionsheet-item",ir=[i.hover,i.focus,i.selected,i.disabled],ue=e=>{let{iconName:t,text:o,description:n,hover:a,focus:l,selected:d,disabled:c,...u}=e;return ro("span",{...u,className:r(e.className,so,w(so,{hover:a,focus:l,selected:d,disabled:c})),children:[!e.children&&tt(rr,{children:ro("span",{className:"k-actionsheet-action",children:[t&&tt("span",{className:"k-icon-wrap",children:tt(b,{className:"k-actionsheet-item-icon",icon:t})}),ro("span",{className:"k-actionsheet-item-text",children:[o&&tt("span",{className:"k-actionsheet-item-title",children:o}),n&&tt("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};ue.states=ir;ue.className=so;import{jsx as nf,jsxs as af}from"react/jsx-runtime";import{jsx as df}from"react/jsx-runtime";import{jsx as uf}from"react/jsx-runtime";import{jsx as bf}from"react/jsx-runtime";import{jsx as R,jsxs as lo}from"react/jsx-runtime";var sr=K.options,lr=K.states,hn={...K.defaultOptions,variant:"normal"},dr=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cr=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Pe=e=>{let{variant:t,modifiers:o,...n}={...hn,...e},a={},l=lo(io,{children:[R(ue,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),R(ue,{text:"Add to Favorites",iconName:"heart"}),R(ue,{text:"Upload New",iconName:"upload",disabled:!0}),R("hr",{className:"k-hr"}),R(ue,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(a.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":a.actionsStart=!!o?.[u],a.actionsEnd=!!o?.[u];break;case"subtitle":a.subtitle=o?.[u]?d:void 0;break;case"footer":a.footer=!!o?.[u];break;default:break}}),t==="adaptive"?R(K,{...n,adaptive:!0,fullscreen:a.fullScreen,header:R(Q,{actionsStart:a.actionsStart?R(N,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?R(N,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:a.subtitle}),footer:a.footer?lo(ge,{alignment:"stretched",children:[R(N,{text:"Cancel",size:"large",themeColor:"base"}),R(N,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):R(K,{...n,fullscreen:a.fullScreen,header:R(Q,{actionsStart:a.actionsStart?R(N,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?R(N,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:a.subtitle}),footer:a.footer?lo(ge,{alignment:"stretched",children:[R(N,{text:"Apply",themeColor:"primary"}),R(N,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};Pe.options=sr;Pe.states=lr;Pe.variants=dr;Pe.defaultOptions=hn;Pe.modifiers=cr;Pe.className=K.className;import po from"react";import co from"react";import{jsx as mr}from"react/jsx-runtime";var pr="k-treeview-group",_=e=>{let{children:t,dir:o,level:n=1,role:a="group",...l}=e;return mr("ul",{...l,className:r(e.className,pr),role:a,children:co.Children.map(t,(d,c)=>co.isValidElement(d)?co.cloneElement(d,{dir:o,level:n,key:c}):d)})};var ot="treeview",It=ot;import{jsx as xn}from"react/jsx-runtime";var mo="k-treeview",ur=[],fr={size:[s.undefined,s.small,s.medium,s.large]},hr={},M=e=>{let{size:t,children:o,dir:n,...a}=e;return xn("div",{...a,dir:n,className:r(e.className,mo,T(mo,{size:t})),children:xn(_,{className:"k-treeview-lines",role:"tree",dir:n,children:po.Children.map(o,(l,d)=>po.isValidElement(l)?po.cloneElement(l,{dir:n,key:d}):l)})})};M.states=ur;M.options=fr;M.className=mo;M.defaultOptions=hr;M.moduleName=ot;M.folderName=It;import fo from"react";var be="checkbox",He=be;import{jsx as bn}from"react/jsx-runtime";var Et="k-checkbox",xr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],br={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},vr={},V=e=>{let{id:t,checked:o,indeterminate:n,hover:a,focus:l,disabled:d,invalid:c,valid:u,required:x,size:v,rounded:C,wrapperRole:I,...y}=e;return bn("span",{className:"k-checkbox-wrap",role:I,children:bn("input",{...y,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,Et,T(Et,{size:v,rounded:C}),w(Et,{hover:a,focus:l,disabled:d,invalid:c,valid:u,indeterminate:n,checked:o}))})})};V.states=xr;V.options=br;V.className=Et;V.defaultOptions=vr;V.moduleName=be;V.folderName=He;var Z=V;import{jsx as Tr}from"react/jsx-runtime";var vn="k-checkbox-list",Nr=[],Cr={},Nn={layout:"vertical"},z=e=>{let{layout:t=Nn.layout,...o}=e;return Tr("ul",{...o,className:r(e.className,vn,{[`k-list-${t}`]:t}),children:e.children})};z.states=Nr;z.options=Cr;z.className=vn;z.defaultOptions=Nn;z.moduleName=be;z.folderName=He;import{jsx as Sr}from"react/jsx-runtime";var Cn="k-checkbox-list-item",Ar=[],Ir={},Er={},D=e=>{let{...t}=e;return Sr("li",{...t,className:r(e.className,Cn),children:e.children})};D.states=Ar;D.options=Ir;D.className=Cn;D.defaultOptions=Er;D.moduleName=be;D.folderName=He;import{Fragment as Mr,jsx as Tn,jsxs as yr}from"react/jsx-runtime";var re=({children:e="Label",id:t="cb-label-after",...o})=>yr(Mr,{children:[Tn(Z,{id:t,...o}),Tn("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as bh,jsx as xh,jsxs as vh}from"react/jsx-runtime";import{Fragment as Ih,jsx as Ah,jsxs as Eh}from"react/jsx-runtime";import{Fragment as Lh,jsx as kh,jsxs as Oh}from"react/jsx-runtime";import{jsx as Kh}from"react/jsx-runtime";import{jsx as zh}from"react/jsx-runtime";import{jsx as Vh}from"react/jsx-runtime";import{jsx as X,jsxs as An}from"react/jsx-runtime";var kr=z.options,Lr=z.states,Or={...z.defaultOptions,variant:"vertical"},wr=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],gr=[],ze=e=>{let{variant:t,...o}=e;return t==="horizontal"?An(z,{layout:"horizontal",...o,children:[X(D,{children:X(re,{id:J("cb"),defaultChecked:!0,children:"Label"})}),X(D,{children:X(re,{id:J("cb"),children:"Label"})}),X(D,{children:X(re,{id:J("cb"),children:"Label"})})]}):An(z,{...o,children:[X(D,{children:X(re,{id:J("cb"),defaultChecked:!0,children:"Label"})}),X(D,{children:X(re,{id:J("cb"),children:"Label"})}),X(D,{children:X(re,{id:J("cb"),children:"Label"})})]})};ze.options=kr;ze.states=Lr;ze.variants=wr;ze.defaultOptions=Or;ze.modifiers=gr;ze.className=z.className;import{jsx as zr}from"react/jsx-runtime";var Rr=Z.options,Kr=Z.states,_r=Z.defaultOptions,Pr=[],Hr=[],De=e=>zr(re,{id:J("checkbox"),...e,defaultChecked:!0,children:"Label"});De.options=Rr;De.states=Kr;De.variants=Pr;De.defaultOptions=_r;De.modifiers=Hr;De.className=Z.className;import{jsx as In,jsxs as Fr}from"react/jsx-runtime";var uo="k-treeview-leaf",Dr=[i.hover,i.focus,i.selected],Br={},St=e=>{let{text:t,showIcon:o,icon:n,hover:a,focus:l,selected:d,...c}=e;return Fr("span",{...c,className:r(e.className,uo,w(uo,{hover:a,focus:l,selected:d})),children:[o&&In(b,{icon:n}),In("span",{className:"k-treeview-leaf-text",children:t})]})};St.states=Dr;St.options=Br;St.className=uo;var En=St;import{jsx as nt,jsxs as Sn}from"react/jsx-runtime";var Mn="k-treeview-item",Vr=[i.hover,i.focus,i.selected,i.disabled],Ur={},Gr={},f=e=>{let{leafClassName:t,children:o,hasChildren:n,expanded:a,loading:l,text:d,showIcon:c,icon:u,showCheckbox:x,checked:v,hover:C,focus:I,selected:y,disabled:k,dir:L,level:E=1,ariaSelected:S,...P}=e,U=n||o||l;return Sn("li",{...P,className:r(e.className,Mn),style:{"--kendo-treeview-level":E},role:"treeitem","aria-expanded":U?a?"true":"false":void 0,"aria-checked":x?v?"true":"false":void 0,"aria-selected":S?"true":void 0,"aria-disabled":k?"true":void 0,children:[Sn("span",{className:r("k-treeview-item-content",w("k-treeview-item-content",{hover:C,focus:I,selected:y,disabled:k})),children:[U&&nt("span",{className:r("k-treeview-toggle",w("k-treeview-toggle",{disabled:k})),children:l?nt("span",{className:"k-icon k-i-loading"}):nt(b,{icon:a?"chevron-down":L==="rtl"?"chevron-left":"chevron-right"})}),x&&nt(V,{checked:v,disabled:k,"aria-label":d,tabIndex:-1}),nt(En,{className:t,text:d,showIcon:c,icon:u})]}),a&&U&&fo.Children.map(o,(j,fe)=>fo.isValidElement(j)?fo.cloneElement(j,{dir:L,level:E+1,key:fe}):j)]})};f.states=Vr;f.options=Ur;f.className=Mn;f.defaultOptions=Gr;f.moduleName=ot;f.folderName=It;import{jsx as Ox}from"react/jsx-runtime";import{jsx as Kx,jsxs as _x}from"react/jsx-runtime";import{jsx as Dx,jsxs as Bx}from"react/jsx-runtime";import{jsx as Gx,jsxs as Xx}from"react/jsx-runtime";import{jsx as qx,jsxs as Yx}from"react/jsx-runtime";import{jsx as eb,jsxs as tb}from"react/jsx-runtime";import{jsx as ve,jsxs as ho}from"react/jsx-runtime";var Xr=M.options,$r=M.states,Wr=M.defaultOptions,Jr=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],qr=[],Be=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{a==="checkboxes"&&(n.showCheckbox=t?.[a])}),ho(M,{...o,children:[ve(f,{text:"Furniture",expanded:!0,...n,children:ho(_,{children:[ve(f,{text:"Tables & Chairs",...n}),ve(f,{text:"Sofas",...n}),ve(f,{text:"Occasional Furniture",...n})]})}),ho(f,{text:"Decor",expanded:!1,...n,children:[ve(f,{text:"Bed Linen",...n}),ve(f,{text:"Curtains & Blinds",...n}),ve(f,{text:"Carpets",...n})]})]})};Be.options=Xr;Be.states=$r;Be.variants=qr;Be.defaultOptions=Wr;Be.modifiers=Jr;Be.className=M.className;var yn="dropdown-tree",kn="dropdowntree";import{Fragment as Ln,jsx as A,jsxs as at}from"react/jsx-runtime";var On="k-multiselecttree",Yr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qr={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},wn={showClearButton:!0},$=e=>{let{size:t,rounded:o,fillMode:n,showClearButton:a=wn.showClearButton,prefix:l,suffix:d,placeholder:c,tags:u,popup:x,showArrowButton:v,hover:C,focus:I,valid:y,invalid:k,required:L,loading:E,disabled:S,readonly:P,opened:U,dir:j,adaptive:fe,adaptiveSettings:Fe,adaptiveTitle:Ve,adaptiveSubtitle:Kn,adaptiveFilter:_n,id:xo,treeviewId:Pn,"aria-label":Hn,...zn}=e,bo=xo?`${xo}-taglist`:void 0;return at(Ln,{children:[at(O,{...zn,dir:j,size:t,rounded:o,fillMode:n,hover:C,focus:I,valid:y,invalid:k,required:L,loading:E,disabled:S,readonly:P,className:r(e.className,On),children:[A(Te,{children:l}),A(g,{size:t,className:"k-input-values",id:bo,children:A(Ln,{children:u})}),A("span",{className:"k-input-inner",role:"combobox","aria-haspopup":"tree","aria-expanded":U?"true":"false","aria-controls":U?Pn:void 0,"aria-autocomplete":"list","aria-describedby":u?bo:void 0,"aria-disabled":S?"true":void 0,"aria-label":Hn,tabIndex:0,children:!u&&A("span",{className:"k-input-value-text",children:c})}),A(Y,{valid:y,invalid:k,loading:E,disabled:S}),A(te,{loading:E,disabled:S}),a&&A(q,{loading:E,disabled:S,readonly:P,value:u?"value":""}),A(Ae,{children:d}),v&&A(N,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:n,"aria-label":"Toggle dropdown",tabIndex:-1})]}),U&&x&&A(se,{className:"k-multiselecttree-popup",dir:j,containerRole:"region",containerAriaLabel:"MultiSelectTree options",children:x}),fe&&A(K,{adaptive:!0,...Fe,header:A(Q,{actionsEnd:A(N,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:_n,inputPlaceholder:c,title:Ve,subtitle:Kn}),children:at(M,{size:"large",children:[A(f,{text:"Root 1"}),A(f,{text:"Root 2",expanded:!0,children:at(_,{children:[A(f,{text:"Child 2.1"}),A(f,{text:"Child 2.2",children:A(_,{children:A(f,{text:"Child 2.2.1"})})}),A(f,{text:"Child 2.3"}),A(f,{leafClassName:"k-treeview-load-more-button",text:"Load more ..."})]})}),A(f,{text:"Root 3",children:at(_,{children:[A(f,{text:"Child 3.1"}),A(f,{text:"Child 3.2"}),A(f,{text:"Child 3.3"})]})})]})})]})};$.states=Yr;$.options=Qr;$.className=On;$.defaultOptions=wn;$.moduleName=yn;$.folderName=kn;var gn=$;import{jsx as Zr}from"react/jsx-runtime";var Rn=e=>Zr(gn,{id:J("mst"),"aria-label":"Select items",...e});import{Fragment as as,jsx as W,jsxs as it}from"react/jsx-runtime";var jr=$.options,es=[],ts=$.states,os=$.defaultOptions,ns=[{name:"opened",title:"Opened"}],Ne=e=>{let{modifiers:t,...o}=e,n=it(as,{children:[it("div",{className:"k-check-all",children:[W(V,{}),W("span",{className:"k-checkbox-label",children:"Check all"})]}),it(M,{dir:e.dir,children:[W(f,{text:"Furniture",showCheckbox:!0,children:it(_,{children:[W(f,{text:"Child 1",showCheckbox:!0}),W(f,{text:"Child 2",showCheckbox:!0}),W(f,{text:"Child 3",showCheckbox:!0})]})}),W(f,{text:"Decor",showCheckbox:!0,children:it(_,{children:[W(f,{text:"Child 1",showCheckbox:!0}),W(f,{text:"Child 2",showCheckbox:!0}),W(f,{text:"Child 3",showCheckbox:!0})]})})]})]}),a={};return Object.keys(t||{}).forEach(l=>{l==="opened"&&(a.opened=!!t?.[l],a.popup=t?.[l]?n:void 0)}),W(Rn,{style:{width:"300px"},...o,...a,tags:W(H,{size:o.size,text:"Tables & Chairs"})})};Ne.options=jr;Ne.states=ts;Ne.variants=es;Ne.defaultOptions=os;Ne.modifiers=ns;Ne.className=$.className;var Ub=Ne;export{Ne as MultiselecttreeDemo,Ub as default};
|
|
1
|
+
var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var T=(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"}),O=(e,t)=>{let{valid:o,invalid:n,hover:a,focus:l,checked:d,active:c,selected:u,disabled:x,indeterminate:v,loading:N,empty:I,readonly:k,highlighted:R,...y}=t;return r({"k-valid":o,"k-invalid":n,"k-hover":a,"k-focus":l,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":x,"k-indeterminate":v&&!d,"k-loading":N,"k-empty":I,"k-readonly":k,"k-highlighted":R},Object.keys(y).reduce((E,S)=>(S.startsWith("k-")?E[S]=y[S]:E[`k-${S}`]=y[S],E),{}))};function vo(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var s={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"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},ee={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 Mt={};function W(e){return Mt[e]=(Mt[e]||0)+1,`k-${e}-${Mt[e]}`}var Ue="input",rt=Ue;import{jsx as Vn}from"react/jsx-runtime";var st="k-input",Dn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Bn={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Fn={},L=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:x,fillMode:v,...N}=e;return Vn("span",{...N,className:r(e.className,st,T(st,{size:u,rounded:x,fillMode:v}),O(st,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c}))})};L.states=Dn;L.options=Bn;L.className=st;L.defaultOptions=Fn;L.moduleName=Ue;L.folderName=rt;import{jsx as $n}from"react/jsx-runtime";var lt="k-picker",Un=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Gn={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Xn={},Te=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:x,fillMode:v,...N}=e;return $n("span",{...N,className:r(e.className,lt,T(lt,{size:u,rounded:x,fillMode:v}),O(lt,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c})),children:e.children})};Te.states=Un;Te.options=Gn;Te.className=lt;Te.defaultOptions=Xn;Te.moduleName=Ue;Te.folderName=rt;import{Fragment as Yn,jsx as No}from"react/jsx-runtime";var yt="k-font-icon",Wn=[],Jn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info]},qn={},Ge=e=>{let{size:t,themeColor:o,icon:n,rotate:a,flip:l,...d}=e;return n?No("span",{...d,className:r(e.className,yt,T(yt,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):No(Yn,{})};Ge.states=Wn;Ge.options=Jn;Ge.className=yt;Ge.defaultOptions=qn;var Co=Ge;import{Fragment as jn,jsx as dt}from"react/jsx-runtime";var kt="k-svg-icon",Qn=[],Zn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[ee.outline,ee.solid,ee.duotone]},Lt={viewBox:"0 0 24 24",variant:ee.outline},Xe=e=>{let{size:t,themeColor:o,rotate:n,flip:a,viewBox:l=Lt.viewBox,variant:d=Lt.variant,icon:c,...u}=e;if(!c)return dt(jn,{});if(c==="none")return dt("span",{...u,className:r(e.className,kt,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,v=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return dt("span",{...u,className:r(e.className,kt,T("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:dt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:v!==void 0?{__html:v}:void 0,children:c?void 0:e.children})})};Xe.states=Qn;Xe.options=Zn;Xe.className=kt;Xe.defaultOptions=Lt;var Ot=Xe;import*as wt from"@progress/kendo-svg-icons";var To="icon",Ao="icons";import{useContext as ta}from"react";import{createContext as ea}from"react";var Io=ea({iconsType:"svg"});import{Fragment as Eo,jsx as $e}from"react/jsx-runtime";var ct="k-icon",oa=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),na=[],aa={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[ee.outline,ee.solid,ee.duotone]},pt={viewBox:"0 0 24 24",type:"svg",variant:ee.outline},b=e=>{let{iconsType:t}=ta(Io),{size:o,themeColor:n,icon:a,type:l=t||pt.type,rotate:d,flip:c,viewBox:u=pt.viewBox,variant:x=pt.variant,...v}=e;if(!a)return $e(Eo,{});if((t||l)==="svg"){if(a==="none")return $e(Ot,{...v,className:r(e.className,ct),icon:a,size:o,variant:x});let I=wt[a]?a:oa(`${a}-icon`);return wt[I]?$e(Ot,{...v,className:r(e.className,ct),icon:wt[I],size:o,themeColor:n,rotate:d,flip:c,viewBox:u,variant:x}):$e(Eo,{})}return $e(Co,{...v,className:r(e.className,ct),icon:a,size:o,themeColor:n,rotate:d,flip:c})};b.states=na;b.options=aa;b.defaultOptions=pt;b.className=ct;b.moduleName=To;b.folderName=Ao;import{Fragment as sa,jsx as gt}from"react/jsx-runtime";var So="k-clear-value",ia=[i.disabled,i.loading,i.readonly],ra={},J=e=>{let{disabled:t,loading:o,readonly:n,value:a}=e;return t||n||o||!a?gt(sa,{}):gt("span",{className:r(e.className,So),children:gt(b,{icon:"x"})})};J.states=ia;J.options=ra;J.className=So;import{jsx as ca}from"react/jsx-runtime";var Rt="k-input-inner",la=[],da={},mt={type:"text",autocomplete:"off",value:"",placeholder:""},ie=e=>{let{value:t=mt.value,type:o=mt.type,placeholder:n=mt.placeholder,autocomplete:a=mt.autocomplete,disabled:l,readOnly:d,...c}=e;return ca("input",{...c,type:o,className:r(e.className,Rt,T(Rt,e)),placeholder:n,autoComplete:a,defaultValue:t,disabled:l||void 0,readOnly:d||void 0})};ie.states=la;ie.options=da;ie.className=Rt;import{jsx as Mo,jsxs as ua}from"react/jsx-runtime";var Kt="k-input-inner",pa=[],ma={},_t=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:a,valueIconName:l,...d}=e;return ua("span",{...d,className:r(e.className,Kt,T(Kt,e)),children:[a,!a&&l&&Mo(b,{className:"k-input-value-icon",icon:l}),n&&!t&&o,n&&t&&Mo("span",{className:"k-input-value-text",children:t})]})};_t.states=pa;_t.options=ma;_t.className=Kt;import{jsx as xa}from"react/jsx-runtime";var Pt="k-input-inner",fa=[],ha={},yo={value:"",placeholder:""},Ht=e=>{let{value:t=yo.value,placeholder:o=yo.placeholder,rows:n,disabled:a,...l}=e;return xa("textarea",{...l,className:r(e.className,Pt,T(Pt,e)),placeholder:o,rows:n,defaultValue:t,disabled:a||void 0})};Ht.states=fa;Ht.options=ha;Ht.className=Pt;import{Fragment as va,jsx as ko}from"react/jsx-runtime";var Lo="k-input-loading-icon",ba=[i.disabled,i.loading],te=e=>{let{disabled:t,loading:o}=e;return t||!o?ko(va,{}):ko("span",{className:r(e.className,Lo,"k-icon k-i-loading")})};te.states=ba;te.className=Lo;import{Fragment as Ta,jsx as Oo}from"react/jsx-runtime";var wo="k-input-validation-icon",Na=[i.valid,i.invalid,i.disabled,i.loading],Ca={},q=e=>{let{valid:t,invalid:o,disabled:n,loading:a}=e,l=o?"warning-circle":"check-circle";return n||a||!!!(t||o)?Oo(Ta,{}):Oo(b,{className:r(wo),icon:l})};q.states=Na;q.options=Ca;q.className=wo;import{Fragment as Ea,jsx as go}from"react/jsx-runtime";var Aa="k-input-prefix",Ia={direction:"horizontal"},Ae=e=>{let{direction:t=Ia.direction,...o}=e;return e.children?go("span",{...o,className:r(Aa,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):go(Ea,{})};import{Fragment as ya,jsx as Ro}from"react/jsx-runtime";var Sa="k-input-suffix",Ma={direction:"horizontal"},Ie=e=>{let{direction:t=Ma.direction,...o}=e;return e.children?Ro("span",{...o,className:r(Sa,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ro(ya,{})};import{jsx as Cl}from"react/jsx-runtime";import{jsx as El}from"react/jsx-runtime";import{jsx as La}from"react/jsx-runtime";var Ko="k-input-separator",ka={direction:"vertical"},Ee=e=>{let{direction:t=ka.direction,...o}=e;return La("span",{...o,className:r(Ko,e.className,{[`${Ko}-${t}`]:t})})};var zt="button",_o=zt;import{Fragment as Po,jsx as Se,jsxs as Ho}from"react/jsx-runtime";var We="k-button",Oa=["icon-button"],wa=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],ga={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.inverse]},Dt={showArrow:!1,arrowIconName:"chevron-down"},C=e=>{let{as:t="button",size:o,rounded:n,fillMode:a,themeColor:l,showArrow:d=Dt.showArrow,arrowIconName:c=Dt.arrowIconName,variant:u,hover:x,focus:v,active:N,selected:I,disabled:k,togglable:R,ariaDisabled:y,icon:E,iconSize:S,text:P,iconClassName:Z,className:j,...ae}=e,he=E!=null,Ve=e.children!==void 0;return Ho(t,{className:r(j,We,vo(We,u),T(We,{size:o,rounded:n,fillMode:a,themeColor:l}),O(We,{hover:x,focus:v,active:N,disabled:k||y,selected:I}),{"k-icon-button":!P&&!Ve&&he}),"aria-pressed":R?I?"true":"false":void 0,...ae,"aria-disabled":y?"true":void 0,disabled:k||void 0,children:[typeof E=="string"&&E&&Se(b,{className:r(Z,"k-button-icon"),icon:E,size:S}),E&&typeof E!="string"&&Se(Po,{children:E}),P?Ho(Po,{children:[P&&Se("span",{className:"k-button-text",children:P}),e.children]}):e.children&&Se("span",{className:"k-button-text",children:e.children}),d&&Se("span",{className:"k-menu-button-arrow k-button-arrow",children:Se(b,{icon:c})})]})};C.states=wa;C.options=ga;C.variants=Oa;C.className=We;C.defaultOptions=Dt;C.moduleName=zt;C.folderName=_o;import{jsx as Ra}from"react/jsx-runtime";var xe=e=>Ra(C,{children:"Button",...e});import{Fragment as zo,jsx as oe,jsxs as Bt}from"react/jsx-runtime";var Ka=L.states,_a=L.defaultOptions,Pa=L.options,Ha=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],za=[],Me=e=>{let{modifiers:t,valid:o,invalid:n,loading:a,disabled:l,readonly:d,...c}=e,u=t?.prefix,x=t?.suffix,v=t?.["clear-button"],N=t?.["validation-icon"],I=t?.separators;return Bt(L,{...c,valid:o,invalid:n,loading:a,disabled:l,readonly:d,style:{width:300},children:[u&&Bt(zo,{children:[oe(Ae,{children:oe(b,{icon:"lock"})}),I&&oe(Ee,{})]}),oe(ie,{placeholder:"Placeholder",value:"Value"}),N&&oe(q,{valid:o,invalid:n,loading:a,disabled:l}),oe(te,{loading:a,disabled:l}),v&&oe(J,{loading:a,disabled:l,readonly:d,value:"Value"}),x&&Bt(zo,{children:[I&&oe(Ee,{}),oe(Ie,{children:oe(xe,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Me.options=Pa;Me.states=Ka;Me.variants=za;Me.defaultOptions=_a;Me.modifiers=Ha;Me.className=L.className;import{jsx as Da}from"react/jsx-runtime";var Do=e=>Da(C,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Ba}from"react/jsx-runtime";var Bo=e=>Ba(C,{icon:"folder",children:"Button",...e});import{jsx as Ft}from"react/jsx-runtime";var Fa=C.options,Va=C.states,Ua={...C.defaultOptions,variant:"text"},Ga=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xa=[],ye=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ft(Do,{...o,icon:"star"});case"icon-and-text":return Ft(Bo,{...o,icon:"star",children:"Button"});default:return Ft(xe,{...o,children:"Button"})}};ye.options=Fa;ye.states=Va;ye.variants=Ga;ye.defaultOptions=Ua;ye.modifiers=Xa;ye.className=C.className;import{jsx as ut}from"react/jsx-runtime";var $a="k-chip-action";var re=e=>{let{type:t,...o}=e,n;switch(t){case"remove":n=ut(b,{icon:"x-circle",size:"small"});break;case"more":n=ut(b,{icon:"more-vertical",size:"small"});break;default:return ut(b,{icon:t,size:"small"})}return ut("span",{...o,className:r(e.className,$a,`k-chip-${t}-action`),children:n})};var Vt="avatar",Fo=Vt;import{jsx as Vo}from"react/jsx-runtime";var Je="k-avatar";var Wa=[i.hover,i.focus,i.active,i.selected,i.disabled],Ja={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary]},Ut={type:"text",border:!1},B=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,type:l=Ut.type,border:d=Ut.border,...c}=e;return Vo("div",{...c,className:r(e.className,Je,T(Je,{size:t,rounded:o,fillMode:n,themeColor:a}),{[`${Je}-bordered`]:d}),children:Vo("span",{className:`${Je}-${l}`,children:e.children})})};B.states=Wa;B.options=Ja;B.className=Je;B.defaultOptions=Ut;B.moduleName=Vt;B.folderName=Fo;var be=B;import{jsx as qa}from"react/jsx-runtime";var Uo=e=>qa(be,{type:"icon",...e});import{jsx as Ya}from"react/jsx-runtime";var Go=e=>Ya(be,{type:"text",...e});import{jsx as Qa}from"react/jsx-runtime";var Xo=e=>Qa(be,{type:"image",...e});import{jsx as Zd}from"react/jsx-runtime";import{jsx as qe}from"react/jsx-runtime";var Za=B.options,ja=B.states,ei={...B.defaultOptions,variant:"image"},ti=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],oi=[],ke=e=>{let{variant:t,...o}=e;switch(t){case"icon":return qe(Uo,{...o,children:qe(b,{icon:"star"})});case"text":return qe(Go,{...o,children:"JO"});default:return qe(Xo,{...o,children:qe("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ke.options=Za;ke.states=ja;ke.variants=ti;ke.defaultOptions=ei;ke.modifiers=oi;ke.className=B.className;var Ye="chip",ft=Ye,ht="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as Le,jsxs as ii}from"react/jsx-runtime";var xt="k-chip",ni=[i.hover,i.focus,i.active,i.selected,i.disabled],ai={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[m.undefined,m.base,m.success,m.warning,m.error,m.info]},$o={avatarImage:"/packages/html/assets/avatar.jpg"},H=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,text:l,icon:d,actions:c,showAvatar:u,avatarImage:x=$o.avatarImage,hover:v,focus:N,active:I,selected:k,disabled:R,...y}=e;return ii("div",{...y,className:r(e.className,xt,T(xt,{size:t,rounded:o,fillMode:n,themeColor:a}),O(xt,{hover:v,focus:N,active:I,disabled:R,selected:k})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:k?"true":"false",...e.role==="option"&&k!==void 0&&{"aria-selected":k?"true":"false"},"aria-disabled":R?"true":void 0,children:[d&&Le(b,{className:"k-chip-icon",icon:d,size:"small"}),u&&Le(B,{className:"k-chip-avatar",type:"image",children:Le("img",{src:x,alt:""})}),Le("span",{className:"k-chip-content",children:e.children?e.children:l&&Le("span",{className:"k-chip-label",children:l})}),c&&Le("span",{className:"k-chip-actions",children:c})]})};H.states=ni;H.options=ai;H.className=xt;H.defaultOptions=$o;H.moduleName=Ye;H.folderName=ft;var U=H;import{jsx as di}from"react/jsx-runtime";var Gt="k-chip-list",ri=[],si={size:[s.undefined,s.small,s.medium,s.large]},li={},w=e=>{let{size:t,multiselectable:o,ariaLabel:n,...a}=e;return di("div",{...a,className:r(e.className,Gt,T(Gt,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:n||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};w.states=ri;w.options=si;w.className=Gt;w.defaultOptions=li;w.moduleName=Ye;w.folderName=ft;import{jsx as kc}from"react/jsx-runtime";import{jsx as gc}from"react/jsx-runtime";import{jsx as ci}from"react/jsx-runtime";var bt=e=>ci(U,{text:"text",...e});import{jsx as Bc}from"react/jsx-runtime";import{jsx as Gc}from"react/jsx-runtime";import{Fragment as Yc,jsx as qc,jsxs as Qc}from"react/jsx-runtime";import{jsx as op,jsxs as np}from"react/jsx-runtime";import{jsx as lp,jsxs as dp}from"react/jsx-runtime";import{jsx as hp,jsxs as xp}from"react/jsx-runtime";import{jsx as Oe,jsxs as xi}from"react/jsx-runtime";var pi={...U.options,...w.options},mi=[],ui=w.states,fi={...U.defaultOptions,...w.defaultOptions},hi=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],we=e=>{let{modifiers:t,className:o,...n}=e,a=t?.icon,l=t?.actions,d=t?.avatar,c=d?ht:void 0;return xi(w,{size:n.size,className:o,children:[Oe(bt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Oe(re,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),Oe(bt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Oe(re,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),Oe(bt,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Oe(re,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"})]})};we.options=pi;we.states=ui;we.variants=mi;we.defaultOptions=fi;we.modifiers=hi;we.className=w.className;import{jsx as Xt}from"react/jsx-runtime";var bi=H.states,vi=H.defaultOptions,Ni=H.options,Ci=[],Ti=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ge=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"icon":n.icon=t?.[a]?"arrow-down":void 0;break;case"avatar":n.showAvatar=!!t?.[a],n.avatarImage=t?.[a]?ht:void 0;break;case"more-options":n.actions||(n.actions=[]),n.actions[0]=t?.[a]?Xt(re,{type:"more"}):void 0;break;case"remove-icon":n.actions||(n.actions=[]),n.actions[1]=t?.[a]?Xt(re,{type:"remove"}):void 0;break;default:break}}),Xt(H,{...o,...n,children:"Chip component"})};ge.options=Ni;ge.states=bi;ge.variants=Ci;ge.defaultOptions=vi;ge.modifiers=Ti;ge.className=H.className;var $t="popup",Wo=$t;import{jsx as Jo}from"react/jsx-runtime";var qo="k-animation-container",Ai=[],Ii={},Wt={positionMode:"absolute",shown:!0},ne=e=>{let{positionMode:t=Wt.positionMode,shown:o=Wt.shown,animationStyle:n,offset:a,...l}=e;return Jo("div",{...l,style:{...a,...e.style},className:r(e.className,qo,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Jo("div",{className:"k-child-animation-container",style:n,children:e.children})})};ne.states=Ai;ne.options=Ii;ne.className=qo;ne.defaultOptions=Wt;ne.moduleName=$t;ne.folderName=Wo;var Jt="popup",Yo=Jt;import{jsx as Qo}from"react/jsx-runtime";var Zo="k-popup",Ei=[],Si={},jo={positionMode:"absolute"},le=e=>{let{offset:t,positionMode:o=jo.positionMode,animationStyle:n,containerClassName:a,containerRole:l,containerAriaLabel:d,...c}=e;return Qo(ne,{positionMode:o,offset:t,animationStyle:n,className:a,role:l,"aria-label":d,children:Qo("div",{...c,className:r(e.className,Zo),children:e.children})})};le.states=Ei;le.options=Si;le.className=Zo;le.defaultOptions=jo;le.moduleName=Jt;le.folderName=Yo;var qt="action-buttons",en=qt;import{jsx as ki}from"react/jsx-runtime";var vt="k-actions",Mi=[],yi={},Yt={alignment:"start",orientation:"horizontal"},de=e=>{let{alignment:t=Yt.alignment,orientation:o=Yt.orientation,...n}=e;return ki("div",{...n,className:r(vt,{[`${vt}-${t}`]:t,[`${vt}-${o}`]:o},e.className),children:e.children})};de.states=Mi;de.options=yi;de.className=vt;de.defaultOptions=Yt;de.moduleName=qt;de.folderName=en;import{jsx as Oi}from"react/jsx-runtime";var Li="k-actionsheet-footer",tn={alignment:"stretched",orientation:"horizontal"},Re=e=>{let{alignment:t=tn.alignment,orientation:o=tn.orientation,template:n,as:a=n?"div":de,...l}=e;return Oi(a,{...l,...!n&&{alignment:t,orientation:o},className:r(e.className,Li),children:e.children})};var Qt="searchbox",on=Qt;import{jsx as Qe,jsxs as Ri}from"react/jsx-runtime";var nn="k-searchbox",wi=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],gi={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Nt={showIcon:!0,showClearButton:!0,icon:"search"},ce=e=>{let{value:t,placeholder:o,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:x,required:v,loading:N,disabled:I,showIcon:k=Nt.showIcon,showClearButton:R=Nt.showClearButton,icon:y=Nt.icon,"aria-label":E,...S}=e;return Ri(L,{...S,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:x,required:v,loading:N,disabled:I,className:r(e.className,nn),children:[k&&Qe(b,{className:"k-input-icon",icon:y}),Qe(ie,{placeholder:o,value:t,"aria-label":E}),Qe(te,{...e}),Qe(q,{...e}),R&&Qe(J,{...e})]})};ce.states=wi;ce.options=gi;ce.className=nn;ce.defaultOptions=Nt;ce.moduleName=Qt;ce.folderName=on;import{jsx as Om}from"react/jsx-runtime";var Zt="textbox",an=Zt;import{Fragment as rn,jsx as pe,jsxs as jt}from"react/jsx-runtime";var sn="k-textbox",Ki=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],_i={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ct={showClearButton:!0,showValidationIcon:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:n,separators:a=Ct.separators,showClearButton:l=Ct.showClearButton,showValidationIcon:d=Ct.showValidationIcon,prefix:c,suffix:u,type:x,value:v,placeholder:N,hover:I,focus:k,valid:R,invalid:y,required:E,loading:S,disabled:P,readonly:Z,id:j,"aria-label":ae,"aria-describedby":he,...Ve}=e;return jt(L,{...Ve,size:t,rounded:o,fillMode:n,hover:I,focus:k,valid:R,invalid:y,required:E,loading:S,disabled:P,readonly:Z,className:r(e.className,sn),children:[c&&jt(rn,{children:[pe(Ae,{children:c}),a&&pe(Ee,{})]}),pe(ie,{id:j,placeholder:N,value:v,type:x,disabled:P,"aria-label":ae,"aria-describedby":he,"aria-invalid":y?"true":void 0}),d&&pe(q,{valid:R,invalid:y,loading:S,disabled:P}),pe(te,{loading:S,disabled:P}),l&&pe(J,{loading:S,disabled:P,readonly:Z,value:v}),u&&jt(rn,{children:[a&&pe(Ee,{}),pe(Ie,{children:u})]})]})};F.states=Ki;F.options=_i;F.className=sn;F.defaultOptions=Ct;F.moduleName=Zt;F.folderName=an;var Ze=F;import{jsx as Pi}from"react/jsx-runtime";var ln=e=>Pi(Ze,{...e});import{Fragment as Jm,jsx as Wm}from"react/jsx-runtime";import{Fragment as eu,jsx as jm}from"react/jsx-runtime";import{jsx as au}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var Hi=F.states,zi=F.defaultOptions,Di=F.options,Bi=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Fi=[],Ke=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":n.prefix=t?.[a]?eo(b,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[a]?eo(xe,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[a];break;default:break}}),eo(ln,{value:"Value",style:{width:300},...o,...n})};Ke.options=Di;Ke.states=Hi;Ke.variants=Fi;Ke.defaultOptions=zi;Ke.modifiers=Bi;Ke.className=F.className;import{jsx as me,jsxs as to}from"react/jsx-runtime";var dn="k-actionsheet-titlebar",Vi={},Y=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:a,filter:l,input:d,inputValue:c,inputPlaceholder:u,adaptive:x,titleId:v,children:N,...I}=e;return to("div",{...I,className:r(e.className,dn),children:[to("div",{className:"k-actionsheet-titlebar-group",children:[n&&me("div",{className:"k-actionsheet-actions",children:n}),!N&&to("div",{className:"k-actionsheet-title",id:v,children:[t&&me("div",{className:"k-text-center",children:t}),o&&me("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&me("div",{className:"k-actionsheet-title",id:v,children:N}),a&&me("div",{className:"k-actionsheet-actions",children:a})]}),(d||l)&&me("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?me(F,{value:c,placeholder:u,size:x?"large":"medium","aria-label":t||u||"Input"}):me(ce,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Y.className=dn;Y.defaultOptions=Vi;import{jsx as oo,jsxs as $i}from"react/jsx-runtime";var no="k-actionsheet-view",Ui=[],Gi={},Xi={},_e=e=>{let{adaptive:t,animated:o,children:n,header:a,footer:l,titleId:d,...c}=e,u=a?.type===Y&&oo(Y,{adaptive:t,titleId:d,...a?.props}),x=l?.type===Re&&oo(Re,{...l?.props});return $i("div",{...c,className:r(e.className,no,{[`${no}-animated`]:o}),children:[u,oo("div",{className:"k-actionsheet-content",children:n}),x]})};_e.states=Ui;_e.options=Gi;_e.className=no;_e.defaultOptions=Xi;var je="action-sheet",Tt=je;var ao="overlay",cn=ao;import{jsx as Yi}from"react/jsx-runtime";var pn="k-overlay",Wi=[],Ji={},qi={},ue=e=>{let{...t}=e;return Yi("div",{...t,className:r(e.className,pn),children:e.children})};ue.states=Wi;ue.options=Ji;ue.className=pn;ue.defaultOptions=qi;ue.moduleName=ao;ue.folderName=cn;import{jsx as At,jsxs as ji}from"react/jsx-runtime";var mn="k-actionsheet",Qi=[],Zi={},et={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},K=e=>{let{side:t=et.side,fullscreen:o=et.fullscreen,adaptive:n=et.adaptive,overlay:a=et.overlay,template:l,children:d,header:c,footer:u,id:x,...v}=e,N=x&&!l&&c?`${x}-title`:void 0;return ji("div",{className:"k-actionsheet-container",children:[a&&At(ue,{}),At(ne,{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:At("div",{...v,id:x,role:"dialog","aria-modal":a?"true":void 0,"aria-labelledby":N,className:r(e.className,mn,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:l||At(_e,{header:c,footer:u,adaptive:n,titleId:N,...e,children:d})})})]})};K.states=Qi;K.options=Zi;K.className=mn;K.defaultOptions=et;K.moduleName=je;K.folderName=Tt;import{jsx as nr}from"react/jsx-runtime";var un="k-actionsheet-container",er=[],tr={},or={},Pe=e=>{let{children:t,...o}=e;return nr("div",{...o,className:un,children:t})};Pe.states=er;Pe.options=tr;Pe.className=un;Pe.defaultOptions=or;Pe.moduleName=je;Pe.folderName=Tt;import{jsx as ar}from"react/jsx-runtime";var io=e=>{let{...t}=e;return ar("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as rr,jsx as tt,jsxs as ro}from"react/jsx-runtime";var so="k-actionsheet-item",ir=[i.hover,i.focus,i.selected,i.disabled],fe=e=>{let{iconName:t,text:o,description:n,hover:a,focus:l,selected:d,disabled:c,...u}=e;return ro("span",{...u,className:r(e.className,so,O(so,{hover:a,focus:l,selected:d,disabled:c})),children:[!e.children&&tt(rr,{children:ro("span",{className:"k-actionsheet-action",children:[t&&tt("span",{className:"k-icon-wrap",children:tt(b,{className:"k-actionsheet-item-icon",icon:t})}),ro("span",{className:"k-actionsheet-item-text",children:[o&&tt("span",{className:"k-actionsheet-item-title",children:o}),n&&tt("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};fe.states=ir;fe.className=so;import{jsx as nf,jsxs as af}from"react/jsx-runtime";import{jsx as df}from"react/jsx-runtime";import{jsx as uf}from"react/jsx-runtime";import{jsx as bf}from"react/jsx-runtime";import{jsx as g,jsxs as lo}from"react/jsx-runtime";var sr=K.options,lr=K.states,hn={...K.defaultOptions,variant:"normal"},dr=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cr=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],He=e=>{let{variant:t,modifiers:o,...n}={...hn,...e},a={},l=lo(io,{children:[g(fe,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),g(fe,{text:"Add to Favorites",iconName:"heart"}),g(fe,{text:"Upload New",iconName:"upload",disabled:!0}),g("hr",{className:"k-hr"}),g(fe,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(a.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":a.actionsStart=!!o?.[u],a.actionsEnd=!!o?.[u];break;case"subtitle":a.subtitle=o?.[u]?d:void 0;break;case"footer":a.footer=!!o?.[u];break;default:break}}),t==="adaptive"?g(K,{...n,adaptive:!0,fullscreen:a.fullScreen,header:g(Y,{actionsStart:a.actionsStart?g(C,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?g(C,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:a.subtitle}),footer:a.footer?lo(Re,{alignment:"stretched",children:[g(C,{text:"Cancel",size:"large",themeColor:"base"}),g(C,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):g(K,{...n,fullscreen:a.fullScreen,header:g(Y,{actionsStart:a.actionsStart?g(C,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?g(C,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:a.subtitle}),footer:a.footer?lo(Re,{alignment:"stretched",children:[g(C,{text:"Apply",themeColor:"primary"}),g(C,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};He.options=sr;He.states=lr;He.variants=dr;He.defaultOptions=hn;He.modifiers=cr;He.className=K.className;import po from"react";import co from"react";import{jsx as mr}from"react/jsx-runtime";var pr="k-treeview-group",_=e=>{let{children:t,dir:o,level:n=1,role:a="group",...l}=e;return mr("ul",{...l,className:r(e.className,pr),role:a,children:co.Children.map(t,(d,c)=>co.isValidElement(d)?co.cloneElement(d,{dir:o,level:n,key:c}):d)})};var ot="treeview",It=ot;import{jsx as xn}from"react/jsx-runtime";var mo="k-treeview",ur=[],fr={size:[s.undefined,s.small,s.medium,s.large]},hr={},M=e=>{let{size:t,children:o,dir:n,...a}=e;return xn("div",{...a,dir:n,className:r(e.className,mo,T(mo,{size:t})),children:xn(_,{className:"k-treeview-lines",role:"tree",dir:n,children:po.Children.map(o,(l,d)=>po.isValidElement(l)?po.cloneElement(l,{dir:n,key:d}):l)})})};M.states=ur;M.options=fr;M.className=mo;M.defaultOptions=hr;M.moduleName=ot;M.folderName=It;import fo from"react";var ve="checkbox",ze=ve;import{jsx as bn}from"react/jsx-runtime";var Et="k-checkbox",xr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],br={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},vr={},V=e=>{let{id:t,checked:o,indeterminate:n,hover:a,focus:l,disabled:d,invalid:c,valid:u,required:x,size:v,rounded:N,wrapperRole:I,...k}=e;return bn("span",{className:"k-checkbox-wrap",role:I,children:bn("input",{...k,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,Et,T(Et,{size:v,rounded:N}),O(Et,{hover:a,focus:l,disabled:d,invalid:c,valid:u,indeterminate:n,checked:o}))})})};V.states=xr;V.options=br;V.className=Et;V.defaultOptions=vr;V.moduleName=ve;V.folderName=ze;var Q=V;import{jsx as Tr}from"react/jsx-runtime";var vn="k-checkbox-list",Nr=[],Cr={},Nn={layout:"vertical"},z=e=>{let{layout:t=Nn.layout,...o}=e;return Tr("ul",{...o,className:r(e.className,vn,{[`k-list-${t}`]:t}),children:e.children})};z.states=Nr;z.options=Cr;z.className=vn;z.defaultOptions=Nn;z.moduleName=ve;z.folderName=ze;import{jsx as Sr}from"react/jsx-runtime";var Cn="k-checkbox-list-item",Ar=[],Ir={},Er={},D=e=>{let{...t}=e;return Sr("li",{...t,className:r(e.className,Cn),children:e.children})};D.states=Ar;D.options=Ir;D.className=Cn;D.defaultOptions=Er;D.moduleName=ve;D.folderName=ze;import{Fragment as Mr,jsx as Tn,jsxs as yr}from"react/jsx-runtime";var se=({children:e="Label",id:t="cb-label-after",...o})=>yr(Mr,{children:[Tn(Q,{id:t,...o}),Tn("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as bh,jsx as xh,jsxs as vh}from"react/jsx-runtime";import{Fragment as Ih,jsx as Ah,jsxs as Eh}from"react/jsx-runtime";import{Fragment as Lh,jsx as kh,jsxs as Oh}from"react/jsx-runtime";import{jsx as Kh}from"react/jsx-runtime";import{jsx as zh}from"react/jsx-runtime";import{jsx as Vh}from"react/jsx-runtime";import{jsx as G,jsxs as An}from"react/jsx-runtime";var kr=z.options,Lr=z.states,Or={...z.defaultOptions,variant:"vertical"},wr=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],gr=[],De=e=>{let{variant:t,...o}=e;return t==="horizontal"?An(z,{layout:"horizontal",...o,children:[G(D,{children:G(se,{id:W("cb"),defaultChecked:!0,children:"Label"})}),G(D,{children:G(se,{id:W("cb"),children:"Label"})}),G(D,{children:G(se,{id:W("cb"),children:"Label"})})]}):An(z,{...o,children:[G(D,{children:G(se,{id:W("cb"),defaultChecked:!0,children:"Label"})}),G(D,{children:G(se,{id:W("cb"),children:"Label"})}),G(D,{children:G(se,{id:W("cb"),children:"Label"})})]})};De.options=kr;De.states=Lr;De.variants=wr;De.defaultOptions=Or;De.modifiers=gr;De.className=z.className;import{jsx as zr}from"react/jsx-runtime";var Rr=Q.options,Kr=Q.states,_r=Q.defaultOptions,Pr=[],Hr=[],Be=e=>zr(se,{id:W("checkbox"),...e,defaultChecked:!0,children:"Label"});Be.options=Rr;Be.states=Kr;Be.variants=Pr;Be.defaultOptions=_r;Be.modifiers=Hr;Be.className=Q.className;import{jsx as In,jsxs as Fr}from"react/jsx-runtime";var uo="k-treeview-leaf",Dr=[i.hover,i.focus,i.selected],Br={},St=e=>{let{text:t,showIcon:o,icon:n,children:a,hover:l,focus:d,selected:c,...u}=e;return Fr("span",{...u,className:r(e.className,uo,O(uo,{hover:l,focus:d,selected:c})),children:[o&&In(b,{icon:n}),In("span",{className:"k-treeview-leaf-text",children:a??t})]})};St.states=Dr;St.options=Br;St.className=uo;var En=St;import{jsx as nt,jsxs as Sn}from"react/jsx-runtime";var Mn="k-treeview-item",Vr=[i.hover,i.focus,i.selected,i.disabled],Ur={},Gr={},f=e=>{let{leafClassName:t,children:o,hasChildren:n,expanded:a,loading:l,text:d,content:c,showIcon:u,icon:x,showCheckbox:v,checked:N,hover:I,focus:k,selected:R,disabled:y,dir:E,level:S=1,ariaSelected:P,...Z}=e,j=n||o||l;return Sn("li",{...Z,className:r(e.className,Mn),style:{"--kendo-treeview-level":S},role:"treeitem","aria-expanded":j?a?"true":"false":void 0,"aria-checked":v?N?"true":"false":void 0,"aria-selected":P?"true":void 0,"aria-disabled":y?"true":void 0,children:[Sn("span",{className:r("k-treeview-item-content",O("k-treeview-item-content",{hover:I,focus:k,selected:R,disabled:y})),children:[j&&nt("span",{className:r("k-treeview-toggle",O("k-treeview-toggle",{disabled:y})),children:l?nt("span",{className:"k-icon k-i-loading"}):nt(b,{icon:a?"chevron-down":E==="rtl"?"chevron-left":"chevron-right"})}),v&&nt(V,{checked:N,disabled:y,"aria-label":d,tabIndex:-1}),nt(En,{className:t,text:d,showIcon:u,icon:x,children:c})]}),a&&j&&fo.Children.map(o,(ae,he)=>fo.isValidElement(ae)?fo.cloneElement(ae,{dir:E,level:S+1,key:he}):ae)]})};f.states=Vr;f.options=Ur;f.className=Mn;f.defaultOptions=Gr;f.moduleName=ot;f.folderName=It;import{jsx as Ox}from"react/jsx-runtime";import{jsx as Kx,jsxs as _x}from"react/jsx-runtime";import{jsx as Dx,jsxs as Bx}from"react/jsx-runtime";import{jsx as Gx,jsxs as Xx}from"react/jsx-runtime";import{jsx as qx,jsxs as Yx}from"react/jsx-runtime";import{jsx as eb,jsxs as tb}from"react/jsx-runtime";import{jsx as Ne,jsxs as ho}from"react/jsx-runtime";var Xr=M.options,$r=M.states,Wr=M.defaultOptions,Jr=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],qr=[],Fe=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{a==="checkboxes"&&(n.showCheckbox=t?.[a])}),ho(M,{...o,children:[Ne(f,{text:"Furniture",expanded:!0,...n,children:ho(_,{children:[Ne(f,{text:"Tables & Chairs",...n}),Ne(f,{text:"Sofas",...n}),Ne(f,{text:"Occasional Furniture",...n})]})}),ho(f,{text:"Decor",expanded:!1,...n,children:[Ne(f,{text:"Bed Linen",...n}),Ne(f,{text:"Curtains & Blinds",...n}),Ne(f,{text:"Carpets",...n})]})]})};Fe.options=Xr;Fe.states=$r;Fe.variants=qr;Fe.defaultOptions=Wr;Fe.modifiers=Jr;Fe.className=M.className;var yn="dropdown-tree",kn="dropdowntree";import{Fragment as Ln,jsx as A,jsxs as at}from"react/jsx-runtime";var On="k-multiselecttree",Yr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qr={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},wn={showClearButton:!0},X=e=>{let{size:t,rounded:o,fillMode:n,showClearButton:a=wn.showClearButton,prefix:l,suffix:d,placeholder:c,tags:u,popup:x,showArrowButton:v,hover:N,focus:I,valid:k,invalid:R,required:y,loading:E,disabled:S,readonly:P,opened:Z,dir:j,adaptive:ae,adaptiveSettings:he,adaptiveTitle:Ve,adaptiveSubtitle:Kn,adaptiveFilter:_n,id:xo,treeviewId:Pn,"aria-label":Hn,...zn}=e,bo=xo?`${xo}-taglist`:void 0;return at(Ln,{children:[at(L,{...zn,dir:j,size:t,rounded:o,fillMode:n,hover:N,focus:I,valid:k,invalid:R,required:y,loading:E,disabled:S,readonly:P,className:r(e.className,On),children:[A(Ae,{children:l}),A(w,{size:t,className:"k-input-values",id:bo,children:A(Ln,{children:u})}),A("span",{className:"k-input-inner",role:"combobox","aria-haspopup":"tree","aria-expanded":Z?"true":"false","aria-controls":Z?Pn:void 0,"aria-autocomplete":"list","aria-describedby":u?bo:void 0,"aria-disabled":S?"true":void 0,"aria-label":Hn,tabIndex:0,children:!u&&A("span",{className:"k-input-value-text",children:c})}),A(q,{valid:k,invalid:R,loading:E,disabled:S}),A(te,{loading:E,disabled:S}),a&&A(J,{loading:E,disabled:S,readonly:P,value:u?"value":""}),A(Ie,{children:d}),v&&A(C,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:n,"aria-label":"Toggle dropdown",tabIndex:-1})]}),Z&&x&&A(le,{className:"k-multiselecttree-popup",dir:j,containerRole:"region",containerAriaLabel:"MultiSelectTree options",children:x}),ae&&A(K,{adaptive:!0,...he,header:A(Y,{actionsEnd:A(C,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:_n,inputPlaceholder:c,title:Ve,subtitle:Kn}),children:at(M,{size:"large",children:[A(f,{text:"Root 1"}),A(f,{text:"Root 2",expanded:!0,children:at(_,{children:[A(f,{text:"Child 2.1"}),A(f,{text:"Child 2.2",children:A(_,{children:A(f,{text:"Child 2.2.1"})})}),A(f,{text:"Child 2.3"}),A(f,{leafClassName:"k-treeview-load-more-button",text:"Load more ..."})]})}),A(f,{text:"Root 3",children:at(_,{children:[A(f,{text:"Child 3.1"}),A(f,{text:"Child 3.2"}),A(f,{text:"Child 3.3"})]})})]})})]})};X.states=Yr;X.options=Qr;X.className=On;X.defaultOptions=wn;X.moduleName=yn;X.folderName=kn;var gn=X;import{jsx as Zr}from"react/jsx-runtime";var Rn=e=>Zr(gn,{id:W("mst"),"aria-label":"Select items",...e});import{Fragment as as,jsx as $,jsxs as it}from"react/jsx-runtime";var jr=X.options,es=[],ts=X.states,os=X.defaultOptions,ns=[{name:"opened",title:"Opened"}],Ce=e=>{let{modifiers:t,...o}=e,n=it(as,{children:[it("div",{className:"k-check-all",children:[$(V,{}),$("span",{className:"k-checkbox-label",children:"Check all"})]}),it(M,{dir:e.dir,children:[$(f,{text:"Furniture",showCheckbox:!0,children:it(_,{children:[$(f,{text:"Child 1",showCheckbox:!0}),$(f,{text:"Child 2",showCheckbox:!0}),$(f,{text:"Child 3",showCheckbox:!0})]})}),$(f,{text:"Decor",showCheckbox:!0,children:it(_,{children:[$(f,{text:"Child 1",showCheckbox:!0}),$(f,{text:"Child 2",showCheckbox:!0}),$(f,{text:"Child 3",showCheckbox:!0})]})})]})]}),a={};return Object.keys(t||{}).forEach(l=>{l==="opened"&&(a.opened=!!t?.[l],a.popup=t?.[l]?n:void 0)}),$(Rn,{style:{width:"300px"},...o,...a,tags:$(H,{size:o.size,text:"Tables & Chairs"})})};Ce.options=jr;Ce.states=ts;Ce.variants=es;Ce.defaultOptions=os;Ce.modifiers=ns;Ce.className=X.className;var Ub=Ce;export{Ce as MultiselecttreeDemo,Ub as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||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"}),g=(e,t)=>{let{valid:o,invalid:n,hover:a,focus:l,checked:d,active:c,selected:u,disabled:h,indeterminate:b,loading:C,empty:E,readonly:y,highlighted:k,...L}=t;return r({"k-valid":o,"k-invalid":n,"k-hover":a,"k-focus":l,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":h,"k-indeterminate":b&&!d,"k-loading":C,"k-empty":E,"k-readonly":y,"k-highlighted":k},Object.keys(L).reduce((I,S)=>(S.startsWith("k-")?I[S]=L[S]:I[`k-${S}`]=L[S],I),{}))};function ho(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var s={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"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Q={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 Et={};function te(e){return Et[e]=(Et[e]||0)+1,`k-${e}-${Et[e]}`}var Fe="input",nt=Fe;import{jsx as Hn}from"react/jsx-runtime";var at="k-input",Kn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],_n={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Pn={},O=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:h,fillMode:b,...C}=e;return Hn("span",{...C,className:r(e.className,at,A(at,{size:u,rounded:h,fillMode:b}),g(at,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c}))})};O.states=Kn;O.options=_n;O.className=at;O.defaultOptions=Pn;O.moduleName=Fe;O.folderName=nt;import{jsx as Fn}from"react/jsx-runtime";var it="k-picker",zn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Dn={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Bn={},ve=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:h,fillMode:b,...C}=e;return Fn("span",{...C,className:r(e.className,it,A(it,{size:u,rounded:h,fillMode:b}),g(it,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c})),children:e.children})};ve.states=zn;ve.options=Dn;ve.className=it;ve.defaultOptions=Bn;ve.moduleName=Fe;ve.folderName=nt;import{Fragment as Xn,jsx as xo}from"react/jsx-runtime";var It="k-font-icon",Vn=[],Un={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info]},Gn={},Ve=e=>{let{size:t,themeColor:o,icon:n,rotate:a,flip:l,...d}=e;return n?xo("span",{...d,className:r(e.className,It,A(It,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):xo(Xn,{})};Ve.states=Vn;Ve.options=Un;Ve.className=It;Ve.defaultOptions=Gn;var bo=Ve;import{Fragment as Jn,jsx as rt}from"react/jsx-runtime";var St="k-svg-icon",$n=[],Wn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[Q.outline,Q.solid,Q.duotone]},yt={viewBox:"0 0 24 24",variant:Q.outline},Ue=e=>{let{size:t,themeColor:o,rotate:n,flip:a,viewBox:l=yt.viewBox,variant:d=yt.variant,icon:c,...u}=e;if(!c)return rt(Jn,{});if(c==="none")return rt("span",{...u,className:r(e.className,St,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name,b=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return rt("span",{...u,className:r(e.className,St,A("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:rt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:c?void 0:e.children})})};Ue.states=$n;Ue.options=Wn;Ue.className=St;Ue.defaultOptions=yt;var Mt=Ue;import*as kt from"@progress/kendo-svg-icons";var vo="icon",No="icons";import{useContext as Yn}from"react";import{createContext as qn}from"react";var Co=qn({iconsType:"svg"});import{Fragment as Ao,jsx as Ge}from"react/jsx-runtime";var st="k-icon",Qn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Zn=[],jn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[Q.outline,Q.solid,Q.duotone]},lt={viewBox:"0 0 24 24",type:"svg",variant:Q.outline},x=e=>{let{iconsType:t}=Yn(Co),{size:o,themeColor:n,icon:a,type:l=t||lt.type,rotate:d,flip:c,viewBox:u=lt.viewBox,variant:h=lt.variant,...b}=e;if(!a)return Ge(Ao,{});if((t||l)==="svg"){if(a==="none")return Ge(Mt,{...b,className:r(e.className,st),icon:a,size:o,variant:h});let E=kt[a]?a:Qn(`${a}-icon`);return kt[E]?Ge(Mt,{...b,className:r(e.className,st),icon:kt[E],size:o,themeColor:n,rotate:d,flip:c,viewBox:u,variant:h}):Ge(Ao,{})}return Ge(bo,{...b,className:r(e.className,st),icon:a,size:o,themeColor:n,rotate:d,flip:c})};x.states=Zn;x.options=jn;x.defaultOptions=lt;x.className=st;x.moduleName=vo;x.folderName=No;import{Fragment as oa,jsx as Lt}from"react/jsx-runtime";var To="k-clear-value",ea=[i.disabled,i.loading,i.readonly],ta={},X=e=>{let{disabled:t,loading:o,readonly:n,value:a}=e;return t||n||o||!a?Lt(oa,{}):Lt("span",{className:r(e.className,To),children:Lt(x,{icon:"x"})})};X.states=ea;X.options=ta;X.className=To;import{jsx as ia}from"react/jsx-runtime";var Ot="k-input-inner",na=[],aa={},dt={type:"text",autocomplete:"off",value:"",placeholder:""},oe=e=>{let{value:t=dt.value,type:o=dt.type,placeholder:n=dt.placeholder,autocomplete:a=dt.autocomplete,disabled:l,readOnly:d,...c}=e;return ia("input",{...c,type:o,className:r(e.className,Ot,A(Ot,e)),placeholder:n,autoComplete:a,defaultValue:t,disabled:l||void 0,readOnly:d||void 0})};oe.states=na;oe.options=aa;oe.className=Ot;import{jsx as Eo,jsxs as la}from"react/jsx-runtime";var gt="k-input-inner",ra=[],sa={},wt=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:a,valueIconName:l,...d}=e;return la("span",{...d,className:r(e.className,gt,A(gt,e)),children:[a,!a&&l&&Eo(x,{className:"k-input-value-icon",icon:l}),n&&!t&&o,n&&t&&Eo("span",{className:"k-input-value-text",children:t})]})};wt.states=ra;wt.options=sa;wt.className=gt;import{jsx as pa}from"react/jsx-runtime";var Rt="k-input-inner",da=[],ca={},Io={value:"",placeholder:""},Kt=e=>{let{value:t=Io.value,placeholder:o=Io.placeholder,rows:n,disabled:a,...l}=e;return pa("textarea",{...l,className:r(e.className,Rt,A(Rt,e)),placeholder:o,rows:n,defaultValue:t,disabled:a||void 0})};Kt.states=da;Kt.options=ca;Kt.className=Rt;import{Fragment as ua,jsx as So}from"react/jsx-runtime";var yo="k-input-loading-icon",ma=[i.disabled,i.loading],Z=e=>{let{disabled:t,loading:o}=e;return t||!o?So(ua,{}):So("span",{className:r(e.className,yo,"k-icon k-i-loading")})};Z.states=ma;Z.className=yo;import{Fragment as xa,jsx as Mo}from"react/jsx-runtime";var ko="k-input-validation-icon",fa=[i.valid,i.invalid,i.disabled,i.loading],ha={},$=e=>{let{valid:t,invalid:o,disabled:n,loading:a}=e,l=o?"warning-circle":"check-circle";return n||a||!!!(t||o)?Mo(xa,{}):Mo(x,{className:r(ko),icon:l})};$.states=fa;$.options=ha;$.className=ko;import{Fragment as Na,jsx as Lo}from"react/jsx-runtime";var ba="k-input-prefix",va={direction:"horizontal"},Ne=e=>{let{direction:t=va.direction,...o}=e;return e.children?Lo("span",{...o,className:r(ba,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Lo(Na,{})};import{Fragment as Ta,jsx as Oo}from"react/jsx-runtime";var Ca="k-input-suffix",Aa={direction:"horizontal"},Ce=e=>{let{direction:t=Aa.direction,...o}=e;return e.children?Oo("span",{...o,className:r(Ca,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Oo(Ta,{})};import{jsx as ll}from"react/jsx-runtime";import{jsx as ml}from"react/jsx-runtime";import{jsx as Ia}from"react/jsx-runtime";var go="k-input-separator",Ea={direction:"vertical"},Ae=e=>{let{direction:t=Ea.direction,...o}=e;return Ia("span",{...o,className:r(go,e.className,{[`${go}-${t}`]:t})})};var _t="button",wo=_t;import{Fragment as Ro,jsx as Te,jsxs as Ko}from"react/jsx-runtime";var Xe="k-button",Sa=["icon-button"],ya=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Ma={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.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"},N=e=>{let{as:t="button",size:o,rounded:n,fillMode:a,themeColor:l,showArrow:d=Pt.showArrow,arrowIconName:c=Pt.arrowIconName,variant:u,hover:h,focus:b,active:C,selected:E,disabled:y,togglable:k,ariaDisabled:L,icon:I,iconSize:S,text:_,iconClassName:V,className:Y,...me}=e,De=I!=null,Be=e.children!==void 0;return Ko(t,{className:r(Y,Xe,ho(Xe,u),A(Xe,{size:o,rounded:n,fillMode:a,themeColor:l}),g(Xe,{hover:h,focus:b,active:C,disabled:y||L,selected:E}),{"k-icon-button":!_&&!Be&&De}),"aria-pressed":k?E?"true":"false":void 0,...me,"aria-disabled":L?"true":void 0,disabled:y||void 0,children:[typeof I=="string"&&I&&Te(x,{className:r(V,"k-button-icon"),icon:I,size:S}),I&&typeof I!="string"&&Te(Ro,{children:I}),_?Ko(Ro,{children:[_&&Te("span",{className:"k-button-text",children:_}),e.children]}):e.children&&Te("span",{className:"k-button-text",children:e.children}),d&&Te("span",{className:"k-menu-button-arrow k-button-arrow",children:Te(x,{icon:c})})]})};N.states=ya;N.options=Ma;N.variants=Sa;N.className=Xe;N.defaultOptions=Pt;N.moduleName=_t;N.folderName=wo;import{jsx as ka}from"react/jsx-runtime";var ue=e=>ka(N,{children:"Button",...e});import{Fragment as _o,jsx as j,jsxs as Ht}from"react/jsx-runtime";var La=O.states,Oa=O.defaultOptions,ga=O.options,wa=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ra=[],Ee=e=>{let{modifiers:t,valid:o,invalid:n,loading:a,disabled:l,readonly:d,...c}=e,u=t?.prefix,h=t?.suffix,b=t?.["clear-button"],C=t?.["validation-icon"],E=t?.separators;return Ht(O,{...c,valid:o,invalid:n,loading:a,disabled:l,readonly:d,style:{width:300},children:[u&&Ht(_o,{children:[j(Ne,{children:j(x,{icon:"lock"})}),E&&j(Ae,{})]}),j(oe,{placeholder:"Placeholder",value:"Value"}),C&&j($,{valid:o,invalid:n,loading:a,disabled:l}),j(Z,{loading:a,disabled:l}),b&&j(X,{loading:a,disabled:l,readonly:d,value:"Value"}),h&&Ht(_o,{children:[E&&j(Ae,{}),j(Ce,{children:j(ue,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Ee.options=ga;Ee.states=La;Ee.variants=Ra;Ee.defaultOptions=Oa;Ee.modifiers=wa;Ee.className=O.className;import{jsx as Ka}from"react/jsx-runtime";var Po=e=>Ka(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as _a}from"react/jsx-runtime";var Ho=e=>_a(N,{icon:"folder",children:"Button",...e});import{jsx as zt}from"react/jsx-runtime";var Pa=N.options,Ha=N.states,za={...N.defaultOptions,variant:"text"},Da=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ba=[],Ie=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return zt(Po,{...o,icon:"star"});case"icon-and-text":return zt(Ho,{...o,icon:"star",children:"Button"});default:return zt(ue,{...o,children:"Button"})}};Ie.options=Pa;Ie.states=Ha;Ie.variants=Da;Ie.defaultOptions=za;Ie.modifiers=Ba;Ie.className=N.className;import{jsx as ct}from"react/jsx-runtime";var Fa="k-chip-action";var ne=e=>{let{type:t,...o}=e,n;switch(t){case"remove":n=ct(x,{icon:"x-circle",size:"small"});break;case"more":n=ct(x,{icon:"more-vertical",size:"small"});break;default:return ct(x,{icon:t,size:"small"})}return ct("span",{...o,className:r(e.className,Fa,`k-chip-${t}-action`),children:n})};var Dt="avatar",zo=Dt;import{jsx as Do}from"react/jsx-runtime";var $e="k-avatar";var Va=[i.hover,i.focus,i.active,i.selected,i.disabled],Ua={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary]},Bt={type:"text",border:!1},z=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,type:l=Bt.type,border:d=Bt.border,...c}=e;return Do("div",{...c,className:r(e.className,$e,A($e,{size:t,rounded:o,fillMode:n,themeColor:a}),{[`${$e}-bordered`]:d}),children:Do("span",{className:`${$e}-${l}`,children:e.children})})};z.states=Va;z.options=Ua;z.className=$e;z.defaultOptions=Bt;z.moduleName=Dt;z.folderName=zo;var fe=z;import{jsx as Ga}from"react/jsx-runtime";var Bo=e=>Ga(fe,{type:"icon",...e});import{jsx as Xa}from"react/jsx-runtime";var Fo=e=>Xa(fe,{type:"text",...e});import{jsx as $a}from"react/jsx-runtime";var Vo=e=>$a(fe,{type:"image",...e});import{jsx as Bd}from"react/jsx-runtime";import{jsx as We}from"react/jsx-runtime";var Wa=z.options,Ja=z.states,qa={...z.defaultOptions,variant:"image"},Ya=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Qa=[],Se=e=>{let{variant:t,...o}=e;switch(t){case"icon":return We(Bo,{...o,children:We(x,{icon:"star"})});case"text":return We(Fo,{...o,children:"JO"});default:return We(Vo,{...o,children:We("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Se.options=Wa;Se.states=Ja;Se.variants=Ya;Se.defaultOptions=qa;Se.modifiers=Qa;Se.className=z.className;var Je="chip",pt=Je,mt="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as ye,jsxs as ei}from"react/jsx-runtime";var ut="k-chip",Za=[i.hover,i.focus,i.active,i.selected,i.disabled],ja={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[m.undefined,m.base,m.success,m.warning,m.error,m.info]},Uo={avatarImage:"/packages/html/assets/avatar.jpg"},B=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,text:l,icon:d,actions:c,showAvatar:u,avatarImage:h=Uo.avatarImage,hover:b,focus:C,active:E,selected:y,disabled:k,...L}=e;return ei("div",{...L,className:r(e.className,ut,A(ut,{size:t,rounded:o,fillMode:n,themeColor:a}),g(ut,{hover:b,focus:C,active:E,disabled:k,selected:y})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:y?"true":"false",...e.role==="option"&&y!==void 0&&{"aria-selected":y?"true":"false"},"aria-disabled":k?"true":void 0,children:[d&&ye(x,{className:"k-chip-icon",icon:d,size:"small"}),u&&ye(z,{className:"k-chip-avatar",type:"image",children:ye("img",{src:h,alt:""})}),ye("span",{className:"k-chip-content",children:e.children?e.children:l&&ye("span",{className:"k-chip-label",children:l})}),c&&ye("span",{className:"k-chip-actions",children:c})]})};B.states=Za;B.options=ja;B.className=ut;B.defaultOptions=Uo;B.moduleName=Je;B.folderName=pt;var U=B;import{jsx as ai}from"react/jsx-runtime";var Ft="k-chip-list",ti=[],oi={size:[s.undefined,s.small,s.medium,s.large]},ni={},w=e=>{let{size:t,multiselectable:o,ariaLabel:n,...a}=e;return ai("div",{...a,className:r(e.className,Ft,A(Ft,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:n||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};w.states=ti;w.options=oi;w.className=Ft;w.defaultOptions=ni;w.moduleName=Je;w.folderName=pt;import{jsx as xc}from"react/jsx-runtime";import{jsx as Cc}from"react/jsx-runtime";import{jsx as ii}from"react/jsx-runtime";var ft=e=>ii(U,{text:"text",...e});import{jsx as kc}from"react/jsx-runtime";import{jsx as wc}from"react/jsx-runtime";import{Fragment as zc,jsx as Hc,jsxs as Dc}from"react/jsx-runtime";import{jsx as Gc,jsxs as Xc}from"react/jsx-runtime";import{jsx as Yc,jsxs as Qc}from"react/jsx-runtime";import{jsx as np,jsxs as ap}from"react/jsx-runtime";import{jsx as Me,jsxs as pi}from"react/jsx-runtime";var ri={...U.options,...w.options},si=[],li=w.states,di={...U.defaultOptions,...w.defaultOptions},ci=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],ke=e=>{let{modifiers:t,className:o,...n}=e,a=t?.icon,l=t?.actions,d=t?.avatar,c=d?mt:void 0;return pi(w,{size:n.size,className:o,children:[Me(ft,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Me(ne,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),Me(ft,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Me(ne,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),Me(ft,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?Me(ne,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"})]})};ke.options=ri;ke.states=li;ke.variants=si;ke.defaultOptions=di;ke.modifiers=ci;ke.className=w.className;import{jsx as Vt}from"react/jsx-runtime";var mi=B.states,ui=B.defaultOptions,fi=B.options,hi=[],xi=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Le=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"icon":n.icon=t?.[a]?"arrow-down":void 0;break;case"avatar":n.showAvatar=!!t?.[a],n.avatarImage=t?.[a]?mt:void 0;break;case"more-options":n.actions||(n.actions=[]),n.actions[0]=t?.[a]?Vt(ne,{type:"more"}):void 0;break;case"remove-icon":n.actions||(n.actions=[]),n.actions[1]=t?.[a]?Vt(ne,{type:"remove"}):void 0;break;default:break}}),Vt(B,{...o,...n,children:"Chip component"})};Le.options=fi;Le.states=mi;Le.variants=hi;Le.defaultOptions=ui;Le.modifiers=xi;Le.className=B.className;var Ut="popup",Go=Ut;import{jsx as Xo}from"react/jsx-runtime";var $o="k-animation-container",bi=[],vi={},Gt={positionMode:"absolute",shown:!0},ee=e=>{let{positionMode:t=Gt.positionMode,shown:o=Gt.shown,animationStyle:n,offset:a,...l}=e;return Xo("div",{...l,style:{...a,...e.style},className:r(e.className,$o,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Xo("div",{className:"k-child-animation-container",style:n,children:e.children})})};ee.states=bi;ee.options=vi;ee.className=$o;ee.defaultOptions=Gt;ee.moduleName=Ut;ee.folderName=Go;var Xt="popup",Wo=Xt;import{jsx as Jo}from"react/jsx-runtime";var qo="k-popup",Ni=[],Ci={},Yo={positionMode:"absolute"},ie=e=>{let{offset:t,positionMode:o=Yo.positionMode,animationStyle:n,containerClassName:a,containerRole:l,containerAriaLabel:d,...c}=e;return Jo(ee,{positionMode:o,offset:t,animationStyle:n,className:a,role:l,"aria-label":d,children:Jo("div",{...c,className:r(e.className,qo),children:e.children})})};ie.states=Ni;ie.options=Ci;ie.className=qo;ie.defaultOptions=Yo;ie.moduleName=Xt;ie.folderName=Wo;var $t="action-buttons",Qo=$t;import{jsx as Ei}from"react/jsx-runtime";var ht="k-actions",Ai=[],Ti={},Wt={alignment:"start",orientation:"horizontal"},re=e=>{let{alignment:t=Wt.alignment,orientation:o=Wt.orientation,...n}=e;return Ei("div",{...n,className:r(ht,{[`${ht}-${t}`]:t,[`${ht}-${o}`]:o},e.className),children:e.children})};re.states=Ai;re.options=Ti;re.className=ht;re.defaultOptions=Wt;re.moduleName=$t;re.folderName=Qo;import{jsx as Si}from"react/jsx-runtime";var Ii="k-actionsheet-footer",Zo={alignment:"stretched",orientation:"horizontal"},Oe=e=>{let{alignment:t=Zo.alignment,orientation:o=Zo.orientation,template:n,as:a=n?"div":re,...l}=e;return Si(a,{...l,...!n&&{alignment:t,orientation:o},className:r(e.className,Ii),children:e.children})};var Jt="searchbox",jo=Jt;import{jsx as qe,jsxs as ki}from"react/jsx-runtime";var en="k-searchbox",yi=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Mi={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},xt={showIcon:!0,showClearButton:!0,icon:"search"},se=e=>{let{value:t,placeholder:o,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:h,required:b,loading:C,disabled:E,showIcon:y=xt.showIcon,showClearButton:k=xt.showClearButton,icon:L=xt.icon,"aria-label":I,...S}=e;return ki(O,{...S,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:h,required:b,loading:C,disabled:E,className:r(e.className,en),children:[y&&qe(x,{className:"k-input-icon",icon:L}),qe(oe,{placeholder:o,value:t,"aria-label":I}),qe(Z,{...e}),qe($,{...e}),k&&qe(X,{...e})]})};se.states=yi;se.options=Mi;se.className=en;se.defaultOptions=xt;se.moduleName=Jt;se.folderName=jo;import{jsx as vm}from"react/jsx-runtime";var qt="textbox",tn=qt;import{Fragment as on,jsx as le,jsxs as Yt}from"react/jsx-runtime";var nn="k-textbox",Li=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Oi={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},bt={showClearButton:!0,showValidationIcon:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:n,separators:a=bt.separators,showClearButton:l=bt.showClearButton,showValidationIcon:d=bt.showValidationIcon,prefix:c,suffix:u,type:h,value:b,placeholder:C,hover:E,focus:y,valid:k,invalid:L,required:I,loading:S,disabled:_,readonly:V,id:Y,"aria-label":me,"aria-describedby":De,...Be}=e;return Yt(O,{...Be,size:t,rounded:o,fillMode:n,hover:E,focus:y,valid:k,invalid:L,required:I,loading:S,disabled:_,readonly:V,className:r(e.className,nn),children:[c&&Yt(on,{children:[le(Ne,{children:c}),a&&le(Ae,{})]}),le(oe,{id:Y,placeholder:C,value:b,type:h,disabled:_,"aria-label":me,"aria-describedby":De,"aria-invalid":L?"true":void 0}),d&&le($,{valid:k,invalid:L,loading:S,disabled:_}),le(Z,{loading:S,disabled:_}),l&&le(X,{loading:S,disabled:_,readonly:V,value:b}),u&&Yt(on,{children:[a&&le(Ae,{}),le(Ce,{children:u})]})]})};D.states=Li;D.options=Oi;D.className=nn;D.defaultOptions=bt;D.moduleName=qt;D.folderName=tn;var Ye=D;import{jsx as gi}from"react/jsx-runtime";var an=e=>gi(Ye,{...e});import{Fragment as Pm,jsx as _m}from"react/jsx-runtime";import{Fragment as Vm,jsx as Fm}from"react/jsx-runtime";import{jsx as $m}from"react/jsx-runtime";import{jsx as Qt}from"react/jsx-runtime";var wi=D.states,Ri=D.defaultOptions,Ki=D.options,_i=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Pi=[],ge=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":n.prefix=t?.[a]?Qt(x,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[a]?Qt(ue,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[a];break;default:break}}),Qt(an,{value:"Value",style:{width:300},...o,...n})};ge.options=Ki;ge.states=wi;ge.variants=Pi;ge.defaultOptions=Ri;ge.modifiers=_i;ge.className=D.className;import{jsx as de,jsxs as Zt}from"react/jsx-runtime";var rn="k-actionsheet-titlebar",Hi={},W=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:a,filter:l,input:d,inputValue:c,inputPlaceholder:u,adaptive:h,titleId:b,children:C,...E}=e;return Zt("div",{...E,className:r(e.className,rn),children:[Zt("div",{className:"k-actionsheet-titlebar-group",children:[n&&de("div",{className:"k-actionsheet-actions",children:n}),!C&&Zt("div",{className:"k-actionsheet-title",id:b,children:[t&&de("div",{className:"k-text-center",children:t}),o&&de("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),C&&de("div",{className:"k-actionsheet-title",id:b,children:C}),a&&de("div",{className:"k-actionsheet-actions",children:a})]}),(d||l)&&de("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?de(D,{value:c,placeholder:u,size:h?"large":"medium","aria-label":t||u||"Input"}):de(se,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};W.className=rn;W.defaultOptions=Hi;import{jsx as jt,jsxs as Fi}from"react/jsx-runtime";var eo="k-actionsheet-view",zi=[],Di={},Bi={},we=e=>{let{adaptive:t,animated:o,children:n,header:a,footer:l,titleId:d,...c}=e,u=a?.type===W&&jt(W,{adaptive:t,titleId:d,...a?.props}),h=l?.type===Oe&&jt(Oe,{...l?.props});return Fi("div",{...c,className:r(e.className,eo,{[`${eo}-animated`]:o}),children:[u,jt("div",{className:"k-actionsheet-content",children:n}),h]})};we.states=zi;we.options=Di;we.className=eo;we.defaultOptions=Bi;var Qe="action-sheet",vt=Qe;var to="overlay",sn=to;import{jsx as Xi}from"react/jsx-runtime";var ln="k-overlay",Vi=[],Ui={},Gi={},ce=e=>{let{...t}=e;return Xi("div",{...t,className:r(e.className,ln),children:e.children})};ce.states=Vi;ce.options=Ui;ce.className=ln;ce.defaultOptions=Gi;ce.moduleName=to;ce.folderName=sn;import{jsx as Nt,jsxs as Ji}from"react/jsx-runtime";var dn="k-actionsheet",$i=[],Wi={},Ze={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},K=e=>{let{side:t=Ze.side,fullscreen:o=Ze.fullscreen,adaptive:n=Ze.adaptive,overlay:a=Ze.overlay,template:l,children:d,header:c,footer:u,id:h,...b}=e,C=h&&!l&&c?`${h}-title`:void 0;return Ji("div",{className:"k-actionsheet-container",children:[a&&Nt(ce,{}),Nt(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:Nt("div",{...b,id:h,role:"dialog","aria-modal":a?"true":void 0,"aria-labelledby":C,className:r(e.className,dn,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:l||Nt(we,{header:c,footer:u,adaptive:n,titleId:C,...e,children:d})})})]})};K.states=$i;K.options=Wi;K.className=dn;K.defaultOptions=Ze;K.moduleName=Qe;K.folderName=vt;import{jsx as Zi}from"react/jsx-runtime";var cn="k-actionsheet-container",qi=[],Yi={},Qi={},Re=e=>{let{children:t,...o}=e;return Zi("div",{...o,className:cn,children:t})};Re.states=qi;Re.options=Yi;Re.className=cn;Re.defaultOptions=Qi;Re.moduleName=Qe;Re.folderName=vt;import{jsx as ji}from"react/jsx-runtime";var oo=e=>{let{...t}=e;return ji("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as tr,jsx as je,jsxs as no}from"react/jsx-runtime";var ao="k-actionsheet-item",er=[i.hover,i.focus,i.selected,i.disabled],pe=e=>{let{iconName:t,text:o,description:n,hover:a,focus:l,selected:d,disabled:c,...u}=e;return no("span",{...u,className:r(e.className,ao,g(ao,{hover:a,focus:l,selected:d,disabled:c})),children:[!e.children&&je(tr,{children:no("span",{className:"k-actionsheet-action",children:[t&&je("span",{className:"k-icon-wrap",children:je(x,{className:"k-actionsheet-item-icon",icon:t})}),no("span",{className:"k-actionsheet-item-text",children:[o&&je("span",{className:"k-actionsheet-item-title",children:o}),n&&je("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};pe.states=er;pe.className=ao;import{jsx as Xu,jsxs as $u}from"react/jsx-runtime";import{jsx as Yu}from"react/jsx-runtime";import{jsx as ef}from"react/jsx-runtime";import{jsx as af}from"react/jsx-runtime";import{jsx as R,jsxs as io}from"react/jsx-runtime";var or=K.options,nr=K.states,mn={...K.defaultOptions,variant:"normal"},ar=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ir=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ke=e=>{let{variant:t,modifiers:o,...n}={...mn,...e},a={},l=io(oo,{children:[R(pe,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),R(pe,{text:"Add to Favorites",iconName:"heart"}),R(pe,{text:"Upload New",iconName:"upload",disabled:!0}),R("hr",{className:"k-hr"}),R(pe,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(a.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":a.actionsStart=!!o?.[u],a.actionsEnd=!!o?.[u];break;case"subtitle":a.subtitle=o?.[u]?d:void 0;break;case"footer":a.footer=!!o?.[u];break;default:break}}),t==="adaptive"?R(K,{...n,adaptive:!0,fullscreen:a.fullScreen,header:R(W,{actionsStart:a.actionsStart?R(N,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?R(N,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:a.subtitle}),footer:a.footer?io(Oe,{alignment:"stretched",children:[R(N,{text:"Cancel",size:"large",themeColor:"base"}),R(N,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):R(K,{...n,fullscreen:a.fullScreen,header:R(W,{actionsStart:a.actionsStart?R(N,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?R(N,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:a.subtitle}),footer:a.footer?io(Oe,{alignment:"stretched",children:[R(N,{text:"Apply",themeColor:"primary"}),R(N,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};Ke.options=or;Ke.states=nr;Ke.variants=ar;Ke.defaultOptions=mn;Ke.modifiers=ir;Ke.className=K.className;import so from"react";import ro from"react";import{jsx as sr}from"react/jsx-runtime";var rr="k-treeview-group",F=e=>{let{children:t,dir:o,level:n=1,role:a="group",...l}=e;return sr("ul",{...l,className:r(e.className,rr),role:a,children:ro.Children.map(t,(d,c)=>ro.isValidElement(d)?ro.cloneElement(d,{dir:o,level:n,key:c}):d)})};var et="treeview",Ct=et;import{jsx as un}from"react/jsx-runtime";var lo="k-treeview",lr=[],dr={size:[s.undefined,s.small,s.medium,s.large]},cr={},M=e=>{let{size:t,children:o,dir:n,...a}=e;return un("div",{...a,dir:n,className:r(e.className,lo,A(lo,{size:t})),children:un(F,{className:"k-treeview-lines",role:"tree",dir:n,children:so.Children.map(o,(l,d)=>so.isValidElement(l)?so.cloneElement(l,{dir:n,key:d}):l)})})};M.states=lr;M.options=dr;M.className=lo;M.defaultOptions=cr;M.moduleName=et;M.folderName=Ct;import po from"react";var he="checkbox",_e=he;import{jsx as fn}from"react/jsx-runtime";var At="k-checkbox",pr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],mr={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},ur={},J=e=>{let{id:t,checked:o,indeterminate:n,hover:a,focus:l,disabled:d,invalid:c,valid:u,required:h,size:b,rounded:C,wrapperRole:E,...y}=e;return fn("span",{className:"k-checkbox-wrap",role:E,children:fn("input",{...y,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,At,A(At,{size:b,rounded:C}),g(At,{hover:a,focus:l,disabled:d,invalid:c,valid:u,indeterminate:n,checked:o}))})})};J.states=pr;J.options=mr;J.className=At;J.defaultOptions=ur;J.moduleName=he;J.folderName=_e;var q=J;import{jsx as xr}from"react/jsx-runtime";var hn="k-checkbox-list",fr=[],hr={},xn={layout:"vertical"},P=e=>{let{layout:t=xn.layout,...o}=e;return xr("ul",{...o,className:r(e.className,hn,{[`k-list-${t}`]:t}),children:e.children})};P.states=fr;P.options=hr;P.className=hn;P.defaultOptions=xn;P.moduleName=he;P.folderName=_e;import{jsx as Cr}from"react/jsx-runtime";var bn="k-checkbox-list-item",br=[],vr={},Nr={},H=e=>{let{...t}=e;return Cr("li",{...t,className:r(e.className,bn),children:e.children})};H.states=br;H.options=vr;H.className=bn;H.defaultOptions=Nr;H.moduleName=he;H.folderName=_e;import{Fragment as Ar,jsx as vn,jsxs as Tr}from"react/jsx-runtime";var ae=({children:e="Label",id:t="cb-label-after",...o})=>Tr(Ar,{children:[vn(q,{id:t,...o}),vn("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ih,jsx as ah,jsxs as rh}from"react/jsx-runtime";import{Fragment as ph,jsx as ch,jsxs as mh}from"react/jsx-runtime";import{Fragment as bh,jsx as xh,jsxs as vh}from"react/jsx-runtime";import{jsx as Th}from"react/jsx-runtime";import{jsx as yh}from"react/jsx-runtime";import{jsx as Oh}from"react/jsx-runtime";import{jsx as G,jsxs as Nn}from"react/jsx-runtime";var Er=P.options,Ir=P.states,Sr={...P.defaultOptions,variant:"vertical"},yr=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Mr=[],Pe=e=>{let{variant:t,...o}=e;return t==="horizontal"?Nn(P,{layout:"horizontal",...o,children:[G(H,{children:G(ae,{id:te("cb"),defaultChecked:!0,children:"Label"})}),G(H,{children:G(ae,{id:te("cb"),children:"Label"})}),G(H,{children:G(ae,{id:te("cb"),children:"Label"})})]}):Nn(P,{...o,children:[G(H,{children:G(ae,{id:te("cb"),defaultChecked:!0,children:"Label"})}),G(H,{children:G(ae,{id:te("cb"),children:"Label"})}),G(H,{children:G(ae,{id:te("cb"),children:"Label"})})]})};Pe.options=Er;Pe.states=Ir;Pe.variants=yr;Pe.defaultOptions=Sr;Pe.modifiers=Mr;Pe.className=P.className;import{jsx as Rr}from"react/jsx-runtime";var kr=q.options,Lr=q.states,Or=q.defaultOptions,gr=[],wr=[],He=e=>Rr(ae,{id:te("checkbox"),...e,defaultChecked:!0,children:"Label"});He.options=kr;He.states=Lr;He.variants=gr;He.defaultOptions=Or;He.modifiers=wr;He.className=q.className;import{jsx as Cn,jsxs as Pr}from"react/jsx-runtime";var co="k-treeview-leaf",Kr=[i.hover,i.focus,i.selected],_r={},Tt=e=>{let{text:t,showIcon:o,icon:n,hover:a,focus:l,selected:d,...c}=e;return Pr("span",{...c,className:r(e.className,co,g(co,{hover:a,focus:l,selected:d})),children:[o&&Cn(x,{icon:n}),Cn("span",{className:"k-treeview-leaf-text",children:t})]})};Tt.states=Kr;Tt.options=_r;Tt.className=co;var An=Tt;import{jsx as tt,jsxs as Tn}from"react/jsx-runtime";var En="k-treeview-item",Hr=[i.hover,i.focus,i.selected,i.disabled],zr={},Dr={},v=e=>{let{leafClassName:t,children:o,hasChildren:n,expanded:a,loading:l,text:d,showIcon:c,icon:u,showCheckbox:h,checked:b,hover:C,focus:E,selected:y,disabled:k,dir:L,level:I=1,ariaSelected:S,..._}=e,V=n||o||l;return Tn("li",{..._,className:r(e.className,En),style:{"--kendo-treeview-level":I},role:"treeitem","aria-expanded":V?a?"true":"false":void 0,"aria-checked":h?b?"true":"false":void 0,"aria-selected":S?"true":void 0,"aria-disabled":k?"true":void 0,children:[Tn("span",{className:r("k-treeview-item-content",g("k-treeview-item-content",{hover:C,focus:E,selected:y,disabled:k})),children:[V&&tt("span",{className:r("k-treeview-toggle",g("k-treeview-toggle",{disabled:k})),children:l?tt("span",{className:"k-icon k-i-loading"}):tt(x,{icon:a?"chevron-down":L==="rtl"?"chevron-left":"chevron-right"})}),h&&tt(J,{checked:b,disabled:k,"aria-label":d,tabIndex:-1}),tt(An,{className:t,text:d,showIcon:c,icon:u})]}),a&&V&&po.Children.map(o,(Y,me)=>po.isValidElement(Y)?po.cloneElement(Y,{dir:L,level:I+1,key:me}):Y)]})};v.states=Hr;v.options=zr;v.className=En;v.defaultOptions=Dr;v.moduleName=et;v.folderName=Ct;import{jsx as vx}from"react/jsx-runtime";import{jsx as Tx,jsxs as Ex}from"react/jsx-runtime";import{jsx as Mx,jsxs as kx}from"react/jsx-runtime";import{jsx as wx,jsxs as Rx}from"react/jsx-runtime";import{jsx as Hx,jsxs as zx}from"react/jsx-runtime";import{jsx as Vx,jsxs as Ux}from"react/jsx-runtime";import{jsx as xe,jsxs as mo}from"react/jsx-runtime";var Br=M.options,Fr=M.states,Vr=M.defaultOptions,Ur=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Gr=[],ze=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{a==="checkboxes"&&(n.showCheckbox=t?.[a])}),mo(M,{...o,children:[xe(v,{text:"Furniture",expanded:!0,...n,children:mo(F,{children:[xe(v,{text:"Tables & Chairs",...n}),xe(v,{text:"Sofas",...n}),xe(v,{text:"Occasional Furniture",...n})]})}),mo(v,{text:"Decor",expanded:!1,...n,children:[xe(v,{text:"Bed Linen",...n}),xe(v,{text:"Curtains & Blinds",...n}),xe(v,{text:"Carpets",...n})]})]})};ze.options=Br;ze.states=Fr;ze.variants=Gr;ze.defaultOptions=Vr;ze.modifiers=Ur;ze.className=M.className;var In="dropdown-tree",Sn="dropdowntree";import{Fragment as yn,jsx as T,jsxs as ot}from"react/jsx-runtime";var Mn="k-multiselecttree",Xr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],$r={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},kn={showClearButton:!0},be=e=>{let{size:t,rounded:o,fillMode:n,showClearButton:a=kn.showClearButton,prefix:l,suffix:d,placeholder:c,tags:u,popup:h,showArrowButton:b,hover:C,focus:E,valid:y,invalid:k,required:L,loading:I,disabled:S,readonly:_,opened:V,dir:Y,adaptive:me,adaptiveSettings:De,adaptiveTitle:Be,adaptiveSubtitle:Ln,adaptiveFilter:On,id:uo,treeviewId:gn,"aria-label":wn,...Rn}=e,fo=uo?`${uo}-taglist`:void 0;return ot(yn,{children:[ot(O,{...Rn,dir:Y,size:t,rounded:o,fillMode:n,hover:C,focus:E,valid:y,invalid:k,required:L,loading:I,disabled:S,readonly:_,className:r(e.className,Mn),children:[T(Ne,{children:l}),T(w,{size:t,className:"k-input-values",id:fo,children:T(yn,{children:u})}),T("span",{className:"k-input-inner",role:"combobox","aria-haspopup":"tree","aria-expanded":V?"true":"false","aria-controls":V?gn:void 0,"aria-autocomplete":"list","aria-describedby":u?fo:void 0,"aria-disabled":S?"true":void 0,"aria-label":wn,tabIndex:0,children:!u&&T("span",{className:"k-input-value-text",children:c})}),T($,{valid:y,invalid:k,loading:I,disabled:S}),T(Z,{loading:I,disabled:S}),a&&T(X,{loading:I,disabled:S,readonly:_,value:u?"value":""}),T(Ce,{children:d}),b&&T(N,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:n,"aria-label":"Toggle dropdown",tabIndex:-1})]}),V&&h&&T(ie,{className:"k-multiselecttree-popup",dir:Y,containerRole:"region",containerAriaLabel:"MultiSelectTree options",children:h}),me&&T(K,{adaptive:!0,...De,header:T(W,{actionsEnd:T(N,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:On,inputPlaceholder:c,title:Be,subtitle:Ln}),children:ot(M,{size:"large",children:[T(v,{text:"Root 1"}),T(v,{text:"Root 2",expanded:!0,children:ot(F,{children:[T(v,{text:"Child 2.1"}),T(v,{text:"Child 2.2",children:T(F,{children:T(v,{text:"Child 2.2.1"})})}),T(v,{text:"Child 2.3"}),T(v,{leafClassName:"k-treeview-load-more-button",text:"Load more ..."})]})}),T(v,{text:"Root 3",children:ot(F,{children:[T(v,{text:"Child 3.1"}),T(v,{text:"Child 3.2"}),T(v,{text:"Child 3.3"})]})})]})})]})};be.states=Xr;be.options=$r;be.className=Mn;be.defaultOptions=kn;be.moduleName=In;be.folderName=Sn;var Nb=be;export{Mn as MULTISELECTTREE_CLASSNAME,be as MultiSelectTree,Nb as default};
|
|
1
|
+
var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||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"}),O=(e,t)=>{let{valid:o,invalid:n,hover:a,focus:l,checked:d,active:c,selected:u,disabled:h,indeterminate:b,loading:N,empty:E,readonly:M,highlighted:R,...y}=t;return r({"k-valid":o,"k-invalid":n,"k-hover":a,"k-focus":l,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":h,"k-indeterminate":b&&!d,"k-loading":N,"k-empty":E,"k-readonly":M,"k-highlighted":R},Object.keys(y).reduce((I,S)=>(S.startsWith("k-")?I[S]=y[S]:I[`k-${S}`]=y[S],I),{}))};function ho(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var s={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"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Q={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 Et={};function oe(e){return Et[e]=(Et[e]||0)+1,`k-${e}-${Et[e]}`}var Fe="input",nt=Fe;import{jsx as Hn}from"react/jsx-runtime";var at="k-input",Kn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],_n={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Pn={},L=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:h,fillMode:b,...N}=e;return Hn("span",{...N,className:r(e.className,at,A(at,{size:u,rounded:h,fillMode:b}),O(at,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c}))})};L.states=Kn;L.options=_n;L.className=at;L.defaultOptions=Pn;L.moduleName=Fe;L.folderName=nt;import{jsx as Fn}from"react/jsx-runtime";var it="k-picker",zn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Dn={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Bn={},Ne=e=>{let{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c,size:u,rounded:h,fillMode:b,...N}=e;return Fn("span",{...N,className:r(e.className,it,A(it,{size:u,rounded:h,fillMode:b}),O(it,{hover:t,focus:o,disabled:n,invalid:a,valid:l,loading:d,readonly:c})),children:e.children})};Ne.states=zn;Ne.options=Dn;Ne.className=it;Ne.defaultOptions=Bn;Ne.moduleName=Fe;Ne.folderName=nt;import{Fragment as Xn,jsx as xo}from"react/jsx-runtime";var It="k-font-icon",Vn=[],Un={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info]},Gn={},Ve=e=>{let{size:t,themeColor:o,icon:n,rotate:a,flip:l,...d}=e;return n?xo("span",{...d,className:r(e.className,It,A(It,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):xo(Xn,{})};Ve.states=Vn;Ve.options=Un;Ve.className=It;Ve.defaultOptions=Gn;var bo=Ve;import{Fragment as Jn,jsx as rt}from"react/jsx-runtime";var St="k-svg-icon",$n=[],Wn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[Q.outline,Q.solid,Q.duotone]},yt={viewBox:"0 0 24 24",variant:Q.outline},Ue=e=>{let{size:t,themeColor:o,rotate:n,flip:a,viewBox:l=yt.viewBox,variant:d=yt.variant,icon:c,...u}=e;if(!c)return rt(Jn,{});if(c==="none")return rt("span",{...u,className:r(e.className,St,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name,b=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return rt("span",{...u,className:r(e.className,St,A("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:rt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:c?void 0:e.children})})};Ue.states=$n;Ue.options=Wn;Ue.className=St;Ue.defaultOptions=yt;var Mt=Ue;import*as kt from"@progress/kendo-svg-icons";var vo="icon",No="icons";import{useContext as Yn}from"react";import{createContext as qn}from"react";var Co=qn({iconsType:"svg"});import{Fragment as Ao,jsx as Ge}from"react/jsx-runtime";var st="k-icon",Qn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Zn=[],jn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info],variant:[Q.outline,Q.solid,Q.duotone]},lt={viewBox:"0 0 24 24",type:"svg",variant:Q.outline},x=e=>{let{iconsType:t}=Yn(Co),{size:o,themeColor:n,icon:a,type:l=t||lt.type,rotate:d,flip:c,viewBox:u=lt.viewBox,variant:h=lt.variant,...b}=e;if(!a)return Ge(Ao,{});if((t||l)==="svg"){if(a==="none")return Ge(Mt,{...b,className:r(e.className,st),icon:a,size:o,variant:h});let E=kt[a]?a:Qn(`${a}-icon`);return kt[E]?Ge(Mt,{...b,className:r(e.className,st),icon:kt[E],size:o,themeColor:n,rotate:d,flip:c,viewBox:u,variant:h}):Ge(Ao,{})}return Ge(bo,{...b,className:r(e.className,st),icon:a,size:o,themeColor:n,rotate:d,flip:c})};x.states=Zn;x.options=jn;x.defaultOptions=lt;x.className=st;x.moduleName=vo;x.folderName=No;import{Fragment as oa,jsx as Lt}from"react/jsx-runtime";var To="k-clear-value",ea=[i.disabled,i.loading,i.readonly],ta={},G=e=>{let{disabled:t,loading:o,readonly:n,value:a}=e;return t||n||o||!a?Lt(oa,{}):Lt("span",{className:r(e.className,To),children:Lt(x,{icon:"x"})})};G.states=ea;G.options=ta;G.className=To;import{jsx as ia}from"react/jsx-runtime";var Ot="k-input-inner",na=[],aa={},dt={type:"text",autocomplete:"off",value:"",placeholder:""},ne=e=>{let{value:t=dt.value,type:o=dt.type,placeholder:n=dt.placeholder,autocomplete:a=dt.autocomplete,disabled:l,readOnly:d,...c}=e;return ia("input",{...c,type:o,className:r(e.className,Ot,A(Ot,e)),placeholder:n,autoComplete:a,defaultValue:t,disabled:l||void 0,readOnly:d||void 0})};ne.states=na;ne.options=aa;ne.className=Ot;import{jsx as Eo,jsxs as la}from"react/jsx-runtime";var gt="k-input-inner",ra=[],sa={},wt=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:a,valueIconName:l,...d}=e;return la("span",{...d,className:r(e.className,gt,A(gt,e)),children:[a,!a&&l&&Eo(x,{className:"k-input-value-icon",icon:l}),n&&!t&&o,n&&t&&Eo("span",{className:"k-input-value-text",children:t})]})};wt.states=ra;wt.options=sa;wt.className=gt;import{jsx as pa}from"react/jsx-runtime";var Rt="k-input-inner",da=[],ca={},Io={value:"",placeholder:""},Kt=e=>{let{value:t=Io.value,placeholder:o=Io.placeholder,rows:n,disabled:a,...l}=e;return pa("textarea",{...l,className:r(e.className,Rt,A(Rt,e)),placeholder:o,rows:n,defaultValue:t,disabled:a||void 0})};Kt.states=da;Kt.options=ca;Kt.className=Rt;import{Fragment as ua,jsx as So}from"react/jsx-runtime";var yo="k-input-loading-icon",ma=[i.disabled,i.loading],Z=e=>{let{disabled:t,loading:o}=e;return t||!o?So(ua,{}):So("span",{className:r(e.className,yo,"k-icon k-i-loading")})};Z.states=ma;Z.className=yo;import{Fragment as xa,jsx as Mo}from"react/jsx-runtime";var ko="k-input-validation-icon",fa=[i.valid,i.invalid,i.disabled,i.loading],ha={},X=e=>{let{valid:t,invalid:o,disabled:n,loading:a}=e,l=o?"warning-circle":"check-circle";return n||a||!!!(t||o)?Mo(xa,{}):Mo(x,{className:r(ko),icon:l})};X.states=fa;X.options=ha;X.className=ko;import{Fragment as Na,jsx as Lo}from"react/jsx-runtime";var ba="k-input-prefix",va={direction:"horizontal"},Ce=e=>{let{direction:t=va.direction,...o}=e;return e.children?Lo("span",{...o,className:r(ba,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Lo(Na,{})};import{Fragment as Ta,jsx as Oo}from"react/jsx-runtime";var Ca="k-input-suffix",Aa={direction:"horizontal"},Ae=e=>{let{direction:t=Aa.direction,...o}=e;return e.children?Oo("span",{...o,className:r(Ca,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Oo(Ta,{})};import{jsx as ll}from"react/jsx-runtime";import{jsx as ml}from"react/jsx-runtime";import{jsx as Ia}from"react/jsx-runtime";var go="k-input-separator",Ea={direction:"vertical"},Te=e=>{let{direction:t=Ea.direction,...o}=e;return Ia("span",{...o,className:r(go,e.className,{[`${go}-${t}`]:t})})};var _t="button",wo=_t;import{Fragment as Ro,jsx as Ee,jsxs as Ko}from"react/jsx-runtime";var Xe="k-button",Sa=["icon-button"],ya=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Ma={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.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"},C=e=>{let{as:t="button",size:o,rounded:n,fillMode:a,themeColor:l,showArrow:d=Pt.showArrow,arrowIconName:c=Pt.arrowIconName,variant:u,hover:h,focus:b,active:N,selected:E,disabled:M,togglable:R,ariaDisabled:y,icon:I,iconSize:S,text:_,iconClassName:q,className:Y,...te}=e,ue=I!=null,Be=e.children!==void 0;return Ko(t,{className:r(Y,Xe,ho(Xe,u),A(Xe,{size:o,rounded:n,fillMode:a,themeColor:l}),O(Xe,{hover:h,focus:b,active:N,disabled:M||y,selected:E}),{"k-icon-button":!_&&!Be&&ue}),"aria-pressed":R?E?"true":"false":void 0,...te,"aria-disabled":y?"true":void 0,disabled:M||void 0,children:[typeof I=="string"&&I&&Ee(x,{className:r(q,"k-button-icon"),icon:I,size:S}),I&&typeof I!="string"&&Ee(Ro,{children:I}),_?Ko(Ro,{children:[_&&Ee("span",{className:"k-button-text",children:_}),e.children]}):e.children&&Ee("span",{className:"k-button-text",children:e.children}),d&&Ee("span",{className:"k-menu-button-arrow k-button-arrow",children:Ee(x,{icon:c})})]})};C.states=ya;C.options=Ma;C.variants=Sa;C.className=Xe;C.defaultOptions=Pt;C.moduleName=_t;C.folderName=wo;import{jsx as ka}from"react/jsx-runtime";var fe=e=>ka(C,{children:"Button",...e});import{Fragment as _o,jsx as j,jsxs as Ht}from"react/jsx-runtime";var La=L.states,Oa=L.defaultOptions,ga=L.options,wa=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ra=[],Ie=e=>{let{modifiers:t,valid:o,invalid:n,loading:a,disabled:l,readonly:d,...c}=e,u=t?.prefix,h=t?.suffix,b=t?.["clear-button"],N=t?.["validation-icon"],E=t?.separators;return Ht(L,{...c,valid:o,invalid:n,loading:a,disabled:l,readonly:d,style:{width:300},children:[u&&Ht(_o,{children:[j(Ce,{children:j(x,{icon:"lock"})}),E&&j(Te,{})]}),j(ne,{placeholder:"Placeholder",value:"Value"}),N&&j(X,{valid:o,invalid:n,loading:a,disabled:l}),j(Z,{loading:a,disabled:l}),b&&j(G,{loading:a,disabled:l,readonly:d,value:"Value"}),h&&Ht(_o,{children:[E&&j(Te,{}),j(Ae,{children:j(fe,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Ie.options=ga;Ie.states=La;Ie.variants=Ra;Ie.defaultOptions=Oa;Ie.modifiers=wa;Ie.className=L.className;import{jsx as Ka}from"react/jsx-runtime";var Po=e=>Ka(C,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as _a}from"react/jsx-runtime";var Ho=e=>_a(C,{icon:"folder",children:"Button",...e});import{jsx as zt}from"react/jsx-runtime";var Pa=C.options,Ha=C.states,za={...C.defaultOptions,variant:"text"},Da=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ba=[],Se=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return zt(Po,{...o,icon:"star"});case"icon-and-text":return zt(Ho,{...o,icon:"star",children:"Button"});default:return zt(fe,{...o,children:"Button"})}};Se.options=Pa;Se.states=Ha;Se.variants=Da;Se.defaultOptions=za;Se.modifiers=Ba;Se.className=C.className;import{jsx as ct}from"react/jsx-runtime";var Fa="k-chip-action";var ae=e=>{let{type:t,...o}=e,n;switch(t){case"remove":n=ct(x,{icon:"x-circle",size:"small"});break;case"more":n=ct(x,{icon:"more-vertical",size:"small"});break;default:return ct(x,{icon:t,size:"small"})}return ct("span",{...o,className:r(e.className,Fa,`k-chip-${t}-action`),children:n})};var Dt="avatar",zo=Dt;import{jsx as Do}from"react/jsx-runtime";var $e="k-avatar";var Va=[i.hover,i.focus,i.active,i.selected,i.disabled],Ua={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[m.undefined,m.base,m.primary,m.secondary,m.tertiary]},Bt={type:"text",border:!1},z=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,type:l=Bt.type,border:d=Bt.border,...c}=e;return Do("div",{...c,className:r(e.className,$e,A($e,{size:t,rounded:o,fillMode:n,themeColor:a}),{[`${$e}-bordered`]:d}),children:Do("span",{className:`${$e}-${l}`,children:e.children})})};z.states=Va;z.options=Ua;z.className=$e;z.defaultOptions=Bt;z.moduleName=Dt;z.folderName=zo;var he=z;import{jsx as Ga}from"react/jsx-runtime";var Bo=e=>Ga(he,{type:"icon",...e});import{jsx as Xa}from"react/jsx-runtime";var Fo=e=>Xa(he,{type:"text",...e});import{jsx as $a}from"react/jsx-runtime";var Vo=e=>$a(he,{type:"image",...e});import{jsx as Bd}from"react/jsx-runtime";import{jsx as We}from"react/jsx-runtime";var Wa=z.options,Ja=z.states,qa={...z.defaultOptions,variant:"image"},Ya=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Qa=[],ye=e=>{let{variant:t,...o}=e;switch(t){case"icon":return We(Bo,{...o,children:We(x,{icon:"star"})});case"text":return We(Fo,{...o,children:"JO"});default:return We(Vo,{...o,children:We("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ye.options=Wa;ye.states=Ja;ye.variants=Ya;ye.defaultOptions=qa;ye.modifiers=Qa;ye.className=z.className;var Je="chip",pt=Je,mt="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as Me,jsxs as ei}from"react/jsx-runtime";var ut="k-chip",Za=[i.hover,i.focus,i.active,i.selected,i.disabled],ja={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[m.undefined,m.base,m.success,m.warning,m.error,m.info]},Uo={avatarImage:"/packages/html/assets/avatar.jpg"},B=e=>{let{size:t,rounded:o,fillMode:n,themeColor:a,text:l,icon:d,actions:c,showAvatar:u,avatarImage:h=Uo.avatarImage,hover:b,focus:N,active:E,selected:M,disabled:R,...y}=e;return ei("div",{...y,className:r(e.className,ut,A(ut,{size:t,rounded:o,fillMode:n,themeColor:a}),O(ut,{hover:b,focus:N,active:E,disabled:R,selected:M})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:M?"true":"false",...e.role==="option"&&M!==void 0&&{"aria-selected":M?"true":"false"},"aria-disabled":R?"true":void 0,children:[d&&Me(x,{className:"k-chip-icon",icon:d,size:"small"}),u&&Me(z,{className:"k-chip-avatar",type:"image",children:Me("img",{src:h,alt:""})}),Me("span",{className:"k-chip-content",children:e.children?e.children:l&&Me("span",{className:"k-chip-label",children:l})}),c&&Me("span",{className:"k-chip-actions",children:c})]})};B.states=Za;B.options=ja;B.className=ut;B.defaultOptions=Uo;B.moduleName=Je;B.folderName=pt;var V=B;import{jsx as ai}from"react/jsx-runtime";var Ft="k-chip-list",ti=[],oi={size:[s.undefined,s.small,s.medium,s.large]},ni={},g=e=>{let{size:t,multiselectable:o,ariaLabel:n,...a}=e;return ai("div",{...a,className:r(e.className,Ft,A(Ft,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:n||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};g.states=ti;g.options=oi;g.className=Ft;g.defaultOptions=ni;g.moduleName=Je;g.folderName=pt;import{jsx as xc}from"react/jsx-runtime";import{jsx as Cc}from"react/jsx-runtime";import{jsx as ii}from"react/jsx-runtime";var ft=e=>ii(V,{text:"text",...e});import{jsx as kc}from"react/jsx-runtime";import{jsx as wc}from"react/jsx-runtime";import{Fragment as zc,jsx as Hc,jsxs as Dc}from"react/jsx-runtime";import{jsx as Gc,jsxs as Xc}from"react/jsx-runtime";import{jsx as Yc,jsxs as Qc}from"react/jsx-runtime";import{jsx as np,jsxs as ap}from"react/jsx-runtime";import{jsx as ke,jsxs as pi}from"react/jsx-runtime";var ri={...V.options,...g.options},si=[],li=g.states,di={...V.defaultOptions,...g.defaultOptions},ci=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Le=e=>{let{modifiers:t,className:o,...n}=e,a=t?.icon,l=t?.actions,d=t?.avatar,c=d?mt:void 0;return pi(g,{size:n.size,className:o,children:[ke(ft,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?ke(ae,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),ke(ft,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?ke(ae,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"}),ke(ft,{...n,role:"option","aria-selected":"false","aria-pressed":void 0,icon:a?"star":void 0,actions:l?ke(ae,{type:"remove"}):void 0,showAvatar:d,avatarImage:c,children:"Chip"})]})};Le.options=ri;Le.states=li;Le.variants=si;Le.defaultOptions=di;Le.modifiers=ci;Le.className=g.className;import{jsx as Vt}from"react/jsx-runtime";var mi=B.states,ui=B.defaultOptions,fi=B.options,hi=[],xi=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Oe=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"icon":n.icon=t?.[a]?"arrow-down":void 0;break;case"avatar":n.showAvatar=!!t?.[a],n.avatarImage=t?.[a]?mt:void 0;break;case"more-options":n.actions||(n.actions=[]),n.actions[0]=t?.[a]?Vt(ae,{type:"more"}):void 0;break;case"remove-icon":n.actions||(n.actions=[]),n.actions[1]=t?.[a]?Vt(ae,{type:"remove"}):void 0;break;default:break}}),Vt(B,{...o,...n,children:"Chip component"})};Oe.options=fi;Oe.states=mi;Oe.variants=hi;Oe.defaultOptions=ui;Oe.modifiers=xi;Oe.className=B.className;var Ut="popup",Go=Ut;import{jsx as Xo}from"react/jsx-runtime";var $o="k-animation-container",bi=[],vi={},Gt={positionMode:"absolute",shown:!0},ee=e=>{let{positionMode:t=Gt.positionMode,shown:o=Gt.shown,animationStyle:n,offset:a,...l}=e;return Xo("div",{...l,style:{...a,...e.style},className:r(e.className,$o,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Xo("div",{className:"k-child-animation-container",style:n,children:e.children})})};ee.states=bi;ee.options=vi;ee.className=$o;ee.defaultOptions=Gt;ee.moduleName=Ut;ee.folderName=Go;var Xt="popup",Wo=Xt;import{jsx as Jo}from"react/jsx-runtime";var qo="k-popup",Ni=[],Ci={},Yo={positionMode:"absolute"},re=e=>{let{offset:t,positionMode:o=Yo.positionMode,animationStyle:n,containerClassName:a,containerRole:l,containerAriaLabel:d,...c}=e;return Jo(ee,{positionMode:o,offset:t,animationStyle:n,className:a,role:l,"aria-label":d,children:Jo("div",{...c,className:r(e.className,qo),children:e.children})})};re.states=Ni;re.options=Ci;re.className=qo;re.defaultOptions=Yo;re.moduleName=Xt;re.folderName=Wo;var $t="action-buttons",Qo=$t;import{jsx as Ei}from"react/jsx-runtime";var ht="k-actions",Ai=[],Ti={},Wt={alignment:"start",orientation:"horizontal"},se=e=>{let{alignment:t=Wt.alignment,orientation:o=Wt.orientation,...n}=e;return Ei("div",{...n,className:r(ht,{[`${ht}-${t}`]:t,[`${ht}-${o}`]:o},e.className),children:e.children})};se.states=Ai;se.options=Ti;se.className=ht;se.defaultOptions=Wt;se.moduleName=$t;se.folderName=Qo;import{jsx as Si}from"react/jsx-runtime";var Ii="k-actionsheet-footer",Zo={alignment:"stretched",orientation:"horizontal"},ge=e=>{let{alignment:t=Zo.alignment,orientation:o=Zo.orientation,template:n,as:a=n?"div":se,...l}=e;return Si(a,{...l,...!n&&{alignment:t,orientation:o},className:r(e.className,Ii),children:e.children})};var Jt="searchbox",jo=Jt;import{jsx as qe,jsxs as ki}from"react/jsx-runtime";var en="k-searchbox",yi=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Mi={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},xt={showIcon:!0,showClearButton:!0,icon:"search"},le=e=>{let{value:t,placeholder:o,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:h,required:b,loading:N,disabled:E,showIcon:M=xt.showIcon,showClearButton:R=xt.showClearButton,icon:y=xt.icon,"aria-label":I,...S}=e;return ki(L,{...S,size:n,rounded:a,fillMode:l,hover:d,focus:c,valid:u,invalid:h,required:b,loading:N,disabled:E,className:r(e.className,en),children:[M&&qe(x,{className:"k-input-icon",icon:y}),qe(ne,{placeholder:o,value:t,"aria-label":I}),qe(Z,{...e}),qe(X,{...e}),R&&qe(G,{...e})]})};le.states=yi;le.options=Mi;le.className=en;le.defaultOptions=xt;le.moduleName=Jt;le.folderName=jo;import{jsx as vm}from"react/jsx-runtime";var qt="textbox",tn=qt;import{Fragment as on,jsx as de,jsxs as Yt}from"react/jsx-runtime";var nn="k-textbox",Li=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Oi={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},bt={showClearButton:!0,showValidationIcon:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:n,separators:a=bt.separators,showClearButton:l=bt.showClearButton,showValidationIcon:d=bt.showValidationIcon,prefix:c,suffix:u,type:h,value:b,placeholder:N,hover:E,focus:M,valid:R,invalid:y,required:I,loading:S,disabled:_,readonly:q,id:Y,"aria-label":te,"aria-describedby":ue,...Be}=e;return Yt(L,{...Be,size:t,rounded:o,fillMode:n,hover:E,focus:M,valid:R,invalid:y,required:I,loading:S,disabled:_,readonly:q,className:r(e.className,nn),children:[c&&Yt(on,{children:[de(Ce,{children:c}),a&&de(Te,{})]}),de(ne,{id:Y,placeholder:N,value:b,type:h,disabled:_,"aria-label":te,"aria-describedby":ue,"aria-invalid":y?"true":void 0}),d&&de(X,{valid:R,invalid:y,loading:S,disabled:_}),de(Z,{loading:S,disabled:_}),l&&de(G,{loading:S,disabled:_,readonly:q,value:b}),u&&Yt(on,{children:[a&&de(Te,{}),de(Ae,{children:u})]})]})};D.states=Li;D.options=Oi;D.className=nn;D.defaultOptions=bt;D.moduleName=qt;D.folderName=tn;var Ye=D;import{jsx as gi}from"react/jsx-runtime";var an=e=>gi(Ye,{...e});import{Fragment as Pm,jsx as _m}from"react/jsx-runtime";import{Fragment as Vm,jsx as Fm}from"react/jsx-runtime";import{jsx as $m}from"react/jsx-runtime";import{jsx as Qt}from"react/jsx-runtime";var wi=D.states,Ri=D.defaultOptions,Ki=D.options,_i=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Pi=[],we=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":n.prefix=t?.[a]?Qt(x,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t?.[a]?Qt(fe,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t?.[a];break;default:break}}),Qt(an,{value:"Value",style:{width:300},...o,...n})};we.options=Ki;we.states=wi;we.variants=Pi;we.defaultOptions=Ri;we.modifiers=_i;we.className=D.className;import{jsx as ce,jsxs as Zt}from"react/jsx-runtime";var rn="k-actionsheet-titlebar",Hi={},$=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:a,filter:l,input:d,inputValue:c,inputPlaceholder:u,adaptive:h,titleId:b,children:N,...E}=e;return Zt("div",{...E,className:r(e.className,rn),children:[Zt("div",{className:"k-actionsheet-titlebar-group",children:[n&&ce("div",{className:"k-actionsheet-actions",children:n}),!N&&Zt("div",{className:"k-actionsheet-title",id:b,children:[t&&ce("div",{className:"k-text-center",children:t}),o&&ce("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&ce("div",{className:"k-actionsheet-title",id:b,children:N}),a&&ce("div",{className:"k-actionsheet-actions",children:a})]}),(d||l)&&ce("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?ce(D,{value:c,placeholder:u,size:h?"large":"medium","aria-label":t||u||"Input"}):ce(le,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};$.className=rn;$.defaultOptions=Hi;import{jsx as jt,jsxs as Fi}from"react/jsx-runtime";var eo="k-actionsheet-view",zi=[],Di={},Bi={},Re=e=>{let{adaptive:t,animated:o,children:n,header:a,footer:l,titleId:d,...c}=e,u=a?.type===$&&jt($,{adaptive:t,titleId:d,...a?.props}),h=l?.type===ge&&jt(ge,{...l?.props});return Fi("div",{...c,className:r(e.className,eo,{[`${eo}-animated`]:o}),children:[u,jt("div",{className:"k-actionsheet-content",children:n}),h]})};Re.states=zi;Re.options=Di;Re.className=eo;Re.defaultOptions=Bi;var Qe="action-sheet",vt=Qe;var to="overlay",sn=to;import{jsx as Xi}from"react/jsx-runtime";var ln="k-overlay",Vi=[],Ui={},Gi={},pe=e=>{let{...t}=e;return Xi("div",{...t,className:r(e.className,ln),children:e.children})};pe.states=Vi;pe.options=Ui;pe.className=ln;pe.defaultOptions=Gi;pe.moduleName=to;pe.folderName=sn;import{jsx as Nt,jsxs as Ji}from"react/jsx-runtime";var dn="k-actionsheet",$i=[],Wi={},Ze={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},K=e=>{let{side:t=Ze.side,fullscreen:o=Ze.fullscreen,adaptive:n=Ze.adaptive,overlay:a=Ze.overlay,template:l,children:d,header:c,footer:u,id:h,...b}=e,N=h&&!l&&c?`${h}-title`:void 0;return Ji("div",{className:"k-actionsheet-container",children:[a&&Nt(pe,{}),Nt(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:Nt("div",{...b,id:h,role:"dialog","aria-modal":a?"true":void 0,"aria-labelledby":N,className:r(e.className,dn,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:l||Nt(Re,{header:c,footer:u,adaptive:n,titleId:N,...e,children:d})})})]})};K.states=$i;K.options=Wi;K.className=dn;K.defaultOptions=Ze;K.moduleName=Qe;K.folderName=vt;import{jsx as Zi}from"react/jsx-runtime";var cn="k-actionsheet-container",qi=[],Yi={},Qi={},Ke=e=>{let{children:t,...o}=e;return Zi("div",{...o,className:cn,children:t})};Ke.states=qi;Ke.options=Yi;Ke.className=cn;Ke.defaultOptions=Qi;Ke.moduleName=Qe;Ke.folderName=vt;import{jsx as ji}from"react/jsx-runtime";var oo=e=>{let{...t}=e;return ji("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as tr,jsx as je,jsxs as no}from"react/jsx-runtime";var ao="k-actionsheet-item",er=[i.hover,i.focus,i.selected,i.disabled],me=e=>{let{iconName:t,text:o,description:n,hover:a,focus:l,selected:d,disabled:c,...u}=e;return no("span",{...u,className:r(e.className,ao,O(ao,{hover:a,focus:l,selected:d,disabled:c})),children:[!e.children&&je(tr,{children:no("span",{className:"k-actionsheet-action",children:[t&&je("span",{className:"k-icon-wrap",children:je(x,{className:"k-actionsheet-item-icon",icon:t})}),no("span",{className:"k-actionsheet-item-text",children:[o&&je("span",{className:"k-actionsheet-item-title",children:o}),n&&je("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};me.states=er;me.className=ao;import{jsx as Xu,jsxs as $u}from"react/jsx-runtime";import{jsx as Yu}from"react/jsx-runtime";import{jsx as ef}from"react/jsx-runtime";import{jsx as af}from"react/jsx-runtime";import{jsx as w,jsxs as io}from"react/jsx-runtime";var or=K.options,nr=K.states,mn={...K.defaultOptions,variant:"normal"},ar=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ir=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],_e=e=>{let{variant:t,modifiers:o,...n}={...mn,...e},a={},l=io(oo,{children:[w(me,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),w(me,{text:"Add to Favorites",iconName:"heart"}),w(me,{text:"Upload New",iconName:"upload",disabled:!0}),w("hr",{className:"k-hr"}),w(me,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(a.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":a.actionsStart=!!o?.[u],a.actionsEnd=!!o?.[u];break;case"subtitle":a.subtitle=o?.[u]?d:void 0;break;case"footer":a.footer=!!o?.[u];break;default:break}}),t==="adaptive"?w(K,{...n,adaptive:!0,fullscreen:a.fullScreen,header:w($,{actionsStart:a.actionsStart?w(C,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?w(C,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:a.subtitle}),footer:a.footer?io(ge,{alignment:"stretched",children:[w(C,{text:"Cancel",size:"large",themeColor:"base"}),w(C,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):w(K,{...n,fullscreen:a.fullScreen,header:w($,{actionsStart:a.actionsStart?w(C,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?w(C,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:a.subtitle}),footer:a.footer?io(ge,{alignment:"stretched",children:[w(C,{text:"Apply",themeColor:"primary"}),w(C,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};_e.options=or;_e.states=nr;_e.variants=ar;_e.defaultOptions=mn;_e.modifiers=ir;_e.className=K.className;import so from"react";import ro from"react";import{jsx as sr}from"react/jsx-runtime";var rr="k-treeview-group",F=e=>{let{children:t,dir:o,level:n=1,role:a="group",...l}=e;return sr("ul",{...l,className:r(e.className,rr),role:a,children:ro.Children.map(t,(d,c)=>ro.isValidElement(d)?ro.cloneElement(d,{dir:o,level:n,key:c}):d)})};var et="treeview",Ct=et;import{jsx as un}from"react/jsx-runtime";var lo="k-treeview",lr=[],dr={size:[s.undefined,s.small,s.medium,s.large]},cr={},k=e=>{let{size:t,children:o,dir:n,...a}=e;return un("div",{...a,dir:n,className:r(e.className,lo,A(lo,{size:t})),children:un(F,{className:"k-treeview-lines",role:"tree",dir:n,children:so.Children.map(o,(l,d)=>so.isValidElement(l)?so.cloneElement(l,{dir:n,key:d}):l)})})};k.states=lr;k.options=dr;k.className=lo;k.defaultOptions=cr;k.moduleName=et;k.folderName=Ct;import po from"react";var xe="checkbox",Pe=xe;import{jsx as fn}from"react/jsx-runtime";var At="k-checkbox",pr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],mr={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},ur={},W=e=>{let{id:t,checked:o,indeterminate:n,hover:a,focus:l,disabled:d,invalid:c,valid:u,required:h,size:b,rounded:N,wrapperRole:E,...M}=e;return fn("span",{className:"k-checkbox-wrap",role:E,children:fn("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,At,A(At,{size:b,rounded:N}),O(At,{hover:a,focus:l,disabled:d,invalid:c,valid:u,indeterminate:n,checked:o}))})})};W.states=pr;W.options=mr;W.className=At;W.defaultOptions=ur;W.moduleName=xe;W.folderName=Pe;var J=W;import{jsx as xr}from"react/jsx-runtime";var hn="k-checkbox-list",fr=[],hr={},xn={layout:"vertical"},P=e=>{let{layout:t=xn.layout,...o}=e;return xr("ul",{...o,className:r(e.className,hn,{[`k-list-${t}`]:t}),children:e.children})};P.states=fr;P.options=hr;P.className=hn;P.defaultOptions=xn;P.moduleName=xe;P.folderName=Pe;import{jsx as Cr}from"react/jsx-runtime";var bn="k-checkbox-list-item",br=[],vr={},Nr={},H=e=>{let{...t}=e;return Cr("li",{...t,className:r(e.className,bn),children:e.children})};H.states=br;H.options=vr;H.className=bn;H.defaultOptions=Nr;H.moduleName=xe;H.folderName=Pe;import{Fragment as Ar,jsx as vn,jsxs as Tr}from"react/jsx-runtime";var ie=({children:e="Label",id:t="cb-label-after",...o})=>Tr(Ar,{children:[vn(J,{id:t,...o}),vn("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ih,jsx as ah,jsxs as rh}from"react/jsx-runtime";import{Fragment as ph,jsx as ch,jsxs as mh}from"react/jsx-runtime";import{Fragment as bh,jsx as xh,jsxs as vh}from"react/jsx-runtime";import{jsx as Th}from"react/jsx-runtime";import{jsx as yh}from"react/jsx-runtime";import{jsx as Oh}from"react/jsx-runtime";import{jsx as U,jsxs as Nn}from"react/jsx-runtime";var Er=P.options,Ir=P.states,Sr={...P.defaultOptions,variant:"vertical"},yr=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Mr=[],He=e=>{let{variant:t,...o}=e;return t==="horizontal"?Nn(P,{layout:"horizontal",...o,children:[U(H,{children:U(ie,{id:oe("cb"),defaultChecked:!0,children:"Label"})}),U(H,{children:U(ie,{id:oe("cb"),children:"Label"})}),U(H,{children:U(ie,{id:oe("cb"),children:"Label"})})]}):Nn(P,{...o,children:[U(H,{children:U(ie,{id:oe("cb"),defaultChecked:!0,children:"Label"})}),U(H,{children:U(ie,{id:oe("cb"),children:"Label"})}),U(H,{children:U(ie,{id:oe("cb"),children:"Label"})})]})};He.options=Er;He.states=Ir;He.variants=yr;He.defaultOptions=Sr;He.modifiers=Mr;He.className=P.className;import{jsx as Rr}from"react/jsx-runtime";var kr=J.options,Lr=J.states,Or=J.defaultOptions,gr=[],wr=[],ze=e=>Rr(ie,{id:oe("checkbox"),...e,defaultChecked:!0,children:"Label"});ze.options=kr;ze.states=Lr;ze.variants=gr;ze.defaultOptions=Or;ze.modifiers=wr;ze.className=J.className;import{jsx as Cn,jsxs as Pr}from"react/jsx-runtime";var co="k-treeview-leaf",Kr=[i.hover,i.focus,i.selected],_r={},Tt=e=>{let{text:t,showIcon:o,icon:n,children:a,hover:l,focus:d,selected:c,...u}=e;return Pr("span",{...u,className:r(e.className,co,O(co,{hover:l,focus:d,selected:c})),children:[o&&Cn(x,{icon:n}),Cn("span",{className:"k-treeview-leaf-text",children:a??t})]})};Tt.states=Kr;Tt.options=_r;Tt.className=co;var An=Tt;import{jsx as tt,jsxs as Tn}from"react/jsx-runtime";var En="k-treeview-item",Hr=[i.hover,i.focus,i.selected,i.disabled],zr={},Dr={},v=e=>{let{leafClassName:t,children:o,hasChildren:n,expanded:a,loading:l,text:d,content:c,showIcon:u,icon:h,showCheckbox:b,checked:N,hover:E,focus:M,selected:R,disabled:y,dir:I,level:S=1,ariaSelected:_,...q}=e,Y=n||o||l;return Tn("li",{...q,className:r(e.className,En),style:{"--kendo-treeview-level":S},role:"treeitem","aria-expanded":Y?a?"true":"false":void 0,"aria-checked":b?N?"true":"false":void 0,"aria-selected":_?"true":void 0,"aria-disabled":y?"true":void 0,children:[Tn("span",{className:r("k-treeview-item-content",O("k-treeview-item-content",{hover:E,focus:M,selected:R,disabled:y})),children:[Y&&tt("span",{className:r("k-treeview-toggle",O("k-treeview-toggle",{disabled:y})),children:l?tt("span",{className:"k-icon k-i-loading"}):tt(x,{icon:a?"chevron-down":I==="rtl"?"chevron-left":"chevron-right"})}),b&&tt(W,{checked:N,disabled:y,"aria-label":d,tabIndex:-1}),tt(An,{className:t,text:d,showIcon:u,icon:h,children:c})]}),a&&Y&&po.Children.map(o,(te,ue)=>po.isValidElement(te)?po.cloneElement(te,{dir:I,level:S+1,key:ue}):te)]})};v.states=Hr;v.options=zr;v.className=En;v.defaultOptions=Dr;v.moduleName=et;v.folderName=Ct;import{jsx as vx}from"react/jsx-runtime";import{jsx as Tx,jsxs as Ex}from"react/jsx-runtime";import{jsx as Mx,jsxs as kx}from"react/jsx-runtime";import{jsx as wx,jsxs as Rx}from"react/jsx-runtime";import{jsx as Hx,jsxs as zx}from"react/jsx-runtime";import{jsx as Vx,jsxs as Ux}from"react/jsx-runtime";import{jsx as be,jsxs as mo}from"react/jsx-runtime";var Br=k.options,Fr=k.states,Vr=k.defaultOptions,Ur=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Gr=[],De=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(a=>{a==="checkboxes"&&(n.showCheckbox=t?.[a])}),mo(k,{...o,children:[be(v,{text:"Furniture",expanded:!0,...n,children:mo(F,{children:[be(v,{text:"Tables & Chairs",...n}),be(v,{text:"Sofas",...n}),be(v,{text:"Occasional Furniture",...n})]})}),mo(v,{text:"Decor",expanded:!1,...n,children:[be(v,{text:"Bed Linen",...n}),be(v,{text:"Curtains & Blinds",...n}),be(v,{text:"Carpets",...n})]})]})};De.options=Br;De.states=Fr;De.variants=Gr;De.defaultOptions=Vr;De.modifiers=Ur;De.className=k.className;var In="dropdown-tree",Sn="dropdowntree";import{Fragment as yn,jsx as T,jsxs as ot}from"react/jsx-runtime";var Mn="k-multiselecttree",Xr=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],$r={size:[s.undefined,s.small,s.medium,s.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},kn={showClearButton:!0},ve=e=>{let{size:t,rounded:o,fillMode:n,showClearButton:a=kn.showClearButton,prefix:l,suffix:d,placeholder:c,tags:u,popup:h,showArrowButton:b,hover:N,focus:E,valid:M,invalid:R,required:y,loading:I,disabled:S,readonly:_,opened:q,dir:Y,adaptive:te,adaptiveSettings:ue,adaptiveTitle:Be,adaptiveSubtitle:Ln,adaptiveFilter:On,id:uo,treeviewId:gn,"aria-label":wn,...Rn}=e,fo=uo?`${uo}-taglist`:void 0;return ot(yn,{children:[ot(L,{...Rn,dir:Y,size:t,rounded:o,fillMode:n,hover:N,focus:E,valid:M,invalid:R,required:y,loading:I,disabled:S,readonly:_,className:r(e.className,Mn),children:[T(Ce,{children:l}),T(g,{size:t,className:"k-input-values",id:fo,children:T(yn,{children:u})}),T("span",{className:"k-input-inner",role:"combobox","aria-haspopup":"tree","aria-expanded":q?"true":"false","aria-controls":q?gn:void 0,"aria-autocomplete":"list","aria-describedby":u?fo:void 0,"aria-disabled":S?"true":void 0,"aria-label":wn,tabIndex:0,children:!u&&T("span",{className:"k-input-value-text",children:c})}),T(X,{valid:M,invalid:R,loading:I,disabled:S}),T(Z,{loading:I,disabled:S}),a&&T(G,{loading:I,disabled:S,readonly:_,value:u?"value":""}),T(Ae,{children:d}),b&&T(C,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:n,"aria-label":"Toggle dropdown",tabIndex:-1})]}),q&&h&&T(re,{className:"k-multiselecttree-popup",dir:Y,containerRole:"region",containerAriaLabel:"MultiSelectTree options",children:h}),te&&T(K,{adaptive:!0,...ue,header:T($,{actionsEnd:T(C,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:On,inputPlaceholder:c,title:Be,subtitle:Ln}),children:ot(k,{size:"large",children:[T(v,{text:"Root 1"}),T(v,{text:"Root 2",expanded:!0,children:ot(F,{children:[T(v,{text:"Child 2.1"}),T(v,{text:"Child 2.2",children:T(F,{children:T(v,{text:"Child 2.2.1"})})}),T(v,{text:"Child 2.3"}),T(v,{leafClassName:"k-treeview-load-more-button",text:"Load more ..."})]})}),T(v,{text:"Root 3",children:ot(F,{children:[T(v,{text:"Child 3.1"}),T(v,{text:"Child 3.2"}),T(v,{text:"Child 3.3"})]})})]})})]})};ve.states=Xr;ve.options=$r;ve.className=Mn;ve.defaultOptions=kn;ve.moduleName=In;ve.folderName=Sn;var Nb=ve;export{Mn as MULTISELECTTREE_CLASSNAME,ve as MultiSelectTree,Nb as default};
|