@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 156 kB
JavaScript
var yc=Object.create;var Xa=Object.defineProperty;var Tc=Object.getOwnPropertyDescriptor;var Ec=Object.getOwnPropertyNames;var Cc=Object.getPrototypeOf,Oc=Object.prototype.hasOwnProperty;var Ac=(e,t)=>{for(var o in t)Xa(e,o,{get:t[o],enumerable:!0})},Fi=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ec(t))!Oc.call(e,r)&&r!==o&&Xa(e,r,{get:()=>t[r],enumerable:!(a=Tc(t,r))||a.enumerable});return e};var Ui=(e,t,o)=>(o=e!=null?yc(Cc(e)):{},Fi(t||!e||!e.__esModule?Xa(o,"default",{value:e,enumerable:!0}):o,e)),wc=e=>Fi(Xa({},"__esModule",{value:!0}),e);var Cx={};Ac(Cx,{ImageEditorCrop:()=>Ex});module.exports=wc(Cx);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var T=(e,t)=>i({[`${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"}),E=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:c,active:m,selected:f,disabled:x,indeterminate:h,loading:N,empty:p,readonly:v,highlighted:k,...S}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":c,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":h&&!c,"k-loading":N,"k-empty":p,"k-readonly":v,"k-highlighted":k},Object.keys(S).reduce((I,y)=>(y.startsWith("k-")?I[y]=S[y]:I[`k-${y}`]=S[y],I),{}))};function Gi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},gt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={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 wr={};function B(e){return wr[e]=(wr[e]||0)+1,`k-${e}-${wr[e]}`}var Na=require("react/jsx-runtime"),Rr="k-font-icon",Rc=[],Bc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Pc={},ka=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...c}=e;return a?(0,Na.jsx)("span",{...c,className:i(e.className,Rr,T(Rr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):(0,Na.jsx)(Na.Fragment,{})};ka.states=Rc;ka.options=Bc;ka.className=Rr;ka.defaultOptions=Pc;var Vi=ka;var lo=require("react/jsx-runtime"),Br="k-svg-icon",Kc=[],Dc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[gt.outline,gt.solid,gt.duotone]},Pr={viewBox:"0 0 24 24",variant:gt.outline},va=e=>{var N,p;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Pr.viewBox,variant:c=Pr.variant,icon:m,...f}=e;if(!m)return(0,lo.jsx)(lo.Fragment,{});if(m==="none")return(0,lo.jsx)("span",{...f,className:i(e.className,Br,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof m=="object"&&m.name&&m.name,h=typeof m=="object"?c&&((N=m.variants)==null?void 0:N[c])||((p=m.variants)==null?void 0:p.outline)||m.content:void 0;return(0,lo.jsx)("span",{...f,className:i(e.className,Br,T("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,lo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:m?void 0:e.children})})};va.states=Kc;va.options=Dc;va.className=Br;va.defaultOptions=Pr;var Kr=va;var Dr=Ui(require("@progress/kendo-svg-icons"));var $i="icon",Xi="icons";var Ji=require("react");var qi=require("react"),Wi=(0,qi.createContext)({iconsType:"svg"});var wt=require("react/jsx-runtime"),qa="k-icon",_c=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),zc=[],Hc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[gt.outline,gt.solid,gt.duotone]},Wa={viewBox:"0 0 24 24",type:"svg",variant:gt.outline},L=e=>{let{iconsType:t}=(0,Ji.useContext)(Wi),{size:o,themeColor:a,icon:r,type:s=t||Wa.type,rotate:c,flip:m,viewBox:f=Wa.viewBox,variant:x=Wa.variant,...h}=e;if(!r)return(0,wt.jsx)(wt.Fragment,{});if((t||s)==="svg"){if(r==="none")return(0,wt.jsx)(Kr,{...h,className:i(e.className,qa),icon:r,size:o,variant:x});let p=Dr[r]?r:_c(`${r}-icon`);return Dr[p]?(0,wt.jsx)(Kr,{...h,className:i(e.className,qa),icon:Dr[p],size:o,themeColor:a,rotate:c,flip:m,viewBox:f,variant:x}):(0,wt.jsx)(wt.Fragment,{})}return(0,wt.jsx)(Vi,{...h,className:i(e.className,qa),icon:r,size:o,themeColor:a,rotate:c,flip:m})};L.states=zc;L.options=Hc;L.defaultOptions=Wa;L.className=qa;L.moduleName=$i;L.folderName=Xi;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var _r="button",Yi=_r;var et=require("react/jsx-runtime"),ga="k-button",Fc=["icon-button"],Uc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Gc={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},zr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:c=zr.showArrow,arrowIconName:m=zr.arrowIconName,variant:f,hover:x,focus:h,active:N,selected:p,disabled:v,togglable:k,ariaDisabled:S,icon:I,iconSize:y,text:w,iconClassName:U,className:ae,...ie}=e,xe=I!=null,Ne=e.children!==void 0;return(0,et.jsxs)(t,{className:i(ae,ga,Gi(ga,f),T(ga,{size:o,rounded:a,fillMode:r,themeColor:s}),E(ga,{hover:x,focus:h,active:N,disabled:v||S,selected:p}),{"k-icon-button":!w&&!Ne&&xe}),"aria-pressed":k?p?"true":"false":void 0,...ie,"aria-disabled":S?"true":void 0,disabled:v||void 0,children:[typeof I=="string"&&I&&(0,et.jsx)(L,{className:i(U,"k-button-icon"),icon:I,size:y}),I&&typeof I!="string"&&(0,et.jsx)(et.Fragment,{children:I}),w?(0,et.jsxs)(et.Fragment,{children:[w&&(0,et.jsx)("span",{className:"k-button-text",children:w}),e.children]}):e.children&&(0,et.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,et.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,et.jsx)(L,{icon:m})})]})};d.states=Uc;d.options=Gc;d.variants=Fc;d.className=ga;d.defaultOptions=zr;d.moduleName=_r;d.folderName=Yi;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Zi=require("react/jsx-runtime"),Rt=e=>(0,Zi.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Qi=require("react/jsx-runtime"),La=e=>(0,Qi.jsx)(d,{icon:"folder",children:"Button",...e});var ji=require("react/jsx-runtime"),co=e=>(0,ji.jsx)(d,{children:"Button",...e});var Ja=require("react/jsx-runtime"),Vc=d.options,$c=d.states,Xc={...d.defaultOptions,variant:"text"},qc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Wc=[],go=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ja.jsx)(Rt,{...o,icon:"star"});case"icon-and-text":return(0,Ja.jsx)(La,{...o,icon:"star",children:"Button"});default:return(0,Ja.jsx)(co,{...o,children:"Button"})}};go.options=Vc;go.states=$c;go.variants=qc;go.defaultOptions=Xc;go.modifiers=Wc;go.className=d.className;var Hr="button",es=Hr;var ts=require("react/jsx-runtime"),Sa="k-button-group",Jc=[n.disabled],Yc={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Zc={},R=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,ts.jsx)("div",{role:"group",...r,className:i(e.className,Sa,T(Sa,{fillMode:t}),E(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};R.states=Jc;R.options=Yc;R.className=Sa;R.defaultOptions=Zc;R.moduleName=Hr;R.folderName=es;R.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Fr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var Vr=require("react/jsx-runtime");var $r=require("react/jsx-runtime");var Xr=require("react/jsx-runtime");var We=require("react/jsx-runtime"),Qc={...d.options,...R.options},jc=d.states,ep={...d.defaultOptions,...R.defaultOptions,variant:"text-button"},tp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],op=[],Lo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,We.jsxs)(R,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(d,{...a,icon:"star"}),(0,We.jsx)(d,{...a,icon:"star"}),(0,We.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,We.jsxs)(R,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(d,{...a,icon:"star",children:"First"}),(0,We.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,We.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,We.jsxs)(R,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(d,{...a,children:"First"}),(0,We.jsx)(d,{...a,children:"Middle"}),(0,We.jsx)(d,{...a,children:"Last"})]})};Lo.options=Qc;Lo.states=jc;Lo.variants=tp;Lo.defaultOptions=ep;Lo.modifiers=op;Lo.className=R.className;var Ma="input",Ya=Ma;var os=require("react/jsx-runtime"),Za="k-input",ap=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],rp={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},np={},G=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:m,size:f,rounded:x,fillMode:h,...N}=e;return(0,os.jsx)("span",{...N,className:i(e.className,Za,T(Za,{size:f,rounded:x,fillMode:h}),E(Za,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:m}))})};G.states=ap;G.options=rp;G.className=Za;G.defaultOptions=np;G.moduleName=Ma;G.folderName=Ya;var as=require("react/jsx-runtime"),Qa="k-picker",ip=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],sp={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},lp={},Lt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:m,size:f,rounded:x,fillMode:h,...N}=e;return(0,as.jsx)("span",{...N,className:i(e.className,Qa,T(Qa,{size:f,rounded:x,fillMode:h}),E(Qa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:m})),children:e.children})};Lt.states=ip;Lt.options=sp;Lt.className=Qa;Lt.defaultOptions=lp;Lt.moduleName=Ma;Lt.folderName=Ya;var So=require("react/jsx-runtime"),rs="k-clear-value",dp=[n.disabled,n.loading,n.readonly],cp={},ke=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?(0,So.jsx)(So.Fragment,{}):(0,So.jsx)("span",{className:i(e.className,rs),children:(0,So.jsx)(L,{icon:"x"})})};ke.states=dp;ke.options=cp;ke.className=rs;var ns=require("react/jsx-runtime"),qr="k-input-inner",pp=[],mp={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},ve=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:r=ja.autocomplete,disabled:s,readOnly:c,...m}=e;return(0,ns.jsx)("input",{...m,type:o,className:i(e.className,qr,T(qr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};ve.states=pp;ve.options=mp;ve.className=qr;var Ia=require("react/jsx-runtime"),Wr="k-input-inner",up=[],bp={},po=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...c}=e;return(0,Ia.jsxs)("span",{...c,className:i(e.className,Wr,T(Wr,e)),children:[r,!r&&s&&(0,Ia.jsx)(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,Ia.jsx)("span",{className:"k-input-value-text",children:t})]})};po.states=up;po.options=bp;po.className=Wr;var ss=require("react/jsx-runtime"),Jr="k-input-inner",fp=[],hp={},is={value:"",placeholder:""},ya=e=>{let{value:t=is.value,placeholder:o=is.placeholder,rows:a,disabled:r,...s}=e;return(0,ss.jsx)("textarea",{...s,className:i(e.className,Jr,T(Jr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ya.states=fp;ya.options=hp;ya.className=Jr;var Ta=require("react/jsx-runtime"),ls="k-input-loading-icon",xp=[n.disabled,n.loading],ce=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ta.jsx)(Ta.Fragment,{}):(0,Ta.jsx)("span",{className:i(e.className,ls,"k-icon k-i-loading")})};ce.states=xp;ce.className=ls;var Ea=require("react/jsx-runtime"),ds="k-input-validation-icon",Np=[n.valid,n.invalid,n.disabled,n.loading],kp={},se=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?(0,Ea.jsx)(Ea.Fragment,{}):(0,Ea.jsx)(L,{className:i(ds),icon:s})};se.states=Np;se.options=kp;se.className=ds;var Ca=require("react/jsx-runtime"),vp="k-input-prefix",gp={direction:"horizontal"},Ce=e=>{let{direction:t=gp.direction,...o}=e;return e.children?(0,Ca.jsx)("span",{...o,className:i(vp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ca.jsx)(Ca.Fragment,{})};var Oa=require("react/jsx-runtime"),Lp="k-input-suffix",Sp={direction:"horizontal"},Oe=e=>{let{direction:t=Sp.direction,...o}=e;return e.children?(0,Oa.jsx)("span",{...o,className:i(Lp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Oa.jsx)(Oa.Fragment,{})};var Mp=require("react/jsx-runtime");var cs=require("react/jsx-runtime"),Ip="k-input-suffix-text",Yr=e=>{let{children:t,...o}=e;return(0,cs.jsx)("span",{...o,className:i(Ip,e.className),children:t})};var ms=require("react/jsx-runtime"),ps="k-input-separator",yp={direction:"vertical"},pe=e=>{let{direction:t=yp.direction,...o}=e;return(0,ms.jsx)("span",{...o,className:i(ps,e.className,{[`${ps}-${t}`]:t})})};var me=require("react/jsx-runtime"),Tp=G.states,Ep=G.defaultOptions,Cp=G.options,Op=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ap=[],Mo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:c,...m}=e,f=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,h=t==null?void 0:t["clear-button"],N=t==null?void 0:t["validation-icon"],p=t==null?void 0:t.separators;return(0,me.jsxs)(G,{...m,valid:o,invalid:a,loading:r,disabled:s,readonly:c,style:{width:300},children:[f&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(Ce,{children:(0,me.jsx)(L,{icon:"lock"})}),p&&(0,me.jsx)(pe,{})]}),(0,me.jsx)(ve,{placeholder:"Placeholder",value:"Value"}),N&&(0,me.jsx)(se,{valid:o,invalid:a,loading:r,disabled:s}),(0,me.jsx)(ce,{loading:r,disabled:s}),h&&(0,me.jsx)(ke,{loading:r,disabled:s,readonly:c,value:"Value"}),x&&(0,me.jsxs)(me.Fragment,{children:[p&&(0,me.jsx)(pe,{}),(0,me.jsx)(Oe,{children:(0,me.jsx)(co,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Mo.options=Cp;Mo.states=Tp;Mo.variants=Ap;Mo.defaultOptions=Ep;Mo.modifiers=Op;Mo.className=G.className;var Aa=require("react/jsx-runtime"),us="k-color-preview",wp=[],Rp={},Xt=e=>{let{color:t,iconName:o,...a}=e;return(0,Aa.jsxs)("span",{...a,className:i(e.className,us,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Aa.jsx)(L,{icon:o,className:"k-color-preview-icon"}),(0,Aa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Xt.states=wp;Xt.options=Rp;Xt.className=us;var Zr="popup",bs=Zr;var jr=require("react/jsx-runtime"),fs="k-animation-container",Bp=[],Pp={},Qr={positionMode:"absolute",shown:!0},St=e=>{let{positionMode:t=Qr.positionMode,shown:o=Qr.shown,animationStyle:a,offset:r,...s}=e;return(0,jr.jsx)("div",{...s,style:{...r,...e.style},className:i(e.className,fs,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,jr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};St.states=Bp;St.options=Pp;St.className=fs;St.defaultOptions=Qr;St.moduleName=Zr;St.folderName=bs;var en="popup",hs=en;var tn=require("react/jsx-runtime"),xs="k-popup",Kp=[],Dp={},Ns={positionMode:"absolute"},Y=e=>{let{offset:t,positionMode:o=Ns.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:c,...m}=e;return(0,tn.jsx)(St,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":c,children:(0,tn.jsx)("div",{...m,className:i(e.className,xs),children:e.children})})};Y.states=Kp;Y.options=Dp;Y.className=xs;Y.defaultOptions=Ns;Y.moduleName=en;Y.folderName=hs;Y.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var on="action-buttons",ks=on;var vs=require("react/jsx-runtime"),er="k-actions",_p=[],zp={},an={alignment:"start",orientation:"horizontal"},Mt=e=>{let{alignment:t=an.alignment,orientation:o=an.orientation,...a}=e;return(0,vs.jsx)("div",{...a,className:i(er,{[`${er}-${t}`]:t,[`${er}-${o}`]:o},e.className),children:e.children})};Mt.states=_p;Mt.options=zp;Mt.className=er;Mt.defaultOptions=an;Mt.moduleName=on;Mt.folderName=ks;var Ls=require("react/jsx-runtime"),Hp="k-actionsheet-footer",gs={alignment:"stretched",orientation:"horizontal"},qt=e=>{let{alignment:t=gs.alignment,orientation:o=gs.orientation,template:a,as:r=a?"div":Mt,...s}=e;return(0,Ls.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Hp),children:e.children})};var rn="searchbox",Ss=rn;var Wt=require("react/jsx-runtime"),Ms="k-searchbox",Fp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Up={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},nn={showIcon:!0,icon:"search"},it=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:c,focus:m,valid:f,invalid:x,required:h,loading:N,disabled:p,showIcon:v=nn.showIcon,icon:k=nn.icon,"aria-label":S,...I}=e;return(0,Wt.jsxs)(G,{...I,size:a,rounded:r,fillMode:s,hover:c,focus:m,valid:f,invalid:x,required:h,loading:N,disabled:p,className:i(e.className,Ms),children:[v&&(0,Wt.jsx)(L,{className:"k-input-icon",icon:k}),(0,Wt.jsx)(ve,{placeholder:o,value:t,"aria-label":S}),(0,Wt.jsx)(ce,{...e}),(0,Wt.jsx)(se,{...e}),(0,Wt.jsx)(ke,{...e})]})};it.states=Fp;it.options=Up;it.className=Ms;it.defaultOptions=nn;it.moduleName=rn;it.folderName=Ss;var Gp=require("react/jsx-runtime");var sn="textbox",Is=sn;var Ae=require("react/jsx-runtime"),ys="k-textbox",Vp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],$p={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},tr={showClearButton:!0,showValidationIcon:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:r=tr.separators,showClearButton:s=tr.showClearButton,showValidationIcon:c=tr.showValidationIcon,prefix:m,suffix:f,type:x,value:h,placeholder:N,hover:p,focus:v,valid:k,invalid:S,required:I,loading:y,disabled:w,readonly:U,id:ae,"aria-label":ie,"aria-describedby":xe,...Ne}=e;return(0,Ae.jsxs)(G,{...Ne,size:t,rounded:o,fillMode:a,hover:p,focus:v,valid:k,invalid:S,required:I,loading:y,disabled:w,readonly:U,className:i(e.className,ys),children:[m&&(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(Ce,{children:m}),r&&(0,Ae.jsx)(pe,{})]}),(0,Ae.jsx)(ve,{id:ae,placeholder:N,value:h,type:x,disabled:w,"aria-label":ie,"aria-describedby":xe,"aria-invalid":S?"true":void 0}),c&&(0,Ae.jsx)(se,{valid:k,invalid:S,loading:y,disabled:w}),(0,Ae.jsx)(ce,{loading:y,disabled:w}),s&&(0,Ae.jsx)(ke,{loading:y,disabled:w,readonly:U,value:h}),f&&(0,Ae.jsxs)(Ae.Fragment,{children:[r&&(0,Ae.jsx)(pe,{}),(0,Ae.jsx)(Oe,{children:f})]})]})};F.states=Vp;F.options=$p;F.className=ys;F.defaultOptions=tr;F.moduleName=sn;F.folderName=Is;F.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var wa=F;var Es=require("react/jsx-runtime"),Ts=e=>(0,Es.jsx)(wa,{...e});var Cs=require("react/jsx-runtime");var Os=require("react/jsx-runtime");var Xp=require("react/jsx-runtime");var or=require("react/jsx-runtime"),qp=F.states,Wp=F.defaultOptions,Jp=F.options,Yp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Zp=[],Io=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,or.jsx)(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,or.jsx)(co,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,or.jsx)(Ts,{value:"Value",style:{width:300},...o,...a})};Io.options=Jp;Io.states=qp;Io.variants=Zp;Io.defaultOptions=Wp;Io.modifiers=Yp;Io.className=F.className;var tt=require("react/jsx-runtime"),As="k-actionsheet-titlebar",Qp={},Fe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:c,inputValue:m,inputPlaceholder:f,adaptive:x,titleId:h,children:N,...p}=e;return(0,tt.jsxs)("div",{...p,className:i(e.className,As),children:[(0,tt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,tt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!N&&(0,tt.jsxs)("div",{className:"k-actionsheet-title",id:h,children:[t&&(0,tt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,tt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&(0,tt.jsx)("div",{className:"k-actionsheet-title",id:h,children:N}),r&&(0,tt.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(c||s)&&(0,tt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,tt.jsx)(F,{value:m,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):(0,tt.jsx)(it,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Fe.className=As;Fe.defaultOptions=Qp;var yo=require("react/jsx-runtime"),ln="k-actionsheet-view",jp=[],em={},tm={},To=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:c,...m}=e,f=(r==null?void 0:r.type)===Fe&&(0,yo.jsx)(Fe,{adaptive:t,titleId:c,...r==null?void 0:r.props}),x=(s==null?void 0:s.type)===qt&&(0,yo.jsx)(qt,{...s==null?void 0:s.props});return(0,yo.jsxs)("div",{...m,className:i(e.className,ln,{[`${ln}-animated`]:o}),children:[f,(0,yo.jsx)("div",{className:"k-actionsheet-content",children:a}),x]})};To.states=jp;To.options=em;To.className=ln;To.defaultOptions=tm;var Ra="action-sheet",ar=Ra;var dn="overlay",ws=dn;var Bs=require("react/jsx-runtime"),Rs="k-overlay",om=[],am={},rm={},Jt=e=>{let{...t}=e;return(0,Bs.jsx)("div",{...t,className:i(e.className,Rs),children:e.children})};Jt.states=om;Jt.options=am;Jt.className=Rs;Jt.defaultOptions=rm;Jt.moduleName=dn;Jt.folderName=ws;var mo=require("react/jsx-runtime"),Ps="k-actionsheet",nm=[],im={},Ba={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},te=e=>{let{side:t=Ba.side,fullscreen:o=Ba.fullscreen,adaptive:a=Ba.adaptive,overlay:r=Ba.overlay,template:s,children:c,header:m,footer:f,id:x,...h}=e,N=x&&!s&&m?`${x}-title`:void 0;return(0,mo.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,mo.jsx)(Jt,{}),(0,mo.jsx)(St,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,mo.jsx)("div",{...h,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":N,className:i(e.className,Ps,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,mo.jsx)(To,{header:m,footer:f,adaptive:a,titleId:N,...e,children:c})})})]})};te.states=nm;te.options=im;te.className=Ps;te.defaultOptions=Ba;te.moduleName=Ra;te.folderName=ar;te.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var Ds=require("react/jsx-runtime"),Ks="k-actionsheet-container",sm=[],lm={},dm={},Eo=e=>{let{children:t,...o}=e;return(0,Ds.jsx)("div",{...o,className:Ks,children:t})};Eo.states=sm;Eo.options=lm;Eo.className=Ks;Eo.defaultOptions=dm;Eo.moduleName=Ra;Eo.folderName=ar;var _s=require("react/jsx-runtime"),cn=e=>{let{...t}=e;return(0,_s.jsx)("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};var st=require("react/jsx-runtime"),pn="k-actionsheet-item",cm=[n.hover,n.focus,n.selected,n.disabled],Yt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:c,disabled:m,...f}=e;return(0,st.jsxs)("span",{...f,className:i(e.className,pn,E(pn,{hover:r,focus:s,selected:c,disabled:m})),children:[!e.children&&(0,st.jsx)(st.Fragment,{children:(0,st.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,st.jsx)("span",{className:"k-icon-wrap",children:(0,st.jsx)(L,{className:"k-actionsheet-item-icon",icon:t})}),(0,st.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,st.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,st.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Yt.states=cm;Yt.className=pn;var zs=require("react/jsx-runtime");var pm=require("react/jsx-runtime");var mm=require("react/jsx-runtime");var um=require("react/jsx-runtime");var Z=require("react/jsx-runtime"),bm=te.options,fm=te.states,Fs={...te.defaultOptions,variant:"normal"},hm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],xm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Co=e=>{let{variant:t,modifiers:o,...a}={...Fs,...e},r={},s=(0,Z.jsxs)(cn,{children:[(0,Z.jsx)(Yt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Z.jsx)(Yt,{text:"Add to Favorites",iconName:"heart"}),(0,Z.jsx)(Yt,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Z.jsx)("hr",{className:"k-hr"}),(0,Z.jsx)(Yt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",m="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!(o!=null&&o[f]),r.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":r.subtitle=o!=null&&o[f]?c:void 0;break;case"footer":r.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,Z.jsx)(te,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,Z.jsx)(Fe,{actionsStart:r.actionsStart?(0,Z.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,Z.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:r.subtitle}),footer:r.footer?(0,Z.jsxs)(qt,{alignment:"stretched",children:[(0,Z.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,Z.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,Z.jsx)(te,{...a,fullscreen:r.fullScreen,header:(0,Z.jsx)(Fe,{actionsStart:r.actionsStart?(0,Z.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,Z.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,Z.jsxs)(qt,{alignment:"stretched",children:[(0,Z.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,Z.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Co.options=bm;Co.states=fm;Co.variants=hm;Co.defaultOptions=Fs;Co.modifiers=xm;Co.className=te.className;var mn="slider",Us=mn;var ft=require("react/jsx-runtime"),Pa="k-slider",Nm=[n.hover,n.focus,n.active,n.disabled,n.readonly],km={},lt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},W=e=>{let{type:t=lt.type,orientation:o=lt.orientation,gradientType:a=lt.gradientType,readonly:r=lt.readonly,disabled:s=lt.disabled,handlePosition:c=lt.handlePosition,showButtons:m=lt.showButtons,showTicks:f=lt.showTicks,value:x=lt.value,min:h=lt.min,max:N=lt.max,startValue:p,endValue:v,hover:k,focus:S,active:I,trackStyle:y,dir:w,...U}=e,ie=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),xe,Ne;return o==="horizontal"?(xe=w==="rtl"?"chevron-left":"chevron-right",Ne=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(xe="chevron-up",Ne="chevron-down"),(0,ft.jsxs)("div",{...U,className:i(Pa,e.className,E(Pa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[m&&(0,ft.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:Ne,tabIndex:-1,title:"Decrease"}),(0,ft.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,ft.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,ft.jsxs)("div",{className:"k-slider-track",style:y,children:[(0,ft.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,ft.jsx)("span",{className:i("k-draghandle","k-draghandle-start",E(Pa,{hover:k,focus:S,active:I})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??h,"aria-valuemin":h,"aria-valuemax":v??N,"aria-orientation":ie,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":U["aria-label"]?`${U["aria-label"]} start`:"Range start"}),(0,ft.jsx)("span",{className:i("k-draghandle",`k-draghandle-${c}`,E(Pa,{hover:k,focus:S,active:I})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?v??N:x,"aria-valuemin":t==="range"?p??h:h,"aria-valuemax":N,"aria-orientation":ie,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?U["aria-label"]?`${U["aria-label"]} end`:"Range end":U["aria-label"]})]})]}),m&&(0,ft.jsx)(d,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};W.states=Nm;W.options=km;W.className=Pa;W.defaultOptions=lt;W.moduleName=mn;W.folderName=Us;W.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var un=require("react/jsx-runtime"),Gs="k-tick",vm=[],gm={},Vs={label:!1},O=e=>{let{style:t,label:o=Vs.label,orientation:a,large:r,text:s,...c}=e;return(0,un.jsx)("li",{...c,role:"presentation",title:s||"Tick",className:i(e.className,Gs,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&(0,un.jsx)("span",{className:"k-label",children:s})})};O.states=vm;O.options=gm;O.className=Gs;O.defaultOptions=Vs;var ge=require("react/jsx-runtime"),$s=e=>(0,ge.jsx)(W,{"aria-label":e["aria-label"]||"Slider",children:(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(O,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ge.jsx)(O,{}),(0,ge.jsx)(O,{}),(0,ge.jsx)(O,{}),(0,ge.jsx)(O,{}),(0,ge.jsx)(O,{label:!0,large:!0,text:"5"}),(0,ge.jsx)(O,{}),(0,ge.jsx)(O,{}),(0,ge.jsx)(O,{}),(0,ge.jsx)(O,{}),(0,ge.jsx)(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Le=require("react/jsx-runtime"),Xs=e=>(0,Le.jsx)(W,{children:(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)(O,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Le.jsx)(O,{}),(0,Le.jsx)(O,{}),(0,Le.jsx)(O,{}),(0,Le.jsx)(O,{}),(0,Le.jsx)(O,{label:!0,large:!0,text:"5"}),(0,Le.jsx)(O,{}),(0,Le.jsx)(O,{}),(0,Le.jsx)(O,{}),(0,Le.jsx)(O,{}),(0,Le.jsx)(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var bn=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var qs=require("react/jsx-runtime"),hn=e=>(0,qs.jsx)(W,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ws=require("react/jsx-runtime"),xn=e=>(0,Ws.jsx)(W,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Nn=require("react/jsx-runtime");var kn=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),Lm=W.options,Sm=W.states,Js={...W.defaultOptions,variant:"horizontal",label:!0},Mm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Im=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Oo=e=>{let{variant:t,modifiers:o,...a}=e,r=Js.label,s={};Object.keys(o||{}).forEach(m=>{switch(m){case"button":{s.showButtons=!!(o!=null&&o[m]);break}case"label":{r=!!(o!=null&&o[m]);break}case"tick":{s.showTicks=!!(o!=null&&o[m]);break}}});let c={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Je.jsxs)(Xs,{style:{height:"300px",...c},...a,...s,children:[(0,Je.jsx)(O,{label:r,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Je.jsx)(O,{label:r,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Je.jsx)(O,{label:r,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Je.jsx)(O,{label:r,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Je.jsx)(O,{label:r,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Je.jsxs)($s,{style:{width:"400px",...c},...a,...s,children:[(0,Je.jsx)(O,{label:r,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Je.jsx)(O,{label:r,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Je.jsx)(O,{label:r,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Je.jsx)(O,{label:r,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Je.jsx)(O,{label:r,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Oo.options=Lm;Oo.states=Sm;Oo.variants=Mm;Oo.defaultOptions=Js;Oo.modifiers=Im;Oo.className=W.className;var Ka=require("react/jsx-runtime"),Ys="k-spin-button",Em=[],Cm={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},vn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},It=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=vn.increaseLabel,decreaseLabel:s=vn.decreaseLabel,...c}=e;return(0,Ka.jsxs)("span",{...c,className:i(Ys,e.className),children:[(0,Ka.jsx)(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),(0,Ka.jsx)(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};It.states=Em;It.options=Cm;It.className=Ys;It.defaultOptions=vn;It.moduleName=null;It.folderName=null;var Zs="numeric-textbox",Qs="numerictextbox";var Se=require("react/jsx-runtime"),js="k-numerictextbox",Om=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Am={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},rr={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:r=rr.separators,showClearButton:s=rr.showClearButton,showSpinButton:c=rr.showSpinButton,prefix:m,suffix:f,value:x,placeholder:h,hover:N,focus:p,valid:v,invalid:k,required:S,loading:I,disabled:y,readonly:w,id:U,"aria-label":ae,"aria-describedby":ie,...xe}=e;return(0,Se.jsxs)(G,{...xe,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:v,invalid:k,required:S,loading:I,disabled:y,readonly:w,className:i(e.className,js),children:[m&&(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(Ce,{children:m}),r&&(0,Se.jsx)(pe,{})]}),(0,Se.jsx)(ve,{id:U,placeholder:h,value:x,role:"spinbutton",disabled:y,"aria-label":ae,"aria-describedby":ie,"aria-invalid":k?"true":void 0}),(0,Se.jsx)(se,{valid:v,invalid:k,loading:I,disabled:y}),(0,Se.jsx)(ce,{loading:I,disabled:y}),s&&(0,Se.jsx)(ke,{loading:I,disabled:y,readonly:w,value:x}),f&&(0,Se.jsxs)(Se.Fragment,{children:[r&&(0,Se.jsx)(pe,{}),(0,Se.jsx)(Oe,{children:f})]}),c&&(0,Se.jsx)(It,{className:"k-input-spinner",size:t,fillMode:a,disabled:y})]})};D.states=Om;D.options=Am;D.className=js;D.defaultOptions=rr;D.moduleName=Zs;D.folderName=Qs;D.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Da=D;var tl=require("react/jsx-runtime"),el=e=>(0,tl.jsx)(Da,{...e});var ir=Ui(require("react"));var gn=require("react/jsx-runtime"),wm="k-list-group-sticky-header",Ln=e=>(0,gn.jsx)("div",{className:i(wm,e.className),children:(0,gn.jsx)("div",{className:"k-list-header-text",children:e.children})});var ol=require("react/jsx-runtime"),Rm="k-no-data",nr=e=>{let{live:t,...o}=e;return(0,ol.jsx)("span",{...o,className:i(Rm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var uo="list",Ao=uo;var wo=require("react/jsx-runtime"),Sn="k-list",Bm=[],Pm={size:[l.undefined,l.small,l.medium,l.large]},Km={},z=e=>{var k;let{size:t,virtualization:o,children:a,header:r,selectAll:s,optionLabel:c,customValue:m,noData:f,screenReaders:x,...h}=e,p=ir.default.Children.toArray(a)[0],v=(k=p==null?void 0:p.props)!=null&&k.children?ir.default.Children.count(p.props.children):ir.default.Children.count(a);return(0,wo.jsxs)("div",{...h,className:i(e.className,Sn,T(Sn,{size:t}),{"k-virtual-list":o}),children:[c,s,m,r&&(0,wo.jsx)(Ln,{children:r}),a||(f!==void 0?f:(0,wo.jsx)(nr,{live:!0,children:"No data found."})),x&&a&&(0,wo.jsxs)(nr,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};z.states=Bm;z.options=Pm;z.className=Sn;z.defaultOptions=Km;z.moduleName=uo;z.folderName=Ao;z.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var rl=require("react/jsx-runtime"),al="k-list-container",Dm=[],_m={},zm={},Ro=e=>{let{...t}=e;return(0,rl.jsx)("div",{...t,className:i(e.className,al),children:e.children})};Ro.states=Dm;Ro.options=_m;Ro.className=al;Ro.defaultOptions=zm;Ro.moduleName=uo;Ro.folderName=Ao;var bo="checkbox",Bo=bo;var Mn=require("react/jsx-runtime"),sr="k-checkbox",Hm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Fm={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},Um={},Ue=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:c,invalid:m,valid:f,required:x,size:h,rounded:N,wrapperRole:p,...v}=e;return(0,Mn.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,Mn.jsx)("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:c||void 0,"aria-invalid":m?"true":void 0,className:i(e.className,sr,T(sr,{size:h,rounded:N}),E(sr,{hover:r,focus:s,disabled:c,invalid:m,valid:f,indeterminate:a,checked:o}))})})};Ue.states=Hm;Ue.options=Fm;Ue.className=sr;Ue.defaultOptions=Um;Ue.moduleName=bo;Ue.folderName=Bo;Ue.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var ht=Ue;var sl=require("react/jsx-runtime"),nl="k-checkbox-list",Gm=[],Vm={},il={layout:"vertical"},Ge=e=>{let{layout:t=il.layout,...o}=e;return(0,sl.jsx)("ul",{...o,className:i(e.className,nl,{[`k-list-${t}`]:t}),children:e.children})};Ge.states=Gm;Ge.options=Vm;Ge.className=nl;Ge.defaultOptions=il;Ge.moduleName=bo;Ge.folderName=Bo;var dl=require("react/jsx-runtime"),ll="k-checkbox-list-item",$m=[],Xm={},qm={},Ve=e=>{let{...t}=e;return(0,dl.jsx)("li",{...t,className:i(e.className,ll),children:e.children})};Ve.states=$m;Ve.options=Xm;Ve.className=ll;Ve.defaultOptions=qm;Ve.moduleName=bo;Ve.folderName=Bo;var fo=require("react/jsx-runtime"),dt=({children:e="Label",id:t="cb-label-after",...o})=>(0,fo.jsxs)(fo.Fragment,{children:[(0,fo.jsx)(ht,{id:t,...o}),(0,fo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var In=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var Tn=require("react/jsx-runtime");var Wm=require("react/jsx-runtime");var Jm=require("react/jsx-runtime");var Ym=require("react/jsx-runtime");var we=require("react/jsx-runtime"),Zm=Ge.options,Qm=Ge.states,jm={...Ge.defaultOptions,variant:"vertical"},eu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tu=[],Po=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,we.jsxs)(Ge,{layout:"horizontal",...o,children:[(0,we.jsx)(Ve,{children:(0,we.jsx)(dt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,we.jsx)(Ve,{children:(0,we.jsx)(dt,{id:B("cb"),children:"Label"})}),(0,we.jsx)(Ve,{children:(0,we.jsx)(dt,{id:B("cb"),children:"Label"})})]}):(0,we.jsxs)(Ge,{...o,children:[(0,we.jsx)(Ve,{children:(0,we.jsx)(dt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,we.jsx)(Ve,{children:(0,we.jsx)(dt,{id:B("cb"),children:"Label"})}),(0,we.jsx)(Ve,{children:(0,we.jsx)(dt,{id:B("cb"),children:"Label"})})]})};Po.options=Zm;Po.states=Qm;Po.variants=eu;Po.defaultOptions=jm;Po.modifiers=tu;Po.className=Ge.className;var cl=require("react/jsx-runtime"),ou=ht.options,au=ht.states,ru=ht.defaultOptions,nu=[],iu=[],Ko=e=>(0,cl.jsx)(dt,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Ko.options=ou;Ko.states=au;Ko.variants=nu;Ko.defaultOptions=ru;Ko.modifiers=iu;Ko.className=ht.className;var yt=require("react/jsx-runtime"),En="k-list-item",su=[n.hover,n.focus,n.selected,n.disabled],lu={},du={},P=e