@progress/kendo-themes-html 13.2.0-dev.1 → 13.2.0-dev.3
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/datetime-selector/datetime-selector.spec.js +1 -1
- package/dist/cjs/datetimepicker/datetimepicker.spec.js +1 -1
- package/dist/cjs/datetimepicker/demos/datetimepicker.js +1 -1
- package/dist/cjs/datetimepicker/templates/datetimepicker-adaptive.js +1 -1
- package/dist/cjs/datetimepicker/templates/datetimepicker-disabled.js +1 -1
- package/dist/cjs/datetimepicker/templates/datetimepicker-invalid.js +1 -1
- package/dist/cjs/datetimepicker/templates/datetimepicker-normal.js +1 -1
- package/dist/cjs/datetimepicker/templates/datetimepicker-popup.js +1 -1
- package/dist/cjs/grid/templates/grid-with-pinned-rows-pin-column.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-crop.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-normal.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-resize.js +1 -1
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/scheduler/demos/scheduler.js +1 -1
- package/dist/cjs/scheduler/scheduler-toolbar.spec.js +1 -1
- package/dist/cjs/scheduler/scheduler.spec.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-agenda.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-day.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-agenda.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-day.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-horizontal-grouping.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-month.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-timeline.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-vertical-grouping.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-week.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-year.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-horizontal-grouping.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-month.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-timeline.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-vertical-grouping.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-week.js +1 -1
- package/dist/cjs/segmented-control/segmented-control.spec.js +1 -1
- package/dist/cjs/segmented-control/templates/segmented-control-disabled.js +1 -1
- package/dist/cjs/segmented-control/templates/segmented-control-icons.js +1 -1
- package/dist/cjs/segmented-control/templates/segmented-control-normal.js +1 -1
- package/dist/cjs/segmented-control/templates/segmented-control-stretched.js +1 -1
- package/dist/cjs/segmented-control/templates/segmented-control-text.js +1 -1
- package/dist/esm/datetime-selector/datetime-selector.spec.mjs +1 -1
- package/dist/esm/datetimepicker/datetimepicker.spec.mjs +1 -1
- package/dist/esm/datetimepicker/demos/datetimepicker.mjs +1 -1
- package/dist/esm/datetimepicker/templates/datetimepicker-adaptive.mjs +1 -1
- package/dist/esm/datetimepicker/templates/datetimepicker-disabled.mjs +1 -1
- package/dist/esm/datetimepicker/templates/datetimepicker-invalid.mjs +1 -1
- package/dist/esm/datetimepicker/templates/datetimepicker-normal.mjs +1 -1
- package/dist/esm/datetimepicker/templates/datetimepicker-popup.mjs +1 -1
- package/dist/esm/grid/templates/grid-with-pinned-rows-pin-column.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-crop.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-normal.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-resize.mjs +1 -1
- package/dist/esm/index.mjs +8 -8
- package/dist/esm/scheduler/demos/scheduler.mjs +1 -1
- package/dist/esm/scheduler/scheduler-toolbar.spec.mjs +1 -1
- package/dist/esm/scheduler/scheduler.spec.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-agenda.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-day.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-agenda.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-day.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-horizontal-grouping.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-month.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-timeline.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-vertical-grouping.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-week.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-year.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-horizontal-grouping.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-month.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-timeline.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-vertical-grouping.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-week.mjs +1 -1
- package/dist/esm/segmented-control/segmented-control.spec.mjs +1 -1
- package/dist/esm/segmented-control/templates/segmented-control-disabled.mjs +1 -1
- package/dist/esm/segmented-control/templates/segmented-control-icons.mjs +1 -1
- package/dist/esm/segmented-control/templates/segmented-control-normal.mjs +1 -1
- package/dist/esm/segmented-control/templates/segmented-control-stretched.mjs +1 -1
- package/dist/esm/segmented-control/templates/segmented-control-text.mjs +1 -1
- package/dist/types/segmented-control/segmented-control.spec.d.ts +1 -0
- package/package.json +2 -2
- package/src/action-sheet/tests/action-sheet-date-time-selector.tsx +9 -8
- package/src/datetime-selector/datetime-selector.spec.tsx +8 -9
- package/src/grid/templates/grid-with-pinned-rows-pin-column.tsx +2 -2
- package/src/grid/tests/grid-row-pinning-with-sticky-grouping.tsx +1 -1
- package/src/grid/tests/grid-row-pinning.tsx +8 -8
- package/src/imageeditor/templates/imageeditor-crop.tsx +5 -5
- package/src/scheduler/scheduler-toolbar.spec.tsx +8 -7
- package/src/scheduler/scheduler.spec.tsx +3 -4
- package/src/scheduler/templates/scheduler-agenda.tsx +8 -7
- package/src/scheduler/templates/scheduler-flex-agenda.tsx +8 -7
- package/src/scheduler/templates/scheduler-flex-day.tsx +8 -7
- package/src/scheduler/templates/scheduler-flex-month.tsx +8 -7
- package/src/scheduler/templates/scheduler-flex-timeline.tsx +8 -7
- package/src/scheduler/templates/scheduler-flex-week.tsx +8 -7
- package/src/scheduler/templates/scheduler-flex-year.tsx +7 -6
- package/src/scheduler/templates/scheduler-month.tsx +8 -7
- package/src/scheduler/templates/scheduler-timeline.tsx +8 -7
- package/src/scheduler/templates/scheduler-week.tsx +8 -7
- package/src/scheduler/tests/scheduler-current-time-marker.tsx +15 -14
- package/src/scheduler/tests/scheduler-events.tsx +8 -7
- package/src/scheduler/tests/scheduler-react-timeline-multi.tsx +8 -7
- package/src/segmented-control/segmented-control.spec.tsx +3 -1
- package/src/segmented-control/templates/segmented-control-icons.tsx +3 -3
- package/src/segmented-control/tests/segmented-control-sizes.tsx +3 -15
- package/src/segmented-control/tests/segmented-control-states.tsx +1 -5
- package/src/segmented-control/tests/segmented-control.tsx +20 -30
|
@@ -1 +1 @@
|
|
|
1
|
-
var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,l)=>t[l]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var D=(e,t)=>n({[`${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"}),H=(e,t)=>{let{valid:o,invalid:l,hover:r,focus:d,checked:u,active:b,selected:f,disabled:x,indeterminate:y,loading:k,empty:h,readonly:A,highlighted:g,...B}=t;return n({"k-valid":o,"k-invalid":l,"k-hover":r,"k-focus":d,"k-checked":u,"k-active":b,"k-selected":f,"k-disabled":x,"k-indeterminate":y&&!u,"k-loading":k,"k-empty":h,"k-readonly":A,"k-highlighted":g},Object.keys(B).reduce((K,I)=>(I.startsWith("k-")?K[I]=B[I]:K[`k-${I}`]=B[I],K),{}))};function mn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},C={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},S={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},c={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 Pl={};function F(e){return Pl[e]=(Pl[e]||0)+1,`k-${e}-${Pl[e]}`}import{Fragment as Ad,jsx as bn}from"react/jsx-runtime";var Dl="k-font-icon",Md=[],Ld={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},Ed={},Ca=e=>{let{size:t,themeColor:o,icon:l,rotate:r,flip:d,...u}=e;return l?bn("span",{...u,className:n(e.className,Dl,D(Dl,{size:t}),{[`k-i-${l}`]:l,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):bn(Ad,{})};Ca.states=Md;Ca.options=Ld;Ca.className=Dl;Ca.defaultOptions=Ed;var hn=Ca;import{Fragment as Od,jsx as Ya}from"react/jsx-runtime";var Kl="k-svg-icon",Rd=[],Id={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},fn={viewBox:"0 0 24 24"},ya=e=>{let{size:t,themeColor:o,rotate:l,flip:r,viewBox:d=fn.viewBox,icon:u,...b}=e;if(!u)return Ya(Od,{});if(u==="none")return Ya("span",{...b,className:n(e.className,Kl,D("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof u=="object"&&u.name&&u.name;return Ya("span",{...b,className:n(e.className,Kl,D("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:Ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:d,dangerouslySetInnerHTML:typeof u=="object"?{__html:u.content}:void 0,children:u?void 0:e.children})})};ya.states=Rd;ya.options=Id;ya.className=Kl;ya.defaultOptions=fn;var Hl=ya;import*as _l from"@progress/kendo-svg-icons";var xn="icon",vn="icons";import{useContext as Pd}from"react";import{createContext as Bd}from"react";var Cn=Bd({iconsType:"svg"});import{Fragment as yn,jsx as ka}from"react/jsx-runtime";var Qa="k-icon",Dd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Kd=[],Hd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},zl={viewBox:"0 0 24 24",type:"svg"},E=e=>{let{iconsType:t}=Pd(Cn),{size:o,themeColor:l,icon:r,type:d=t||zl.type,rotate:u,flip:b,viewBox:f=zl.viewBox,...x}=e;if(!r)return ka(yn,{});if((t||d)==="svg"){if(r==="none")return ka(Hl,{...x,className:n(e.className,Qa),icon:r,size:o});let k=_l[r]?r:Dd(`${r}-icon`);return _l[k]?ka(Hl,{...x,className:n(e.className,Qa),icon:_l[k],size:o,themeColor:l,rotate:u,flip:b,viewBox:f}):ka(yn,{})}return ka(hn,{...x,className:n(e.className,Qa),icon:r,size:o,themeColor:l,rotate:u,flip:b})};E.states=Kd;E.options=Hd;E.defaultOptions=zl;E.className=Qa;E.moduleName=xn;E.folderName=vn;E.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 Gl=E;var Ul="button",kn=Ul;import{Fragment as Ud,jsx as Sa,jsxs as Sn}from"react/jsx-runtime";var Na="k-button",_d=["icon-button"],zd=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],Gd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},Fl={showArrow:!1,arrowIconName:"caret-alt-down"},s=e=>{let{as:t="button",size:o,rounded:l,fillMode:r,themeColor:d,showArrow:u=Fl.showArrow,arrowIconName:b=Fl.arrowIconName,variant:f,hover:x,focus:y,active:k,selected:h,disabled:A,togglable:g,ariaDisabled:B,icon:K,text:I,iconClassName:W,className:se,...fe}=e,Le=K!==void 0,Ne=e.children!==void 0;return Sn(t,{className:n(se,Na,mn(Na,f),D(Na,{size:o,rounded:l,fillMode:r,themeColor:d}),H(Na,{hover:x,focus:y,active:k,disabled:A||B,selected:h}),{"k-icon-button":!I&&!Ne&&Le}),...fe,"aria-pressed":g?h?"true":"false":void 0,"aria-disabled":B?"true":void 0,disabled:A||void 0,children:[K&&Sa(E,{className:n(W,"k-button-icon"),icon:K}),I?Sn(Ud,{children:[I&&Sa("span",{className:"k-button-text",children:I}),e.children]}):e.children&&Sa("span",{className:"k-button-text",children:e.children}),u&&Sa("span",{className:"k-menu-button-arrow k-button-arrow",children:Sa(E,{icon:b})})]})};s.states=zd;s.options=Gd;s.variants=_d;s.className=Na;s.defaultOptions=Fl;s.moduleName=Ul;s.folderName=kn;s.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Fd}from"react/jsx-runtime";var Xt=e=>Fd(s,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Wd}from"react/jsx-runtime";var Ta=e=>Wd(s,{icon:"folder",children:"Button",...e});import{jsx as Vd}from"react/jsx-runtime";var co=e=>Vd(s,{children:"Button",...e});import{jsx as Wl}from"react/jsx-runtime";var $d=s.options,Xd=s.states,Jd={...s.defaultOptions,variant:"text"},qd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Yd=[],Mo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Wl(Xt,{...o,icon:"star"});case"icon-and-text":return Wl(Ta,{...o,icon:"star",children:"Button"});default:return Wl(co,{...o,children:"Button"})}};Mo.options=$d;Mo.states=Xd;Mo.variants=qd;Mo.defaultOptions=Jd;Mo.modifiers=Yd;Mo.className=s.className;var Vl="button",Nn=Vl;import{jsx as ec}from"react/jsx-runtime";var ga="k-button-group",Qd=[c.disabled],Zd={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},jd={},M=e=>{let{fillMode:t,disabled:o,stretched:l,...r}=e;return ec("div",{role:"group",...r,className:n(e.className,ga,D(ga,{fillMode:t}),H(ga,{disabled:o}),{[`${ga}-stretched`]:l}),...o&&{"aria-disabled":"true"},children:e.children})};M.states=Qd;M.options=Zd;M.className=ga;M.defaultOptions=jd;M.moduleName=Vl;M.folderName=Nn;M.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."}]};import{Fragment as lv,jsx as av,jsxs as rv}from"react/jsx-runtime";import{Fragment as pv,jsx as cv,jsxs as uv}from"react/jsx-runtime";import{Fragment as vv,jsx as xv,jsxs as Cv}from"react/jsx-runtime";import{Fragment as gv,jsx as Tv,jsxs as wv}from"react/jsx-runtime";import{Fragment as Iv,jsx as Rv,jsxs as Ov}from"react/jsx-runtime";import{Fragment as _v,jsx as Hv,jsxs as zv}from"react/jsx-runtime";import{jsx as Dt,jsxs as $l}from"react/jsx-runtime";var tc={...s.options,...M.options},oc=s.states,ac={...s.defaultOptions,...M.defaultOptions,variant:"text-button"},lc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],rc=[],Lo=e=>{let{variant:t,className:o,...l}=e;return t==="icon-button"?$l(M,{fillMode:l.fillMode,className:o,children:[Dt(s,{...l,icon:"star"}),Dt(s,{...l,icon:"star"}),Dt(s,{...l,icon:"star"})]}):t==="icon-text-button"?$l(M,{fillMode:l.fillMode,className:o,children:[Dt(s,{...l,icon:"star",children:"First"}),Dt(s,{...l,icon:"star",children:"Middle"}),Dt(s,{...l,icon:"star",children:"Last"})]}):$l(M,{fillMode:l.fillMode,className:o,children:[Dt(s,{...l,children:"First"}),Dt(s,{...l,children:"Middle"}),Dt(s,{...l,children:"Last"})]})};Lo.options=tc;Lo.states=oc;Lo.variants=lc;Lo.defaultOptions=ac;Lo.modifiers=rc;Lo.className=M.className;import{Fragment as sC,jsx as rC,jsxs as nC}from"react/jsx-runtime";var Q="scheduler",j=Q;import{jsx as dc}from"react/jsx-runtime";var Tn="k-scheduler-layout",nc=[],sc={},ic={},po=e=>{let{as:t="div",view:o,...l}=e,r=o==="agenda"?"grid":o==="year"?void 0:"none";return dc(t,{...l,className:n(e.className,Tn,{[`k-scheduler-${o}view`]:o}),...r&&{role:r},children:e.children})};po.states=nc;po.options=sc;po.className=Tn;po.defaultOptions=ic;po.moduleName=Q;po.folderName=j;var gn=po;import{jsx as mc,jsxs as bc}from"react/jsx-runtime";var wn="k-scheduler",cc=[],pc={},uc={},q=e=>{let{view:t,toolbar:o,footer:l,layout:r,...d}=e;return bc("div",{...d,className:n(e.className,wn),role:"application",children:[o,mc(gn,{className:n({"k-scheduler-layout-flex":r==="flex"}),as:r==="table"?"table":"div",view:t,children:e.children}),l]})};q.states=cc;q.options=pc;q.className=wn;q.defaultOptions=uc;q.moduleName=Q;q.folderName=j;q.ariaSpec={selector:".k-scheduler",rules:[{selector:".k-scheduler",attribute:"role=application",usage:"Specifies the role of the component."},{selector:".k-scheduler-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: sets the component role."},{selector:".k-scheduler-toolbar",attribute:"aria-label or title",usage:"Follows Toolbar spec: each toolbar must have a label specifying its purpose."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-caret-alt-left"])',attribute:"aria-label",usage:"Required as the previous navigation button contains only an icon (no text)."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-caret-alt-right"])',attribute:"aria-label",usage:"Required as the next navigation button contains only an icon (no text)."},{selector:".k-nav-current",attribute:"aria-live=polite",usage:"The new date of the Scheduler view will be announced upon navigation to a new time span or view type."},{selector:".k-views-dropdown",attribute:"aria-label",usage:"The <select> element visible on the toolbar on small screens must have its aria-label set."},{selector:".k-scheduler-views",attribute:"role=group",usage:"Follows ButtonGroup spec: sets the proper role for the group of view buttons."},{selector:".k-scheduler-views .k-button",attribute:"aria-pressed (when selected)",usage:"Follows ButtonGroup spec: specifies the current state of the view ButtonGroup. Only the selected button within the group will have this attribute set to true."},{selector:".k-scheduler-agendaview",attribute:"role=grid",usage:"The main table of the Agenda view must indicate it is a Data Grid."},{selector:".k-scheduler-agendaview>tbody",attribute:"role=none/presentation",usage:"The <tbody> element must have its semantics removed."},{selector:".k-scheduler-agendaview .k-scheduler-table",attribute:"role=none/presentation",usage:"Inner <table> elements within the Agenda Scheduler must have their semantic role removed."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody",attribute:"role=rowgroup",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr",attribute:"role=row",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr>th",attribute:"role=columnheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-content tr .k-selected",attribute:"aria-selected",usage:"Used to signify the currently selected row in Agenda view."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-groupcolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-datecolumn",attribute:"role=rowheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn+td",attribute:"role=gridcell",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-dayview,.k-scheduler-weekview,.k-scheduler-monthview,.k-scheduler-timelineview",attribute:"role=none/presentation",usage:"All <table> elements within the Scheduler must have their semantic role removed."},{selector:".k-scheduler-times .k-scheduler-table",attribute:"role=none/presentation",usage:"Times sidebar tables must have their semantics removed. The role propagates to child th/tr elements, resolving empty-table-header violations."},{selector:".k-event",attribute:"role=button",usage:"Indicating that the event element is interactive."},{selector:".k-event",attribute:"aria-label",usage:"Label containing the title, start, and end date of the appointment."},{selector:".k-scheduler-layout:not(.k-scheduler-agendaview) .k-scheduler-content",attribute:"tabindex=0",usage:"Scrollable elements need to be focusable to ensure scrolling with arrow keys is available (does not apply to agenda view)."}]};import{jsx as Mn}from"react/jsx-runtime";var Ln="k-scheduler-header",Tt=e=>Mn("div",{...e,className:n(Ln,e.className),children:Mn("div",{className:"k-scheduler-header-wrap",children:e.children})});Tt.className=Ln;Tt.moduleName=Q;Tt.folderName=j;import{jsx as hc}from"react/jsx-runtime";var En="k-scheduler-content",gt=e=>hc("div",{...e,className:n(En,e.className),children:e.children});gt.className=En;gt.moduleName=Q;gt.folderName=j;import{jsx as fc}from"react/jsx-runtime";var An="k-scheduler-times",Jt=e=>fc("div",{...e,className:n(An,e.className),children:e.children});Jt.className=An;Jt.moduleName=Q;Jt.folderName=j;import{jsx as xc}from"react/jsx-runtime";var Rn="k-scheduler-table",wt=e=>xc("table",{...e,className:n(Rn,e.className),children:e.children});wt.className=Rn;wt.moduleName=Q;wt.folderName=j;import{jsx as In}from"react/jsx-runtime";var On="k-scheduler-cell",vc=[],Cc={},yc={},a=e=>{let{cellType:t,allDay:o,text:l,colspan:r,rowspan:d,as:u="div",...b}=e,f=l||e.children,x=!l&&!e.children,y=u==="th"&&x&&!b.role?"presentation":void 0;return In(u,{...b,colSpan:r,rowSpan:d,...y&&{role:y},className:n(On,e.className,{"k-scheduler-times-all-day":o},t?.map(k=>({[`k-${k}-cell`]:!0}))),children:!o&&l?In("span",{className:"k-link k-nav-day",children:f}):f})};a.states=vc;a.options=Cc;a.defaultOptions=yc;a.className=On;a.moduleName=Q;a.folderName=j;import{jsx as kc}from"react/jsx-runtime";var Bn="k-sticky-cell",Eo=e=>kc("div",{...e,className:n(Bn,e.className),children:e.children});Eo.className=Bn;Eo.moduleName=Q;Eo.folderName=j;import{jsx as Sc}from"react/jsx-runtime";var Pn="k-scheduler-row",T=e=>Sc("div",{...e,className:n(Pn,e.className),children:e.children});T.className=Pn;T.moduleName=Q;T.folderName=j;var wa="input",Za=wa;import{jsx as wc}from"react/jsx-runtime";var ja="k-input",Nc=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Tc={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},gc={},xe=e=>{let{hover:t,focus:o,disabled:l,invalid:r,valid:d,loading:u,readonly:b,size:f,rounded:x,fillMode:y,...k}=e;return wc("span",{...k,className:n(e.className,ja,D(ja,{size:f,rounded:x,fillMode:y}),H(ja,{hover:t,focus:o,disabled:l,invalid:r,valid:d,loading:u,readonly:b}))})};xe.states=Nc;xe.options=Tc;xe.className=ja;xe.defaultOptions=gc;xe.moduleName=wa;xe.folderName=Za;import{jsx as Ac}from"react/jsx-runtime";var el="k-picker",Mc=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Lc={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Ec={},Mt=e=>{let{hover:t,focus:o,disabled:l,invalid:r,valid:d,loading:u,readonly:b,size:f,rounded:x,fillMode:y,...k}=e;return Ac("span",{...k,className:n(e.className,el,D(el,{size:f,rounded:x,fillMode:y}),H(el,{hover:t,focus:o,disabled:l,invalid:r,valid:d,loading:u,readonly:b})),children:e.children})};Mt.states=Mc;Mt.options=Lc;Mt.className=el;Mt.defaultOptions=Ec;Mt.moduleName=wa;Mt.folderName=Za;import{Fragment as Oc,jsx as Xl}from"react/jsx-runtime";var Dn="k-clear-value",Rc=[c.disabled,c.loading,c.readonly],Ic={},qe=e=>{let{disabled:t,loading:o,readonly:l,value:r}=e;return t||l||o||!r?Xl(Oc,{}):Xl("span",{className:n(e.className,Dn),children:Xl(E,{icon:"x"})})};qe.states=Rc;qe.options=Ic;qe.className=Dn;import{jsx as Dc}from"react/jsx-runtime";var Jl="k-input-inner",Bc=[],Pc={},tl={type:"text",autocomplete:"off",value:"",placeholder:""},Ye=e=>{let{value:t=tl.value,type:o=tl.type,placeholder:l=tl.placeholder,autocomplete:r=tl.autocomplete,disabled:d,readOnly:u,...b}=e;return Dc("input",{...b,type:o,className:n(e.className,Jl,D(Jl,e)),placeholder:l,autoComplete:r,defaultValue:t,disabled:d||void 0,readOnly:u||void 0})};Ye.states=Bc;Ye.options=Pc;Ye.className=Jl;import{jsx as Kn,jsxs as _c}from"react/jsx-runtime";var ql="k-input-inner",Kc=[],Hc={},uo=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:r,valueIconName:d,...u}=e;return _c("span",{...u,className:n(e.className,ql,D(ql,e)),children:[r,!r&&d&&Kn(E,{className:"k-input-value-icon",icon:d}),l&&!t&&o,l&&t&&Kn("span",{className:"k-input-value-text",children:t})]})};uo.states=Kc;uo.options=Hc;uo.className=ql;import{jsx as Uc}from"react/jsx-runtime";var Yl="k-input-inner",zc=[],Gc={},Hn={value:"",placeholder:""},Ql=e=>{let{value:t=Hn.value,placeholder:o=Hn.placeholder,rows:l,disabled:r,...d}=e;return Uc("textarea",{...d,className:n(e.className,Yl,D(Yl,e)),placeholder:o,rows:l,defaultValue:t,disabled:r||void 0})};Ql.states=zc;Ql.options=Gc;Ql.className=Yl;import{Fragment as Wc,jsx as _n}from"react/jsx-runtime";var zn="k-input-loading-icon",Fc=[c.disabled,c.loading],Ve=e=>{let{disabled:t,loading:o}=e;return t||!o?_n(Wc,{}):_n("span",{className:n(e.className,zn,"k-icon k-i-loading")})};Ve.states=Fc;Ve.className=zn;import{Fragment as Xc,jsx as Gn}from"react/jsx-runtime";var Un="k-input-validation-icon",Vc=[c.valid,c.invalid,c.disabled,c.loading],$c={},He=e=>{let{valid:t,invalid:o,disabled:l,loading:r}=e,d=o?"warning-circle":"check-circle";return l||r||!!!(t||o)?Gn(Xc,{}):Gn(E,{className:n(Un),icon:d})};He.states=Vc;He.options=$c;He.className=Un;import{Fragment as Yc,jsx as Fn}from"react/jsx-runtime";var Jc="k-input-prefix",qc={direction:"horizontal"},nt=e=>{let{direction:t=qc.direction,...o}=e;return e.children?Fn("span",{...o,className:n(Jc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Fn(Yc,{})};import{Fragment as jc,jsx as Wn}from"react/jsx-runtime";var Qc="k-input-suffix",Zc={direction:"horizontal"},st=e=>{let{direction:t=Zc.direction,...o}=e;return e.children?Wn("span",{...o,className:n(Qc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Wn(jc,{})};import{jsx as Ry}from"react/jsx-runtime";import{jsx as tp}from"react/jsx-runtime";var ep="k-input-suffix-text",Zl=e=>{let{children:t,...o}=e;return tp("span",{...o,className:n(ep,e.className),children:t})};import{jsx as ap}from"react/jsx-runtime";var Vn="k-input-separator",op={direction:"vertical"},it=e=>{let{direction:t=op.direction,...o}=e;return ap("span",{...o,className:n(Vn,e.className,{[`${Vn}-${t}`]:t})})};import{Fragment as $n,jsx as Lt,jsxs as jl}from"react/jsx-runtime";var lp=xe.states,rp=xe.defaultOptions,np=xe.options,sp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ip=[],Ao=e=>{let{modifiers:t,valid:o,invalid:l,loading:r,disabled:d,readonly:u,...b}=e,f=t?.prefix,x=t?.suffix,y=t?.["clear-button"],k=t?.["validation-icon"],h=t?.separators;return jl(xe,{...b,valid:o,invalid:l,loading:r,disabled:d,readonly:u,style:{width:300},children:[f&&jl($n,{children:[Lt(nt,{children:Lt(E,{icon:"lock"})}),h&&Lt(it,{})]}),Lt(Ye,{placeholder:"Placeholder",value:"Value"}),k&&Lt(He,{valid:o,invalid:l,loading:r,disabled:d}),Lt(Ve,{loading:r,disabled:d}),y&&Lt(qe,{loading:r,disabled:d,readonly:u,value:"Value"}),x&&jl($n,{children:[h&&Lt(it,{}),Lt(st,{children:Lt(co,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Ao.options=np;Ao.states=lp;Ao.variants=ip;Ao.defaultOptions=rp;Ao.modifiers=sp;Ao.className=xe.className;import{jsx as Xn,jsxs as pp}from"react/jsx-runtime";var Jn="k-color-preview",dp=[],cp={},qt=e=>{let{color:t,iconName:o,...l}=e;return pp("span",{...l,className:n(e.className,Jn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Xn(E,{icon:o,className:"k-color-preview-icon"}),Xn("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};qt.states=dp;qt.options=cp;qt.className=Jn;var er="popup",qn=er;import{jsx as Yn}from"react/jsx-runtime";var Qn="k-animation-container",up=[],mp={},Zn={positionMode:"absolute"},Et=e=>{let{positionMode:t=Zn.positionMode,animationStyle:o,offset:l,...r}=e;return Yn("div",{...r,style:{...l,...e.style},className:n(e.className,Qn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Yn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Et.states=up;Et.options=mp;Et.className=Qn;Et.defaultOptions=Zn;Et.moduleName=er;Et.folderName=qn;var tr="popup",jn=tr;import{jsx as es}from"react/jsx-runtime";var ts="k-popup",bp=[],hp={},os={positionMode:"absolute"},de=e=>{let{offset:t,positionMode:o=os.positionMode,animationStyle:l,containerClassName:r,containerRole:d,containerAriaLabel:u,...b}=e;return es(Et,{positionMode:o,offset:t,animationStyle:l,className:r,role:d,"aria-label":u,children:es("div",{...b,className:n(e.className,ts),children:e.children})})};de.states=bp;de.options=hp;de.className=ts;de.defaultOptions=os;de.moduleName=tr;de.folderName=jn;de.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 or="action-buttons",as=or;import{jsx as vp}from"react/jsx-runtime";var ol="k-actions",fp=[],xp={},ar={alignment:"start",orientation:"horizontal"},At=e=>{let{alignment:t=ar.alignment,orientation:o=ar.orientation,...l}=e;return vp("div",{...l,className:n(ol,{[`${ol}-${t}`]:t,[`${ol}-${o}`]:o},e.className),children:e.children})};At.states=fp;At.options=xp;At.className=ol;At.defaultOptions=ar;At.moduleName=or;At.folderName=as;import{jsx as yp}from"react/jsx-runtime";var Cp="k-actionsheet-footer",ls={alignment:"stretched",orientation:"horizontal"},Yt=e=>{let{alignment:t=ls.alignment,orientation:o=ls.orientation,template:l,as:r=l?"div":At,...d}=e;return yp(r,{...d,...!l&&{alignment:t,orientation:o},className:n(e.className,Cp),children:e.children})};var lr="searchbox",rs=lr;import{jsx as Ma,jsxs as Np}from"react/jsx-runtime";var ns="k-searchbox",kp=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading],Sp={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},rr={showIcon:!0,icon:"search"},dt=e=>{let{value:t,placeholder:o,size:l,rounded:r,fillMode:d,hover:u,focus:b,valid:f,invalid:x,required:y,loading:k,disabled:h,showIcon:A=rr.showIcon,icon:g=rr.icon,"aria-label":B,...K}=e;return Np(xe,{...K,size:l,rounded:r,fillMode:d,hover:u,focus:b,valid:f,invalid:x,required:y,loading:k,disabled:h,className:n(e.className,ns),children:[A&&Ma(E,{className:"k-input-icon",icon:g}),Ma(Ye,{placeholder:o,value:t,"aria-label":B}),Ma(Ve,{...e}),Ma(He,{...e}),Ma(qe,{...e})]})};dt.states=kp;dt.options=Sp;dt.className=ns;dt.defaultOptions=rr;dt.moduleName=lr;dt.folderName=rs;import{jsx as oS}from"react/jsx-runtime";var nr="textbox",ss=nr;import{Fragment as is,jsx as Qt,jsxs as sr}from"react/jsx-runtime";var ds="k-textbox",Tp=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],gp={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},al={showClearButton:!0,showValidationIcon:!0,separators:!0},Ee=e=>{let{size:t,rounded:o,fillMode:l,separators:r=al.separators,showClearButton:d=al.showClearButton,showValidationIcon:u=al.showValidationIcon,prefix:b,suffix:f,type:x,value:y,placeholder:k,hover:h,focus:A,valid:g,invalid:B,required:K,loading:I,disabled:W,readonly:se,id:fe,"aria-label":Le,"aria-describedby":Ne,...Je}=e;return sr(xe,{...Je,size:t,rounded:o,fillMode:l,hover:h,focus:A,valid:g,invalid:B,required:K,loading:I,disabled:W,readonly:se,className:n(e.className,ds),children:[b&&sr(is,{children:[Qt(nt,{children:b}),r&&Qt(it,{})]}),Qt(Ye,{id:fe,placeholder:k,value:y,type:x,disabled:W,"aria-label":Le,"aria-describedby":Ne,"aria-invalid":B?"true":void 0}),u&&Qt(He,{valid:g,invalid:B,loading:I,disabled:W}),Qt(Ve,{loading:I,disabled:W}),d&&Qt(qe,{loading:I,disabled:W,readonly:se,value:y}),f&&sr(is,{children:[r&&Qt(it,{}),Qt(st,{children:f})]})]})};Ee.states=Tp;Ee.options=gp;Ee.className=ds;Ee.defaultOptions=al;Ee.moduleName=nr;Ee.folderName=ss;Ee.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 La=Ee;import{jsx as wp}from"react/jsx-runtime";var cs=e=>wp(La,{...e});import{Fragment as yS,jsx as CS}from"react/jsx-runtime";import{Fragment as wS,jsx as gS}from"react/jsx-runtime";import{jsx as AS}from"react/jsx-runtime";import{jsx as ir}from"react/jsx-runtime";var Mp=Ee.states,Lp=Ee.defaultOptions,Ep=Ee.options,Ap=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Rp=[],Ro=e=>{let{modifiers:t,...o}=e,l={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":l.prefix=t?.[r]?ir(E,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t?.[r]?ir(co,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":l.showClearButton=t?.[r];break;default:break}}),ir(cs,{value:"Value",style:{width:300},...o,...l})};Ro.options=Ep;Ro.states=Mp;Ro.variants=Rp;Ro.defaultOptions=Lp;Ro.modifiers=Ap;Ro.className=Ee.className;import{jsx as Zt,jsxs as dr}from"react/jsx-runtime";var ps="k-actionsheet-titlebar",Ip={},_e=e=>{let{title:t,subtitle:o,actionsStart:l,actionsEnd:r,filter:d,input:u,inputValue:b,inputPlaceholder:f,adaptive:x,titleId:y,children:k,...h}=e;return dr("div",{...h,className:n(e.className,ps),children:[dr("div",{className:"k-actionsheet-titlebar-group",children:[l&&Zt("div",{className:"k-actionsheet-actions",children:l}),!k&&dr("div",{className:"k-actionsheet-title",id:y,children:[t&&Zt("div",{className:"k-text-center",children:t}),o&&Zt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Zt("div",{className:"k-actionsheet-title",id:y,children:k}),r&&Zt("div",{className:"k-actionsheet-actions",children:r})]}),(u||d)&&Zt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?Zt(Ee,{value:b,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):Zt(dt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};_e.className=ps;_e.defaultOptions=Ip;import{jsx as cr,jsxs as Dp}from"react/jsx-runtime";var pr="k-actionsheet-view",Op=[],Bp={},Pp={},Io=e=>{let{adaptive:t,animated:o,children:l,header:r,footer:d,titleId:u,...b}=e,f=r?.type===_e&&cr(_e,{adaptive:t,titleId:u,...r?.props}),x=d?.type===Yt&&cr(Yt,{...d?.props});return Dp("div",{...b,className:n(e.className,pr,{[`${pr}-animated`]:o}),children:[f,cr("div",{className:"k-actionsheet-content",children:l}),x]})};Io.states=Op;Io.options=Bp;Io.className=pr;Io.defaultOptions=Pp;var Ea="action-sheet",ll=Ea;var ur="overlay",us=ur;import{jsx as zp}from"react/jsx-runtime";var mr="k-overlay",Kp=[],Hp={themeColor:[S.undefined,S.light,S.dark,S.inverse]},_p={},jt=e=>{let{themeColor:t,...o}=e;return zp("div",{...o,className:n(e.className,mr,D(mr,{themeColor:t})),children:e.children})};jt.states=Kp;jt.options=Hp;jt.className=mr;jt.defaultOptions=_p;jt.moduleName=ur;jt.folderName=us;import{jsx as rl,jsxs as Fp}from"react/jsx-runtime";var ms="k-actionsheet",Gp=[],Up={},Aa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},me=e=>{let{side:t=Aa.side,fullscreen:o=Aa.fullscreen,adaptive:l=Aa.adaptive,overlay:r=Aa.overlay,template:d,children:u,header:b,footer:f,id:x,...y}=e,k=x&&!d&&b?`${x}-title`:void 0;return Fp("div",{className:"k-actionsheet-container",children:[r&&rl(jt,{}),rl(Et,{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:rl("div",{...y,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,ms,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":l}),children:d||rl(Io,{header:b,footer:f,adaptive:l,titleId:k,...e,children:u})})})]})};me.states=Gp;me.options=Up;me.className=ms;me.defaultOptions=Aa;me.moduleName=Ea;me.folderName=ll;me.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Xp}from"react/jsx-runtime";var bs="k-actionsheet-container",Wp=[],Vp={},$p={},Oo=e=>{let{children:t,...o}=e;return Xp("div",{...o,className:bs,children:t})};Oo.states=Wp;Oo.options=Vp;Oo.className=bs;Oo.defaultOptions=$p;Oo.moduleName=Ea;Oo.folderName=ll;import{jsx as Jp}from"react/jsx-runtime";var br=e=>{let{...t}=e;return Jp("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Yp,jsx as Ra,jsxs as hr}from"react/jsx-runtime";var fr="k-actionsheet-item",qp=[c.hover,c.focus,c.selected,c.disabled],eo=e=>{let{iconName:t,text:o,description:l,hover:r,focus:d,selected:u,disabled:b,...f}=e;return hr("span",{...f,className:n(e.className,fr,H(fr,{hover:r,focus:d,selected:u,disabled:b})),children:[!e.children&&Ra(Yp,{children:hr("span",{className:"k-actionsheet-action",children:[t&&Ra("span",{className:"k-icon-wrap",children:Ra(E,{className:"k-actionsheet-item-icon",icon:t})}),hr("span",{className:"k-actionsheet-item-text",children:[o&&Ra("span",{className:"k-actionsheet-item-title",children:o}),l&&Ra("span",{className:"k-actionsheet-item-description",children:l})]})]})}),e.children]})};eo.states=qp;eo.className=fr;import{jsx as EN,jsxs as AN}from"react/jsx-runtime";import{jsx as BN}from"react/jsx-runtime";import{jsx as HN}from"react/jsx-runtime";import{jsx as UN}from"react/jsx-runtime";import{jsx as Ae,jsxs as xr}from"react/jsx-runtime";var Qp=me.options,Zp=me.states,fs={...me.defaultOptions,variant:"normal"},jp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],eu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Bo=e=>{let{variant:t,modifiers:o,...l}={...fs,...e},r={},d=xr(br,{children:[Ae(eo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ae(eo,{text:"Add to Favorites",iconName:"heart"}),Ae(eo,{text:"Upload New",iconName:"upload",disabled:!0}),Ae("hr",{className:"k-hr"}),Ae(eo,{text:"Cancel",iconName:"cancel"})]}),u="Choose from the items below",b="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!o?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?u:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?Ae(me,{...l,adaptive:!0,fullscreen:r.fullScreen,header:Ae(_e,{actionsStart:r.actionsStart?Ae(s,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?Ae(s,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:r.subtitle}),footer:r.footer?xr(Yt,{alignment:"stretched",children:[Ae(s,{text:"Cancel",size:"large",themeColor:"base"}),Ae(s,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:d}):Ae(me,{...l,fullscreen:r.fullScreen,header:Ae(_e,{actionsStart:r.actionsStart?Ae(s,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?Ae(s,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?xr(Yt,{alignment:"stretched",children:[Ae(s,{text:"Apply",themeColor:"primary"}),Ae(s,{text:"Cancel",themeColor:"base"})]}):void 0,children:d})};Bo.options=Qp;Bo.states=Zp;Bo.variants=jp;Bo.defaultOptions=fs;Bo.modifiers=eu;Bo.className=me.className;var vr="slider",xs=vr;import{jsx as Po,jsxs as Cr}from"react/jsx-runtime";var Ia="k-slider",tu=[c.hover,c.focus,c.active,c.disabled,c.readonly],ou={},ct={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ne=e=>{let{type:t=ct.type,orientation:o=ct.orientation,gradientType:l=ct.gradientType,readonly:r=ct.readonly,disabled:d=ct.disabled,handlePosition:u=ct.handlePosition,showButtons:b=ct.showButtons,showTicks:f=ct.showTicks,value:x=ct.value,min:y=ct.min,max:k=ct.max,startValue:h,endValue:A,hover:g,focus:B,active:K,trackStyle:I,dir:W,...se}=e,Le=(()=>{if(t==="gradient"&&l==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ne,Je;return o==="horizontal"?(Ne=W==="rtl"?"caret-alt-left":"caret-alt-right",Je=W==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Ne="caret-alt-up",Je="caret-alt-down"),Cr("div",{...se,className:n(Ia,e.className,H(Ia,{readonly:r,disabled:d}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:W,children:[b&&Po(s,{className:"k-button-decrease",rounded:"full",icon:Je,tabIndex:-1,title:"Decrease"}),Cr("div",{className:"k-slider-track-wrap",children:[f&&Po("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Cr("div",{className:"k-slider-track",style:I,children:[Po("div",{className:"k-slider-selection"}),t==="range"&&Po("span",{className:n("k-draghandle","k-draghandle-start",H(Ia,{hover:g,focus:B,active:K})),role:"slider",tabIndex:d?void 0:0,"aria-valuenow":h??y,"aria-valuemin":y,"aria-valuemax":A??k,"aria-orientation":Le,"aria-disabled":d?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":se["aria-label"]?`${se["aria-label"]} start`:"Range start"}),Po("span",{className:n("k-draghandle",`k-draghandle-${u}`,H(Ia,{hover:g,focus:B,active:K})),role:"slider",tabIndex:d?void 0:0,"aria-valuenow":t==="range"?A??k:x,"aria-valuemin":t==="range"?h??y:y,"aria-valuemax":k,"aria-orientation":Le,"aria-disabled":d?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?se["aria-label"]?`${se["aria-label"]} end`:"Range end":se["aria-label"]})]})]}),b&&Po(s,{className:"k-button-increase",rounded:"full",icon:Ne,tabIndex:-1,title:"Increase"})]})};ne.states=tu;ne.options=ou;ne.className=Ia;ne.defaultOptions=ct;ne.moduleName=vr;ne.folderName=xs;ne.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."}]};import{jsx as vs}from"react/jsx-runtime";var Cs="k-tick",au=[],lu={},ys={label:!1},_=e=>{let{style:t,label:o=ys.label,orientation:l,large:r,text:d,...u}=e;return vs("li",{...u,role:"presentation",title:d||"Tick",className:n(e.className,Cs,{[`k-tick-${l}`]:l,"k-tick-large":r}),style:t,children:o&&vs("span",{className:"k-label",children:d})})};_.states=au;_.options=lu;_.className=Cs;_.defaultOptions=ys;import{Fragment as ru,jsx as pt,jsxs as nu}from"react/jsx-runtime";var ks=e=>pt(ne,{"aria-label":e["aria-label"]||"Slider",children:nu(ru,{children:[pt(_,{className:"k-first",label:!0,large:!0,text:"0"}),pt(_,{}),pt(_,{}),pt(_,{}),pt(_,{}),pt(_,{label:!0,large:!0,text:"5"}),pt(_,{}),pt(_,{}),pt(_,{}),pt(_,{}),pt(_,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as su,jsx as ut,jsxs as iu}from"react/jsx-runtime";var Ss=e=>ut(ne,{children:iu(su,{children:[ut(_,{className:"k-first",label:!0,large:!0,text:"0"}),ut(_,{}),ut(_,{}),ut(_,{}),ut(_,{}),ut(_,{label:!0,large:!0,text:"5"}),ut(_,{}),ut(_,{}),ut(_,{}),ut(_,{}),ut(_,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as AT,jsx as ET,jsxs as RT}from"react/jsx-runtime";import{Fragment as DT,jsx as PT,jsxs as KT}from"react/jsx-runtime";import{jsx as du}from"react/jsx-runtime";var yr=e=>du(ne,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as cu}from"react/jsx-runtime";var kr=e=>cu(ne,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as JT,jsx as XT,jsxs as qT}from"react/jsx-runtime";import{Fragment as eg,jsx as jT,jsxs as tg}from"react/jsx-runtime";import{jsx as Rt,jsxs as Ns}from"react/jsx-runtime";var pu=ne.options,uu=ne.states,Ts={...ne.defaultOptions,variant:"horizontal",label:!0},mu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],bu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Do=e=>{let{variant:t,modifiers:o,...l}={...Ts,...e},r={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!o?.[x];break}case"label":{r.label=!!o?.[x];break}case"tick":{r.showTicks=!!o?.[x];break}}});let{label:d=!0,showButtons:u,showTicks:b}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Ns(Ss,{showTicks:b,showButtons:u,style:{height:"300px",...f},...l,children:[Rt(_,{label:d,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Rt(_,{label:d,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Rt(_,{label:d,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Rt(_,{label:d,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Rt(_,{label:d,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ns(ks,{showTicks:b,showButtons:u,style:{width:"400px",...f},...l,children:[Rt(_,{label:d,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Rt(_,{label:d,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Rt(_,{label:d,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Rt(_,{label:d,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Rt(_,{label:d,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Do.options=pu;Do.states=uu;Do.variants=mu;Do.defaultOptions=Ts;Do.modifiers=bu;Do.className=ne.className;import{jsx as gs,jsxs as Cu}from"react/jsx-runtime";var ws="k-spin-button",xu=[],vu={size:[p.undefined,p.small,p.medium,p.large],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},Sr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},to=e=>{let{size:t,fillMode:o,disabled:l,increaseLabel:r=Sr.increaseLabel,decreaseLabel:d=Sr.decreaseLabel,...u}=e;return Cu("span",{...u,className:n(ws,e.className),children:[gs(s,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:l,"aria-label":r}),gs(s,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:l,"aria-label":d})]})};to.states=xu;to.options=vu;to.className=ws;to.defaultOptions=Sr;to.moduleName=null;to.folderName=null;var Ms="numeric-textbox",Ls="numerictextbox";import{Fragment as Es,jsx as Kt,jsxs as Nr}from"react/jsx-runtime";var As="k-numerictextbox",yu=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],ku={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},nl={showSpinButton:!0,showClearButton:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:l,separators:r=nl.separators,showClearButton:d=nl.showClearButton,showSpinButton:u=nl.showSpinButton,prefix:b,suffix:f,value:x,placeholder:y,hover:k,focus:h,valid:A,invalid:g,required:B,loading:K,disabled:I,readonly:W,id:se,"aria-label":fe,"aria-describedby":Le,...Ne}=e;return Nr(xe,{...Ne,size:t,rounded:o,fillMode:l,hover:k,focus:h,valid:A,invalid:g,required:B,loading:K,disabled:I,readonly:W,className:n(e.className,As),children:[b&&Nr(Es,{children:[Kt(nt,{children:b}),r&&Kt(it,{})]}),Kt(Ye,{id:se,placeholder:y,value:x,role:"spinbutton",disabled:I,"aria-label":fe,"aria-describedby":Le,"aria-invalid":g?"true":void 0}),Kt(He,{valid:A,invalid:g,loading:K,disabled:I}),Kt(Ve,{loading:K,disabled:I}),d&&Kt(qe,{loading:K,disabled:I,readonly:W,value:x}),f&&Nr(Es,{children:[r&&Kt(it,{}),Kt(st,{children:f})]}),u&&Kt(to,{className:"k-input-spinner",size:t,fillMode:l,disabled:I})]})};te.states=yu;te.options=ku;te.className=As;te.defaultOptions=nl;te.moduleName=Ms;te.folderName=Ls;te.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 Oa=te;import{jsx as Su}from"react/jsx-runtime";var Rs=e=>Su(Oa,{...e});import gr from"react";import{jsx as Is}from"react/jsx-runtime";var Nu="k-list-group-sticky-header",Tr=e=>Is("div",{className:n(Nu,e.className),children:Is("div",{className:"k-list-header-text",children:e.children})});import{jsx as gu}from"react/jsx-runtime";var Tu="k-no-data",sl=e=>{let{live:t,...o}=e;return gu("span",{...o,className:n(Tu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var mo="list",Ko=mo;import{jsx as Os,jsxs as Bs}from"react/jsx-runtime";var wr="k-list",wu=[],Mu={size:[p.undefined,p.small,p.medium,p.large]},Lu={},Y=e=>{let{size:t,virtualization:o,children:l,header:r,optionLabel:d,customValue:u,noData:b,screenReaders:f,...x}=e,k=gr.Children.toArray(l)[0],h=k?.props?.children?gr.Children.count(k.props.children):gr.Children.count(l);return Bs("div",{...x,className:n(e.className,wr,D(wr,{size:t}),{"k-virtual-list":o}),children:[d,u,r&&Os(Tr,{children:r}),l||(b!==void 0?b:Os(sl,{live:!0,children:"No data found."})),f&&l&&Bs(sl,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};Y.states=wu;Y.options=Mu;Y.className=wr;Y.defaultOptions=Lu;Y.moduleName=mo;Y.folderName=Ko;Y.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Iu}from"react/jsx-runtime";var Ps="k-list-container",Eu=[],Au={},Ru={},Ho=e=>{let{...t}=e;return Iu("div",{...t,className:n(e.className,Ps),children:e.children})};Ho.states=Eu;Ho.options=Au;Ho.className=Ps;Ho.defaultOptions=Ru;Ho.moduleName=mo;Ho.folderName=Ko;var bo="checkbox",_o=bo;import{jsx as Ds}from"react/jsx-runtime";var il="k-checkbox",Ou=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.checked,c.indeterminate],Bu={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full]},Pu={},mt=e=>{let{id:t,checked:o,indeterminate:l,hover:r,focus:d,disabled:u,invalid:b,valid:f,required:x,size:y,rounded:k,wrapperRole:h,...A}=e;return Ds("span",{className:"k-checkbox-wrap",role:h,children:Ds("input",{...A,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:u||void 0,"aria-invalid":b?"true":void 0,className:n(e.className,il,D(il,{size:y,rounded:k}),H(il,{hover:r,focus:d,disabled:u,invalid:b,valid:f,indeterminate:l,checked:o}))})})};mt.states=Ou;mt.options=Bu;mt.className=il;mt.defaultOptions=Pu;mt.moduleName=bo;mt.folderName=_o;mt.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 Ct=mt;import{jsx as Hu}from"react/jsx-runtime";var Ks="k-checkbox-list",Du=[],Ku={},Hs={layout:"vertical"},ze=e=>{let{layout:t=Hs.layout,...o}=e;return Hu("ul",{...o,className:n(e.className,Ks,{[`k-list-${t}`]:t}),children:e.children})};ze.states=Du;ze.options=Ku;ze.className=Ks;ze.defaultOptions=Hs;ze.moduleName=bo;ze.folderName=_o;import{jsx as Uu}from"react/jsx-runtime";var _s="k-checkbox-list-item",_u=[],zu={},Gu={},Ge=e=>{let{...t}=e;return Uu("li",{...t,className:n(e.className,_s),children:e.children})};Ge.states=_u;Ge.options=zu;Ge.className=_s;Ge.defaultOptions=Gu;Ge.moduleName=bo;Ge.folderName=_o;import{Fragment as Fu,jsx as zs,jsxs as Wu}from"react/jsx-runtime";var Ht=({children:e="Label",id:t="cb-label-after",...o})=>Wu(Fu,{children:[zs(Ct,{id:t,...o}),zs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as gw,jsx as Tw,jsxs as ww}from"react/jsx-runtime";import{Fragment as Rw,jsx as Aw,jsxs as Iw}from"react/jsx-runtime";import{Fragment as Kw,jsx as Dw,jsxs as Hw}from"react/jsx-runtime";import{jsx as Uw}from"react/jsx-runtime";import{jsx as $w}from"react/jsx-runtime";import{jsx as Yw}from"react/jsx-runtime";import{jsx as bt,jsxs as Gs}from"react/jsx-runtime";var Vu=ze.options,$u=ze.states,Xu={...ze.defaultOptions,variant:"vertical"},Ju=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],qu=[],zo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Gs(ze,{layout:"horizontal",...o,children:[bt(Ge,{children:bt(Ht,{id:F("cb"),defaultChecked:!0,children:"Label"})}),bt(Ge,{children:bt(Ht,{id:F("cb"),children:"Label"})}),bt(Ge,{children:bt(Ht,{id:F("cb"),children:"Label"})})]}):Gs(ze,{...o,children:[bt(Ge,{children:bt(Ht,{id:F("cb"),defaultChecked:!0,children:"Label"})}),bt(Ge,{children:bt(Ht,{id:F("cb"),children:"Label"})}),bt(Ge,{children:bt(Ht,{id:F("cb"),children:"Label"})})]})};zo.options=Vu;zo.states=$u;zo.variants=Ju;zo.defaultOptions=Xu;zo.modifiers=qu;zo.className=ze.className;import{jsx as tm}from"react/jsx-runtime";var Yu=Ct.options,Qu=Ct.states,Zu=Ct.defaultOptions,ju=[],em=[],Go=e=>tm(Ht,{id:F("checkbox"),...e,defaultChecked:!0,children:"Label"});Go.options=Yu;Go.states=Qu;Go.variants=ju;Go.defaultOptions=Zu;Go.modifiers=em;Go.className=Ct.className;import{jsx as ho,jsxs as rm}from"react/jsx-runtime";var Mr="k-list-item",om=[c.hover,c.focus,c.selected,c.disabled],am={},lm={},U=e=>{let{text:t,groupLabel:o,group:l,iconName:r,iconClassName:d,showCheckbox:u,checked:b,hover:f,focus:x,selected:y,disabled:k,actions:h,description:A,id:g,...B}=e,K=t||e.children;return rm("li",{...B,id:g,role:l?"presentation":"option",tabIndex:l?void 0:x?0:-1,"aria-selected":!l&&y?"true":l?void 0:"false","aria-disabled":!l&&k?"true":void 0,className:n(e.className,l?"k-list-group-item":Mr,H(Mr,{hover:f,focus:x,disabled:k,selected:y})),children:[u&&ho(mt,{checked:b}),r&&ho("span",{className:"k-list-item-icon-wrapper",children:ho(E,{icon:r,className:n("k-list-item-icon",d)})}),ho("span",{className:"k-list-item-text",children:K}),h&&ho("div",{className:"k-list-item-actions",children:h}),A&&ho("span",{className:"k-list-item-description",children:A}),o&&o!==""&&ho("div",{className:"k-list-item-group-label",children:o})]})};U.states=om;U.options=am;U.className=Mr;U.defaultOptions=lm;U.moduleName=mo;U.folderName=Ko;U.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as sm}from"react/jsx-runtime";var nm="k-list-ul",_t=e=>{let{children:t,role:o,id:l,...r}=e;return sm("ul",{...r,id:l,role:o,className:n(nm,e.className),children:t})};_t.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Lr,jsxs as dm}from"react/jsx-runtime";var im="k-list-content",oe=e=>{let{virtualization:t,grouping:o,"aria-label":l,"aria-labelledby":r,listboxId:d,...u}=e;return dm("div",{...u,className:n(im,e.className),role:o?"listbox":void 0,id:o?d:void 0,"aria-label":o?l:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:Lr(_t,{role:"listbox",id:d,"aria-label":l,"aria-labelledby":r,children:e.children}),t&&Lr("div",{className:"k-height-container",children:Lr("div",{})})]})};oe.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as zM,jsx as _M,jsxs as GM}from"react/jsx-runtime";import{jsx as Er,jsxs as pm}from"react/jsx-runtime";var cm="k-list-group-item",fo=e=>{let{groupIconName:t,...o}=e;return pm("li",{...o,role:"presentation",className:n(cm,e.className),children:[t&&Er("span",{className:"k-list-item-icon-wrapper",children:Er(E,{icon:t,className:"k-list-item-icon"})}),Er("span",{className:"k-list-item-text",children:e.children})]})};fo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as hm}from"react/jsx-runtime";var Ar="k-list-optionlabel",um=[c.hover,c.focus,c.selected,c.disabled],mm={},bm={},dl=e=>{let{text:t,hover:o,focus:l,selected:r,disabled:d,...u}=e;return hm("div",{...u,className:n(Ar,H(Ar,{hover:o,focus:l,selected:r,disabled:d})),children:t})};dl.states=um;dl.options=mm;dl.className=Ar;dl.defaultOptions=bm;import{jsx as Cm}from"react/jsx-runtime";var Rr="k-list-custom-value",fm=[c.hover,c.focus,c.selected,c.disabled],xm={},vm={},oo=e=>{let{text:t,hover:o,focus:l,selected:r,disabled:d,...u}=e;return Cm("div",{...u,className:n(Rr,H(Rr,{hover:o,focus:l,selected:r,disabled:d})),children:t})};oo.states=fm;oo.options=xm;oo.className=Rr;oo.defaultOptions=vm;import{Fragment as aL,jsx as oL,jsxs as lL}from"react/jsx-runtime";import{Fragment as cL,jsx as dL,jsxs as pL}from"react/jsx-runtime";import{Fragment as vL,jsx as fL,jsxs as xL}from"react/jsx-runtime";import{Fragment as gL,jsx as NL,jsxs as TL}from"react/jsx-runtime";import{jsx as EL}from"react/jsx-runtime";import{Fragment as PL,jsx as BL,jsxs as DL}from"react/jsx-runtime";var Us="dropdown-list",Fs="dropdownlist";import{Fragment as Sm,jsx as Ue,jsxs as Ir}from"react/jsx-runtime";var Ws="k-dropdownlist",ym=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],km={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Or={showValue:!0,arrowIconName:"caret-alt-down"},ye=e=>{let{size:t,rounded:o,fillMode:l,arrowIconName:r=Or.arrowIconName,showValue:d=Or.showValue,valueIconName:u,prefix:b,suffix:f,value:x,placeholder:y,hover:k,focus:h,valid:A,invalid:g,required:B,loading:K,disabled:I,readonly:W,popup:se,opened:fe,adaptive:Le,adaptiveSettings:Ne,adaptiveTitle:Je,adaptiveSubtitle:io,adaptiveFilter:Il,id:$t,activeDescendant:qa,"aria-label":Ol,...Bl}=e,wd=$t?`${$t}-listbox`:void 0,un=$t?`${$t}-value`:void 0;return Ir(Sm,{children:[Ir(Mt,{...Bl,id:$t,size:t,rounded:o,fillMode:l,hover:k,focus:h,valid:A,invalid:g,required:B,loading:K,disabled:I,readonly:W,className:n(e.className,Ws,{"k-icon-picker":!d&&u}),role:"combobox","aria-haspopup":"listbox","aria-expanded":fe?"true":"false","aria-controls":fe?wd:void 0,"aria-activedescendant":fe&&qa?qa:void 0,"aria-describedby":fe?un:void 0,"aria-disabled":I?"true":void 0,"aria-label":Ol,tabIndex:0,children:[Ue(nt,{children:b}),Ue(uo,{placeholder:y,value:x,showValue:d,valueIconName:u,id:un}),Ue(He,{valid:A,invalid:g,loading:K,disabled:I}),Ue(Ve,{loading:K,disabled:I}),Ue(st,{children:f}),Ue(s,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":y||"Toggle dropdown",tabIndex:-1})]}),fe&&se&&Ue(de,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:se}),Le&&Ue(me,{adaptive:!0,...Ne,header:Ue(_e,{actionsEnd:Ue(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Il,inputValue:x,inputPlaceholder:y,title:Je,subtitle:io}),children:Ue("div",{className:"k-list-container",children:Ue(Y,{size:"large",children:Ir(oe,{"aria-label":"Options",children:[Ue(U,{text:"List item"}),Ue(U,{text:"List item"}),Ue(U,{text:"List item"})]})})})})]})};ye.states=ym;ye.options=km;ye.className=Ws;ye.defaultOptions=Or;ye.moduleName=Us;ye.folderName=Fs;ye.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as h0}from"react/jsx-runtime";import{jsx as k0,jsxs as S0}from"react/jsx-runtime";import{Fragment as R0,jsx as E0,jsxs as A0}from"react/jsx-runtime";import{jsx as D0}from"react/jsx-runtime";import{jsx as U0,jsxs as F0}from"react/jsx-runtime";import{Fragment as Z0,jsx as Y0,jsxs as Q0}from"react/jsx-runtime";import{jsx as aE}from"react/jsx-runtime";import{Fragment as Lm,jsx as ao,jsxs as Vs}from"react/jsx-runtime";var Nm=ye.states,Tm=ye.defaultOptions,gm=ye.options,wm=[{name:"opened",title:"Opened"}],Mm=[],Fo=e=>{let{modifiers:t,...o}=e,l={},r=Vs(Lm,{children:[ao("div",{className:"k-list-filter",children:ao(dt,{})}),ao(Y,{style:{width:300},size:o.size,children:Vs(oe,{children:[ao(U,{children:"List item"}),ao(U,{children:"List item"}),ao(U,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(d=>{d==="opened"&&(l.opened=!!t?.[d],l.popup=t?.[d]?r:void 0)}),ao("div",{children:ao(ye,{placeholder:"Value",style:{width:300},...o,...l})})};Fo.options=gm;Fo.states=Nm;Fo.variants=Mm;Fo.defaultOptions=Tm;Fo.modifiers=wm;Fo.className=ye.className;import{Fragment as gE,jsx as TE}from"react/jsx-runtime";import{Fragment as RE,jsx as AE}from"react/jsx-runtime";import{jsx as PE}from"react/jsx-runtime";import{jsx as Br}from"react/jsx-runtime";var Em=te.states,Am=te.defaultOptions,Rm=te.options,Im=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Om=[],Wo=e=>{let{modifiers:t,...o}=e,l={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":l.prefix=t?.[r]?Br(ye,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":l.suffix=t?.[r]?Br(Zl,{children:"mm"}):void 0;break;case"clear-button":l.showClearButton=t?.[r];break;case"spin-button":l.showSpinButton=t?.[r];break;default:break}}),Br(Rs,{value:"Value",style:{width:300},...o,...l})};Wo.options=Rm;Wo.states=Em;Wo.variants=Om;Wo.defaultOptions=Am;Wo.modifiers=Im;Wo.className=te.className;import{Fragment as Ba,jsx as V,jsxs as ve}from"react/jsx-runtime";var $s="k-colorgradient-inputs",Bm=[],Pm={size:[p.undefined,p.small,p.medium,p.large]},Xs={mode:"rgba"},Vo=e=>{let{mode:t=Xs.mode,size:o,...l}=e;return ve("div",{...l,className:n($s,"k-hstack"),children:[V("div",{className:"k-vstack",children:V(s,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ve(Ba,{children:[ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),V("label",{className:"k-colorgradient-input-label",children:"R"})]}),ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),V("label",{className:"k-colorgradient-input-label",children:"G"})]}),ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),V("label",{className:"k-colorgradient-input-label",children:"B"})]}),ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),V("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ve(Ba,{children:[ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),V("label",{className:"k-colorgradient-input-label",children:"R"})]}),ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),V("label",{className:"k-colorgradient-input-label",children:"G"})]}),ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),V("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ve(Ba,{children:[ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),V("label",{className:"k-colorgradient-input-label",children:"H"})]}),ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),V("label",{className:"k-colorgradient-input-label",children:"S"})]}),ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),V("label",{className:"k-colorgradient-input-label",children:"V"})]}),ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),V("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ve(Ba,{children:[ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),V("label",{className:"k-colorgradient-input-label",children:"H"})]}),ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),V("label",{className:"k-colorgradient-input-label",children:"S"})]}),ve("div",{className:"k-vstack",children:[V(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),V("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&V(Ba,{children:ve("div",{className:"k-vstack k-flex-1",children:[V(Ee,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),V("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Vo.states=Bm;Vo.options=Pm;Vo.className=$s;Vo.defaultOptions=Xs;import{jsx as xo,jsxs as vo}from"react/jsx-runtime";var Js="k-colorgradient-color-contrast",Dm=[],Km={},Hm={},$o=()=>vo("div",{className:n(Js,"k-vbox"),children:[vo("div",{className:"k-contrast-ratio",children:[xo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),vo("span",{className:"k-contrast-validation !k-text-success",children:[xo(E,{icon:"check"}),xo(E,{icon:"check"})]})]}),vo("div",{children:[xo("span",{children:"AA: 4.5"}),vo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",xo(E,{icon:"check"})]})]}),vo("div",{children:[xo("span",{children:"AAA: 7.0"}),vo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",xo(E,{icon:"x"})]})]})]});$o.states=Dm;$o.options=Km;$o.className=Js;$o.defaultOptions=Hm;var qs="color-gradient",Ys="colorgradient";import{jsx as ht,jsxs as Pa}from"react/jsx-runtime";var cl="k-colorgradient",_m=[c.hover,c.focus,c.readonly,c.disabled],zm={size:[p.undefined,p.small,p.medium,p.large]},It={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Te=e=>{let{size:t,mode:o=It.mode,readonly:l=It.readonly,disabled:r=It.disabled,gradientStyle:d=It.gradientStyle,dragHandleStyle:u=It.dragHandleStyle,alphaStyle:b=It.alphaStyle,alphaStyleHorizontal:f=It.alphaStyleHorizontal,contrast:x=It.contrast,dir:y,hover:k,focus:h,hoverHandle:A,focusHandle:g,canvasOrientation:B=It.canvasOrientation,role:K,tabIndex:I,...W}=e;return Pa("div",{...W,role:K??"textbox","aria-label":K==="none"?void 0:"Color gradient",tabIndex:I??0,"aria-disabled":r?"true":void 0,className:n(e.className,cl,D(cl,{size:t}),H(cl,{hover:k,focus:h,readonly:l,disabled:r})),dir:y,children:[!B||B==="horizontal"&&Pa("div",{className:"k-colorgradient-canvas k-hstack",children:[ht("div",{className:"k-hsv-rectangle",style:d,children:ht("div",{className:"k-hsv-gradient",children:ht("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":g}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[ht(kr,{className:"k-hue-slider",hover:A,focus:g}),o!=="rgb"&&o!=="hsv"&&ht(kr,{className:"k-alpha-slider",hover:A,focus:g,trackStyle:b})]})]}),B==="vertical"&&Pa("div",{className:"k-colorgradient-canvas k-vstack",children:[ht("div",{className:"k-hsv-rectangle",style:d,children:ht("div",{className:"k-hsv-gradient",children:ht("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":g}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-vstack",children:[ht(yr,{className:"k-hue-slider",hover:A,focus:g}),o!=="rgb"&&o!=="hsv"&&ht(yr,{className:"k-alpha-slider",hover:A,focus:g,trackStyle:f})]})]}),ht(Vo,{mode:e.mode,size:t}),x&&ht($o,{})]})};Te.states=_m;Te.options=zm;Te.className=cl;Te.defaultOptions=It;Te.moduleName=qs;Te.folderName=Ys;Te.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Gm}from"react/jsx-runtime";var pl=e=>Gm(Te,{...e});import{jsx as y2}from"react/jsx-runtime";import{jsx as T2}from"react/jsx-runtime";import{jsx as Pr}from"react/jsx-runtime";var Um=Te.options,Fm=Te.states,Wm={...Te.defaultOptions,variant:"rgba"},Vm=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],$m=[],Xo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Pr(pl,{...o,mode:t});case"rgb":return Pr(pl,{...o,mode:t});default:return Pr(pl,{...o,mode:t})}};Xo.options=Um;Xo.states=Fm;Xo.variants=Vm;Xo.defaultOptions=Wm;Xo.modifiers=$m;Xo.className=Te.className;import{jsx as Xm}from"react/jsx-runtime";var Dr=e=>Xm("tr",{role:"row",children:e.children});import{jsx as Ym}from"react/jsx-runtime";var Kr="k-colorpalette-tile",Jm=[c.hover,c.focus,c.selected],qm={},Jo=e=>{let{color:t,tileSize:o,hover:l,focus:r,selected:d,...u}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Ym("td",{...u,role:"gridcell","aria-label":t,"aria-selected":d?"true":void 0,className:n(e.className,Kr,H(Kr,{hover:l,focus:r,selected:d})),style:b})};Jo.states=Jm;Jo.options=qm;Jo.className=Kr;var Qs="color-palette",Zs="colorpalette";import{jsx as Da}from"react/jsx-runtime";var ul="k-colorpalette",Qm=[c.disabled],Zm={size:[p.undefined,p.small,p.medium,p.large]},js={columns:10},Fe=e=>{let{size:t,palette:o,columns:l=js.columns,tileSize:r,disabled:d,...u}=e,b=[];if(o){let f=l||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(y,k)=>{let h=[];x.slice(k*f,(k+1)*f).map((g,B)=>{h.push(Da(Jo,{color:g,tileSize:r},B))});let A=Da(Dr,{children:h},k);b.push(A)})}return Da("div",{...u,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":d?"true":void 0,className:n(e.className,ul,H(ul,{disabled:d}),D(ul,{size:t})),children:Da("table",{className:"k-colorpalette-table",role:"none",children:Da("tbody",{children:b.length>0?b:e.children})})})};Fe.states=Qm;Fe.options=Zm;Fe.className=ul;Fe.defaultOptions=js;Fe.moduleName=Qs;Fe.folderName=Zs;Fe.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var ml=Fe;var Ka={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as jm}from"react/jsx-runtime";var ei=e=>jm(ml,{palette:Ka.basic,...e});import{jsx as rA}from"react/jsx-runtime";import{jsx as pA,jsxs as uA}from"react/jsx-runtime";import{jsx as nb}from"react/jsx-runtime";var eb=Fe.options,tb=Fe.states,ob={...Fe.defaultOptions,variant:"basic"},ab=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],lb={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},rb=[],qo=e=>{let{variant:t="basic",...o}=e,l=lb[t];return nb(ei,{columns:l.columns,palette:l,...o})};qo.options=eb;qo.states=tb;qo.variants=ab;qo.defaultOptions=ob;qo.modifiers=rb;qo.className=Fe.className;var ti="color-editor",oi="coloreditor";import{jsx as ft,jsxs as Yo}from"react/jsx-runtime";var bl="k-coloreditor",sb=[c.focus],ib={size:[p.undefined,p.small,p.medium,p.large]},Ha={view:"gradient",palette:Ka.office,actionButtons:!0,canvasOrientation:"horizontal"},be=e=>{let{size:t,view:o=Ha.view,palette:l=Ha.palette,color:r,currentColor:d,focus:u,focusView:b,dir:f,group:x,actionButtons:y=Ha.actionButtons,canvasOrientation:k=Ha.canvasOrientation,...h}=e;return Yo("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",bl,D(bl,{size:t}),H(bl,{focus:u})),dir:f,children:[Yo("div",{className:"k-coloreditor-header k-hstack",children:[ft("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Yo(M,{fillMode:"flat",children:[ft(s,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),ft(s,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),ft("div",{className:"k-spacer"}),Yo("div",{className:"k-coloreditor-header-actions k-hstack",children:[ft(s,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Yo("div",{className:"k-coloreditor-preview k-vstack",children:[ft(qt,{className:"k-coloreditor-preview-color",color:r}),ft(qt,{className:"k-coloreditor-current-color",color:d})]})]})]}),ft("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?ft(Te,{focus:b,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):ft(Fe,{palette:l,size:t})}),y&&Yo(At,{className:"k-coloreditor-footer",alignment:"start",children:[ft(s,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),ft(s,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};be.states=sb;be.options=ib;be.className=bl;be.defaultOptions=Ha;be.moduleName=ti;be.folderName=oi;be.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Qo=be;import{jsx as GA}from"react/jsx-runtime";import{jsx as VA}from"react/jsx-runtime";import{jsx as db}from"react/jsx-runtime";var ai=e=>db(Qo,{group:!0,currentColor:"fuchsia",...e});import{jsx as cb}from"react/jsx-runtime";var li=e=>cb(Qo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ri}from"react/jsx-runtime";var pb=be.options,ub=be.states,mb={...be.defaultOptions,variant:"gradient"},bb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],hb=[],Zo=e=>{let{variant:t,...o}=e;return t==="palette"?ri(li,{...o,color:"white"}):ri(ai,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Zo.options=pb;Zo.states=ub;Zo.variants=bb;Zo.defaultOptions=mb;Zo.modifiers=hb;Zo.className=be.className;var ni="color-picker",si="colorpicker";import{Fragment as vb,jsx as xt,jsxs as Hr}from"react/jsx-runtime";var ii="k-colorpicker",fb=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled],xb={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},di={arrowIconName:"caret-alt-down"},Qe=e=>{let{size:t,rounded:o,fillMode:l,arrowIconName:r=di.arrowIconName,prefix:d,suffix:u,value:b,placeholder:f,hover:x,focus:y,valid:k,invalid:h,required:A,disabled:g,valueIconName:B,popup:K,opened:I,adaptive:W,adaptiveSettings:se,adaptiveTitle:fe,adaptiveSubtitle:Le,...Ne}=e,Je="colorpicker-popup";return Hr(vb,{children:[Hr(Mt,{...Ne,size:t,rounded:o,fillMode:l,hover:x,focus:y,valid:k,invalid:h,required:A,disabled:g,role:"combobox","aria-haspopup":"dialog","aria-expanded":I?"true":"false","aria-controls":I||W?Je:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":g?"true":void 0,className:n(e.className,ii,"k-icon-picker"),children:[xt(nt,{children:d}),xt(uo,{placeholder:f,value:b,showValue:!1,valueIcon:xt(qt,{className:"k-value-icon",color:b,iconName:B}),valueIconName:B}),xt(st,{children:u}),xt(s,{className:"k-input-button",icon:r,size:t,fillMode:l,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),I&&K&&xt(de,{id:Je,className:"k-colorpicker-popup",children:K}),W&&xt(me,{adaptive:!0,id:Je,...se,header:xt(_e,{actionsEnd:xt(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:fe,subtitle:Le}),footer:Hr(Yt,{children:[xt(s,{text:"Cancel",size:"large"}),xt(s,{text:"Set",size:"large",themeColor:"primary"})]}),children:xt(be,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Qe.states=fb;Qe.options=xb;Qe.className=ii;Qe.defaultOptions=di;Qe.moduleName=ni;Qe.folderName=si;Qe.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var zt=Qe;import{jsx as Cb}from"react/jsx-runtime";var hl=e=>Cb(zt,{...e});import{jsx as LR}from"react/jsx-runtime";import{jsx as OR}from"react/jsx-runtime";import{jsx as KR}from"react/jsx-runtime";import{jsx as GR}from"react/jsx-runtime";import{jsx as VR}from"react/jsx-runtime";import{jsx as qR}from"react/jsx-runtime";import{jsx as Co}from"react/jsx-runtime";var yb=zt.options,kb=zt.states,ci={...zt.defaultOptions,variant:"color"},Sb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Nb=[{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...l}={...ci,...e},r={};Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!o?.[u],r.popup=o?.[u]?Co(be,{size:l.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let d=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Co("div",{style:d,children:Co(hl,{...l,...r})});case"icon":return Co("div",{style:d,children:Co(hl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...l,...r})});default:return Co("div",{style:d,children:Co(hl,{value:"rgba(183, 118 , 118, 1.00)",...l,...r})})}};jo.options=yb;jo.states=kb;jo.variants=Sb;jo.defaultOptions=ci;jo.modifiers=Nb;jo.className=zt.className;var _r="combobox",pi=_r;import{Fragment as zr,jsx as ke,jsxs as _a}from"react/jsx-runtime";var ui="k-combobox",Tb=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],gb={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},mi={separators:!0},Oe=e=>{let{size:t,rounded:o,fillMode:l,separators:r=mi.separators,prefix:d,suffix:u,value:b,placeholder:f,hover:x,focus:y,valid:k,invalid:h,required:A,loading:g,disabled:B,popup:K,opened:I,readonly:W,adaptive:se,adaptiveSettings:fe,adaptiveTitle:Le,adaptiveSubtitle:Ne,adaptiveCustomValue:Je,id:io,autocomplete:Il,activeDescendant:$t,"aria-label":qa,...Ol}=e,Bl=io?`${io}-listbox`:void 0;return _a(zr,{children:[_a(xe,{...Ol,size:t,rounded:o,fillMode:l,hover:x,focus:y,valid:k,invalid:h,required:A,loading:g,disabled:B,readonly:W,className:n(e.className,ui),children:[d&&_a(zr,{children:[ke(nt,{children:d}),r&&ke(it,{})]}),ke(Ye,{id:io,placeholder:f,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?Bl:void 0,"aria-activedescendant":I&&$t?$t:void 0,"aria-autocomplete":Il,"aria-invalid":h?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":qa,disabled:B,readOnly:W}),ke(He,{valid:k,invalid:h,loading:g,disabled:B}),ke(Ve,{loading:g,disabled:B}),ke(qe,{loading:g,disabled:B,readonly:W,value:b}),u&&_a(zr,{children:[r&&ke(it,{}),ke(st,{children:u})]}),ke(s,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:l,"aria-label":"Open popup",tabIndex:-1,disabled:B})]}),I&&K&&ke(de,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:K}),se&&ke(me,{adaptive:!0,id:io?`${io}-adaptive`:void 0,...fe,header:ke(_e,{actionsEnd:ke(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:f,title:Le,subtitle:Ne}),children:ke("div",{className:"k-list-container",children:ke(Y,{customValue:Je?ke(oo,{text:`Use "${b}"`}):void 0,size:"large",children:_a(oe,{"aria-label":Le||"Options",children:[ke(U,{text:"List item"}),ke(U,{text:"List item"}),ke(U,{text:"List item"})]})})})})]})};Oe.states=Tb;Oe.options=gb;Oe.className=ui;Oe.defaultOptions=mi;Oe.moduleName=_r;Oe.folderName=pi;Oe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ze=Oe;import{jsx as wb}from"react/jsx-runtime";var bi=e=>wb(Ze,{...e});import{jsx as RI,jsxs as II}from"react/jsx-runtime";import{jsx as HI,jsxs as _I}from"react/jsx-runtime";import{jsx as VI,jsxs as $I}from"react/jsx-runtime";import{Fragment as ZI,jsx as QI}from"react/jsx-runtime";import{Fragment as l1,jsx as a1}from"react/jsx-runtime";import{jsx as c1,jsxs as p1}from"react/jsx-runtime";import{Fragment as C1,jsx as x1,jsxs as v1}from"react/jsx-runtime";import{jsx as N1}from"react/jsx-runtime";import{jsx as M1}from"react/jsx-runtime";import{jsx as O1,jsxs as B1}from"react/jsx-runtime";import{jsx as z1,jsxs as G1}from"react/jsx-runtime";import{jsx as lo,jsxs as Ib}from"react/jsx-runtime";var Mb=Oe.states,Lb=Oe.defaultOptions,Eb=Oe.options,Ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Rb=[],ea=e=>{let{modifiers:t,...o}=e,l={},r=lo(Y,{style:{width:300},size:o.size,children:Ib(oe,{children:[lo(U,{children:"List item"}),lo(U,{children:"List item"}),lo(U,{children:"List item"})]})});return Object.keys(t||{}).forEach(d=>{switch(d){case"prefix":l.prefix=t?.[d]?lo(E,{icon:"map-marker-target"}):void 0;break;case"suffix":l.suffix=t?.[d]?lo(Xt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":l.opened=!!t?.[d],l.popup=t?.[d]?r:void 0;break;default:break}}),lo("div",{children:lo(bi,{value:"Value",style:{width:300},...o,...l})})};ea.options=Eb;ea.states=Mb;ea.variants=Rb;ea.defaultOptions=Lb;ea.modifiers=Ab;ea.className=Oe.className;var Gr="menu-button",hi=Gr;import{jsx as Pb}from"react/jsx-runtime";var fi="k-menu-button",Ob=[c.hover,c.focus,c.active,c.selected,c.disabled],Bb={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},Ur={showArrow:!0,arrowIconName:"caret-alt-down"},ae=e=>{let{size:t,rounded:o,fillMode:l,themeColor:r,hover:d,focus:u,active:b,selected:f,disabled:x,icon:y,text:k,showArrow:h=Ur.showArrow,arrowIconName:A=Ur.arrowIconName,expanded:g,...B}=e;return Pb(s,{...B,className:n(e.className,fi),text:k,size:t,rounded:o,fillMode:l,themeColor:r,hover:d,focus:u,active:b,selected:f,disabled:x,icon:y,showArrow:h,arrowIconName:A,"aria-expanded":g?"true":"false",...!k&&y&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};ae.states=Ob;ae.options=Bb;ae.className=fi;ae.defaultOptions=Ur;ae.moduleName=Gr;ae.folderName=hi;ae.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as yO}from"react/jsx-runtime";import{jsx as TO}from"react/jsx-runtime";import{jsx as LO}from"react/jsx-runtime";var je="menu",vt=je;import{jsx as za,jsxs as xi}from"react/jsx-runtime";var Fr="k-menu-item",Db=[c.hover,c.focus,c.active,c.selected,c.disabled],Kb={},vi={iconPosition:"before"},Be=e=>{let{hover:t,focus:o,active:l,selected:r,disabled:d,icon:u,text:b,first:f,last:x,showArrow:y,arrowIconName:k,iconPosition:h=vi.iconPosition,dir:A,children:g,expanded:B,...K}=e,I=k;return I||(I=A==="rtl"?"caret-alt-left":"caret-alt-right"),xi("li",{...K,className:n(e.className,Fr,"k-item",H(Fr,{focus:o,disabled:d,hover:t,active:l,selected:r}),{"k-first":f,"k-last":x}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":B?"true":"false"},...d&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[xi("span",{className:n("k-link k-menu-link"),children:[u&&h==="before"&&za(E,{className:"k-menu-link-icon",icon:u}),za("span",{className:"k-menu-link-text",children:b}),u&&h==="after"&&za(E,{className:"k-menu-link-icon",icon:u}),y&&za("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:za(E,{icon:I})})]}),g]})};Be.states=Db;Be.options=Kb;Be.className=Fr;Be.defaultOptions=vi;Be.moduleName=je;Be.folderName=vt;import{jsx as Ga,jsxs as Ci}from"react/jsx-runtime";var Wr="k-menu-item",Hb=[c.hover,c.focus,c.active,c.selected,c.disabled],_b={},Vr={dir:"ltr",iconPosition:"before"},ue=e=>{let{hover:t,focus:o,active:l,selected:r,disabled:d,icon:u,text:b,first:f,last:x,showArrow:y,arrowIconName:k,iconPosition:h=Vr.iconPosition,dir:A=Vr.dir,children:g,popup:B,expanded:K,...I}=e,W=k;return W||(W=A==="rtl"?"caret-alt-left":"caret-alt-right"),Ci("li",{...I,className:n(e.className,Wr,"k-item",H(Wr,{focus:o,disabled:d}),{"k-first":f,"k-last":x}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":K?"true":"false"},...d&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ci("span",{className:n("k-link k-menu-link",H("k-menu-link",{hover:t,active:l,selected:r,disabled:d})),children:[u&&h==="before"&&Ga(E,{className:"k-menu-link-icon",icon:u}),Ga("span",{className:"k-menu-link-text",children:b}),u&&h==="after"&&Ga(E,{className:"k-menu-link-icon",icon:u}),y&&Ga("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ga(E,{icon:W})})]}),g,B]})};ue.states=Hb;ue.options=_b;ue.className=Wr;ue.defaultOptions=Vr;ue.moduleName=je;ue.folderName=vt;import{jsx as Fb}from"react/jsx-runtime";var yi="k-menu-scroll-wrapper",zb=[],Gb={},Ub={},yo=e=>{let{className:t,children:o,orientation:l,...r}=e;return Fb("div",{...r,className:n(t,yi,{"k-menu-scroll-wrapper-vertical":l==="vertical"}),children:o})};yo.states=zb;yo.options=Gb;yo.className=yi;yo.defaultOptions=Ub;yo.moduleName=je;yo.folderName=vt;var ki=yo;import{Fragment as $r,jsx as ko,jsxs as xl}from"react/jsx-runtime";var Xr="k-menu",Wb=[],Vb={},vl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ge=e=>{let{children:t,orientation:o=vl.orientation,header:l=vl.header,scrollable:r,scrollButtonsPosition:d=vl.scrollButtonsPosition,wrapperStyles:u,dir:b,popup:f,contextMenu:x,...y}=e,k={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=ko("ul",{dir:b,...y,className:n(e.className,"k-reset",Xr,{[`${Xr}-${o}`]:o,"k-header":l}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return xl($r,{children:[r?xl(ki,{orientation:o,style:u,dir:e.dir,children:[d==="start"&&xl($r,{children:[ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),d==="around"&&ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),h,d==="end"&&xl($r,{children:[ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),d==="around"&&ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):h,f]})};ge.states=Wb;ge.options=Vb;ge.className=Xr;ge.defaultOptions=vl;ge.moduleName=je;ge.folderName=vt;ge.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as $b}from"react/jsx-runtime";var Jr="k-separator",Si={orientation:"horizontal"},ta=e=>{let{orientation:t=Si.orientation,...o}=e;return $b("li",{...o,className:n(e.className,"k-item",Jr,{[`${Jr}-${t}`]:t}),role:"separator"})};ta.className=Jr;ta.defaultOptions=Si;ta.moduleName=je;ta.folderName=vt;import{Fragment as aB,jsx as lB}from"react/jsx-runtime";import{jsx as Yb}from"react/jsx-runtime";var qr="k-menu-group",Xb=[],Jb={size:[p.undefined,p.small,p.medium,p.large]},qb={},Pe=e=>{let{children:t,size:o,...l}=e;return Yb("ul",{...l,className:n(e.className,qr,D(qr,{size:o})),role:"menu",children:t})};Pe.states=Xb;Pe.options=Jb;Pe.className=qr;Pe.defaultOptions=qb;Pe.moduleName=je;Pe.folderName=vt;import{Fragment as Qb,jsx as oa,jsxs as Zb}from"react/jsx-runtime";var Yr=e=>oa(ge,{children:Zb(Qb,{children:[oa(Be,{first:!0,text:"Item 1"}),oa(Be,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),oa(Be,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),oa(Be,{text:"Item 4"}),oa(Be,{last:!0,text:"Item 5"})]}),...e});import{Fragment as vB,jsx as fB,jsxs as xB}from"react/jsx-runtime";import{Fragment as NB,jsx as SB,jsxs as TB}from"react/jsx-runtime";import{Fragment as EB,jsx as LB,jsxs as AB}from"react/jsx-runtime";import{Fragment as PB,jsx as BB,jsxs as DB}from"react/jsx-runtime";import{jsx as So,jsxs as ah}from"react/jsx-runtime";var jb=ge.options,eh=ge.states,Ni={...ge.defaultOptions,variant:"horizontal"},th=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],oh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],aa=e=>{let{variant:t,modifiers:o,...l}={...Ni,...e},r={};return Object.keys(o||{}).forEach(d=>{switch(d){case"scrollable":r.scrollable=!!o?.[d];break;case"opened":r.opened=!!o?.[d],r.popup=So(de,{className:"k-menu-popup",children:ah(Pe,{children:[So(ue,{text:"Item 1"}),So(ue,{text:"Item 2"}),So(ta,{}),So(ue,{text:"Item 3"})]})});break}}),t==="vertical"?So(Yr,{...l,...r,orientation:"vertical",style:{width:"200px"}}):So(Yr,{...l,...r})};aa.options=jb;aa.states=eh;aa.variants=th;aa.defaultOptions=Ni;aa.modifiers=oh;aa.className=ge.className;import{Fragment as bP,jsx as uP,jsxs as mP}from"react/jsx-runtime";import{jsx as vP}from"react/jsx-runtime";import{Fragment as ih,jsx as Ot,jsxs as Ti}from"react/jsx-runtime";var lh=s.states,gi={...s.defaultOptions,variant:"text"},rh=s.options,nh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sh=[{name:"opened",title:"Opened"}],la=e=>{let{variant:t,modifiers:o,...l}={...gi,...e},r={},d=Ot(de,{className:"k-menu-popup",children:Ti(Pe,{size:l.size,children:[Ot(ue,{first:!0,text:"Menu Item"}),Ot(ue,{text:"Menu Item"}),Ot(ue,{last:!0,text:"Menu Item"})]})}),u;switch(t){case"icon-only":u=Ot("div",{children:Ot(ae,{...l,...r,icon:"star"})});break;case"icon-and-text":u=Ot("div",{children:Ot(ae,{...l,...r,icon:"star",children:"Dropdown Button"})});break;default:u=Ot("div",{children:Ot(ae,{...l,...r,children:"Dropdown Button"})});break}return Ti(ih,{children:[u,o?.opened&&d]})};la.options=rh;la.states=lh;la.variants=nh;la.defaultOptions=gi;la.modifiers=sh;la.className=ae.className;var Qr="split-button",wi=Qr;import{Fragment as ph,jsx as Zr,jsxs as Mi}from"react/jsx-runtime";var jr="k-split-button",dh=[c.hover,c.focus,c.active,c.selected,c.disabled],ch={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},Li={arrowIconName:"caret-alt-down"},$=e=>{let{size:t,rounded:o,fillMode:l,themeColor:r,hover:d,focus:u,active:b,selected:f,disabled:x,icon:y,text:k,arrowIconName:h=Li.arrowIconName,popup:A,opened:g,popupId:B,...K}=e;return Mi(ph,{children:[Mi("div",{...K,className:n(e.className,jr,"k-button-group",D(jr,{rounded:o})),children:[Zr(s,{text:k,icon:y,size:t,rounded:o,fillMode:l,themeColor:r,hover:d,focus:u,active:b,selected:f,disabled:x,...!k&&!e.children&&y&&{"aria-label":"Action"},children:e.children}),Zr(s,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:l,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":g?"true":"false","aria-controls":g?B:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),g&&A&&Zr(de,{className:"k-menu-popup",children:A})]})};$.states=dh;$.options=ch;$.className=jr;$.defaultOptions=Li;$.moduleName=Qr;$.folderName=wi;$.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var en=$;import{jsx as mh}from"react/jsx-runtime";var uh="k-toolbar-separator",yt=e=>mh("div",{className:n(uh,e.className,"k-separator")});var Gt="toolbar",ro=Gt;import{Fragment as tn,jsx as Z,jsxs as ra}from"react/jsx-runtime";var Ut="k-toolbar",bh=[c.focus],hh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},fh={scrollButtons:"around"},re=e=>{let{size:t,fillMode:o,focus:l,resizable:r,scrollable:d,scrollButtons:u,scrollingPosition:b,section:f,...x}=e,y=[],k=(h,A)=>{let g=[];if(h.type===s&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))g.push(Z(s,{...h.props,className:`${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===s)g.push(Z(s,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===Ta)g.push(Z(Ta,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===Xt)g.push(Z(Xt,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===ae)g.push(Z(ae,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===en)g.push(Z(en,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===M||h.props.className&&h.props.className.includes("k-button-group")){let B=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((I,W)=>{B.push(Z(s,{...I.props,className:`${I.props.className?I.props.className:""}`},`${W}-${new Date().getTime()}`))}),g.push(Z(M,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:B},`${A}-${new Date().getTime()}`))}else h.type===Oe?g.push(Z(Oe,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`)):h.type===ye?g.push(Z(ye,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`)):h.type===Qe?g.push(Z(Qe,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`)):g.push(h);g.forEach(B=>{y.push(B)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((A,g)=>{k(A,g)}),ra("div",{...x,className:n(e.className,Ut,D(Ut,{size:t,fillMode:o}),H(Ut,{focus:l}),{[`${Ut}-resizable`]:r,[`${Ut}-scrollable`]:d,[`${Ut}-scrollable-overlay`]:d&&u==="hidden",[`${Ut}-scrollable-${b}`]:b&&b!=="both",[`${Ut}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!d&&y,d&&u==="hidden"&&Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),d&&u==="start"&&ra(tn,{children:[ra(M,{children:[Z("span",{className:n("k-toolbar-prev","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-left"})}),Z("span",{className:n("k-toolbar-next","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-right"})})]}),Z(yt,{className:"k-toolbar-button-separator"}),Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y})]}),d&&u==="end"&&ra(tn,{children:[Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),Z(yt,{className:"k-toolbar-button-separator"}),ra(M,{children:[Z("span",{className:n("k-toolbar-prev","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-left"})}),Z("span",{className:n("k-toolbar-next","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),d&&(u==="around"||!u)&&ra(tn,{children:[Z("span",{className:n("k-toolbar-prev","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-left"})}),Z(yt,{className:"k-toolbar-button-separator"}),Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),Z(yt,{className:"k-toolbar-button-separator"}),Z("span",{className:n("k-toolbar-next","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};re.states=bh;re.options=hh;re.className=Ut;re.defaultOptions=fh;re.moduleName=Gt;re.folderName=ro;re.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as yh}from"react/jsx-runtime";var Ei="k-floating-toolbar",xh=[],vh={},Ch={},na=e=>{let{...t}=e;return yh("div",{...t,className:n(e.className,Ei),children:e.children})};na.states=xh;na.options=vh;na.className=Ei;na.defaultOptions=Ch;na.moduleName=Gt;na.folderName=ro;import{jsx as Th}from"react/jsx-runtime";var on="k-toolbar-item",kh=[c.focus],Sh={},Nh={},sa=e=>{let{focus:t,...o}=e;return Th("div",{...o,className:n(e.className,on,H(on,{focus:t})),children:e.children})};sa.states=kh;sa.options=Sh;sa.className=on;sa.defaultOptions=Nh;sa.moduleName=Gt;sa.folderName=ro;import{jsx as Ai}from"react/jsx-runtime";var Ri="k-toolbar-popup",gh=[],wh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Mh={},No=e=>{let{size:t,fillMode:o,section:l,...r}=e;return Ai(de,{...r,className:n(e.className,Ri),children:l?Ai("span",{className:n("k-toolbar-items-list",D("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};No.states=gh;No.options=wh;No.className=Ri;No.defaultOptions=Mh;No.moduleName=Gt;No.folderName=ro;var Cl=No;import{jsx as kD}from"react/jsx-runtime";import{jsx as gD}from"react/jsx-runtime";import{jsx as ED}from"react/jsx-runtime";import{jsx as PD,jsxs as DD}from"react/jsx-runtime";import{jsx as zD}from"react/jsx-runtime";import{jsx as Ft,jsxs as Ih}from"react/jsx-runtime";var Lh=$.states,Ii={...$.defaultOptions,variant:"text"},Eh=$.options,Ah=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rh=[{name:"opened",title:"Opened"}],ia=e=>{let{variant:t,modifiers:o,...l}={...Ii,...e},r={},d=Ih(Pe,{size:l.size,children:[Ft(ue,{first:!0,text:"Menu Item"}),Ft(ue,{text:"Menu Item"}),Ft(ue,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!o?.[u],r.popup=o?.[u]?d:"")}),t){case"icon-only":return Ft("div",{children:Ft($,{...l,...r,icon:"star"})});case"icon-and-text":return Ft("div",{children:Ft($,{...l,...r,icon:"star",children:"Split Button"})});default:return Ft("div",{children:Ft($,{...l,...r,children:"Split Button"})})}};ia.options=Eh;ia.states=Lh;ia.variants=Ah;ia.defaultOptions=Ii;ia.modifiers=Rh;ia.className=$.className;import{jsx as To,jsxs as Oh}from"react/jsx-runtime";var Oi=e=>To(re,{children:[To(s,{children:"Button"},"toolbar-button"),To(ae,{text:"Menu button"},"toolbar-menu-button"),To($,{children:"Split button"},"toolbar-split-button"),Oh(M,{children:[To(s,{className:"k-group-start",icon:"align-left",children:"Left"}),To(s,{icon:"align-center",children:"Center"}),To(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as hK,jsxs as fK}from"react/jsx-runtime";import{jsx as et,jsxs as Bi}from"react/jsx-runtime";var Pi=e=>et(re,{scrollable:!0,...e,children:[et(s,{children:"Button"},"toolbar-button"),et(ae,{text:"Menu button"},"toolbar-menu-button"),et($,{children:"Split button"},"toolbar-split-button"),Bi(M,{children:[et(s,{className:"k-group-start",icon:"align-left",children:"Left"}),et(s,{icon:"align-center",children:"Center"}),et(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),et(s,{children:"Button"},"toolbar-button"),et(ae,{text:"Menu button"},"toolbar-menu-button"),et($,{children:"Split button"},"toolbar-split-button"),Bi(M,{children:[et(s,{className:"k-group-start",icon:"align-left",children:"Left"}),et(s,{icon:"align-center",children:"Center"}),et(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as tt,jsxs as Di}from"react/jsx-runtime";var Ki=({scrollingPosition:e="start",...t})=>tt(re,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[tt(s,{children:"Button"},"toolbar-button"),tt(ae,{text:"Menu button"},"toolbar-menu-button"),tt($,{children:"Split button"},"toolbar-split-button"),Di(M,{children:[tt(s,{className:"k-group-start",icon:"align-left",children:"Left"}),tt(s,{icon:"align-center",children:"Center"}),tt(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),tt(s,{children:"Button"},"toolbar-button"),tt(ae,{text:"Menu button"},"toolbar-menu-button"),tt($,{children:"Split button"},"toolbar-split-button"),Di(M,{children:[tt(s,{className:"k-group-start",icon:"align-left",children:"Left"}),tt(s,{icon:"align-center",children:"Center"}),tt(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Bh,jsx as $e,jsxs as yl}from"react/jsx-runtime";var Hi=({fillMode:e,size:t,...o})=>yl(Bh,{children:[$e(re,{section:!0,fillMode:e,size:t,children:[$e(s,{fillMode:e,size:t,children:"Button"},"toolbar-button"),yl(M,{fillMode:e,children:[$e(s,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),$e(s,{icon:"align-center",fillMode:e,size:t,children:"Center"}),$e(s,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),$e(yt,{className:"k-toolbar-button-separator"}),$e(s,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),yl(Cl,{size:t,fillMode:e,section:!0,...o,children:[$e($,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),$e(s,{fillMode:e,size:t,children:"Button"},"toolbar-button"),$e(yt,{}),$e(ae,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),yl(M,{fillMode:e,children:[$e(s,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),$e(s,{icon:"align-center",fillMode:e,size:t,children:"Center"}),$e(s,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as qK,jsx as XK,jsxs as JK}from"react/jsx-runtime";import{Fragment as nH,jsx as lH,jsxs as rH}from"react/jsx-runtime";import{jsx as no}from"react/jsx-runtime";var Ph=re.options,Dh=re.states,_i={...re.defaultOptions,variant:"default"},Kh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Hh=[],da=e=>{let{variant:t,...o}={..._i,...e};switch(t){case"responsive":return no("div",{children:no(Hi,{style:{width:"583px"},...o})});case"overlay":return no("div",{children:no(Ki,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return no("div",{children:no(Pi,{style:{width:"583px"},...o})});default:return no("div",{children:no(Oi,{style:{width:"583px"},...o})})}};da.options=Ph;da.states=Dh;da.variants=Kh;da.defaultOptions=_i;da.modifiers=Hh;da.className=re.className;import{jsx as kt,jsxs as zi}from"react/jsx-runtime";var Gi="k-scheduler-toolbar",ee=e=>{let{footer:t,...o}=e;return kt(re,{...o,className:n(e.className,{[t?"k-scheduler-footer":Gi]:!0}),"aria-label":o["aria-label"]||(t?"Scheduler footer":"Scheduler toolbar"),children:e.children||[zi(M,{className:"k-scheduler-navigation",children:[kt(s,{className:"k-group-start",children:"Today"}),kt(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),kt(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]},"nav"),kt(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 13, 2022"},"current"),kt("span",{className:"k-spacer"},"spacer"),zi(M,{className:"k-scheduler-views",children:[kt(s,{className:"k-group-start",selected:!0,children:"Day"}),kt(s,{children:"Week"}),kt(s,{children:"Month"}),kt(s,{children:"Timeline"}),kt(s,{className:"k-group-end",children:"Agenda"})]},"views")]})};ee.className=Gi;ee.moduleName=Q;ee.folderName=j;import{jsx as _h}from"react/jsx-runtime";var Ui="k-scheduler-body",ie=e=>{let{as:t="div",...o}=e;return _h(t,{...o,className:n(Ui,e.className),children:e.children})};ie.className=Ui;ie.moduleName=Q;ie.folderName=j;import{jsx as zh}from"react/jsx-runtime";var Fi="k-scheduler-head",pe=e=>{let{as:t="div",...o}=e;return zh(t,{...o,className:n(Fi,e.className),children:e.children})};pe.className=Fi;pe.moduleName=Q;pe.folderName=j;import{jsx as Fh}from"react/jsx-runtime";var Wi="k-scheduler-group",Gh=[],Uh={},Vi={orientation:"horizontal"},G=e=>{let{orientation:t=Vi.orientation,...o}=e;return Fh("div",{...o,className:n(Wi,e.className,{"k-group-horizontal":t==="horizontal"}),children:e.children})};G.states=Gh;G.options=Uh;G.defaultOptions=Vi;G.className=Wi;G.moduleName=Q;G.folderName=j;import{Fragment as Nl,jsx as We,jsxs as kl}from"react/jsx-runtime";var an="k-event",Wh=[c.hover,c.focus,c.selected],Vh={},Sl={resizable:"vertical",eventPrefix:We(E,{icon:"arrow-rotate-cw"}),eventSuffix:We(Nl,{children:We("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:We(E,{icon:"x"})})})},Ce=e=>{let{inverse:t,ongoing:o,multiDay:l,resizable:r=Sl.resizable,hover:d,focus:u,selected:b,eventPrefix:f=Sl.eventPrefix,eventSuffix:x=Sl.eventSuffix,...y}=e;return kl("div",{...y,className:n(an,e.className,H(an,{hover:d,focus:u,selected:b}),{"k-event-inverse":t,"k-event-ongoing":o}),role:"button","aria-label":y["aria-label"]||"Event",children:[We("span",{className:"k-event-actions",children:f}),We("div",{children:e.children}),We("span",{className:"k-event-actions",children:x}),l&&kl(Nl,{children:[We("span",{className:"k-event-top-actions",children:We(E,{icon:"caret-alt-up"})}),We("span",{className:"k-event-bottom-actions",children:We(E,{icon:"caret-alt-down"})})]}),r==="vertical"?kl(Nl,{children:[We("span",{className:"k-resize-handle k-resize-n"}),We("span",{className:"k-resize-handle k-resize-s"})]}):r==="horizontal"&&kl(Nl,{children:[We("span",{className:"k-resize-handle k-resize-w"}),We("span",{className:"k-resize-handle k-resize-e"})]})]})};Ce.states=Wh;Ce.options=Vh;Ce.defaultOptions=Sl;Ce.className=an;Ce.moduleName=Q;Ce.folderName=j;import{jsx as Ua,jsxs as Jh}from"react/jsx-runtime";var $i="k-task",$h=[],Xh={},Xi={markStyle:{backgroundColor:"gold"}},ot=e=>{let{text:t,markStyle:o=Xi.markStyle,recurring:l,closable:r,...d}=e;return Jh("div",{...d,className:n($i,e.className),children:[Ua("span",{className:"k-scheduler-mark",style:o}),l&&Ua(Gl,{icon:"arrow-rotate-cw"}),Ua("span",{className:"k-scheduler-task-text",children:t}),r&&Ua("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:Ua(Gl,{icon:"x"})})]})};ot.states=$h;ot.options=Xh;ot.defaultOptions=Xi;ot.className=$i;ot.moduleName=Q;ot.folderName=j;import{Fragment as u3,jsx as c3,jsxs as p3}from"react/jsx-runtime";import{Fragment as y3,jsx as v3,jsxs as C3}from"react/jsx-runtime";import{jsx as w3,jsxs as M3}from"react/jsx-runtime";import{jsx as P3,jsxs as D3}from"react/jsx-runtime";import{Fragment as qh,jsx as w,jsxs as Re}from"react/jsx-runtime";var Ji=({style:e,...t})=>w(q,{style:e,layout:"flex",view:"day",toolbar:Re(ee,{children:[Re(M,{className:"k-scheduler-navigation",children:[w(s,{className:"k-group-start",children:"Today"}),w(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),w(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),w(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 24, 2024"}),w("span",{className:"k-spacer"}),Re(M,{className:"k-scheduler-views",children:[w(s,{className:"k-group-start",selected:!0,children:"Day"}),w(s,{children:"Week"}),w(s,{children:"Month"}),w(s,{children:"Timeline"}),w(s,{className:"k-group-end",children:"Agenda"})]})]}),footer:w(ee,{footer:!0,children:w(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:Re(qh,{children:[Re(pe,{as:"div",children:[w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["heading"],text:"Mon, 6/24"})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["slot"]})})})]})})]}),Re(ie,{as:"div",children:[w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),w(a,{as:"div",cellType:["group"],children:w(T,{className:"k-middle-row",children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),w(a,{as:"div",cellType:["group"],children:w(T,{className:"k-middle-row",children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),w(a,{as:"div",cellType:["group"],children:w(T,{className:"k-middle-row",children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),w(a,{as:"div",cellType:["group"],children:w(T,{className:"k-middle-row",children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["slot"]})})})]})}),Re(Ce,{ongoing:!0,style:{top:"0px",left:"80px",height:"72px",width:"200px"},children:[w("div",{className:"k-event-template k-event-time",children:"8:00 AM - 9:00 AM"}),w("div",{className:"k-event-template",children:"Event Title"})]})]})]}),...t});import{Fragment as Yh,jsx as m,jsxs as le}from"react/jsx-runtime";var qi=({style:e,...t})=>m(q,{style:e,layout:"flex",view:"week",toolbar:le(ee,{children:[le(M,{className:"k-scheduler-navigation",children:[m(s,{className:"k-group-start",children:"Today"}),m(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),m(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),m(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/23/2022 - 6/29/2022"}),m("span",{className:"k-spacer"}),le(M,{className:"k-scheduler-views",children:[m(s,{className:"k-group-start",children:"Day"}),m(s,{selected:!0,children:"Week"}),m(s,{children:"Month"}),m(s,{children:"Timeline"}),m(s,{className:"k-group-end",children:"Agenda"})]})]}),footer:m(ee,{footer:!0,children:m(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:le(Yh,{children:[le(pe,{as:"div",children:[m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["heading"],text:"Sun, 6/23"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/24"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/25"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/26"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/27"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/28"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/29"})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})})]}),le(ie,{as:"div",children:[m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),m(a,{as:"div",cellType:["group"],children:le(T,{className:"k-middle-row",children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),m(a,{as:"div",cellType:["group"],children:le(T,{className:"k-middle-row",children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),m(a,{as:"div",cellType:["group"],children:le(T,{className:"k-middle-row",children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),m(a,{as:"div",cellType:["group"],children:le(T,{className:"k-middle-row",children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})})]})]}),...t});import{jsx as Qh}from"react/jsx-runtime";var Yi="k-calendar-view",ln={orientation:"horizontal",calendarView:"month"},Tl=e=>{let{orientation:t=ln.orientation,calendarView:o=ln.calendarView,gridRole:l,ariaLabelledBy:r,...d}=e;return Qh("div",{...d,className:n(e.className,Yi,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...l?{role:"grid","aria-labelledby":r,tabIndex:0}:{},children:e.children})};Tl.className=Yi;Tl.defaultOptions=ln;import{jsx as Fa,jsxs as Qi}from"react/jsx-runtime";var Zi="k-calendar-header",Zh={size:[p.undefined,p.small,p.medium,p.large]},Wa={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},go=e=>{let{calendarTitleText:t=Wa.calendarTitleText,showToday:o=Wa.showToday,showNavigationButtons:l=Wa.showNavigationButtons,orientation:r=Wa.orientation,size:d,calendarView:u,dir:b,titleId:f,...x}=e,y=b==="rtl"?"chevron-right":"chevron-left",k=b==="rtl"?"chevron-left":"chevron-right",h=f||F("calendar-title");return Qi("div",{...x,className:n(e.className,Zi,{"k-vstack":r==="vertical"}),children:[Fa(s,{disabled:u==="century",className:"k-calendar-title",text:t,size:d,fillMode:"flat",themeColor:"primary",id:h,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...u==="century"?{"aria-disabled":"true"}:{}}),Fa("span",{className:"k-spacer"}),Qi("span",{className:"k-calendar-nav",children:[l&&Fa(s,{className:"k-calendar-nav-prev",icon:y,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&Fa(s,{size:d,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&Fa(s,{className:"k-calendar-nav-next",icon:k,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};go.options=Zh;go.className=Zi;go.defaultOptions=Wa;import{jsx as ji}from"react/jsx-runtime";var ed="k-calendar-footer",jh={size:[p.undefined,p.small,p.medium,p.large]},td={calendarFooterText:"Tuesday, October 12, 2021"},Va=e=>{let{size:t,calendarFooterText:o=td.calendarFooterText,...l}=e;return ji("div",{...l,className:n(e.className,ed),children:ji(s,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};Va.options=jh;Va.className=ed;Va.defaultOptions=td;var Ie="calendar",De=Ie;import{jsx as rn,jsxs as of}from"react/jsx-runtime";var nn="k-calendar",ef=[],tf={size:[p.undefined,p.small,p.medium,p.large]},$a={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ce=e=>{let{size:t,orientation:o=$a.orientation,calendarView:l=$a.calendarView,calendarTitleText:r=$a.calendarTitleText,showCalendarHeader:d=$a.showCalendarHeader,showWeek:u,showCalendarFooter:b,calendarFooterText:f,dir:x,...y}=e,k=F("calendar-title");return of("div",{...y,dir:x,className:n(e.className,nn,D(nn,{size:t}),{"k-week-number":u}),children:[d&&rn(go,{calendarView:l,showToday:!b,calendarTitleText:r,orientation:o,size:t,dir:x,titleId:k}),rn(Tl,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:k,children:e.children}),b&&rn(Va,{calendarFooterText:f,size:t})]})};ce.states=ef;ce.options=tf;ce.className=nn;ce.defaultOptions=$a;ce.moduleName=Ie;ce.folderName=De;ce.ariaSpec={selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range)",rules:[{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"role=grid",usage:"Specifies the role of the Calendar view container."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"aria-labelledby",usage:"Pointing to the current view label (e.g. March 2022 or 2020-2029)."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-table",attribute:"role=none",usage:"Inner table has role removed \u2014 content belongs to the grid on the view."},{selector:".k-calendar-thead",attribute:"role=rowgroup",usage:"Groups header rows."},{selector:".k-calendar-tbody",attribute:"role=rowgroup",usage:"Groups body rows."},{selector:".k-calendar-tr",attribute:"role=row",usage:"Each row in the calendar table."},{selector:".k-calendar-thead .k-calendar-th",attribute:"role=columnheader",usage:"Column header for day names."},{selector:".k-calendar-thead .k-calendar-th",attribute:"scope=col",usage:"Specifies the header applies to a column."},{selector:".k-calendar-thead .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Indicates the selected date."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Indicates a disabled date."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"tabindex=-1",usage:"Navigation buttons are not focusable."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"aria-label",usage:"Describes the navigation button purpose."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-title",attribute:"aria-label",usage:"Describes the title button purpose."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link/button is not focusable."}]};import{jsx as nf}from"react/jsx-runtime";var od="k-calendar-container",af=[],lf={},rf={},ca=e=>{let{...t}=e;return nf("div",{...t,className:n(e.className,od),children:e.children})};ca.states=af;ca.options=lf;ca.className=od;ca.defaultOptions=rf;ca.moduleName=Ie;ca.folderName=De;import{Fragment as df,jsx as pa,jsxs as cf}from"react/jsx-runtime";var sf=[c.hover,c.focus,c.active,c.selected,c.disabled],i=e=>{let{text:t,headerCell:o,today:l,weekend:r,showOtherMonth:d,weekCell:u,rangeStart:b,rangeMid:f,rangeEnd:x,dayIndicator:y,empty:k,hover:h,focus:A,active:g,selected:B,disabled:K,...I}=e,se=`k-calendar-${o?"th":"td"}`,fe=[e.className,se,H(se,{hover:h,focus:A,active:g,selected:B,disabled:K}),{"k-today":l,"k-weekend":r,"k-other-month":d,"k-alt":u,"k-range-start":b,"k-range-mid":f,"k-range-end":x,"k-empty":k}],Le={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Ne=t?Le[t]||t:void 0;return pa("th",{...I,className:n(fe),role:"columnheader",scope:"col","aria-label":Ne,children:u?pa("span",{className:"k-sr-only",children:Ne}):t})}return u?pa("td",{...I,className:n(fe),children:t}):pa("td",{...I,className:n(fe),role:"gridcell",...B?{"aria-selected":"true"}:{},...K?{"aria-disabled":"true"}:{},children:k&&!d?pa(df,{children:"\xA0"}):cf("span",{className:"k-link",children:[t,y&&pa("span",{className:"k-day-indicator"})]})})};i.states=sf;import{jsx as sn,jsxs as pf}from"react/jsx-runtime";var ad="k-calendar-thead",ld={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},ua=e=>{let{showWeek:t,cellsText:o=ld.cellsText,...l}=e;return sn("thead",{...l,className:n(e.className,ad),role:"rowgroup",children:pf("tr",{className:"k-calendar-tr",role:"row",children:[t&&sn(i,{weekCell:!0,headerCell:!0,text:"W"}),o.map((r,d)=>sn(i,{text:r,headerCell:!0},d))]})})};ua.className=ad;ua.defaultOptions=ld;import{jsx as uf}from"react/jsx-runtime";var rd="k-calendar-tbody",we=e=>{let{...t}=e;return uf("tbody",{...t,className:n(e.className,rd),role:"rowgroup",children:e.children})};we.className=rd;we.moduleName=Ie;we.folderName=De;import{jsx as dn,jsxs as bf}from"react/jsx-runtime";var mf="k-calendar-table",St=e=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:r,ariaActiveDescendant:d,gridRole:u,...b}=e;return bf("table",{...b,className:n(e.className,mf),...u?{role:"grid","aria-labelledby":r,"aria-activedescendant":d,tabIndex:0}:{role:"none"},children:[t&&dn("caption",{className:"k-calendar-caption",children:t}),o&&dn(ua,{showWeek:l}),dn(we,{children:e.children})]})};import{jsx as cn,jsxs as nd}from"react/jsx-runtime";var sd="k-calendar-navigation",Xa=e=>nd("div",{...e,className:n(e.className,sd),children:[cn("span",{className:"k-calendar-navigation-highlight"}),nd("div",{className:"k-content k-scrollable",children:[cn("ul",{className:"k-reset",children:e.children}),cn("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});Xa.className=sd;Xa.moduleName=Ie;Xa.folderName=De;import{jsx as ff}from"react/jsx-runtime";var hf="k-calendar-table",pn=e=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=e;return ff("table",{...l,className:n(e.className,hf),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};import{jsx as Nt,jsxs as gl}from"react/jsx-runtime";var id="k-calendar-view",ma={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},ba=e=>{let{orientation:t=ma.orientation,calendarView:o=ma.calendarView,headerText:l=ma.headerText,showWeekdays:r=ma.showWeekdays,showNavigationButtons:d=ma.showNavigationButtons,showWeekNumbers:u,weekdayCellsText:b,gridLabelledBy:f,...x}=e;return gl("div",{...x,className:n(id,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[Nt(go,{showNavigationButtons:d,calendarTitleText:l,orientation:"horizontal"}),r&&gl(pn,{className:"k-calendar-weekdays",tableRole:"table",children:[gl("colgroup",{children:[Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{})]}),Nt(ua,{cellsText:b,showWeek:u})]}),gl("div",{className:"k-content k-scrollable",role:"none",children:[Nt(pn,{tableRole:"grid",ariaLabelledBy:f,children:e.children}),Nt("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};ba.className=id;ba.defaultOptions=ma;ba.moduleName=Ie;ba.folderName=De;import{jsx as wl,jsxs as kf}from"react/jsx-runtime";var dd="k-calendar-infinite",xf={size:[p.undefined,p.small,p.medium,p.large]},vf=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Cf={2021:"marker",2022:"marker"},yf=(e,t)=>e.map((o,l)=>wl("li",{children:wl("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),Ja={showNavigation:!0,calendarView:"month",navigationItems:vf,navigationMarkerConfig:Cf},he=e=>{let{size:t,showNavigation:o=Ja.showNavigation,calendarView:l=Ja.calendarView,navigationItems:r=Ja.navigationItems,navigationMarkerConfig:d=Ja.navigationMarkerConfig,calendarTitleText:u,showWeekdays:b,showWeekNumbers:f,showNavigationButtons:x,calendarWeekdays:y,...k}=e,h=F("calendar-infinite-title");return kf("div",{...k,className:n(e.className,"k-calendar",dd,D("k-calendar",{size:t})),children:[o&&wl(Xa,{children:yf(r,d)}),wl(ba,{calendarView:l,headerText:u,showWeekdays:b,showWeekNumbers:f,showNavigationButtons:x,orientation:"vertical",weekdayCellsText:y,gridLabelledBy:h,children:e.children})]})};he.options=xf;he.className=dd;he.defaultOptions=Ja;he.moduleName=Ie;he.folderName=De;he.ariaSpec={selector:".k-calendar-infinite",rules:[{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"role=grid",usage:"The content table is the grid element for the infinite calendar."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"aria-labelledby",usage:"Pointing to the current view title element."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar-infinite .k-calendar-weekdays",attribute:"role=table",usage:"Weekday header table keeps table semantics (not part of grid)."},{selector:".k-calendar-view div.k-content.k-scrollable",attribute:"role=none",usage:"Scrollable wrapper is transparent to a11y tree."},{selector:".k-calendar-infinite .k-calendar-tbody",attribute:"role=rowgroup",usage:"Explicit rowgroup role on tbody."},{selector:".k-calendar-infinite .k-calendar-tr",attribute:"role=row",usage:"Explicit row role on tr."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"role=columnheader",usage:"Explicit columnheader role on weekday headers."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"scope=col",usage:"Specifies that the header applies to a column."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-infinite .k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Specifies whether the date is selected."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Specifies a disabled date."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link is not focusable."}]};import{jsx as Sf}from"react/jsx-runtime";var cd="k-calendar-tr",R=e=>{let{...t}=e;return Sf("tr",{...t,className:n(e.className,cd),role:"row",children:e.children})};R.className=cd;R.moduleName=Ie;R.folderName=De;import{jsx as Nf}from"react/jsx-runtime";var pd="k-calendar-caption",Ke=e=>{let{text:t,scope:o,colSpan:l,rowSpan:r,...d}=e;return Nf("th",{...d,scope:o,colSpan:l,rowSpan:r,className:n(e.className,pd),children:t})};Ke.className=pd;Ke.moduleName=Ie;Ke.folderName=De;import{jsx as at,jsxs as Ml}from"react/jsx-runtime";var ud=({showOtherCentury:e,...t})=>at(ce,{calendarView:"century",calendarTitleText:"2000 - 2099",children:Ml(St,{children:[Ml(R,{children:[at(i,{text:"1990 - 1999"}),at(i,{text:"2000 - 2009"}),at(i,{text:"2010 - 2019",today:!0}),at(i,{text:"2020 - 2029"})]}),Ml(R,{children:[at(i,{text:"2030 - 2039"}),at(i,{text:"2040 - 2049"}),at(i,{text:"2050 - 2059"}),at(i,{text:"2060 - 2069"})]}),Ml(R,{children:[at(i,{text:"2070 - 2079"}),at(i,{text:"2080 - 2089"}),at(i,{text:"2090 - 2099"}),at(i,{text:"2100 - 2109",empty:!e})]})]}),...t});import{jsx as lt,jsxs as Ll}from"react/jsx-runtime";var md=({showOtherDecade:e,...t})=>lt(ce,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:Ll(St,{children:[Ll(R,{children:[lt(i,{text:"2019",empty:!e}),lt(i,{text:"2020"}),lt(i,{text:"2021",today:!0}),lt(i,{text:"2022"})]}),Ll(R,{children:[lt(i,{text:"2023"}),lt(i,{text:"2024"}),lt(i,{text:"2025"}),lt(i,{text:"2026"})]}),Ll(R,{children:[lt(i,{text:"2027"}),lt(i,{text:"2028"}),lt(i,{text:"2029"}),lt(i,{text:"2030",empty:!e})]})]}),...t});import{jsx as z,jsxs as wo}from"react/jsx-runtime";var bd=({showCaptions:e,showOtherMonth:t,...o})=>z(ce,{calendarView:"month",children:wo(St,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[wo(R,{children:[z(i,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),z(i,{text:"27",showOtherMonth:t,empty:!t}),z(i,{text:"28",showOtherMonth:t,empty:!t}),z(i,{text:"29",showOtherMonth:t,empty:!t}),z(i,{text:"30",showOtherMonth:t,empty:!t}),z(i,{text:"1"}),z(i,{text:"2",weekend:!0})]}),wo(R,{children:[z(i,{text:"3",weekend:!0}),z(i,{text:"4"}),z(i,{text:"5"}),z(i,{text:"6"}),z(i,{text:"7"}),z(i,{text:"8"}),z(i,{text:"9",weekend:!0})]}),wo(R,{children:[z(i,{text:"10",weekend:!0}),z(i,{text:"11"}),z(i,{text:"12",today:!0}),z(i,{text:"13"}),z(i,{text:"14"}),z(i,{text:"15"}),z(i,{text:"16",weekend:!0})]}),wo(R,{children:[z(i,{text:"17",weekend:!0}),z(i,{text:"18"}),z(i,{text:"19"}),z(i,{text:"20"}),z(i,{text:"21"}),z(i,{text:"22"}),z(i,{text:"23",weekend:!0})]}),wo(R,{children:[z(i,{text:"24",weekend:!0}),z(i,{text:"25"}),z(i,{text:"26"}),z(i,{text:"27"}),z(i,{text:"28"}),z(i,{text:"29"}),z(i,{text:"30",weekend:!0})]}),wo(R,{children:[z(i,{text:"31",weekend:!0}),z(i,{text:"1",showOtherMonth:t,empty:!t}),z(i,{text:"2",showOtherMonth:t,empty:!t}),z(i,{text:"3",showOtherMonth:t,empty:!t}),z(i,{text:"4",showOtherMonth:t,empty:!t}),z(i,{text:"5",showOtherMonth:t,empty:!t}),z(i,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});import{jsx as y6,jsxs as k6}from"react/jsx-runtime";import{jsx as rt,jsxs as El}from"react/jsx-runtime";var hd=e=>rt(ce,{calendarView:"year",calendarTitleText:"2019",children:El(St,{children:[El(R,{children:[rt(i,{text:"Jan"}),rt(i,{text:"Feb"}),rt(i,{text:"Mar"}),rt(i,{text:"Apr"})]}),El(R,{children:[rt(i,{text:"May"}),rt(i,{text:"Jun"}),rt(i,{text:"Jul"}),rt(i,{text:"Au"})]}),El(R,{children:[rt(i,{text:"Sep"}),rt(i,{text:"Oct",today:!0}),rt(i,{text:"Nov"}),rt(i,{text:"Dec"})]})]}),...e});import{Fragment as Tf,jsx as O,jsxs as Wt}from"react/jsx-runtime";var fd=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>O(he,{calendarTitleText:"January 2021",children:Wt(Tf,{children:[Wt("colgroup",{children:[O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),Wt(we,{children:[O(R,{"aria-hidden":"true",children:O(Ke,{scope:"col",colSpan:7,text:e})}),Wt(R,{children:[O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{text:"1"}),O(i,{text:"2",weekend:!0})]}),Wt(R,{children:[O(i,{text:"3",weekend:!0}),O(i,{text:"4"}),O(i,{text:"5"}),O(i,{text:"6"}),O(i,{text:"7"}),O(i,{text:"8"}),O(i,{text:"9",weekend:!0})]}),Wt(R,{children:[O(i,{text:"10",weekend:!0}),O(i,{text:"11"}),O(i,{text:"12"}),O(i,{text:"13"}),O(i,{text:"14"}),O(i,{text:"15"}),O(i,{text:"16",weekend:!0})]}),Wt(R,{children:[O(i,{text:"17",weekend:!0}),O(i,{text:"18"}),O(i,{text:"19"}),O(i,{text:"20"}),O(i,{text:"21"}),O(i,{text:"22"}),O(i,{text:"23",weekend:!0})]}),Wt(R,{children:[O(i,{text:"24",weekend:!0}),O(i,{text:"25"}),O(i,{text:"26"}),O(i,{text:"27"}),O(i,{text:"28"}),O(i,{text:"29"}),O(i,{text:"30",weekend:!0})]}),Wt(R,{children:[O(i,{text:"31",weekend:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0})]})]}),O(we,{children:O(R,{"aria-hidden":"true",children:O(Ke,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as gf,jsx as X,jsxs as Bt}from"react/jsx-runtime";var xd=({firstCaption:e="2021",secondCaption:t="2022",...o})=>X(he,{calendarView:"year",showWeekdays:!1,calendarTitleText:"2021",navigationItems:["2016","2017","2018","2019","2020","2021","2022","2023","2024","2025","2026","2027","2028","2029","2030","2031","2032","2033","2034","2035","2036","2037","2038","2039","2040","2041","2042"],navigationMarkerConfig:{2021:"marker",2030:"marker",2040:"marker"},children:Bt(gf,{children:[Bt("colgroup",{children:[X("col",{}),X("col",{}),X("col",{}),X("col",{})]}),Bt(we,{children:[X(R,{"aria-hidden":"true",children:X(Ke,{scope:"col",colSpan:4,text:e})}),Bt(R,{children:[X(i,{text:"Jan",today:!0}),X(i,{text:"Feb"}),X(i,{text:"Mar"}),X(i,{text:"Apr"})]}),Bt(R,{children:[X(i,{text:"May"}),X(i,{text:"Jun"}),X(i,{text:"Jul"}),X(i,{text:"Aug"})]}),Bt(R,{children:[X(i,{text:"Sep"}),X(i,{text:"Oct"}),X(i,{text:"Nov"}),X(i,{text:"Dec"})]})]}),Bt(we,{children:[X(R,{"aria-hidden":"true",children:X(Ke,{scope:"col",colSpan:4,text:t})}),Bt(R,{children:[X(i,{text:"Jan"}),X(i,{text:"Feb"}),X(i,{text:"Mar"}),X(i,{text:"Apr"})]}),Bt(R,{children:[X(i,{text:"May"}),X(i,{text:"Jun"}),X(i,{text:"Jul"}),X(i,{text:"Aug"})]}),Bt(R,{children:[X(i,{text:"Sep"}),X(i,{text:"Oct"}),X(i,{text:"Nov"}),X(i,{text:"Dec"})]})]})]}),...o});import{Fragment as wf,jsx as J,jsxs as Pt}from"react/jsx-runtime";var vd=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>J(he,{calendarView:"decade",showWeekdays:!1,calendarTitleText:"2020 - 2029",navigationItems:["1970","1980","1990","2000","2010","2020","2030","2040","2050","2060","2070","2080","2090"],navigationMarkerConfig:{2020:"marker"},children:Pt(wf,{children:[Pt("colgroup",{children:[J("col",{}),J("col",{}),J("col",{}),J("col",{})]}),Pt(we,{children:[J(R,{"aria-hidden":"true",children:J(Ke,{scope:"col",colSpan:4,text:e})}),Pt(R,{children:[J(i,{text:"2020",today:!0}),J(i,{text:"2021"}),J(i,{text:"2022"}),J(i,{text:"2023"})]}),Pt(R,{children:[J(i,{text:"2024"}),J(i,{text:"2025"}),J(i,{text:"2026"}),J(i,{text:"2027"})]}),Pt(R,{children:[J(i,{text:"2028"}),J(i,{text:"2029"}),J(i,{empty:!0}),J(i,{empty:!0})]})]}),Pt(we,{children:[J(R,{"aria-hidden":"true",children:J(Ke,{scope:"col",colSpan:4,text:t})}),Pt(R,{children:[J(i,{text:"2030"}),J(i,{text:"2031"}),J(i,{text:"2032"}),J(i,{text:"2033"})]}),Pt(R,{children:[J(i,{text:"2034"}),J(i,{text:"2035"}),J(i,{text:"2036"}),J(i,{text:"2037"})]}),Pt(R,{children:[J(i,{text:"2038"}),J(i,{text:"2039"}),J(i,{empty:!0}),J(i,{empty:!0})]})]})]}),...o});import{Fragment as Mf,jsx as Se,jsxs as ha}from"react/jsx-runtime";var Cd=({firstCaption:e="2000 - 2099",...t})=>Se(he,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:ha(Mf,{children:[ha("colgroup",{children:[Se("col",{}),Se("col",{}),Se("col",{}),Se("col",{})]}),ha(we,{children:[Se(R,{"aria-hidden":"true",children:Se(Ke,{scope:"col",colSpan:4,text:e})}),ha(R,{children:[Se(i,{text:"1900 - 1999"}),Se(i,{text:"2000 - 2009"}),Se(i,{text:"2010 - 2019"}),Se(i,{text:"2020 - 2029"})]}),ha(R,{children:[Se(i,{text:"2030 - 2039"}),Se(i,{text:"2040 - 2049"}),Se(i,{text:"2050 - 2059"}),Se(i,{text:"2060 - 2069"})]}),ha(R,{children:[Se(i,{text:"2070 - 2079"}),Se(i,{text:"2080 - 2089"}),Se(i,{text:"2090 - 2099"}),Se(i,{empty:!0})]})]})]}),...t});import{Fragment as U6,jsx as z6,jsxs as G6}from"react/jsx-runtime";import{jsx as $6,jsxs as X6}from"react/jsx-runtime";import{Fragment as j6,jsx as Q6,jsxs as Z6}from"react/jsx-runtime";import{jsx as Al}from"react/jsx-runtime";var Lf=ce.options,Ef=ce.states,yd={...ce.defaultOptions,variant:"month"},Af=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Rf=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],fa=e=>{let{variant:t,modifiers:o,...l}={...yd,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!o?.[x],r.showOtherCentury=!!o?.[x],r.showOtherDecade=!!o?.[x];break;case"footer":r.showCalendarFooter=!!o?.[x];break;default:return}});let{showOtherMonth:d,showOtherDecade:u,showOtherCentury:b,showCalendarFooter:f}=r;switch(t){case"century":return Al(ud,{size:l.size,showOtherCentury:b,showCalendarFooter:f});case"decade":return Al(md,{size:l.size,showOtherDecade:u,showCalendarFooter:f});case"year":return Al(hd,{calendarTitleText:"2021",size:l.size,showCalendarFooter:f});default:return Al(bd,{size:l.size,showOtherMonth:d,showCalendarFooter:f})}};fa.options=Lf;fa.states=Ef;fa.variants=Af;fa.defaultOptions=yd;fa.modifiers=Rf;fa.className=ce.className;import{jsx as Rl}from"react/jsx-runtime";var If=he.options,Of=he.states,kd={...he.defaultOptions,variant:"month"},Bf=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Pf=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],xa=e=>{let{variant:t,modifiers:o,...l}={...kd,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!o?.[x],r.showOtherCentury=!!o?.[x],r.showOtherDecade=!!o?.[x];break;case"footer":r.showCalendarFooter=!!o?.[x];break;default:return}});let{showOtherMonth:d,showOtherDecade:u,showOtherCentury:b,showCalendarFooter:f}=r;switch(t){case"century":return Rl(Cd,{size:l.size,showOtherCentury:b,showCalendarFooter:f});case"decade":return Rl(vd,{size:l.size,showOtherDecade:u,showCalendarFooter:f});case"year":return Rl(xd,{size:l.size,showCalendarFooter:f});default:return Rl(fd,{size:l.size,showOtherMonth:d,showCalendarFooter:f})}};xa.options=If;xa.states=Of;xa.variants=Bf;xa.defaultOptions=kd;xa.modifiers=Pf;xa.className=he.className;import{jsx as Z5,jsxs as j5}from"react/jsx-runtime";import{Fragment as Df,jsx as N,jsxs as Xe}from"react/jsx-runtime";var Sd=({style:e,...t})=>N(q,{style:e,layout:"flex",view:"month",toolbar:Xe(ee,{children:[Xe(M,{className:"k-scheduler-navigation",children:[N(s,{className:"k-group-start",children:"Today"}),N(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),N(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),N(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"June 23 2024"}),N("span",{className:"k-spacer"}),Xe(M,{className:"k-scheduler-views",children:[N(s,{className:"k-group-start",children:"Day"}),N(s,{children:"Week"}),N(s,{selected:!0,children:"Month"}),N(s,{children:"Timeline"}),N(s,{className:"k-group-end",children:"Agenda"})]})]}),children:Xe(Df,{children:[N(pe,{as:"div",children:N(G,{children:N(T,{children:N(a,{as:"div",cellType:["group"],children:Xe(T,{children:[N(a,{as:"div",cellType:["heading"],text:"Sunday"}),N(a,{as:"div",cellType:["heading"],text:"Monday"}),N(a,{as:"div",cellType:["heading"],text:"Tuesday"}),N(a,{as:"div",cellType:["heading"],text:"Wednesday"}),N(a,{as:"div",cellType:["heading"],text:"Tuesday"}),N(a,{as:"div",cellType:["heading"],text:"Friday"}),N(a,{as:"div",cellType:["heading"],text:"Saturday"})]})})})})}),Xe(ie,{as:"div",children:[N(G,{children:N(T,{children:Xe(a,{as:"div",cellType:["group"],children:[Xe(T,{children:[N(a,{as:"div",cellType:["slot"],text:"26",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"27",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"28",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"29",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"30",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"31",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"01"})]}),Xe(T,{children:[Xe(a,{as:"div",cellType:["slot"],children:[N("span",{className:"k-link k-nav-day",children:"02"}),N(s,{className:"k-more-events",icon:"more-horizontal","aria-label":"Show more events"})]}),N(a,{as:"div",cellType:["slot"],text:"03"}),N(a,{as:"div",cellType:["slot"],text:"04"}),N(a,{as:"div",cellType:["slot"],text:"05"}),N(a,{as:"div",cellType:["slot"],text:"06"}),N(a,{as:"div",cellType:["slot"],text:"07"}),N(a,{as:"div",cellType:["slot"],text:"08"})]}),Xe(T,{children:[N(a,{as:"div",cellType:["slot"],text:"09"}),N(a,{as:"div",cellType:["slot"],text:"10"}),N(a,{as:"div",cellType:["slot"],text:"11"}),N(a,{as:"div",cellType:["slot"],text:"12"}),N(a,{as:"div",cellType:["slot"],text:"13"}),N(a,{as:"div",cellType:["slot"],text:"14"}),N(a,{as:"div",cellType:["slot"],text:"15"})]}),Xe(T,{children:[N(a,{as:"div",cellType:["slot"],text:"16"}),N(a,{as:"div",cellType:["slot"],text:"17"}),N(a,{as:"div",cellType:["slot"],text:"18"}),N(a,{as:"div",cellType:["slot"],text:"19"}),N(a,{as:"div",cellType:["slot"],text:"20"}),N(a,{as:"div",cellType:["slot"],text:"21"}),N(a,{as:"div",cellType:["slot"],text:"22"})]}),Xe(T,{children:[N(a,{as:"div",cellType:["slot"],text:"23"}),N(a,{as:"div",cellType:["slot"],text:"24"}),N(a,{as:"div",cellType:["slot"],text:"25"}),N(a,{as:"div",cellType:["slot"],text:"26"}),N(a,{as:"div",cellType:["slot"],text:"27"}),N(a,{as:"div",cellType:["slot"],text:"28"}),N(a,{as:"div",cellType:["slot"],text:"29"})]}),Xe(T,{children:[N(a,{as:"div",cellType:["slot"],text:"30"}),N(a,{as:"div",cellType:["slot"],text:"31"}),N(a,{as:"div",cellType:["slot"],text:"01",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"02",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"03",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"04",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"05",className:"k-other-month"})]})]})})}),N(Ce,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 1 Title"})})}),N(Ce,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",left:"141px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 2 Title"})})}),N(Ce,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"165px",left:"141px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 3 Title"})})}),N(Ce,{eventSuffix:null,resizable:"none",style:{top:"137px",left:"282px",width:"410px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 4 Title"})})})]})]}),...t});import{Fragment as Kf,jsx as L,jsxs as Vt}from"react/jsx-runtime";var Nd=({style:e,...t})=>L(q,{style:e,layout:"flex",view:"timeline",toolbar:Vt(ee,{children:[Vt(M,{className:"k-scheduler-navigation",children:[L(s,{className:"k-group-start",children:"Today"}),L(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),L(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),L(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Friday, June 21, 2024"}),L("span",{className:"k-spacer"}),Vt(M,{className:"k-scheduler-views",children:[L(s,{className:"k-group-start",children:"Day"}),L(s,{children:"Week"}),L(s,{children:"Month"}),L(s,{selected:!0,children:"Timeline"}),L(s,{className:"k-group-end",children:"Agenda"})]})]}),footer:L(ee,{footer:!0,children:L(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:Vt(Kf,{children:[L(pe,{as:"div",style:{width:"1874px"},children:L(G,{children:Vt(T,{children:[L(Eo,{children:L(a,{as:"div",cellType:["side"],style:{minWidth:"72px"}})}),Vt(a,{as:"div",cellType:["group"],children:[L(T,{children:L(a,{as:"div",cellType:["heading"],text:"June 21"})}),Vt(T,{children:[L(a,{as:"div",cellType:["heading"],children:"8:00 AM"}),L(a,{as:"div",cellType:["heading"],children:"9:00 AM"}),L(a,{as:"div",cellType:["heading"],children:"10:00 AM"}),L(a,{as:"div",cellType:["heading"],children:"11:00 AM"}),L(a,{as:"div",cellType:["heading"],children:"12:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"1:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"2:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"3:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"4:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"5:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"6:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"7:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"8:00 PM"})]})]})]})})}),L(ie,{as:"div",style:{width:"1874px",minHeight:"100px"},children:L(G,{children:Vt(T,{children:[L(Eo,{children:L(a,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"72px"},children:"All events"})}),L(a,{as:"div",cellType:["group"],children:Vt(T,{children:[L(a,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),L(a,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]})]})})]})})})]}),...t});import{Fragment as f9,jsx as b9,jsxs as h9}from"react/jsx-runtime";import{Fragment as N9,jsx as k9,jsxs as S9}from"react/jsx-runtime";import{Fragment as A9,jsx as L9,jsxs as E9}from"react/jsx-runtime";import{Fragment as K9,jsx as P9,jsxs as D9}from"react/jsx-runtime";import{Fragment as Uf,jsx as so}from"react/jsx-runtime";var Hf=q.options,_f=q.states,Td={...q.defaultOptions,variant:"day"},zf=[{name:"day",title:"Day View"},{name:"week",title:"Week View"},{name:"month",title:"Month View"},{name:"timeline",title:"Timeline View"},{name:"agenda",title:"Agenda View"}],Gf=[{name:"footer",title:"Footer"}],va=e=>{let{variant:t,modifiers:o,...l}={...Td,...e},r=so(Uf,{children:so(ee,{footer:!0,children:so(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})})}),d={footer:r};switch(Object.keys(o||{}).forEach(u=>{u==="footer"&&(d.footer=o?.[u]?r:void 0)}),t){case"agenda":return so(gd,{style:{height:"350px",width:"100%"},...l,...d});case"timeline":return so(Nd,{style:{height:"350px",width:"100%"},...l,...d});case"month":return so(Sd,{style:{height:"350px",width:"100%"},...l,...d});case"week":return so(qi,{style:{height:"350px",width:"100%"},...l,...d});default:return so(Ji,{style:{height:"350px",width:"100%"},...l,...d})}};va.options=Hf;va.states=_f;va.variants=zf;va.defaultOptions=Td;va.modifiers=Gf;va.className=q.className;import{Fragment as Ff,jsx as P,jsxs as Me}from"react/jsx-runtime";var gd=({style:e,...t})=>P(q,{style:e,layout:"flex",view:"agenda",toolbar:Me(ee,{children:[Me(M,{className:"k-scheduler-navigation",children:[P(s,{className:"k-group-start",children:"Today"}),P(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),P(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),P(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/24/2024 - 6/25/2024"}),P("span",{className:"k-spacer"}),Me(M,{className:"k-scheduler-views",children:[P(s,{className:"k-group-start",children:"Day"}),P(s,{children:"Week"}),P(s,{children:"Month"}),P(s,{children:"Timeline"}),P(s,{className:"k-group-end",selected:!0,children:"Agenda"})]})]}),children:Me(Ff,{children:[P(pe,{as:"div",role:"rowgroup",children:P(G,{orientation:"vertical",role:"presentation",children:P(T,{role:"presentation",children:P(a,{as:"div",className:"k-group-content",role:"presentation",children:Me(T,{role:"row",children:[P(a,{as:"div",cellType:["heading","group"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"columnheader",children:"Date"}),P(a,{as:"div",cellType:["heading","group"],className:"k-scheduler-timecolumn",style:{minWidth:"595px"},role:"columnheader",children:"Time"}),P(a,{as:"div",cellType:["heading","group"],className:"k-scheduler-eventcolumn",style:{minWidth:"168px"},role:"columnheader",children:"Event"})]})})})})}),P(ie,{as:"div",role:"rowgroup",children:Me(G,{orientation:"vertical",role:"presentation",children:[Me(T,{className:"k-scheduler-content",role:"row",children:[P(a,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:Me("div",{children:[P("strong",{className:"k-scheduler-agendaday",children:"25"}),P("em",{className:"k-scheduler-agendaweek",children:"Monday"}),P("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),Me(a,{as:"div",className:"k-group-content",role:"gridcell",children:[Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"11:30 AM-1:00 PM"})}),P(a,{as:"div",children:P(ot,{text:"Task 1 Title",closable:!0})})]}),Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"12:45 PM-2:30 PM"})}),P(a,{as:"div",children:P(ot,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"all day"})}),P(a,{as:"div",children:P(ot,{text:"Task 3 Title",closable:!0})})]})]})]}),Me(T,{className:"k-scheduler-content",role:"row",children:[P(a,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:Me("div",{children:[P("strong",{className:"k-scheduler-agendaday",children:"25"}),P("em",{className:"k-scheduler-agendaweek",children:"Tuesday"}),P("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),Me(a,{as:"div",className:"k-group-content",role:"gridcell",children:[Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"9:30 AM-11:00 AM"})}),P(a,{as:"div",children:P(ot,{text:"Task 1 Title",closable:!0})})]}),Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"3:00 PM-4:30 PM"})}),P(a,{as:"div",children:P(ot,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"6:00 PM-7:00 PM"})}),P(a,{as:"div",children:P(ot,{text:"Task 3 Title",closable:!0})})]})]})]})]})})]}),...t});export{gd as SchedulerFlexAgenda};
|
|
1
|
+
var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 P=(e,t)=>n({[`${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"}),H=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:u,active:m,selected:f,disabled:x,indeterminate:y,loading:k,empty:h,readonly:E,highlighted:T,...B}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":u,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":y&&!u,"k-loading":k,"k-empty":h,"k-readonly":E,"k-highlighted":T},Object.keys(B).reduce((_,I)=>(I.startsWith("k-")?_[I]=B[I]:_[`k-${I}`]=B[I],_),{}))};function yn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},C={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},S={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},c={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 zl={};function W(e){return zl[e]=(zl[e]||0)+1,`k-${e}-${zl[e]}`}import{Fragment as Gd,jsx as kn}from"react/jsx-runtime";var Gl="k-font-icon",Hd=[],_d={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},zd={},ka=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...u}=e;return a?kn("span",{...u,className:n(e.className,Gl,P(Gl,{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"}):kn(Gd,{})};ka.states=Hd;ka.options=_d;ka.className=Gl;ka.defaultOptions=zd;var Sn=ka;import{Fragment as Wd,jsx as Za}from"react/jsx-runtime";var Ul="k-svg-icon",Ud=[],Fd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},Nn={viewBox:"0 0 24 24"},Sa=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Nn.viewBox,icon:u,...m}=e;if(!u)return Za(Wd,{});if(u==="none")return Za("span",{...m,className:n(e.className,Ul,P("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof u=="object"&&u.name&&u.name;return Za("span",{...m,className:n(e.className,Ul,P("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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:Za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:s,dangerouslySetInnerHTML:typeof u=="object"?{__html:u.content}:void 0,children:u?void 0:e.children})})};Sa.states=Ud;Sa.options=Fd;Sa.className=Ul;Sa.defaultOptions=Nn;var Fl=Sa;import*as Wl from"@progress/kendo-svg-icons";var gn="icon",Tn="icons";import{useContext as $d}from"react";import{createContext as Vd}from"react";var wn=Vd({iconsType:"svg"});import{Fragment as Mn,jsx as Na}from"react/jsx-runtime";var ja="k-icon",Xd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Jd=[],qd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},Vl={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=$d(wn),{size:o,themeColor:a,icon:r,type:s=t||Vl.type,rotate:u,flip:m,viewBox:f=Vl.viewBox,...x}=e;if(!r)return Na(Mn,{});if((t||s)==="svg"){if(r==="none")return Na(Fl,{...x,className:n(e.className,ja),icon:r,size:o});let k=Wl[r]?r:Xd(`${r}-icon`);return Wl[k]?Na(Fl,{...x,className:n(e.className,ja),icon:Wl[k],size:o,themeColor:a,rotate:u,flip:m,viewBox:f}):Na(Mn,{})}return Na(Sn,{...x,className:n(e.className,ja),icon:r,size:o,themeColor:a,rotate:u,flip:m})};L.states=Jd;L.options=qd;L.defaultOptions=Vl;L.className=ja;L.moduleName=gn;L.folderName=Tn;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 $l=L;var Xl="button",Ln=Xl;import{Fragment as jd,jsx as ga,jsxs as En}from"react/jsx-runtime";var Ta="k-button",Yd=["icon-button"],Qd=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],Zd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},Jl={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:u=Jl.showArrow,arrowIconName:m=Jl.arrowIconName,variant:f,hover:x,focus:y,active:k,selected:h,disabled:E,togglable:T,ariaDisabled:B,icon:_,text:I,iconClassName:V,className:ie,...Ce}=e,Ae=_!==void 0,Te=e.children!==void 0;return En(t,{className:n(ie,Ta,yn(Ta,f),P(Ta,{size:o,rounded:a,fillMode:r,themeColor:s}),H(Ta,{hover:x,focus:y,active:k,disabled:E||B,selected:h}),{"k-icon-button":!I&&!Te&&Ae}),...Ce,"aria-pressed":T?h?"true":"false":void 0,"aria-disabled":B?"true":void 0,disabled:E||void 0,children:[_&&ga(L,{className:n(V,"k-button-icon"),icon:_}),I?En(jd,{children:[I&&ga("span",{className:"k-button-text",children:I}),e.children]}):e.children&&ga("span",{className:"k-button-text",children:e.children}),u&&ga("span",{className:"k-menu-button-arrow k-button-arrow",children:ga(L,{icon:m})})]})};d.states=Qd;d.options=Zd;d.variants=Yd;d.className=Ta;d.defaultOptions=Jl;d.moduleName=Xl;d.folderName=Ln;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."}]};import{jsx as ec}from"react/jsx-runtime";var qt=e=>ec(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as tc}from"react/jsx-runtime";var wa=e=>tc(d,{icon:"folder",children:"Button",...e});import{jsx as oc}from"react/jsx-runtime";var uo=e=>oc(d,{children:"Button",...e});import{jsx as ql}from"react/jsx-runtime";var ac=d.options,lc=d.states,rc={...d.defaultOptions,variant:"text"},nc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sc=[],Eo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ql(qt,{...o,icon:"star"});case"icon-and-text":return ql(wa,{...o,icon:"star",children:"Button"});default:return ql(uo,{...o,children:"Button"})}};Eo.options=ac;Eo.states=lc;Eo.variants=nc;Eo.defaultOptions=rc;Eo.modifiers=sc;Eo.className=d.className;var Yl="button",An=Yl;import{jsx as pc}from"react/jsx-runtime";var Ma="k-button-group",ic=[c.disabled],dc={fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},cc={},R=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return pc("div",{role:"group",...r,className:n(e.className,Ma,P(Ma,{fillMode:t}),H(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};R.states=ic;R.options=dc;R.className=Ma;R.defaultOptions=cc;R.moduleName=Yl;R.folderName=An;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."}]};import{Fragment as NC,jsx as SC,jsxs as gC}from"react/jsx-runtime";import{Fragment as AC,jsx as EC,jsxs as RC}from"react/jsx-runtime";import{Fragment as KC,jsx as DC,jsxs as HC}from"react/jsx-runtime";import{Fragment as WC,jsx as FC,jsxs as VC}from"react/jsx-runtime";import{Fragment as QC,jsx as YC,jsxs as ZC}from"react/jsx-runtime";import{Fragment as lv,jsx as av,jsxs as rv}from"react/jsx-runtime";import{jsx as Ht,jsxs as Ql}from"react/jsx-runtime";var uc={...d.options,...R.options},mc=d.states,bc={...d.defaultOptions,...R.defaultOptions,variant:"text-button"},hc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],fc=[],Ao=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ql(R,{fillMode:a.fillMode,className:o,children:[Ht(d,{...a,icon:"star"}),Ht(d,{...a,icon:"star"}),Ht(d,{...a,icon:"star"})]}):t==="icon-text-button"?Ql(R,{fillMode:a.fillMode,className:o,children:[Ht(d,{...a,icon:"star",children:"First"}),Ht(d,{...a,icon:"star",children:"Middle"}),Ht(d,{...a,icon:"star",children:"Last"})]}):Ql(R,{fillMode:a.fillMode,className:o,children:[Ht(d,{...a,children:"First"}),Ht(d,{...a,children:"Middle"}),Ht(d,{...a,children:"Last"})]})};Ao.options=uc;Ao.states=mc;Ao.variants=hc;Ao.defaultOptions=bc;Ao.modifiers=fc;Ao.className=R.className;var Zl="segmented-control",Rn=Zl,In="segmented-control-button",On="segmented-control";import{jsx as vc,jsxs as yc}from"react/jsx-runtime";var el="k-segmented-control",xc=[],Cc={size:[p.undefined,p.small,p.medium,p.large]},de=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return yc("div",{...s,className:n(e.className,el,P(el,{size:t}),{[`${el}-stretched`]:o}),role:"group",children:[vc("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};de.states=xc;de.options=Cc;de.className=el;de.moduleName=Zl;de.folderName=Rn;de.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};import{jsx as Bn,jsxs as gc}from"react/jsx-runtime";var jl="k-segmented-control-button",kc=[c.selected,c.hover,c.focus,c.disabled],Sc={},Nc={},K=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:u,iconClassName:m,...f}=e;return gc("button",{...f,className:n(e.className,jl,H(jl,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&Bn(L,{className:n(m,"k-segmented-control-button-icon"),icon:s}),(u||e.children)&&Bn("span",{className:"k-segmented-control-button-text",children:u||e.children})]})};K.states=kc;K.options=Sc;K.className=jl;K.defaultOptions=Nc;K.moduleName=In;K.folderName=On;import{Fragment as Pv,jsx as Bv,jsxs as Dv}from"react/jsx-runtime";import{Fragment as Uv,jsx as Gv,jsxs as Fv}from"react/jsx-runtime";import{Fragment as qv,jsx as Jv,jsxs as Yv}from"react/jsx-runtime";import{Fragment as oy,jsx as ty,jsxs as ay}from"react/jsx-runtime";import{Fragment as dy,jsx as iy,jsxs as cy}from"react/jsx-runtime";import{Fragment as Ty,jsx as Ny,jsxs as gy}from"react/jsx-runtime";var Z="scheduler",ee=Z;import{jsx as Lc}from"react/jsx-runtime";var Pn="k-scheduler-layout",Tc=[],wc={},Mc={},mo=e=>{let{as:t="div",view:o,...a}=e,r=o==="agenda"?"grid":o==="year"?void 0:"none";return Lc(t,{...a,className:n(e.className,Pn,{[`k-scheduler-${o}view`]:o}),...r&&{role:r},children:e.children})};mo.states=Tc;mo.options=wc;mo.className=Pn;mo.defaultOptions=Mc;mo.moduleName=Z;mo.folderName=ee;var Dn=mo;import{jsx as Ic,jsxs as Oc}from"react/jsx-runtime";var Kn="k-scheduler",Ec=[],Ac={},Rc={},Y=e=>{let{view:t,toolbar:o,footer:a,layout:r,...s}=e;return Oc("div",{...s,className:n(e.className,Kn),role:"application",children:[o,Ic(Dn,{className:n({"k-scheduler-layout-flex":r==="flex"}),as:r==="table"?"table":"div",view:t,children:e.children}),a]})};Y.states=Ec;Y.options=Ac;Y.className=Kn;Y.defaultOptions=Rc;Y.moduleName=Z;Y.folderName=ee;Y.ariaSpec={selector:".k-scheduler",rules:[{selector:".k-scheduler",attribute:"role=application",usage:"Specifies the role of the component."},{selector:".k-scheduler-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: sets the component role."},{selector:".k-scheduler-toolbar",attribute:"aria-label or title",usage:"Follows Toolbar spec: each toolbar must have a label specifying its purpose."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-caret-alt-left"])',attribute:"aria-label",usage:"Required as the previous navigation button contains only an icon (no text)."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-caret-alt-right"])',attribute:"aria-label",usage:"Required as the next navigation button contains only an icon (no text)."},{selector:".k-nav-current",attribute:"aria-live=polite",usage:"The new date of the Scheduler view will be announced upon navigation to a new time span or view type."},{selector:".k-views-dropdown",attribute:"aria-label",usage:"The <select> element visible on the toolbar on small screens must have its aria-label set."},{selector:".k-scheduler-views",attribute:"role=group",usage:"Follows SegmentedControl spec: sets the proper role for the group of view buttons."},{selector:".k-scheduler-views .k-segmented-control-button",attribute:"aria-pressed (when selected)",usage:"Follows SegmentedControl spec: specifies the current state of the view SegmentedControl. Only the selected button within the group will have this attribute set to true."},{selector:".k-scheduler-agendaview",attribute:"role=grid",usage:"The main table of the Agenda view must indicate it is a Data Grid."},{selector:".k-scheduler-agendaview>tbody",attribute:"role=none/presentation",usage:"The <tbody> element must have its semantics removed."},{selector:".k-scheduler-agendaview .k-scheduler-table",attribute:"role=none/presentation",usage:"Inner <table> elements within the Agenda Scheduler must have their semantic role removed."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody",attribute:"role=rowgroup",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr",attribute:"role=row",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr>th",attribute:"role=columnheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-content tr .k-selected",attribute:"aria-selected",usage:"Used to signify the currently selected row in Agenda view."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-groupcolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-datecolumn",attribute:"role=rowheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn+td",attribute:"role=gridcell",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-dayview,.k-scheduler-weekview,.k-scheduler-monthview,.k-scheduler-timelineview",attribute:"role=none/presentation",usage:"All <table> elements within the Scheduler must have their semantic role removed."},{selector:".k-scheduler-times .k-scheduler-table",attribute:"role=none/presentation",usage:"Times sidebar tables must have their semantics removed. The role propagates to child th/tr elements, resolving empty-table-header violations."},{selector:".k-event",attribute:"role=button",usage:"Indicating that the event element is interactive."},{selector:".k-event",attribute:"aria-label",usage:"Label containing the title, start, and end date of the appointment."},{selector:".k-scheduler-layout:not(.k-scheduler-agendaview) .k-scheduler-content",attribute:"tabindex=0",usage:"Scrollable elements need to be focusable to ensure scrolling with arrow keys is available (does not apply to agenda view)."}]};import{jsx as Hn}from"react/jsx-runtime";var _n="k-scheduler-header",wt=e=>Hn("div",{...e,className:n(_n,e.className),children:Hn("div",{className:"k-scheduler-header-wrap",children:e.children})});wt.className=_n;wt.moduleName=Z;wt.folderName=ee;import{jsx as Bc}from"react/jsx-runtime";var zn="k-scheduler-content",Mt=e=>Bc("div",{...e,className:n(zn,e.className),children:e.children});Mt.className=zn;Mt.moduleName=Z;Mt.folderName=ee;import{jsx as Pc}from"react/jsx-runtime";var Gn="k-scheduler-times",Yt=e=>Pc("div",{...e,className:n(Gn,e.className),children:e.children});Yt.className=Gn;Yt.moduleName=Z;Yt.folderName=ee;import{jsx as Dc}from"react/jsx-runtime";var Un="k-scheduler-table",Lt=e=>Dc("table",{...e,className:n(Un,e.className),children:e.children});Lt.className=Un;Lt.moduleName=Z;Lt.folderName=ee;import{jsx as Fn}from"react/jsx-runtime";var Wn="k-scheduler-cell",Kc=[],Hc={},_c={},l=e=>{let{cellType:t,allDay:o,text:a,colspan:r,rowspan:s,as:u="div",...m}=e,f=a||e.children,x=!a&&!e.children,y=u==="th"&&x&&!m.role?"presentation":void 0;return Fn(u,{...m,colSpan:r,rowSpan:s,...y&&{role:y},className:n(Wn,e.className,{"k-scheduler-times-all-day":o},t?.map(k=>({[`k-${k}-cell`]:!0}))),children:!o&&a?Fn("span",{className:"k-link k-nav-day",children:f}):f})};l.states=Kc;l.options=Hc;l.defaultOptions=_c;l.className=Wn;l.moduleName=Z;l.folderName=ee;import{jsx as zc}from"react/jsx-runtime";var Vn="k-sticky-cell",Ro=e=>zc("div",{...e,className:n(Vn,e.className),children:e.children});Ro.className=Vn;Ro.moduleName=Z;Ro.folderName=ee;import{jsx as Gc}from"react/jsx-runtime";var $n="k-scheduler-row",g=e=>Gc("div",{...e,className:n($n,e.className),children:e.children});g.className=$n;g.moduleName=Z;g.folderName=ee;var La="input",al=La;import{jsx as Vc}from"react/jsx-runtime";var ll="k-input",Uc=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Fc={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Wc={},ve=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:m,size:f,rounded:x,fillMode:y,...k}=e;return Vc("span",{...k,className:n(e.className,ll,P(ll,{size:f,rounded:x,fillMode:y}),H(ll,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:m}))})};ve.states=Uc;ve.options=Fc;ve.className=ll;ve.defaultOptions=Wc;ve.moduleName=La;ve.folderName=al;import{jsx as qc}from"react/jsx-runtime";var rl="k-picker",$c=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Xc={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Jc={},Et=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:m,size:f,rounded:x,fillMode:y,...k}=e;return qc("span",{...k,className:n(e.className,rl,P(rl,{size:f,rounded:x,fillMode:y}),H(rl,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:m})),children:e.children})};Et.states=$c;Et.options=Xc;Et.className=rl;Et.defaultOptions=Jc;Et.moduleName=La;Et.folderName=al;import{Fragment as Zc,jsx as er}from"react/jsx-runtime";var Xn="k-clear-value",Yc=[c.disabled,c.loading,c.readonly],Qc={},Qe=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?er(Zc,{}):er("span",{className:n(e.className,Xn),children:er(L,{icon:"x"})})};Qe.states=Yc;Qe.options=Qc;Qe.className=Xn;import{jsx as tp}from"react/jsx-runtime";var tr="k-input-inner",jc=[],ep={},nl={type:"text",autocomplete:"off",value:"",placeholder:""},Ze=e=>{let{value:t=nl.value,type:o=nl.type,placeholder:a=nl.placeholder,autocomplete:r=nl.autocomplete,disabled:s,readOnly:u,...m}=e;return tp("input",{...m,type:o,className:n(e.className,tr,P(tr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:u||void 0})};Ze.states=jc;Ze.options=ep;Ze.className=tr;import{jsx as Jn,jsxs as lp}from"react/jsx-runtime";var or="k-input-inner",op=[],ap={},bo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...u}=e;return lp("span",{...u,className:n(e.className,or,P(or,e)),children:[r,!r&&s&&Jn(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Jn("span",{className:"k-input-value-text",children:t})]})};bo.states=op;bo.options=ap;bo.className=or;import{jsx as sp}from"react/jsx-runtime";var ar="k-input-inner",rp=[],np={},qn={value:"",placeholder:""},lr=e=>{let{value:t=qn.value,placeholder:o=qn.placeholder,rows:a,disabled:r,...s}=e;return sp("textarea",{...s,className:n(e.className,ar,P(ar,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};lr.states=rp;lr.options=np;lr.className=ar;import{Fragment as dp,jsx as Yn}from"react/jsx-runtime";var Qn="k-input-loading-icon",ip=[c.disabled,c.loading],Xe=e=>{let{disabled:t,loading:o}=e;return t||!o?Yn(dp,{}):Yn("span",{className:n(e.className,Qn,"k-icon k-i-loading")})};Xe.states=ip;Xe.className=Qn;import{Fragment as up,jsx as Zn}from"react/jsx-runtime";var jn="k-input-validation-icon",cp=[c.valid,c.invalid,c.disabled,c.loading],pp={},ze=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?Zn(up,{}):Zn(L,{className:n(jn),icon:s})};ze.states=cp;ze.options=pp;ze.className=jn;import{Fragment as hp,jsx as es}from"react/jsx-runtime";var mp="k-input-prefix",bp={direction:"horizontal"},it=e=>{let{direction:t=bp.direction,...o}=e;return e.children?es("span",{...o,className:n(mp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):es(hp,{})};import{Fragment as Cp,jsx as ts}from"react/jsx-runtime";var fp="k-input-suffix",xp={direction:"horizontal"},dt=e=>{let{direction:t=xp.direction,...o}=e;return e.children?ts("span",{...o,className:n(fp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ts(Cp,{})};import{jsx as qk}from"react/jsx-runtime";import{jsx as yp}from"react/jsx-runtime";var vp="k-input-suffix-text",rr=e=>{let{children:t,...o}=e;return yp("span",{...o,className:n(vp,e.className),children:t})};import{jsx as Sp}from"react/jsx-runtime";var os="k-input-separator",kp={direction:"vertical"},ct=e=>{let{direction:t=kp.direction,...o}=e;return Sp("span",{...o,className:n(os,e.className,{[`${os}-${t}`]:t})})};import{Fragment as as,jsx as At,jsxs as nr}from"react/jsx-runtime";var Np=ve.states,gp=ve.defaultOptions,Tp=ve.options,wp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Mp=[],Io=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:u,...m}=e,f=t?.prefix,x=t?.suffix,y=t?.["clear-button"],k=t?.["validation-icon"],h=t?.separators;return nr(ve,{...m,valid:o,invalid:a,loading:r,disabled:s,readonly:u,style:{width:300},children:[f&&nr(as,{children:[At(it,{children:At(L,{icon:"lock"})}),h&&At(ct,{})]}),At(Ze,{placeholder:"Placeholder",value:"Value"}),k&&At(ze,{valid:o,invalid:a,loading:r,disabled:s}),At(Xe,{loading:r,disabled:s}),y&&At(Qe,{loading:r,disabled:s,readonly:u,value:"Value"}),x&&nr(as,{children:[h&&At(ct,{}),At(dt,{children:At(uo,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Io.options=Tp;Io.states=Np;Io.variants=Mp;Io.defaultOptions=gp;Io.modifiers=wp;Io.className=ve.className;import{jsx as ls,jsxs as Ap}from"react/jsx-runtime";var rs="k-color-preview",Lp=[],Ep={},Qt=e=>{let{color:t,iconName:o,...a}=e;return Ap("span",{...a,className:n(e.className,rs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ls(L,{icon:o,className:"k-color-preview-icon"}),ls("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Qt.states=Lp;Qt.options=Ep;Qt.className=rs;var sr="popup",ns=sr;import{jsx as ss}from"react/jsx-runtime";var is="k-animation-container",Rp=[],Ip={},ds={positionMode:"absolute"},Rt=e=>{let{positionMode:t=ds.positionMode,animationStyle:o,offset:a,...r}=e;return ss("div",{...r,style:{...a,...e.style},className:n(e.className,is,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ss("div",{className:"k-child-animation-container",style:o,children:e.children})})};Rt.states=Rp;Rt.options=Ip;Rt.className=is;Rt.defaultOptions=ds;Rt.moduleName=sr;Rt.folderName=ns;var ir="popup",cs=ir;import{jsx as ps}from"react/jsx-runtime";var us="k-popup",Op=[],Bp={},ms={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=ms.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:u,...m}=e;return ps(Rt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":u,children:ps("div",{...m,className:n(e.className,us),children:e.children})})};pe.states=Op;pe.options=Bp;pe.className=us;pe.defaultOptions=ms;pe.moduleName=ir;pe.folderName=cs;pe.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 dr="action-buttons",bs=dr;import{jsx as Kp}from"react/jsx-runtime";var sl="k-actions",Pp=[],Dp={},cr={alignment:"start",orientation:"horizontal"},It=e=>{let{alignment:t=cr.alignment,orientation:o=cr.orientation,...a}=e;return Kp("div",{...a,className:n(sl,{[`${sl}-${t}`]:t,[`${sl}-${o}`]:o},e.className),children:e.children})};It.states=Pp;It.options=Dp;It.className=sl;It.defaultOptions=cr;It.moduleName=dr;It.folderName=bs;import{jsx as _p}from"react/jsx-runtime";var Hp="k-actionsheet-footer",hs={alignment:"stretched",orientation:"horizontal"},Zt=e=>{let{alignment:t=hs.alignment,orientation:o=hs.orientation,template:a,as:r=a?"div":It,...s}=e;return _p(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Hp),children:e.children})};var pr="searchbox",fs=pr;import{jsx as Ea,jsxs as Up}from"react/jsx-runtime";var xs="k-searchbox",zp=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading],Gp={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},ur={showIcon:!0,icon:"search"},pt=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:u,focus:m,valid:f,invalid:x,required:y,loading:k,disabled:h,showIcon:E=ur.showIcon,icon:T=ur.icon,"aria-label":B,..._}=e;return Up(ve,{..._,size:a,rounded:r,fillMode:s,hover:u,focus:m,valid:f,invalid:x,required:y,loading:k,disabled:h,className:n(e.className,xs),children:[E&&Ea(L,{className:"k-input-icon",icon:T}),Ea(Ze,{placeholder:o,value:t,"aria-label":B}),Ea(Xe,{...e}),Ea(ze,{...e}),Ea(Qe,{...e})]})};pt.states=zp;pt.options=Gp;pt.className=xs;pt.defaultOptions=ur;pt.moduleName=pr;pt.folderName=fs;import{jsx as yN}from"react/jsx-runtime";var mr="textbox",Cs=mr;import{Fragment as vs,jsx as jt,jsxs as br}from"react/jsx-runtime";var ys="k-textbox",Fp=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Wp={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},il={showClearButton:!0,showValidationIcon:!0,separators:!0},Re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=il.separators,showClearButton:s=il.showClearButton,showValidationIcon:u=il.showValidationIcon,prefix:m,suffix:f,type:x,value:y,placeholder:k,hover:h,focus:E,valid:T,invalid:B,required:_,loading:I,disabled:V,readonly:ie,id:Ce,"aria-label":Ae,"aria-describedby":Te,...Ye}=e;return br(ve,{...Ye,size:t,rounded:o,fillMode:a,hover:h,focus:E,valid:T,invalid:B,required:_,loading:I,disabled:V,readonly:ie,className:n(e.className,ys),children:[m&&br(vs,{children:[jt(it,{children:m}),r&&jt(ct,{})]}),jt(Ze,{id:Ce,placeholder:k,value:y,type:x,disabled:V,"aria-label":Ae,"aria-describedby":Te,"aria-invalid":B?"true":void 0}),u&&jt(ze,{valid:T,invalid:B,loading:I,disabled:V}),jt(Xe,{loading:I,disabled:V}),s&&jt(Qe,{loading:I,disabled:V,readonly:ie,value:y}),f&&br(vs,{children:[r&&jt(ct,{}),jt(dt,{children:f})]})]})};Re.states=Fp;Re.options=Wp;Re.className=ys;Re.defaultOptions=il;Re.moduleName=mr;Re.folderName=Cs;Re.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 Aa=Re;import{jsx as Vp}from"react/jsx-runtime";var ks=e=>Vp(Aa,{...e});import{Fragment as HN,jsx as KN}from"react/jsx-runtime";import{Fragment as WN,jsx as FN}from"react/jsx-runtime";import{jsx as JN}from"react/jsx-runtime";import{jsx as hr}from"react/jsx-runtime";var $p=Re.states,Xp=Re.defaultOptions,Jp=Re.options,qp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Yp=[],Oo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?hr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?hr(uo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),hr(ks,{value:"Value",style:{width:300},...o,...a})};Oo.options=Jp;Oo.states=$p;Oo.variants=Yp;Oo.defaultOptions=Xp;Oo.modifiers=qp;Oo.className=Re.className;import{jsx as eo,jsxs as fr}from"react/jsx-runtime";var Ss="k-actionsheet-titlebar",Qp={},Ge=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:u,inputValue:m,inputPlaceholder:f,adaptive:x,titleId:y,children:k,...h}=e;return fr("div",{...h,className:n(e.className,Ss),children:[fr("div",{className:"k-actionsheet-titlebar-group",children:[a&&eo("div",{className:"k-actionsheet-actions",children:a}),!k&&fr("div",{className:"k-actionsheet-title",id:y,children:[t&&eo("div",{className:"k-text-center",children:t}),o&&eo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&eo("div",{className:"k-actionsheet-title",id:y,children:k}),r&&eo("div",{className:"k-actionsheet-actions",children:r})]}),(u||s)&&eo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?eo(Re,{value:m,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):eo(pt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Ge.className=Ss;Ge.defaultOptions=Qp;import{jsx as xr,jsxs as tu}from"react/jsx-runtime";var Cr="k-actionsheet-view",Zp=[],jp={},eu={},Bo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:u,...m}=e,f=r?.type===Ge&&xr(Ge,{adaptive:t,titleId:u,...r?.props}),x=s?.type===Zt&&xr(Zt,{...s?.props});return tu("div",{...m,className:n(e.className,Cr,{[`${Cr}-animated`]:o}),children:[f,xr("div",{className:"k-actionsheet-content",children:a}),x]})};Bo.states=Zp;Bo.options=jp;Bo.className=Cr;Bo.defaultOptions=eu;var Ra="action-sheet",dl=Ra;var vr="overlay",Ns=vr;import{jsx as ru}from"react/jsx-runtime";var yr="k-overlay",ou=[],au={themeColor:[S.undefined,S.light,S.dark,S.inverse]},lu={},to=e=>{let{themeColor:t,...o}=e;return ru("div",{...o,className:n(e.className,yr,P(yr,{themeColor:t})),children:e.children})};to.states=ou;to.options=au;to.className=yr;to.defaultOptions=lu;to.moduleName=vr;to.folderName=Ns;import{jsx as cl,jsxs as iu}from"react/jsx-runtime";var gs="k-actionsheet",nu=[],su={},Ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},he=e=>{let{side:t=Ia.side,fullscreen:o=Ia.fullscreen,adaptive:a=Ia.adaptive,overlay:r=Ia.overlay,template:s,children:u,header:m,footer:f,id:x,...y}=e,k=x&&!s&&m?`${x}-title`:void 0;return iu("div",{className:"k-actionsheet-container",children:[r&&cl(to,{}),cl(Rt,{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:cl("div",{...y,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,gs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||cl(Bo,{header:m,footer:f,adaptive:a,titleId:k,...e,children:u})})})]})};he.states=nu;he.options=su;he.className=gs;he.defaultOptions=Ia;he.moduleName=Ra;he.folderName=dl;he.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as uu}from"react/jsx-runtime";var Ts="k-actionsheet-container",du=[],cu={},pu={},Po=e=>{let{children:t,...o}=e;return uu("div",{...o,className:Ts,children:t})};Po.states=du;Po.options=cu;Po.className=Ts;Po.defaultOptions=pu;Po.moduleName=Ra;Po.folderName=dl;import{jsx as mu}from"react/jsx-runtime";var kr=e=>{let{...t}=e;return mu("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as hu,jsx as Oa,jsxs as Sr}from"react/jsx-runtime";var Nr="k-actionsheet-item",bu=[c.hover,c.focus,c.selected,c.disabled],oo=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:u,disabled:m,...f}=e;return Sr("span",{...f,className:n(e.className,Nr,H(Nr,{hover:r,focus:s,selected:u,disabled:m})),children:[!e.children&&Oa(hu,{children:Sr("span",{className:"k-actionsheet-action",children:[t&&Oa("span",{className:"k-icon-wrap",children:Oa(L,{className:"k-actionsheet-item-icon",icon:t})}),Sr("span",{className:"k-actionsheet-item-text",children:[o&&Oa("span",{className:"k-actionsheet-item-title",children:o}),a&&Oa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};oo.states=bu;oo.className=Nr;import{jsx as Xg,jsxs as Jg}from"react/jsx-runtime";import{jsx as Zg}from"react/jsx-runtime";import{jsx as oT}from"react/jsx-runtime";import{jsx as nT}from"react/jsx-runtime";import{jsx as Ie,jsxs as gr}from"react/jsx-runtime";var fu=he.options,xu=he.states,Ms={...he.defaultOptions,variant:"normal"},Cu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],vu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Do=e=>{let{variant:t,modifiers:o,...a}={...Ms,...e},r={},s=gr(kr,{children:[Ie(oo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ie(oo,{text:"Add to Favorites",iconName:"heart"}),Ie(oo,{text:"Upload New",iconName:"upload",disabled:!0}),Ie("hr",{className:"k-hr"}),Ie(oo,{text:"Cancel",iconName:"cancel"})]}),u="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?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?u:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?Ie(he,{...a,adaptive:!0,fullscreen:r.fullScreen,header:Ie(Ge,{actionsStart:r.actionsStart?Ie(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?Ie(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:r.subtitle}),footer:r.footer?gr(Zt,{alignment:"stretched",children:[Ie(d,{text:"Cancel",size:"large",themeColor:"base"}),Ie(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Ie(he,{...a,fullscreen:r.fullScreen,header:Ie(Ge,{actionsStart:r.actionsStart?Ie(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?Ie(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?gr(Zt,{alignment:"stretched",children:[Ie(d,{text:"Apply",themeColor:"primary"}),Ie(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Do.options=fu;Do.states=xu;Do.variants=Cu;Do.defaultOptions=Ms;Do.modifiers=vu;Do.className=he.className;var Tr="slider",Ls=Tr;import{jsx as Ko,jsxs as wr}from"react/jsx-runtime";var Ba="k-slider",yu=[c.hover,c.focus,c.active,c.disabled,c.readonly],ku={},ut={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},se=e=>{let{type:t=ut.type,orientation:o=ut.orientation,gradientType:a=ut.gradientType,readonly:r=ut.readonly,disabled:s=ut.disabled,handlePosition:u=ut.handlePosition,showButtons:m=ut.showButtons,showTicks:f=ut.showTicks,value:x=ut.value,min:y=ut.min,max:k=ut.max,startValue:h,endValue:E,hover:T,focus:B,active:_,trackStyle:I,dir:V,...ie}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Te,Ye;return o==="horizontal"?(Te=V==="rtl"?"caret-alt-left":"caret-alt-right",Ye=V==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Te="caret-alt-up",Ye="caret-alt-down"),wr("div",{...ie,className:n(Ba,e.className,H(Ba,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:V,children:[m&&Ko(d,{className:"k-button-decrease",rounded:"full",icon:Ye,tabIndex:-1,title:"Decrease"}),wr("div",{className:"k-slider-track-wrap",children:[f&&Ko("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),wr("div",{className:"k-slider-track",style:I,children:[Ko("div",{className:"k-slider-selection"}),t==="range"&&Ko("span",{className:n("k-draghandle","k-draghandle-start",H(Ba,{hover:T,focus:B,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":h??y,"aria-valuemin":y,"aria-valuemax":E??k,"aria-orientation":Ae,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":ie["aria-label"]?`${ie["aria-label"]} start`:"Range start"}),Ko("span",{className:n("k-draghandle",`k-draghandle-${u}`,H(Ba,{hover:T,focus:B,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?E??k:x,"aria-valuemin":t==="range"?h??y:y,"aria-valuemax":k,"aria-orientation":Ae,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?ie["aria-label"]?`${ie["aria-label"]} end`:"Range end":ie["aria-label"]})]})]}),m&&Ko(d,{className:"k-button-increase",rounded:"full",icon:Te,tabIndex:-1,title:"Increase"})]})};se.states=yu;se.options=ku;se.className=Ba;se.defaultOptions=ut;se.moduleName=Tr;se.folderName=Ls;se.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."}]};import{jsx as Es}from"react/jsx-runtime";var As="k-tick",Su=[],Nu={},Rs={label:!1},z=e=>{let{style:t,label:o=Rs.label,orientation:a,large:r,text:s,...u}=e;return Es("li",{...u,role:"presentation",title:s||"Tick",className:n(e.className,As,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Es("span",{className:"k-label",children:s})})};z.states=Su;z.options=Nu;z.className=As;z.defaultOptions=Rs;import{Fragment as gu,jsx as mt,jsxs as Tu}from"react/jsx-runtime";var Is=e=>mt(se,{"aria-label":e["aria-label"]||"Slider",children:Tu(gu,{children:[mt(z,{className:"k-first",label:!0,large:!0,text:"0"}),mt(z,{}),mt(z,{}),mt(z,{}),mt(z,{}),mt(z,{label:!0,large:!0,text:"5"}),mt(z,{}),mt(z,{}),mt(z,{}),mt(z,{}),mt(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as wu,jsx as bt,jsxs as Mu}from"react/jsx-runtime";var Os=e=>bt(se,{children:Mu(wu,{children:[bt(z,{className:"k-first",label:!0,large:!0,text:"0"}),bt(z,{}),bt(z,{}),bt(z,{}),bt(z,{}),bt(z,{label:!0,large:!0,text:"5"}),bt(z,{}),bt(z,{}),bt(z,{}),bt(z,{}),bt(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as JT,jsx as XT,jsxs as qT}from"react/jsx-runtime";import{Fragment as ew,jsx as jT,jsxs as tw}from"react/jsx-runtime";import{jsx as Lu}from"react/jsx-runtime";var Mr=e=>Lu(se,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Eu}from"react/jsx-runtime";var Lr=e=>Eu(se,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as uw,jsx as pw,jsxs as mw}from"react/jsx-runtime";import{Fragment as Cw,jsx as xw,jsxs as vw}from"react/jsx-runtime";import{jsx as Ot,jsxs as Bs}from"react/jsx-runtime";var Au=se.options,Ru=se.states,Ps={...se.defaultOptions,variant:"horizontal",label:!0},Iu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ou=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ho=e=>{let{variant:t,modifiers:o,...a}={...Ps,...e},r={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!o?.[x];break}case"label":{r.label=!!o?.[x];break}case"tick":{r.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:u,showTicks:m}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Bs(Os,{showTicks:m,showButtons:u,style:{height:"300px",...f},...a,children:[Ot(z,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Ot(z,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Ot(z,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Ot(z,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Ot(z,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Bs(Is,{showTicks:m,showButtons:u,style:{width:"400px",...f},...a,children:[Ot(z,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Ot(z,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Ot(z,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Ot(z,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Ot(z,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ho.options=Au;Ho.states=Ru;Ho.variants=Iu;Ho.defaultOptions=Ps;Ho.modifiers=Ou;Ho.className=se.className;import{jsx as Ds,jsxs as Hu}from"react/jsx-runtime";var Ks="k-spin-button",Du=[],Ku={size:[p.undefined,p.small,p.medium,p.large],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},Er={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ao=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Er.increaseLabel,decreaseLabel:s=Er.decreaseLabel,...u}=e;return Hu("span",{...u,className:n(Ks,e.className),children:[Ds(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Ds(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};ao.states=Du;ao.options=Ku;ao.className=Ks;ao.defaultOptions=Er;ao.moduleName=null;ao.folderName=null;var Hs="numeric-textbox",_s="numerictextbox";import{Fragment as zs,jsx as _t,jsxs as Ar}from"react/jsx-runtime";var Gs="k-numerictextbox",_u=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],zu={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},pl={showSpinButton:!0,showClearButton:!0,separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=pl.separators,showClearButton:s=pl.showClearButton,showSpinButton:u=pl.showSpinButton,prefix:m,suffix:f,value:x,placeholder:y,hover:k,focus:h,valid:E,invalid:T,required:B,loading:_,disabled:I,readonly:V,id:ie,"aria-label":Ce,"aria-describedby":Ae,...Te}=e;return Ar(ve,{...Te,size:t,rounded:o,fillMode:a,hover:k,focus:h,valid:E,invalid:T,required:B,loading:_,disabled:I,readonly:V,className:n(e.className,Gs),children:[m&&Ar(zs,{children:[_t(it,{children:m}),r&&_t(ct,{})]}),_t(Ze,{id:ie,placeholder:y,value:x,role:"spinbutton",disabled:I,"aria-label":Ce,"aria-describedby":Ae,"aria-invalid":T?"true":void 0}),_t(ze,{valid:E,invalid:T,loading:_,disabled:I}),_t(Xe,{loading:_,disabled:I}),s&&_t(Qe,{loading:_,disabled:I,readonly:V,value:x}),f&&Ar(zs,{children:[r&&_t(ct,{}),_t(dt,{children:f})]}),u&&_t(ao,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};oe.states=_u;oe.options=zu;oe.className=Gs;oe.defaultOptions=pl;oe.moduleName=Hs;oe.folderName=_s;oe.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 Pa=oe;import{jsx as Gu}from"react/jsx-runtime";var Us=e=>Gu(Pa,{...e});import Ir from"react";import{jsx as Fs}from"react/jsx-runtime";var Uu="k-list-group-sticky-header",Rr=e=>Fs("div",{className:n(Uu,e.className),children:Fs("div",{className:"k-list-header-text",children:e.children})});import{jsx as Wu}from"react/jsx-runtime";var Fu="k-no-data",ul=e=>{let{live:t,...o}=e;return Wu("span",{...o,className:n(Fu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ho="list",_o=ho;import{jsx as Ws,jsxs as Vs}from"react/jsx-runtime";var Or="k-list",Vu=[],$u={size:[p.undefined,p.small,p.medium,p.large]},Xu={},Q=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:u,noData:m,screenReaders:f,...x}=e,k=Ir.Children.toArray(a)[0],h=k?.props?.children?Ir.Children.count(k.props.children):Ir.Children.count(a);return Vs("div",{...x,className:n(e.className,Or,P(Or,{size:t}),{"k-virtual-list":o}),children:[s,u,r&&Ws(Rr,{children:r}),a||(m!==void 0?m:Ws(ul,{live:!0,children:"No data found."})),f&&a&&Vs(ul,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};Q.states=Vu;Q.options=$u;Q.className=Or;Q.defaultOptions=Xu;Q.moduleName=ho;Q.folderName=_o;Q.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Qu}from"react/jsx-runtime";var $s="k-list-container",Ju=[],qu={},Yu={},zo=e=>{let{...t}=e;return Qu("div",{...t,className:n(e.className,$s),children:e.children})};zo.states=Ju;zo.options=qu;zo.className=$s;zo.defaultOptions=Yu;zo.moduleName=ho;zo.folderName=_o;var fo="checkbox",Go=fo;import{jsx as Xs}from"react/jsx-runtime";var ml="k-checkbox",Zu=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.checked,c.indeterminate],ju={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},em={},ht=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:u,invalid:m,valid:f,required:x,size:y,rounded:k,wrapperRole:h,...E}=e;return Xs("span",{className:"k-checkbox-wrap",role:h,children:Xs("input",{...E,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:u||void 0,"aria-invalid":m?"true":void 0,className:n(e.className,ml,P(ml,{size:y,rounded:k}),H(ml,{hover:r,focus:s,disabled:u,invalid:m,valid:f,indeterminate:a,checked:o}))})})};ht.states=Zu;ht.options=ju;ht.className=ml;ht.defaultOptions=em;ht.moduleName=fo;ht.folderName=Go;ht.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 kt=ht;import{jsx as am}from"react/jsx-runtime";var Js="k-checkbox-list",tm=[],om={},qs={layout:"vertical"},Ue=e=>{let{layout:t=qs.layout,...o}=e;return am("ul",{...o,className:n(e.className,Js,{[`k-list-${t}`]:t}),children:e.children})};Ue.states=tm;Ue.options=om;Ue.className=Js;Ue.defaultOptions=qs;Ue.moduleName=fo;Ue.folderName=Go;import{jsx as sm}from"react/jsx-runtime";var Ys="k-checkbox-list-item",lm=[],rm={},nm={},Fe=e=>{let{...t}=e;return sm("li",{...t,className:n(e.className,Ys),children:e.children})};Fe.states=lm;Fe.options=rm;Fe.className=Ys;Fe.defaultOptions=nm;Fe.moduleName=fo;Fe.folderName=Go;import{Fragment as im,jsx as Qs,jsxs as dm}from"react/jsx-runtime";var zt=({children:e="Label",id:t="cb-label-after",...o})=>dm(im,{children:[Qs(kt,{id:t,...o}),Qs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as FM,jsx as UM,jsxs as WM}from"react/jsx-runtime";import{Fragment as qM,jsx as JM,jsxs as YM}from"react/jsx-runtime";import{Fragment as tL,jsx as eL,jsxs as oL}from"react/jsx-runtime";import{jsx as nL}from"react/jsx-runtime";import{jsx as cL}from"react/jsx-runtime";import{jsx as bL}from"react/jsx-runtime";import{jsx as ft,jsxs as Zs}from"react/jsx-runtime";var cm=Ue.options,pm=Ue.states,um={...Ue.defaultOptions,variant:"vertical"},mm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],bm=[],Uo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Zs(Ue,{layout:"horizontal",...o,children:[ft(Fe,{children:ft(zt,{id:W("cb"),defaultChecked:!0,children:"Label"})}),ft(Fe,{children:ft(zt,{id:W("cb"),children:"Label"})}),ft(Fe,{children:ft(zt,{id:W("cb"),children:"Label"})})]}):Zs(Ue,{...o,children:[ft(Fe,{children:ft(zt,{id:W("cb"),defaultChecked:!0,children:"Label"})}),ft(Fe,{children:ft(zt,{id:W("cb"),children:"Label"})}),ft(Fe,{children:ft(zt,{id:W("cb"),children:"Label"})})]})};Uo.options=cm;Uo.states=pm;Uo.variants=mm;Uo.defaultOptions=um;Uo.modifiers=bm;Uo.className=Ue.className;import{jsx as ym}from"react/jsx-runtime";var hm=kt.options,fm=kt.states,xm=kt.defaultOptions,Cm=[],vm=[],Fo=e=>ym(zt,{id:W("checkbox"),...e,defaultChecked:!0,children:"Label"});Fo.options=hm;Fo.states=fm;Fo.variants=Cm;Fo.defaultOptions=xm;Fo.modifiers=vm;Fo.className=kt.className;import{jsx as xo,jsxs as gm}from"react/jsx-runtime";var Br="k-list-item",km=[c.hover,c.focus,c.selected,c.disabled],Sm={},Nm={},F=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:u,checked:m,hover:f,focus:x,selected:y,disabled:k,actions:h,description:E,id:T,...B}=e,_=t||e.children;return gm("li",{...B,id:T,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&y?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:n(e.className,a?"k-list-group-item":Br,H(Br,{hover:f,focus:x,disabled:k,selected:y})),children:[u&&xo(ht,{checked:m}),r&&xo("span",{className:"k-list-item-icon-wrapper",children:xo(L,{icon:r,className:n("k-list-item-icon",s)})}),xo("span",{className:"k-list-item-text",children:_}),h&&xo("div",{className:"k-list-item-actions",children:h}),E&&xo("span",{className:"k-list-item-description",children:E}),o&&o!==""&&xo("div",{className:"k-list-item-group-label",children:o})]})};F.states=km;F.options=Sm;F.className=Br;F.defaultOptions=Nm;F.moduleName=ho;F.folderName=_o;F.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as wm}from"react/jsx-runtime";var Tm="k-list-ul",Gt=e=>{let{children:t,role:o,id:a,...r}=e;return wm("ul",{...r,id:a,role:o,className:n(Tm,e.className),children:t})};Gt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Pr,jsxs as Lm}from"react/jsx-runtime";var Mm="k-list-content",ae=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...u}=e;return Lm("div",{...u,className:n(Mm,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:Pr(Gt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Pr("div",{className:"k-height-container",children:Pr("div",{})})]})};ae.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as l0,jsx as a0,jsxs as r0}from"react/jsx-runtime";import{jsx as Dr,jsxs as Am}from"react/jsx-runtime";var Em="k-list-group-item",Co=e=>{let{groupIconName:t,...o}=e;return Am("li",{...o,role:"presentation",className:n(Em,e.className),children:[t&&Dr("span",{className:"k-list-item-icon-wrapper",children:Dr(L,{icon:t,className:"k-list-item-icon"})}),Dr("span",{className:"k-list-item-text",children:e.children})]})};Co.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Bm}from"react/jsx-runtime";var Kr="k-list-optionlabel",Rm=[c.hover,c.focus,c.selected,c.disabled],Im={},Om={},bl=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...u}=e;return Bm("div",{...u,className:n(Kr,H(Kr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};bl.states=Rm;bl.options=Im;bl.className=Kr;bl.defaultOptions=Om;import{jsx as Hm}from"react/jsx-runtime";var Hr="k-list-custom-value",Pm=[c.hover,c.focus,c.selected,c.disabled],Dm={},Km={},lo=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...u}=e;return Hm("div",{...u,className:n(Hr,H(Hr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};lo.states=Pm;lo.options=Dm;lo.className=Hr;lo.defaultOptions=Km;import{Fragment as k0,jsx as y0,jsxs as S0}from"react/jsx-runtime";import{Fragment as L0,jsx as M0,jsxs as E0}from"react/jsx-runtime";import{Fragment as D0,jsx as B0,jsxs as P0}from"react/jsx-runtime";import{Fragment as F0,jsx as G0,jsxs as U0}from"react/jsx-runtime";import{jsx as X0}from"react/jsx-runtime";import{Fragment as j0,jsx as Z0,jsxs as eE}from"react/jsx-runtime";var js="dropdown-list",ei="dropdownlist";import{Fragment as Gm,jsx as We,jsxs as _r}from"react/jsx-runtime";var ti="k-dropdownlist",_m=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],zm={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},zr={showValue:!0,arrowIconName:"caret-alt-down"},Se=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=zr.arrowIconName,showValue:s=zr.showValue,valueIconName:u,prefix:m,suffix:f,value:x,placeholder:y,hover:k,focus:h,valid:E,invalid:T,required:B,loading:_,disabled:I,readonly:V,popup:ie,opened:Ce,adaptive:Ae,adaptiveSettings:Te,adaptiveTitle:Ye,adaptiveSubtitle:po,adaptiveFilter:Kl,id:Jt,activeDescendant:Qa,"aria-label":Hl,..._l}=e,Kd=Jt?`${Jt}-listbox`:void 0,vn=Jt?`${Jt}-value`:void 0;return _r(Gm,{children:[_r(Et,{..._l,id:Jt,size:t,rounded:o,fillMode:a,hover:k,focus:h,valid:E,invalid:T,required:B,loading:_,disabled:I,readonly:V,className:n(e.className,ti,{"k-icon-picker":!s&&u}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Ce?"true":"false","aria-controls":Ce?Kd:void 0,"aria-activedescendant":Ce&&Qa?Qa:void 0,"aria-describedby":Ce?vn:void 0,"aria-disabled":I?"true":void 0,"aria-label":Hl,tabIndex:0,children:[We(it,{children:m}),We(bo,{placeholder:y,value:x,showValue:s,valueIconName:u,id:vn}),We(ze,{valid:E,invalid:T,loading:_,disabled:I}),We(Xe,{loading:_,disabled:I}),We(dt,{children:f}),We(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":y||"Toggle dropdown",tabIndex:-1})]}),Ce&&ie&&We(pe,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ie}),Ae&&We(he,{adaptive:!0,...Te,header:We(Ge,{actionsEnd:We(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Kl,inputValue:x,inputPlaceholder:y,title:Ye,subtitle:po}),children:We("div",{className:"k-list-container",children:We(Q,{size:"large",children:_r(ae,{"aria-label":"Options",children:[We(F,{text:"List item"}),We(F,{text:"List item"}),We(F,{text:"List item"})]})})})})]})};Se.states=_m;Se.options=zm;Se.className=ti;Se.defaultOptions=zr;Se.moduleName=js;Se.folderName=ei;Se.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as OE}from"react/jsx-runtime";import{jsx as _E,jsxs as zE}from"react/jsx-runtime";import{Fragment as qE,jsx as XE,jsxs as JE}from"react/jsx-runtime";import{jsx as e2}from"react/jsx-runtime";import{jsx as n2,jsxs as s2}from"react/jsx-runtime";import{Fragment as f2,jsx as b2,jsxs as h2}from"react/jsx-runtime";import{jsx as k2}from"react/jsx-runtime";import{Fragment as Xm,jsx as ro,jsxs as oi}from"react/jsx-runtime";var Um=Se.states,Fm=Se.defaultOptions,Wm=Se.options,Vm=[{name:"opened",title:"Opened"}],$m=[],Vo=e=>{let{modifiers:t,...o}=e,a={},r=oi(Xm,{children:[ro("div",{className:"k-list-filter",children:ro(pt,{})}),ro(Q,{style:{width:300},size:o.size,children:oi(ae,{children:[ro(F,{children:"List item"}),ro(F,{children:"List item"}),ro(F,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),ro("div",{children:ro(Se,{placeholder:"Value",style:{width:300},...o,...a})})};Vo.options=Wm;Vo.states=Um;Vo.variants=$m;Vo.defaultOptions=Fm;Vo.modifiers=Vm;Vo.className=Se.className;import{Fragment as F2,jsx as U2}from"react/jsx-runtime";import{Fragment as q2,jsx as J2}from"react/jsx-runtime";import{jsx as j2}from"react/jsx-runtime";import{jsx as Gr}from"react/jsx-runtime";var Jm=oe.states,qm=oe.defaultOptions,Ym=oe.options,Qm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Zm=[],$o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Gr(Se,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?Gr(rr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),Gr(Us,{value:"Value",style:{width:300},...o,...a})};$o.options=Ym;$o.states=Jm;$o.variants=Zm;$o.defaultOptions=qm;$o.modifiers=Qm;$o.className=oe.className;import{Fragment as Da,jsx as $,jsxs as ye}from"react/jsx-runtime";var ai="k-colorgradient-inputs",jm=[],eb={size:[p.undefined,p.small,p.medium,p.large]},li={mode:"rgba"},Xo=e=>{let{mode:t=li.mode,size:o,...a}=e;return ye("div",{...a,className:n(ai,"k-hstack"),children:[$("div",{className:"k-vstack",children:$(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ye(Da,{children:[ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),$("label",{className:"k-colorgradient-input-label",children:"R"})]}),ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),$("label",{className:"k-colorgradient-input-label",children:"G"})]}),ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),$("label",{className:"k-colorgradient-input-label",children:"B"})]}),ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),$("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ye(Da,{children:[ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),$("label",{className:"k-colorgradient-input-label",children:"R"})]}),ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),$("label",{className:"k-colorgradient-input-label",children:"G"})]}),ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),$("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ye(Da,{children:[ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),$("label",{className:"k-colorgradient-input-label",children:"H"})]}),ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),$("label",{className:"k-colorgradient-input-label",children:"S"})]}),ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),$("label",{className:"k-colorgradient-input-label",children:"V"})]}),ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),$("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ye(Da,{children:[ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),$("label",{className:"k-colorgradient-input-label",children:"H"})]}),ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),$("label",{className:"k-colorgradient-input-label",children:"S"})]}),ye("div",{className:"k-vstack",children:[$(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),$("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&$(Da,{children:ye("div",{className:"k-vstack k-flex-1",children:[$(Re,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),$("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Xo.states=jm;Xo.options=eb;Xo.className=ai;Xo.defaultOptions=li;import{jsx as vo,jsxs as yo}from"react/jsx-runtime";var ri="k-colorgradient-color-contrast",tb=[],ob={},ab={},Jo=()=>yo("div",{className:n(ri,"k-vbox"),children:[yo("div",{className:"k-contrast-ratio",children:[vo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),yo("span",{className:"k-contrast-validation !k-text-success",children:[vo(L,{icon:"check"}),vo(L,{icon:"check"})]})]}),yo("div",{children:[vo("span",{children:"AA: 4.5"}),yo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",vo(L,{icon:"check"})]})]}),yo("div",{children:[vo("span",{children:"AAA: 7.0"}),yo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",vo(L,{icon:"x"})]})]})]});Jo.states=tb;Jo.options=ob;Jo.className=ri;Jo.defaultOptions=ab;var ni="color-gradient",si="colorgradient";import{jsx as xt,jsxs as Ka}from"react/jsx-runtime";var hl="k-colorgradient",lb=[c.hover,c.focus,c.readonly,c.disabled],rb={size:[p.undefined,p.small,p.medium,p.large]},Bt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},we=e=>{let{size:t,mode:o=Bt.mode,readonly:a=Bt.readonly,disabled:r=Bt.disabled,gradientStyle:s=Bt.gradientStyle,dragHandleStyle:u=Bt.dragHandleStyle,alphaStyle:m=Bt.alphaStyle,alphaStyleHorizontal:f=Bt.alphaStyleHorizontal,contrast:x=Bt.contrast,dir:y,hover:k,focus:h,hoverHandle:E,focusHandle:T,canvasOrientation:B=Bt.canvasOrientation,role:_,tabIndex:I,...V}=e;return Ka("div",{...V,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:I??0,"aria-disabled":r?"true":void 0,className:n(e.className,hl,P(hl,{size:t}),H(hl,{hover:k,focus:h,readonly:a,disabled:r})),dir:y,children:[!B||B==="horizontal"&&Ka("div",{className:"k-colorgradient-canvas k-hstack",children:[xt("div",{className:"k-hsv-rectangle",style:s,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":T}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-hstack",children:[xt(Lr,{className:"k-hue-slider",hover:E,focus:T}),o!=="rgb"&&o!=="hsv"&&xt(Lr,{className:"k-alpha-slider",hover:E,focus:T,trackStyle:m})]})]}),B==="vertical"&&Ka("div",{className:"k-colorgradient-canvas k-vstack",children:[xt("div",{className:"k-hsv-rectangle",style:s,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":T}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-vstack",children:[xt(Mr,{className:"k-hue-slider",hover:E,focus:T}),o!=="rgb"&&o!=="hsv"&&xt(Mr,{className:"k-alpha-slider",hover:E,focus:T,trackStyle:f})]})]}),xt(Xo,{mode:e.mode,size:t}),x&&xt(Jo,{})]})};we.states=lb;we.options=rb;we.className=hl;we.defaultOptions=Bt;we.moduleName=ni;we.folderName=si;we.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as nb}from"react/jsx-runtime";var fl=e=>nb(we,{...e});import{jsx as HA}from"react/jsx-runtime";import{jsx as UA}from"react/jsx-runtime";import{jsx as Ur}from"react/jsx-runtime";var sb=we.options,ib=we.states,db={...we.defaultOptions,variant:"rgba"},cb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],pb=[],qo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Ur(fl,{...o,mode:t});case"rgb":return Ur(fl,{...o,mode:t});default:return Ur(fl,{...o,mode:t})}};qo.options=sb;qo.states=ib;qo.variants=cb;qo.defaultOptions=db;qo.modifiers=pb;qo.className=we.className;import{jsx as ub}from"react/jsx-runtime";var Fr=e=>ub("tr",{role:"row",children:e.children});import{jsx as hb}from"react/jsx-runtime";var Wr="k-colorpalette-tile",mb=[c.hover,c.focus,c.selected],bb={},Yo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...u}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return hb("td",{...u,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,Wr,H(Wr,{hover:a,focus:r,selected:s})),style:m})};Yo.states=mb;Yo.options=bb;Yo.className=Wr;var ii="color-palette",di="colorpalette";import{jsx as Ha}from"react/jsx-runtime";var xl="k-colorpalette",fb=[c.disabled],xb={size:[p.undefined,p.small,p.medium,p.large]},ci={columns:10},Ve=e=>{let{size:t,palette:o,columns:a=ci.columns,tileSize:r,disabled:s,...u}=e,m=[];if(o){let f=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(y,k)=>{let h=[];x.slice(k*f,(k+1)*f).map((T,B)=>{h.push(Ha(Yo,{color:T,tileSize:r},B))});let E=Ha(Fr,{children:h},k);m.push(E)})}return Ha("div",{...u,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,xl,H(xl,{disabled:s}),P(xl,{size:t})),children:Ha("table",{className:"k-colorpalette-table",role:"none",children:Ha("tbody",{children:m.length>0?m:e.children})})})};Ve.states=fb;Ve.options=xb;Ve.className=xl;Ve.defaultOptions=ci;Ve.moduleName=ii;Ve.folderName=di;Ve.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Cl=Ve;var _a={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Cb}from"react/jsx-runtime";var pi=e=>Cb(Cl,{palette:_a.basic,...e});import{jsx as NR}from"react/jsx-runtime";import{jsx as ER,jsxs as AR}from"react/jsx-runtime";import{jsx as Tb}from"react/jsx-runtime";var vb=Ve.options,yb=Ve.states,kb={...Ve.defaultOptions,variant:"basic"},Sb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Nb={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},gb=[],Qo=e=>{let{variant:t="basic",...o}=e,a=Nb[t];return Tb(pi,{columns:a.columns,palette:a,...o})};Qo.options=vb;Qo.states=yb;Qo.variants=Sb;Qo.defaultOptions=kb;Qo.modifiers=gb;Qo.className=Ve.className;var ui="color-editor",mi="coloreditor";import{jsx as Ct,jsxs as Zo}from"react/jsx-runtime";var vl="k-coloreditor",wb=[c.focus],Mb={size:[p.undefined,p.small,p.medium,p.large]},za={view:"gradient",palette:_a.office,actionButtons:!0,canvasOrientation:"horizontal"},fe=e=>{let{size:t,view:o=za.view,palette:a=za.palette,color:r,currentColor:s,focus:u,focusView:m,dir:f,group:x,actionButtons:y=za.actionButtons,canvasOrientation:k=za.canvasOrientation,...h}=e;return Zo("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",vl,P(vl,{size:t}),H(vl,{focus:u})),dir:f,children:[Zo("div",{className:"k-coloreditor-header k-hstack",children:[Ct("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Zo(R,{fillMode:"flat",children:[Ct(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ct(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ct("div",{className:"k-spacer"}),Zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ct(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Zo("div",{className:"k-coloreditor-preview k-vstack",children:[Ct(Qt,{className:"k-coloreditor-preview-color",color:r}),Ct(Qt,{className:"k-coloreditor-current-color",color:s})]})]})]}),Ct("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ct(we,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):Ct(Ve,{palette:a,size:t})}),y&&Zo(It,{className:"k-coloreditor-footer",alignment:"start",children:[Ct(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ct(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};fe.states=wb;fe.options=Mb;fe.className=vl;fe.defaultOptions=za;fe.moduleName=ui;fe.folderName=mi;fe.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var jo=fe;import{jsx as rI}from"react/jsx-runtime";import{jsx as dI}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var bi=e=>Lb(jo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Eb}from"react/jsx-runtime";var hi=e=>Eb(jo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as fi}from"react/jsx-runtime";var Ab=fe.options,Rb=fe.states,Ib={...fe.defaultOptions,variant:"gradient"},Ob=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Bb=[],ea=e=>{let{variant:t,...o}=e;return t==="palette"?fi(hi,{...o,color:"white"}):fi(bi,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ea.options=Ab;ea.states=Rb;ea.variants=Ob;ea.defaultOptions=Ib;ea.modifiers=Bb;ea.className=fe.className;var xi="color-picker",Ci="colorpicker";import{Fragment as Kb,jsx as vt,jsxs as Vr}from"react/jsx-runtime";var vi="k-colorpicker",Pb=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled],Db={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},yi={arrowIconName:"caret-alt-down"},je=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=yi.arrowIconName,prefix:s,suffix:u,value:m,placeholder:f,hover:x,focus:y,valid:k,invalid:h,required:E,disabled:T,valueIconName:B,popup:_,opened:I,adaptive:V,adaptiveSettings:ie,adaptiveTitle:Ce,adaptiveSubtitle:Ae,...Te}=e,Ye="colorpicker-popup";return Vr(Kb,{children:[Vr(Et,{...Te,size:t,rounded:o,fillMode:a,hover:x,focus:y,valid:k,invalid:h,required:E,disabled:T,role:"combobox","aria-haspopup":"dialog","aria-expanded":I?"true":"false","aria-controls":I||V?Ye:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":T?"true":void 0,className:n(e.className,vi,"k-icon-picker"),children:[vt(it,{children:s}),vt(bo,{placeholder:f,value:m,showValue:!1,valueIcon:vt(Qt,{className:"k-value-icon",color:m,iconName:B}),valueIconName:B}),vt(dt,{children:u}),vt(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:T})]}),I&&_&&vt(pe,{id:Ye,className:"k-colorpicker-popup",children:_}),V&&vt(he,{adaptive:!0,id:Ye,...ie,header:vt(Ge,{actionsEnd:vt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ce,subtitle:Ae}),footer:Vr(Zt,{children:[vt(d,{text:"Cancel",size:"large"}),vt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:vt(fe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};je.states=Pb;je.options=Db;je.className=vi;je.defaultOptions=yi;je.moduleName=xi;je.folderName=Ci;je.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Ut=je;import{jsx as Hb}from"react/jsx-runtime";var yl=e=>Hb(Ut,{...e});import{jsx as $I}from"react/jsx-runtime";import{jsx as QI}from"react/jsx-runtime";import{jsx as t1}from"react/jsx-runtime";import{jsx as r1}from"react/jsx-runtime";import{jsx as d1}from"react/jsx-runtime";import{jsx as m1}from"react/jsx-runtime";import{jsx as ko}from"react/jsx-runtime";var _b=Ut.options,zb=Ut.states,ki={...Ut.defaultOptions,variant:"color"},Gb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ub=[{name:"opened",title:"Opened"}],ta=e=>{let{variant:t,modifiers:o,...a}={...ki,...e},r={};Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!o?.[u],r.popup=o?.[u]?ko(fe,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return ko("div",{style:s,children:ko(yl,{...a,...r})});case"icon":return ko("div",{style:s,children:ko(yl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return ko("div",{style:s,children:ko(yl,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};ta.options=_b;ta.states=zb;ta.variants=Gb;ta.defaultOptions=ki;ta.modifiers=Ub;ta.className=Ut.className;var $r="combobox",Si=$r;import{Fragment as Xr,jsx as Ne,jsxs as Ga}from"react/jsx-runtime";var Ni="k-combobox",Fb=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],Wb={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},gi={separators:!0},Pe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=gi.separators,prefix:s,suffix:u,value:m,placeholder:f,hover:x,focus:y,valid:k,invalid:h,required:E,loading:T,disabled:B,popup:_,opened:I,readonly:V,adaptive:ie,adaptiveSettings:Ce,adaptiveTitle:Ae,adaptiveSubtitle:Te,adaptiveCustomValue:Ye,id:po,autocomplete:Kl,activeDescendant:Jt,"aria-label":Qa,...Hl}=e,_l=po?`${po}-listbox`:void 0;return Ga(Xr,{children:[Ga(ve,{...Hl,size:t,rounded:o,fillMode:a,hover:x,focus:y,valid:k,invalid:h,required:E,loading:T,disabled:B,readonly:V,className:n(e.className,Ni),children:[s&&Ga(Xr,{children:[Ne(it,{children:s}),r&&Ne(ct,{})]}),Ne(Ze,{id:po,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?_l:void 0,"aria-activedescendant":I&&Jt?Jt:void 0,"aria-autocomplete":Kl,"aria-invalid":h?"true":void 0,"aria-busy":T?"true":void 0,"aria-label":Qa,disabled:B,readOnly:V}),Ne(ze,{valid:k,invalid:h,loading:T,disabled:B}),Ne(Xe,{loading:T,disabled:B}),Ne(Qe,{loading:T,disabled:B,readonly:V,value:m}),u&&Ga(Xr,{children:[r&&Ne(ct,{}),Ne(dt,{children:u})]}),Ne(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:B})]}),I&&_&&Ne(pe,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),ie&&Ne(he,{adaptive:!0,id:po?`${po}-adaptive`:void 0,...Ce,header:Ne(Ge,{actionsEnd:Ne(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:Ae,subtitle:Te}),children:Ne("div",{className:"k-list-container",children:Ne(Q,{customValue:Ye?Ne(lo,{text:`Use "${m}"`}):void 0,size:"large",children:Ga(ae,{"aria-label":Ae||"Options",children:[Ne(F,{text:"List item"}),Ne(F,{text:"List item"}),Ne(F,{text:"List item"})]})})})})]})};Pe.states=Fb;Pe.options=Wb;Pe.className=Ni;Pe.defaultOptions=gi;Pe.moduleName=$r;Pe.folderName=Si;Pe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var et=Pe;import{jsx as Vb}from"react/jsx-runtime";var Ti=e=>Vb(et,{...e});import{jsx as q1,jsxs as Y1}from"react/jsx-runtime";import{jsx as oO,jsxs as aO}from"react/jsx-runtime";import{jsx as dO,jsxs as cO}from"react/jsx-runtime";import{Fragment as fO,jsx as hO}from"react/jsx-runtime";import{Fragment as SO,jsx as kO}from"react/jsx-runtime";import{jsx as LO,jsxs as EO}from"react/jsx-runtime";import{Fragment as KO,jsx as PO,jsxs as DO}from"react/jsx-runtime";import{jsx as GO}from"react/jsx-runtime";import{jsx as VO}from"react/jsx-runtime";import{jsx as QO,jsxs as ZO}from"react/jsx-runtime";import{jsx as lB,jsxs as rB}from"react/jsx-runtime";import{jsx as no,jsxs as Qb}from"react/jsx-runtime";var $b=Pe.states,Xb=Pe.defaultOptions,Jb=Pe.options,qb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Yb=[],oa=e=>{let{modifiers:t,...o}=e,a={},r=no(Q,{style:{width:300},size:o.size,children:Qb(ae,{children:[no(F,{children:"List item"}),no(F,{children:"List item"}),no(F,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?no(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?no(qt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),no("div",{children:no(Ti,{value:"Value",style:{width:300},...o,...a})})};oa.options=Jb;oa.states=$b;oa.variants=Yb;oa.defaultOptions=Xb;oa.modifiers=qb;oa.className=Pe.className;var Jr="menu-button",wi=Jr;import{jsx as eh}from"react/jsx-runtime";var Mi="k-menu-button",Zb=[c.hover,c.focus,c.active,c.selected,c.disabled],jb={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},qr={showArrow:!0,arrowIconName:"caret-alt-down"},le=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:m,selected:f,disabled:x,icon:y,text:k,showArrow:h=qr.showArrow,arrowIconName:E=qr.arrowIconName,expanded:T,...B}=e;return eh(d,{...B,className:n(e.className,Mi),text:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:m,selected:f,disabled:x,icon:y,showArrow:h,arrowIconName:E,"aria-expanded":T?"true":"false",...!k&&y&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};le.states=Zb;le.options=jb;le.className=Mi;le.defaultOptions=qr;le.moduleName=Jr;le.folderName=wi;le.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as HB}from"react/jsx-runtime";import{jsx as UB}from"react/jsx-runtime";import{jsx as $B}from"react/jsx-runtime";var tt="menu",yt=tt;import{jsx as Ua,jsxs as Li}from"react/jsx-runtime";var Yr="k-menu-item",th=[c.hover,c.focus,c.active,c.selected,c.disabled],oh={},Ei={iconPosition:"before"},De=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:u,text:m,first:f,last:x,showArrow:y,arrowIconName:k,iconPosition:h=Ei.iconPosition,dir:E,children:T,expanded:B,..._}=e,I=k;return I||(I=E==="rtl"?"caret-alt-left":"caret-alt-right"),Li("li",{..._,className:n(e.className,Yr,"k-item",H(Yr,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":x}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":B?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Li("span",{className:n("k-link k-menu-link"),children:[u&&h==="before"&&Ua(L,{className:"k-menu-link-icon",icon:u}),Ua("span",{className:"k-menu-link-text",children:m}),u&&h==="after"&&Ua(L,{className:"k-menu-link-icon",icon:u}),y&&Ua("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ua(L,{icon:I})})]}),T]})};De.states=th;De.options=oh;De.className=Yr;De.defaultOptions=Ei;De.moduleName=tt;De.folderName=yt;import{jsx as Fa,jsxs as Ai}from"react/jsx-runtime";var Qr="k-menu-item",ah=[c.hover,c.focus,c.active,c.selected,c.disabled],lh={},Zr={dir:"ltr",iconPosition:"before"},be=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:u,text:m,first:f,last:x,showArrow:y,arrowIconName:k,iconPosition:h=Zr.iconPosition,dir:E=Zr.dir,children:T,popup:B,expanded:_,...I}=e,V=k;return V||(V=E==="rtl"?"caret-alt-left":"caret-alt-right"),Ai("li",{...I,className:n(e.className,Qr,"k-item",H(Qr,{focus:o,disabled:s}),{"k-first":f,"k-last":x}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":_?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ai("span",{className:n("k-link k-menu-link",H("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[u&&h==="before"&&Fa(L,{className:"k-menu-link-icon",icon:u}),Fa("span",{className:"k-menu-link-text",children:m}),u&&h==="after"&&Fa(L,{className:"k-menu-link-icon",icon:u}),y&&Fa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Fa(L,{icon:V})})]}),T,B]})};be.states=ah;be.options=lh;be.className=Qr;be.defaultOptions=Zr;be.moduleName=tt;be.folderName=yt;import{jsx as ih}from"react/jsx-runtime";var Ri="k-menu-scroll-wrapper",rh=[],nh={},sh={},So=e=>{let{className:t,children:o,orientation:a,...r}=e;return ih("div",{...r,className:n(t,Ri,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};So.states=rh;So.options=nh;So.className=Ri;So.defaultOptions=sh;So.moduleName=tt;So.folderName=yt;var Ii=So;import{Fragment as jr,jsx as No,jsxs as Sl}from"react/jsx-runtime";var en="k-menu",dh=[],ch={},Nl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=Nl.orientation,header:a=Nl.header,scrollable:r,scrollButtonsPosition:s=Nl.scrollButtonsPosition,wrapperStyles:u,dir:m,popup:f,contextMenu:x,...y}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=No("ul",{dir:m,...y,className:n(e.className,"k-reset",en,{[`${en}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Sl(jr,{children:[r?Sl(Ii,{orientation:o,style:u,dir:e.dir,children:[s==="start"&&Sl(jr,{children:[No(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),No(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&No(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),h,s==="end"&&Sl(jr,{children:[No(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),No(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&No(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):h,f]})};Me.states=dh;Me.options=ch;Me.className=en;Me.defaultOptions=Nl;Me.moduleName=tt;Me.folderName=yt;Me.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as ph}from"react/jsx-runtime";var tn="k-separator",Oi={orientation:"horizontal"},aa=e=>{let{orientation:t=Oi.orientation,...o}=e;return ph("li",{...o,className:n(e.className,"k-item",tn,{[`${tn}-${t}`]:t}),role:"separator"})};aa.className=tn;aa.defaultOptions=Oi;aa.moduleName=tt;aa.folderName=yt;import{Fragment as kP,jsx as SP}from"react/jsx-runtime";import{jsx as hh}from"react/jsx-runtime";var on="k-menu-group",uh=[],mh={size:[p.undefined,p.small,p.medium,p.large]},bh={},Ke=e=>{let{children:t,size:o,...a}=e;return hh("ul",{...a,className:n(e.className,on,P(on,{size:o})),role:"menu",children:t})};Ke.states=uh;Ke.options=mh;Ke.className=on;Ke.defaultOptions=bh;Ke.moduleName=tt;Ke.folderName=yt;import{Fragment as fh,jsx as la,jsxs as xh}from"react/jsx-runtime";var an=e=>la(Me,{children:xh(fh,{children:[la(De,{first:!0,text:"Item 1"}),la(De,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),la(De,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),la(De,{text:"Item 4"}),la(De,{last:!0,text:"Item 5"})]}),...e});import{Fragment as DP,jsx as BP,jsxs as PP}from"react/jsx-runtime";import{Fragment as GP,jsx as zP,jsxs as UP}from"react/jsx-runtime";import{Fragment as XP,jsx as $P,jsxs as JP}from"react/jsx-runtime";import{Fragment as jP,jsx as ZP,jsxs as eD}from"react/jsx-runtime";import{jsx as go,jsxs as Sh}from"react/jsx-runtime";var Ch=Me.options,vh=Me.states,Bi={...Me.defaultOptions,variant:"horizontal"},yh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],kh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ra=e=>{let{variant:t,modifiers:o,...a}={...Bi,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=go(pe,{className:"k-menu-popup",children:Sh(Ke,{children:[go(be,{text:"Item 1"}),go(be,{text:"Item 2"}),go(aa,{}),go(be,{text:"Item 3"})]})});break}}),t==="vertical"?go(an,{...a,...r,orientation:"vertical",style:{width:"200px"}}):go(an,{...a,...r})};ra.options=Ch;ra.states=vh;ra.variants=yh;ra.defaultOptions=Bi;ra.modifiers=kh;ra.className=Me.className;import{Fragment as ID,jsx as AD,jsxs as RD}from"react/jsx-runtime";import{jsx as DD}from"react/jsx-runtime";import{Fragment as Mh,jsx as Pt,jsxs as Pi}from"react/jsx-runtime";var Nh=d.states,Di={...d.defaultOptions,variant:"text"},gh=d.options,Th=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wh=[{name:"opened",title:"Opened"}],na=e=>{let{variant:t,modifiers:o,...a}={...Di,...e},r={},s=Pt(pe,{className:"k-menu-popup",children:Pi(Ke,{size:a.size,children:[Pt(be,{first:!0,text:"Menu Item"}),Pt(be,{text:"Menu Item"}),Pt(be,{last:!0,text:"Menu Item"})]})}),u;switch(t){case"icon-only":u=Pt("div",{children:Pt(le,{...a,...r,icon:"star"})});break;case"icon-and-text":u=Pt("div",{children:Pt(le,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:u=Pt("div",{children:Pt(le,{...a,...r,children:"Dropdown Button"})});break}return Pi(Mh,{children:[u,o?.opened&&s]})};na.options=gh;na.states=Nh;na.variants=Th;na.defaultOptions=Di;na.modifiers=wh;na.className=le.className;var ln="split-button",Ki=ln;import{Fragment as Ah,jsx as rn,jsxs as Hi}from"react/jsx-runtime";var nn="k-split-button",Lh=[c.hover,c.focus,c.active,c.selected,c.disabled],Eh={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},_i={arrowIconName:"caret-alt-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:m,selected:f,disabled:x,icon:y,text:k,arrowIconName:h=_i.arrowIconName,popup:E,opened:T,popupId:B,..._}=e;return Hi(Ah,{children:[Hi("div",{..._,className:n(e.className,nn,"k-button-group",P(nn,{rounded:o})),children:[rn(d,{text:k,icon:y,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:m,selected:f,disabled:x,...!k&&!e.children&&y&&{"aria-label":"Action"},children:e.children}),rn(d,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":T?"true":"false","aria-controls":T?B:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),T&&E&&rn(pe,{className:"k-menu-popup",children:E})]})};X.states=Lh;X.options=Eh;X.className=nn;X.defaultOptions=_i;X.moduleName=ln;X.folderName=Ki;X.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var sn=X;import{jsx as Ih}from"react/jsx-runtime";var Rh="k-toolbar-separator",St=e=>Ih("div",{className:n(Rh,e.className,"k-separator")});var Ft="toolbar",so=Ft;import{Fragment as dn,jsx as j,jsxs as sa}from"react/jsx-runtime";var Wt="k-toolbar",Oh=[c.focus],Bh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[C.undefined,C.solid,C.outline,C.flat]},Ph={scrollButtons:"around"},ne=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:u,scrollingPosition:m,section:f,...x}=e,y=[],k=(h,E)=>{let T=[];if(h.type===d&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))T.push(j(d,{...h.props,className:`${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===d)T.push(j(d,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===wa)T.push(j(wa,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===qt)T.push(j(qt,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===le)T.push(j(le,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===sn)T.push(j(sn,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===R||h.props.className&&h.props.className.includes("k-button-group")){let B=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((I,V)=>{B.push(j(d,{...I.props,className:`${I.props.className?I.props.className:""}`},`${V}-${new Date().getTime()}`))}),T.push(j(R,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:B},`${E}-${new Date().getTime()}`))}else h.type===Pe?T.push(j(Pe,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===Se?T.push(j(Se,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===je?T.push(j(je,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):T.push(h);T.forEach(B=>{y.push(B)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((E,T)=>{k(E,T)}),sa("div",{...x,className:n(e.className,Wt,P(Wt,{size:t,fillMode:o}),H(Wt,{focus:a}),{[`${Wt}-resizable`]:r,[`${Wt}-scrollable`]:s,[`${Wt}-scrollable-overlay`]:s&&u==="hidden",[`${Wt}-scrollable-${m}`]:m&&m!=="both",[`${Wt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&y,s&&u==="hidden"&&j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),s&&u==="start"&&sa(dn,{children:[sa(R,{children:[j("span",{className:n("k-toolbar-prev","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-left"})}),j("span",{className:n("k-toolbar-next","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-right"})})]}),j(St,{className:"k-toolbar-button-separator"}),j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y})]}),s&&u==="end"&&sa(dn,{children:[j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),j(St,{className:"k-toolbar-button-separator"}),sa(R,{children:[j("span",{className:n("k-toolbar-prev","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-left"})}),j("span",{className:n("k-toolbar-next","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(u==="around"||!u)&&sa(dn,{children:[j("span",{className:n("k-toolbar-prev","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-left"})}),j(St,{className:"k-toolbar-button-separator"}),j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),j(St,{className:"k-toolbar-button-separator"}),j("span",{className:n("k-toolbar-next","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ne.states=Oh;ne.options=Bh;ne.className=Wt;ne.defaultOptions=Ph;ne.moduleName=Ft;ne.folderName=so;ne.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as _h}from"react/jsx-runtime";var zi="k-floating-toolbar",Dh=[],Kh={},Hh={},ia=e=>{let{...t}=e;return _h("div",{...t,className:n(e.className,zi),children:e.children})};ia.states=Dh;ia.options=Kh;ia.className=zi;ia.defaultOptions=Hh;ia.moduleName=Ft;ia.folderName=so;import{jsx as Fh}from"react/jsx-runtime";var cn="k-toolbar-item",zh=[c.focus],Gh={},Uh={},da=e=>{let{focus:t,...o}=e;return Fh("div",{...o,className:n(e.className,cn,H(cn,{focus:t})),children:e.children})};da.states=zh;da.options=Gh;da.className=cn;da.defaultOptions=Uh;da.moduleName=Ft;da.folderName=so;import{jsx as Gi}from"react/jsx-runtime";var Ui="k-toolbar-popup",Wh=[],Vh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[C.undefined,C.solid,C.outline,C.flat]},$h={},To=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Gi(pe,{...r,className:n(e.className,Ui),children:a?Gi("span",{className:n("k-toolbar-items-list",P("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};To.states=Wh;To.options=Vh;To.className=Ui;To.defaultOptions=$h;To.moduleName=Ft;To.folderName=so;var gl=To;import{jsx as _K}from"react/jsx-runtime";import{jsx as FK}from"react/jsx-runtime";import{jsx as XK}from"react/jsx-runtime";import{jsx as jK,jsxs as eH}from"react/jsx-runtime";import{jsx as lH}from"react/jsx-runtime";import{jsx as Vt,jsxs as Qh}from"react/jsx-runtime";var Xh=X.states,Fi={...X.defaultOptions,variant:"text"},Jh=X.options,qh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Yh=[{name:"opened",title:"Opened"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Fi,...e},r={},s=Qh(Ke,{size:a.size,children:[Vt(be,{first:!0,text:"Menu Item"}),Vt(be,{text:"Menu Item"}),Vt(be,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!o?.[u],r.popup=o?.[u]?s:"")}),t){case"icon-only":return Vt("div",{children:Vt(X,{...a,...r,icon:"star"})});case"icon-and-text":return Vt("div",{children:Vt(X,{...a,...r,icon:"star",children:"Split Button"})});default:return Vt("div",{children:Vt(X,{...a,...r,children:"Split Button"})})}};ca.options=Jh;ca.states=Xh;ca.variants=qh;ca.defaultOptions=Fi;ca.modifiers=Yh;ca.className=X.className;import{jsx as wo,jsxs as Zh}from"react/jsx-runtime";var Wi=e=>wo(ne,{children:[wo(d,{children:"Button"},"toolbar-button"),wo(le,{text:"Menu button"},"toolbar-menu-button"),wo(X,{children:"Split button"},"toolbar-split-button"),Zh(R,{children:[wo(d,{className:"k-group-start",icon:"align-left",children:"Left"}),wo(d,{icon:"align-center",children:"Center"}),wo(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as OH,jsxs as BH}from"react/jsx-runtime";import{jsx as ot,jsxs as Vi}from"react/jsx-runtime";var $i=e=>ot(ne,{scrollable:!0,...e,children:[ot(d,{children:"Button"},"toolbar-button"),ot(le,{text:"Menu button"},"toolbar-menu-button"),ot(X,{children:"Split button"},"toolbar-split-button"),Vi(R,{children:[ot(d,{className:"k-group-start",icon:"align-left",children:"Left"}),ot(d,{icon:"align-center",children:"Center"}),ot(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ot(d,{children:"Button"},"toolbar-button"),ot(le,{text:"Menu button"},"toolbar-menu-button"),ot(X,{children:"Split button"},"toolbar-split-button"),Vi(R,{children:[ot(d,{className:"k-group-start",icon:"align-left",children:"Left"}),ot(d,{icon:"align-center",children:"Center"}),ot(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as at,jsxs as Xi}from"react/jsx-runtime";var Ji=({scrollingPosition:e="start",...t})=>at(ne,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[at(d,{children:"Button"},"toolbar-button"),at(le,{text:"Menu button"},"toolbar-menu-button"),at(X,{children:"Split button"},"toolbar-split-button"),Xi(R,{children:[at(d,{className:"k-group-start",icon:"align-left",children:"Left"}),at(d,{icon:"align-center",children:"Center"}),at(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),at(d,{children:"Button"},"toolbar-button"),at(le,{text:"Menu button"},"toolbar-menu-button"),at(X,{children:"Split button"},"toolbar-split-button"),Xi(R,{children:[at(d,{className:"k-group-start",icon:"align-left",children:"Left"}),at(d,{icon:"align-center",children:"Center"}),at(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as jh,jsx as Je,jsxs as Tl}from"react/jsx-runtime";var qi=({fillMode:e,size:t,...o})=>Tl(jh,{children:[Je(ne,{section:!0,fillMode:e,size:t,children:[Je(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Tl(R,{fillMode:e,children:[Je(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Je(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Je(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Je(St,{className:"k-toolbar-button-separator"}),Je(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Tl(gl,{size:t,fillMode:e,section:!0,...o,children:[Je(X,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Je(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Je(St,{}),Je(le,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Tl(R,{fillMode:e,children:[Je(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Je(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Je(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as m3,jsx as p3,jsxs as u3}from"react/jsx-runtime";import{Fragment as g3,jsx as S3,jsxs as N3}from"react/jsx-runtime";import{jsx as io}from"react/jsx-runtime";var ef=ne.options,tf=ne.states,Yi={...ne.defaultOptions,variant:"default"},of=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],af=[],pa=e=>{let{variant:t,...o}={...Yi,...e};switch(t){case"responsive":return io("div",{children:io(qi,{style:{width:"583px"},...o})});case"overlay":return io("div",{children:io(Ji,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return io("div",{children:io($i,{style:{width:"583px"},...o})});default:return io("div",{children:io(Wi,{style:{width:"583px"},...o})})}};pa.options=ef;pa.states=tf;pa.variants=of;pa.defaultOptions=Yi;pa.modifiers=af;pa.className=ne.className;import{jsx as Nt,jsxs as Qi}from"react/jsx-runtime";var Zi="k-scheduler-toolbar",te=e=>{let{footer:t,...o}=e;return Nt(ne,{...o,className:n(e.className,{[t?"k-scheduler-footer":Zi]:!0}),"aria-label":o["aria-label"]||(t?"Scheduler footer":"Scheduler toolbar"),children:e.children||[Qi(R,{className:"k-scheduler-navigation",children:[Nt(d,{className:"k-group-start",children:"Today"}),Nt(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),Nt(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]},"nav"),Nt(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 13, 2022"},"current"),Nt("span",{className:"k-spacer"},"spacer"),Qi(de,{thumbStyles:{width:"15%",left:"2px"},className:"k-scheduler-views",children:[Nt(K,{selected:!0,children:"Day"}),Nt(K,{children:"Week"}),Nt(K,{children:"Month"}),Nt(K,{children:"Timeline"}),Nt(K,{children:"Agenda"})]},"views")]})};te.className=Zi;te.moduleName=Z;te.folderName=ee;import{jsx as lf}from"react/jsx-runtime";var ji="k-scheduler-body",ce=e=>{let{as:t="div",...o}=e;return lf(t,{...o,className:n(ji,e.className),children:e.children})};ce.className=ji;ce.moduleName=Z;ce.folderName=ee;import{jsx as rf}from"react/jsx-runtime";var ed="k-scheduler-head",me=e=>{let{as:t="div",...o}=e;return rf(t,{...o,className:n(ed,e.className),children:e.children})};me.className=ed;me.moduleName=Z;me.folderName=ee;import{jsx as df}from"react/jsx-runtime";var td="k-scheduler-group",nf=[],sf={},od={orientation:"horizontal"},U=e=>{let{orientation:t=od.orientation,...o}=e;return df("div",{...o,className:n(td,e.className,{"k-group-horizontal":t==="horizontal"}),children:e.children})};U.states=nf;U.options=sf;U.defaultOptions=od;U.className=td;U.moduleName=Z;U.folderName=ee;import{Fragment as Ll,jsx as $e,jsxs as wl}from"react/jsx-runtime";var pn="k-event",cf=[c.hover,c.focus,c.selected],pf={},Ml={resizable:"vertical",eventPrefix:$e(L,{icon:"arrow-rotate-cw"}),eventSuffix:$e(Ll,{children:$e("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:$e(L,{icon:"x"})})})},ke=e=>{let{inverse:t,ongoing:o,multiDay:a,resizable:r=Ml.resizable,hover:s,focus:u,selected:m,eventPrefix:f=Ml.eventPrefix,eventSuffix:x=Ml.eventSuffix,...y}=e;return wl("div",{...y,className:n(pn,e.className,H(pn,{hover:s,focus:u,selected:m}),{"k-event-inverse":t,"k-event-ongoing":o}),role:"button","aria-label":y["aria-label"]||"Event",children:[$e("span",{className:"k-event-actions",children:f}),$e("div",{children:e.children}),$e("span",{className:"k-event-actions",children:x}),a&&wl(Ll,{children:[$e("span",{className:"k-event-top-actions",children:$e(L,{icon:"caret-alt-up"})}),$e("span",{className:"k-event-bottom-actions",children:$e(L,{icon:"caret-alt-down"})})]}),r==="vertical"?wl(Ll,{children:[$e("span",{className:"k-resize-handle k-resize-n"}),$e("span",{className:"k-resize-handle k-resize-s"})]}):r==="horizontal"&&wl(Ll,{children:[$e("span",{className:"k-resize-handle k-resize-w"}),$e("span",{className:"k-resize-handle k-resize-e"})]})]})};ke.states=cf;ke.options=pf;ke.defaultOptions=Ml;ke.className=pn;ke.moduleName=Z;ke.folderName=ee;import{jsx as Wa,jsxs as bf}from"react/jsx-runtime";var ad="k-task",uf=[],mf={},ld={markStyle:{backgroundColor:"gold"}},lt=e=>{let{text:t,markStyle:o=ld.markStyle,recurring:a,closable:r,...s}=e;return bf("div",{...s,className:n(ad,e.className),children:[Wa("span",{className:"k-scheduler-mark",style:o}),a&&Wa($l,{icon:"arrow-rotate-cw"}),Wa("span",{className:"k-scheduler-task-text",children:t}),r&&Wa("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:Wa($l,{icon:"x"})})]})};lt.states=uf;lt.options=mf;lt.defaultOptions=ld;lt.className=ad;lt.moduleName=Z;lt.folderName=ee;import{Fragment as I_,jsx as A_,jsxs as R_}from"react/jsx-runtime";import{Fragment as G_,jsx as __,jsxs as z_}from"react/jsx-runtime";import{jsx as J_,jsxs as q_}from"react/jsx-runtime";import{jsx as l6,jsxs as r6}from"react/jsx-runtime";import{Fragment as hf,jsx as w,jsxs as Oe}from"react/jsx-runtime";var rd=({style:e,...t})=>w(Y,{style:e,layout:"flex",view:"day",toolbar:Oe(te,{children:[Oe(R,{className:"k-scheduler-navigation",children:[w(d,{className:"k-group-start",children:"Today"}),w(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),w(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),w(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 24, 2024"}),w("span",{className:"k-spacer"}),Oe(de,{thumbStyles:{width:"15%",left:"2px"},className:"k-scheduler-views",children:[w(K,{selected:!0,children:"Day"}),w(K,{children:"Week"}),w(K,{children:"Month"}),w(K,{children:"Timeline"}),w(K,{children:"Agenda"})]})]}),footer:w(te,{footer:!0,children:w(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:Oe(hf,{children:[Oe(me,{as:"div",children:[w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["heading"],text:"Mon, 6/24"})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["slot"]})})})]})})]}),Oe(ce,{as:"div",children:[w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),w(l,{as:"div",cellType:["group"],children:w(g,{className:"k-middle-row",children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),w(l,{as:"div",cellType:["group"],children:w(g,{className:"k-middle-row",children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),w(l,{as:"div",cellType:["group"],children:w(g,{className:"k-middle-row",children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),w(l,{as:"div",cellType:["group"],children:w(g,{className:"k-middle-row",children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["slot"]})})})]})}),Oe(ke,{ongoing:!0,style:{top:"0px",left:"80px",height:"72px",width:"200px"},children:[w("div",{className:"k-event-template k-event-time",children:"8:00 AM - 9:00 AM"}),w("div",{className:"k-event-template",children:"Event Title"})]})]})]}),...t});import{Fragment as ff,jsx as b,jsxs as re}from"react/jsx-runtime";var nd=({style:e,...t})=>b(Y,{style:e,layout:"flex",view:"week",toolbar:re(te,{children:[re(R,{className:"k-scheduler-navigation",children:[b(d,{className:"k-group-start",children:"Today"}),b(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),b(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),b(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/23/2022 - 6/29/2022"}),b("span",{className:"k-spacer"}),re(de,{thumbStyles:{width:"18%",left:"16%"},className:"k-scheduler-views",children:[b(K,{children:"Day"}),b(K,{selected:!0,children:"Week"}),b(K,{children:"Month"}),b(K,{children:"Timeline"}),b(K,{children:"Agenda"})]})]}),footer:b(te,{footer:!0,children:b(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:re(ff,{children:[re(me,{as:"div",children:[b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["heading"],text:"Sun, 6/23"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/24"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/25"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/26"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/27"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/28"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/29"})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})})]}),re(ce,{as:"div",children:[b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),b(l,{as:"div",cellType:["group"],children:re(g,{className:"k-middle-row",children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),b(l,{as:"div",cellType:["group"],children:re(g,{className:"k-middle-row",children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),b(l,{as:"div",cellType:["group"],children:re(g,{className:"k-middle-row",children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),b(l,{as:"div",cellType:["group"],children:re(g,{className:"k-middle-row",children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})})]})]}),...t});import{jsx as xf}from"react/jsx-runtime";var sd="k-calendar-view",un={orientation:"horizontal",calendarView:"month"},El=e=>{let{orientation:t=un.orientation,calendarView:o=un.calendarView,gridRole:a,ariaLabelledBy:r,...s}=e;return xf("div",{...s,className:n(e.className,sd,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...a?{role:"grid","aria-labelledby":r,tabIndex:0}:{},children:e.children})};El.className=sd;El.defaultOptions=un;import{jsx as Va,jsxs as id}from"react/jsx-runtime";var dd="k-calendar-header",Cf={size:[p.undefined,p.small,p.medium,p.large]},$a={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},Mo=e=>{let{calendarTitleText:t=$a.calendarTitleText,showToday:o=$a.showToday,showNavigationButtons:a=$a.showNavigationButtons,orientation:r=$a.orientation,size:s,calendarView:u,dir:m,titleId:f,...x}=e,y=m==="rtl"?"chevron-right":"chevron-left",k=m==="rtl"?"chevron-left":"chevron-right",h=f||W("calendar-title");return id("div",{...x,className:n(e.className,dd,{"k-vstack":r==="vertical"}),children:[Va(d,{disabled:u==="century",className:"k-calendar-title",text:t,size:s,fillMode:"flat",themeColor:"primary",id:h,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...u==="century"?{"aria-disabled":"true"}:{}}),Va("span",{className:"k-spacer"}),id("span",{className:"k-calendar-nav",children:[a&&Va(d,{className:"k-calendar-nav-prev",icon:y,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&Va(d,{size:s,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),a&&Va(d,{className:"k-calendar-nav-next",icon:k,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};Mo.options=Cf;Mo.className=dd;Mo.defaultOptions=$a;import{jsx as cd}from"react/jsx-runtime";var pd="k-calendar-footer",vf={size:[p.undefined,p.small,p.medium,p.large]},ud={calendarFooterText:"Tuesday, October 12, 2021"},Xa=e=>{let{size:t,calendarFooterText:o=ud.calendarFooterText,...a}=e;return cd("div",{...a,className:n(e.className,pd),children:cd(d,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};Xa.options=vf;Xa.className=pd;Xa.defaultOptions=ud;var Be="calendar",He=Be;import{jsx as mn,jsxs as Sf}from"react/jsx-runtime";var bn="k-calendar",yf=[],kf={size:[p.undefined,p.small,p.medium,p.large]},Ja={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ue=e=>{let{size:t,orientation:o=Ja.orientation,calendarView:a=Ja.calendarView,calendarTitleText:r=Ja.calendarTitleText,showCalendarHeader:s=Ja.showCalendarHeader,showWeek:u,showCalendarFooter:m,calendarFooterText:f,dir:x,...y}=e,k=W("calendar-title");return Sf("div",{...y,dir:x,className:n(e.className,bn,P(bn,{size:t}),{"k-week-number":u}),children:[s&&mn(Mo,{calendarView:a,showToday:!m,calendarTitleText:r,orientation:o,size:t,dir:x,titleId:k}),mn(El,{calendarView:a,orientation:o,gridRole:!0,ariaLabelledBy:k,children:e.children}),m&&mn(Xa,{calendarFooterText:f,size:t})]})};ue.states=yf;ue.options=kf;ue.className=bn;ue.defaultOptions=Ja;ue.moduleName=Be;ue.folderName=He;ue.ariaSpec={selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range)",rules:[{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"role=grid",usage:"Specifies the role of the Calendar view container."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"aria-labelledby",usage:"Pointing to the current view label (e.g. March 2022 or 2020-2029)."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-table",attribute:"role=none",usage:"Inner table has role removed \u2014 content belongs to the grid on the view."},{selector:".k-calendar-thead",attribute:"role=rowgroup",usage:"Groups header rows."},{selector:".k-calendar-tbody",attribute:"role=rowgroup",usage:"Groups body rows."},{selector:".k-calendar-tr",attribute:"role=row",usage:"Each row in the calendar table."},{selector:".k-calendar-thead .k-calendar-th",attribute:"role=columnheader",usage:"Column header for day names."},{selector:".k-calendar-thead .k-calendar-th",attribute:"scope=col",usage:"Specifies the header applies to a column."},{selector:".k-calendar-thead .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Indicates the selected date."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Indicates a disabled date."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"tabindex=-1",usage:"Navigation buttons are not focusable."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"aria-label",usage:"Describes the navigation button purpose."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-title",attribute:"aria-label",usage:"Describes the title button purpose."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link/button is not focusable."}]};import{jsx as wf}from"react/jsx-runtime";var md="k-calendar-container",Nf=[],gf={},Tf={},ua=e=>{let{...t}=e;return wf("div",{...t,className:n(e.className,md),children:e.children})};ua.states=Nf;ua.options=gf;ua.className=md;ua.defaultOptions=Tf;ua.moduleName=Be;ua.folderName=He;import{Fragment as Lf,jsx as ma,jsxs as Ef}from"react/jsx-runtime";var Mf=[c.hover,c.focus,c.active,c.selected,c.disabled],i=e=>{let{text:t,headerCell:o,today:a,weekend:r,showOtherMonth:s,weekCell:u,rangeStart:m,rangeMid:f,rangeEnd:x,dayIndicator:y,empty:k,hover:h,focus:E,active:T,selected:B,disabled:_,...I}=e,ie=`k-calendar-${o?"th":"td"}`,Ce=[e.className,ie,H(ie,{hover:h,focus:E,active:T,selected:B,disabled:_}),{"k-today":a,"k-weekend":r,"k-other-month":s,"k-alt":u,"k-range-start":m,"k-range-mid":f,"k-range-end":x,"k-empty":k}],Ae={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Te=t?Ae[t]||t:void 0;return ma("th",{...I,className:n(Ce),role:"columnheader",scope:"col","aria-label":Te,children:u?ma("span",{className:"k-sr-only",children:Te}):t})}return u?ma("td",{...I,className:n(Ce),children:t}):ma("td",{...I,className:n(Ce),role:"gridcell",...B?{"aria-selected":"true"}:{},..._?{"aria-disabled":"true"}:{},children:k&&!s?ma(Lf,{children:"\xA0"}):Ef("span",{className:"k-link",children:[t,y&&ma("span",{className:"k-day-indicator"})]})})};i.states=Mf;import{jsx as hn,jsxs as Af}from"react/jsx-runtime";var bd="k-calendar-thead",hd={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},ba=e=>{let{showWeek:t,cellsText:o=hd.cellsText,...a}=e;return hn("thead",{...a,className:n(e.className,bd),role:"rowgroup",children:Af("tr",{className:"k-calendar-tr",role:"row",children:[t&&hn(i,{weekCell:!0,headerCell:!0,text:"W"}),o.map((r,s)=>hn(i,{text:r,headerCell:!0},s))]})})};ba.className=bd;ba.defaultOptions=hd;import{jsx as Rf}from"react/jsx-runtime";var fd="k-calendar-tbody",Le=e=>{let{...t}=e;return Rf("tbody",{...t,className:n(e.className,fd),role:"rowgroup",children:e.children})};Le.className=fd;Le.moduleName=Be;Le.folderName=He;import{jsx as fn,jsxs as Of}from"react/jsx-runtime";var If="k-calendar-table",gt=e=>{let{calendarCaption:t,showTableHead:o,showWeek:a,ariaLabelledBy:r,ariaActiveDescendant:s,gridRole:u,...m}=e;return Of("table",{...m,className:n(e.className,If),...u?{role:"grid","aria-labelledby":r,"aria-activedescendant":s,tabIndex:0}:{role:"none"},children:[t&&fn("caption",{className:"k-calendar-caption",children:t}),o&&fn(ba,{showWeek:a}),fn(Le,{children:e.children})]})};import{jsx as xn,jsxs as xd}from"react/jsx-runtime";var Cd="k-calendar-navigation",qa=e=>xd("div",{...e,className:n(e.className,Cd),children:[xn("span",{className:"k-calendar-navigation-highlight"}),xd("div",{className:"k-content k-scrollable",children:[xn("ul",{className:"k-reset",children:e.children}),xn("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});qa.className=Cd;qa.moduleName=Be;qa.folderName=He;import{jsx as Pf}from"react/jsx-runtime";var Bf="k-calendar-table",Cn=e=>{let{tableRole:t="none",ariaLabelledBy:o,...a}=e;return Pf("table",{...a,className:n(e.className,Bf),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};import{jsx as Tt,jsxs as Al}from"react/jsx-runtime";var vd="k-calendar-view",ha={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},fa=e=>{let{orientation:t=ha.orientation,calendarView:o=ha.calendarView,headerText:a=ha.headerText,showWeekdays:r=ha.showWeekdays,showNavigationButtons:s=ha.showNavigationButtons,showWeekNumbers:u,weekdayCellsText:m,gridLabelledBy:f,...x}=e;return Al("div",{...x,className:n(vd,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[Tt(Mo,{showNavigationButtons:s,calendarTitleText:a,orientation:"horizontal"}),r&&Al(Cn,{className:"k-calendar-weekdays",tableRole:"table",children:[Al("colgroup",{children:[Tt("col",{}),Tt("col",{}),Tt("col",{}),Tt("col",{}),Tt("col",{}),Tt("col",{}),Tt("col",{})]}),Tt(ba,{cellsText:m,showWeek:u})]}),Al("div",{className:"k-content k-scrollable",role:"none",children:[Tt(Cn,{tableRole:"grid",ariaLabelledBy:f,children:e.children}),Tt("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};fa.className=vd;fa.defaultOptions=ha;fa.moduleName=Be;fa.folderName=He;import{jsx as Rl,jsxs as zf}from"react/jsx-runtime";var yd="k-calendar-infinite",Df={size:[p.undefined,p.small,p.medium,p.large]},Kf=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Hf={2021:"marker",2022:"marker"},_f=(e,t)=>e.map((o,a)=>Rl("li",{children:Rl("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},a)),Ya={showNavigation:!0,calendarView:"month",navigationItems:Kf,navigationMarkerConfig:Hf},xe=e=>{let{size:t,showNavigation:o=Ya.showNavigation,calendarView:a=Ya.calendarView,navigationItems:r=Ya.navigationItems,navigationMarkerConfig:s=Ya.navigationMarkerConfig,calendarTitleText:u,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:x,calendarWeekdays:y,...k}=e,h=W("calendar-infinite-title");return zf("div",{...k,className:n(e.className,"k-calendar",yd,P("k-calendar",{size:t})),children:[o&&Rl(qa,{children:_f(r,s)}),Rl(fa,{calendarView:a,headerText:u,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:x,orientation:"vertical",weekdayCellsText:y,gridLabelledBy:h,children:e.children})]})};xe.options=Df;xe.className=yd;xe.defaultOptions=Ya;xe.moduleName=Be;xe.folderName=He;xe.ariaSpec={selector:".k-calendar-infinite",rules:[{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"role=grid",usage:"The content table is the grid element for the infinite calendar."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"aria-labelledby",usage:"Pointing to the current view title element."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar-infinite .k-calendar-weekdays",attribute:"role=table",usage:"Weekday header table keeps table semantics (not part of grid)."},{selector:".k-calendar-view div.k-content.k-scrollable",attribute:"role=none",usage:"Scrollable wrapper is transparent to a11y tree."},{selector:".k-calendar-infinite .k-calendar-tbody",attribute:"role=rowgroup",usage:"Explicit rowgroup role on tbody."},{selector:".k-calendar-infinite .k-calendar-tr",attribute:"role=row",usage:"Explicit row role on tr."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"role=columnheader",usage:"Explicit columnheader role on weekday headers."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"scope=col",usage:"Specifies that the header applies to a column."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-infinite .k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Specifies whether the date is selected."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Specifies a disabled date."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link is not focusable."}]};import{jsx as Gf}from"react/jsx-runtime";var kd="k-calendar-tr",A=e=>{let{...t}=e;return Gf("tr",{...t,className:n(e.className,kd),role:"row",children:e.children})};A.className=kd;A.moduleName=Be;A.folderName=He;import{jsx as Uf}from"react/jsx-runtime";var Sd="k-calendar-caption",_e=e=>{let{text:t,scope:o,colSpan:a,rowSpan:r,...s}=e;return Uf("th",{...s,scope:o,colSpan:a,rowSpan:r,className:n(e.className,Sd),children:t})};_e.className=Sd;_e.moduleName=Be;_e.folderName=He;import{jsx as rt,jsxs as Il}from"react/jsx-runtime";var Nd=({showOtherCentury:e,...t})=>rt(ue,{calendarView:"century",calendarTitleText:"2000 - 2099",children:Il(gt,{children:[Il(A,{children:[rt(i,{text:"1990 - 1999"}),rt(i,{text:"2000 - 2009"}),rt(i,{text:"2010 - 2019",today:!0}),rt(i,{text:"2020 - 2029"})]}),Il(A,{children:[rt(i,{text:"2030 - 2039"}),rt(i,{text:"2040 - 2049"}),rt(i,{text:"2050 - 2059"}),rt(i,{text:"2060 - 2069"})]}),Il(A,{children:[rt(i,{text:"2070 - 2079"}),rt(i,{text:"2080 - 2089"}),rt(i,{text:"2090 - 2099"}),rt(i,{text:"2100 - 2109",empty:!e})]})]}),...t});import{jsx as nt,jsxs as Ol}from"react/jsx-runtime";var gd=({showOtherDecade:e,...t})=>nt(ue,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:Ol(gt,{children:[Ol(A,{children:[nt(i,{text:"2019",empty:!e}),nt(i,{text:"2020"}),nt(i,{text:"2021",today:!0}),nt(i,{text:"2022"})]}),Ol(A,{children:[nt(i,{text:"2023"}),nt(i,{text:"2024"}),nt(i,{text:"2025"}),nt(i,{text:"2026"})]}),Ol(A,{children:[nt(i,{text:"2027"}),nt(i,{text:"2028"}),nt(i,{text:"2029"}),nt(i,{text:"2030",empty:!e})]})]}),...t});import{jsx as G,jsxs as Lo}from"react/jsx-runtime";var Td=({showCaptions:e,showOtherMonth:t,...o})=>G(ue,{calendarView:"month",children:Lo(gt,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[Lo(A,{children:[G(i,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),G(i,{text:"27",showOtherMonth:t,empty:!t}),G(i,{text:"28",showOtherMonth:t,empty:!t}),G(i,{text:"29",showOtherMonth:t,empty:!t}),G(i,{text:"30",showOtherMonth:t,empty:!t}),G(i,{text:"1"}),G(i,{text:"2",weekend:!0})]}),Lo(A,{children:[G(i,{text:"3",weekend:!0}),G(i,{text:"4"}),G(i,{text:"5"}),G(i,{text:"6"}),G(i,{text:"7"}),G(i,{text:"8"}),G(i,{text:"9",weekend:!0})]}),Lo(A,{children:[G(i,{text:"10",weekend:!0}),G(i,{text:"11"}),G(i,{text:"12",today:!0}),G(i,{text:"13"}),G(i,{text:"14"}),G(i,{text:"15"}),G(i,{text:"16",weekend:!0})]}),Lo(A,{children:[G(i,{text:"17",weekend:!0}),G(i,{text:"18"}),G(i,{text:"19"}),G(i,{text:"20"}),G(i,{text:"21"}),G(i,{text:"22"}),G(i,{text:"23",weekend:!0})]}),Lo(A,{children:[G(i,{text:"24",weekend:!0}),G(i,{text:"25"}),G(i,{text:"26"}),G(i,{text:"27"}),G(i,{text:"28"}),G(i,{text:"29"}),G(i,{text:"30",weekend:!0})]}),Lo(A,{children:[G(i,{text:"31",weekend:!0}),G(i,{text:"1",showOtherMonth:t,empty:!t}),G(i,{text:"2",showOtherMonth:t,empty:!t}),G(i,{text:"3",showOtherMonth:t,empty:!t}),G(i,{text:"4",showOtherMonth:t,empty:!t}),G(i,{text:"5",showOtherMonth:t,empty:!t}),G(i,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});import{jsx as V5,jsxs as $5}from"react/jsx-runtime";import{jsx as st,jsxs as Bl}from"react/jsx-runtime";var wd=e=>st(ue,{calendarView:"year",calendarTitleText:"2019",children:Bl(gt,{children:[Bl(A,{children:[st(i,{text:"Jan"}),st(i,{text:"Feb"}),st(i,{text:"Mar"}),st(i,{text:"Apr"})]}),Bl(A,{children:[st(i,{text:"May"}),st(i,{text:"Jun"}),st(i,{text:"Jul"}),st(i,{text:"Au"})]}),Bl(A,{children:[st(i,{text:"Sep"}),st(i,{text:"Oct",today:!0}),st(i,{text:"Nov"}),st(i,{text:"Dec"})]})]}),...e});import{Fragment as Ff,jsx as O,jsxs as $t}from"react/jsx-runtime";var Md=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>O(xe,{calendarTitleText:"January 2021",children:$t(Ff,{children:[$t("colgroup",{children:[O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),$t(Le,{children:[O(A,{"aria-hidden":"true",children:O(_e,{scope:"col",colSpan:7,text:e})}),$t(A,{children:[O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{text:"1"}),O(i,{text:"2",weekend:!0})]}),$t(A,{children:[O(i,{text:"3",weekend:!0}),O(i,{text:"4"}),O(i,{text:"5"}),O(i,{text:"6"}),O(i,{text:"7"}),O(i,{text:"8"}),O(i,{text:"9",weekend:!0})]}),$t(A,{children:[O(i,{text:"10",weekend:!0}),O(i,{text:"11"}),O(i,{text:"12"}),O(i,{text:"13"}),O(i,{text:"14"}),O(i,{text:"15"}),O(i,{text:"16",weekend:!0})]}),$t(A,{children:[O(i,{text:"17",weekend:!0}),O(i,{text:"18"}),O(i,{text:"19"}),O(i,{text:"20"}),O(i,{text:"21"}),O(i,{text:"22"}),O(i,{text:"23",weekend:!0})]}),$t(A,{children:[O(i,{text:"24",weekend:!0}),O(i,{text:"25"}),O(i,{text:"26"}),O(i,{text:"27"}),O(i,{text:"28"}),O(i,{text:"29"}),O(i,{text:"30",weekend:!0})]}),$t(A,{children:[O(i,{text:"31",weekend:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0})]})]}),O(Le,{children:O(A,{"aria-hidden":"true",children:O(_e,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as Wf,jsx as J,jsxs as Dt}from"react/jsx-runtime";var Ld=({firstCaption:e="2021",secondCaption:t="2022",...o})=>J(xe,{calendarView:"year",showWeekdays:!1,calendarTitleText:"2021",navigationItems:["2016","2017","2018","2019","2020","2021","2022","2023","2024","2025","2026","2027","2028","2029","2030","2031","2032","2033","2034","2035","2036","2037","2038","2039","2040","2041","2042"],navigationMarkerConfig:{2021:"marker",2030:"marker",2040:"marker"},children:Dt(Wf,{children:[Dt("colgroup",{children:[J("col",{}),J("col",{}),J("col",{}),J("col",{})]}),Dt(Le,{children:[J(A,{"aria-hidden":"true",children:J(_e,{scope:"col",colSpan:4,text:e})}),Dt(A,{children:[J(i,{text:"Jan",today:!0}),J(i,{text:"Feb"}),J(i,{text:"Mar"}),J(i,{text:"Apr"})]}),Dt(A,{children:[J(i,{text:"May"}),J(i,{text:"Jun"}),J(i,{text:"Jul"}),J(i,{text:"Aug"})]}),Dt(A,{children:[J(i,{text:"Sep"}),J(i,{text:"Oct"}),J(i,{text:"Nov"}),J(i,{text:"Dec"})]})]}),Dt(Le,{children:[J(A,{"aria-hidden":"true",children:J(_e,{scope:"col",colSpan:4,text:t})}),Dt(A,{children:[J(i,{text:"Jan"}),J(i,{text:"Feb"}),J(i,{text:"Mar"}),J(i,{text:"Apr"})]}),Dt(A,{children:[J(i,{text:"May"}),J(i,{text:"Jun"}),J(i,{text:"Jul"}),J(i,{text:"Aug"})]}),Dt(A,{children:[J(i,{text:"Sep"}),J(i,{text:"Oct"}),J(i,{text:"Nov"}),J(i,{text:"Dec"})]})]})]}),...o});import{Fragment as Vf,jsx as q,jsxs as Kt}from"react/jsx-runtime";var Ed=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>q(xe,{calendarView:"decade",showWeekdays:!1,calendarTitleText:"2020 - 2029",navigationItems:["1970","1980","1990","2000","2010","2020","2030","2040","2050","2060","2070","2080","2090"],navigationMarkerConfig:{2020:"marker"},children:Kt(Vf,{children:[Kt("colgroup",{children:[q("col",{}),q("col",{}),q("col",{}),q("col",{})]}),Kt(Le,{children:[q(A,{"aria-hidden":"true",children:q(_e,{scope:"col",colSpan:4,text:e})}),Kt(A,{children:[q(i,{text:"2020",today:!0}),q(i,{text:"2021"}),q(i,{text:"2022"}),q(i,{text:"2023"})]}),Kt(A,{children:[q(i,{text:"2024"}),q(i,{text:"2025"}),q(i,{text:"2026"}),q(i,{text:"2027"})]}),Kt(A,{children:[q(i,{text:"2028"}),q(i,{text:"2029"}),q(i,{empty:!0}),q(i,{empty:!0})]})]}),Kt(Le,{children:[q(A,{"aria-hidden":"true",children:q(_e,{scope:"col",colSpan:4,text:t})}),Kt(A,{children:[q(i,{text:"2030"}),q(i,{text:"2031"}),q(i,{text:"2032"}),q(i,{text:"2033"})]}),Kt(A,{children:[q(i,{text:"2034"}),q(i,{text:"2035"}),q(i,{text:"2036"}),q(i,{text:"2037"})]}),Kt(A,{children:[q(i,{text:"2038"}),q(i,{text:"2039"}),q(i,{empty:!0}),q(i,{empty:!0})]})]})]}),...o});import{Fragment as $f,jsx as ge,jsxs as xa}from"react/jsx-runtime";var Ad=({firstCaption:e="2000 - 2099",...t})=>ge(xe,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:xa($f,{children:[xa("colgroup",{children:[ge("col",{}),ge("col",{}),ge("col",{}),ge("col",{})]}),xa(Le,{children:[ge(A,{"aria-hidden":"true",children:ge(_e,{scope:"col",colSpan:4,text:e})}),xa(A,{children:[ge(i,{text:"1900 - 1999"}),ge(i,{text:"2000 - 2009"}),ge(i,{text:"2010 - 2019"}),ge(i,{text:"2020 - 2029"})]}),xa(A,{children:[ge(i,{text:"2030 - 2039"}),ge(i,{text:"2040 - 2049"}),ge(i,{text:"2050 - 2059"}),ge(i,{text:"2060 - 2069"})]}),xa(A,{children:[ge(i,{text:"2070 - 2079"}),ge(i,{text:"2080 - 2089"}),ge(i,{text:"2090 - 2099"}),ge(i,{empty:!0})]})]})]}),...t});import{Fragment as m9,jsx as p9,jsxs as u9}from"react/jsx-runtime";import{jsx as x9,jsxs as C9}from"react/jsx-runtime";import{Fragment as g9,jsx as S9,jsxs as N9}from"react/jsx-runtime";import{jsx as Pl}from"react/jsx-runtime";var Xf=ue.options,Jf=ue.states,Rd={...ue.defaultOptions,variant:"month"},qf=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Yf=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Ca=e=>{let{variant:t,modifiers:o,...a}={...Rd,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!o?.[x],r.showOtherCentury=!!o?.[x],r.showOtherDecade=!!o?.[x];break;case"footer":r.showCalendarFooter=!!o?.[x];break;default:return}});let{showOtherMonth:s,showOtherDecade:u,showOtherCentury:m,showCalendarFooter:f}=r;switch(t){case"century":return Pl(Nd,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return Pl(gd,{size:a.size,showOtherDecade:u,showCalendarFooter:f});case"year":return Pl(wd,{calendarTitleText:"2021",size:a.size,showCalendarFooter:f});default:return Pl(Td,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};Ca.options=Xf;Ca.states=Jf;Ca.variants=qf;Ca.defaultOptions=Rd;Ca.modifiers=Yf;Ca.className=ue.className;import{jsx as Dl}from"react/jsx-runtime";var Qf=xe.options,Zf=xe.states,Id={...xe.defaultOptions,variant:"month"},jf=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],ex=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],va=e=>{let{variant:t,modifiers:o,...a}={...Id,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!o?.[x],r.showOtherCentury=!!o?.[x],r.showOtherDecade=!!o?.[x];break;case"footer":r.showCalendarFooter=!!o?.[x];break;default:return}});let{showOtherMonth:s,showOtherDecade:u,showOtherCentury:m,showCalendarFooter:f}=r;switch(t){case"century":return Dl(Ad,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return Dl(Ed,{size:a.size,showOtherDecade:u,showCalendarFooter:f});case"year":return Dl(Ld,{size:a.size,showCalendarFooter:f});default:return Dl(Md,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};va.options=Qf;va.states=Zf;va.variants=jf;va.defaultOptions=Id;va.modifiers=ex;va.className=xe.className;import{jsx as gz,jsxs as Tz}from"react/jsx-runtime";import{Fragment as tx,jsx as N,jsxs as qe}from"react/jsx-runtime";var Od=({style:e,...t})=>N(Y,{style:e,layout:"flex",view:"month",toolbar:qe(te,{children:[qe(R,{className:"k-scheduler-navigation",children:[N(d,{className:"k-group-start",children:"Today"}),N(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),N(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),N(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"June 23 2024"}),N("span",{className:"k-spacer"}),qe(de,{thumbStyles:{width:"19%",left:"34%"},className:"k-scheduler-views",children:[N(K,{children:"Day"}),N(K,{children:"Week"}),N(K,{selected:!0,children:"Month"}),N(K,{children:"Timeline"}),N(K,{children:"Agenda"})]})]}),children:qe(tx,{children:[N(me,{as:"div",children:N(U,{children:N(g,{children:N(l,{as:"div",cellType:["group"],children:qe(g,{children:[N(l,{as:"div",cellType:["heading"],text:"Sunday"}),N(l,{as:"div",cellType:["heading"],text:"Monday"}),N(l,{as:"div",cellType:["heading"],text:"Tuesday"}),N(l,{as:"div",cellType:["heading"],text:"Wednesday"}),N(l,{as:"div",cellType:["heading"],text:"Tuesday"}),N(l,{as:"div",cellType:["heading"],text:"Friday"}),N(l,{as:"div",cellType:["heading"],text:"Saturday"})]})})})})}),qe(ce,{as:"div",children:[N(U,{children:N(g,{children:qe(l,{as:"div",cellType:["group"],children:[qe(g,{children:[N(l,{as:"div",cellType:["slot"],text:"26",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"27",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"28",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"29",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"30",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"31",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"01"})]}),qe(g,{children:[qe(l,{as:"div",cellType:["slot"],children:[N("span",{className:"k-link k-nav-day",children:"02"}),N(d,{className:"k-more-events",icon:"more-horizontal","aria-label":"Show more events"})]}),N(l,{as:"div",cellType:["slot"],text:"03"}),N(l,{as:"div",cellType:["slot"],text:"04"}),N(l,{as:"div",cellType:["slot"],text:"05"}),N(l,{as:"div",cellType:["slot"],text:"06"}),N(l,{as:"div",cellType:["slot"],text:"07"}),N(l,{as:"div",cellType:["slot"],text:"08"})]}),qe(g,{children:[N(l,{as:"div",cellType:["slot"],text:"09"}),N(l,{as:"div",cellType:["slot"],text:"10"}),N(l,{as:"div",cellType:["slot"],text:"11"}),N(l,{as:"div",cellType:["slot"],text:"12"}),N(l,{as:"div",cellType:["slot"],text:"13"}),N(l,{as:"div",cellType:["slot"],text:"14"}),N(l,{as:"div",cellType:["slot"],text:"15"})]}),qe(g,{children:[N(l,{as:"div",cellType:["slot"],text:"16"}),N(l,{as:"div",cellType:["slot"],text:"17"}),N(l,{as:"div",cellType:["slot"],text:"18"}),N(l,{as:"div",cellType:["slot"],text:"19"}),N(l,{as:"div",cellType:["slot"],text:"20"}),N(l,{as:"div",cellType:["slot"],text:"21"}),N(l,{as:"div",cellType:["slot"],text:"22"})]}),qe(g,{children:[N(l,{as:"div",cellType:["slot"],text:"23"}),N(l,{as:"div",cellType:["slot"],text:"24"}),N(l,{as:"div",cellType:["slot"],text:"25"}),N(l,{as:"div",cellType:["slot"],text:"26"}),N(l,{as:"div",cellType:["slot"],text:"27"}),N(l,{as:"div",cellType:["slot"],text:"28"}),N(l,{as:"div",cellType:["slot"],text:"29"})]}),qe(g,{children:[N(l,{as:"div",cellType:["slot"],text:"30"}),N(l,{as:"div",cellType:["slot"],text:"31"}),N(l,{as:"div",cellType:["slot"],text:"01",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"02",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"03",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"04",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"05",className:"k-other-month"})]})]})})}),N(ke,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 1 Title"})})}),N(ke,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",left:"141px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 2 Title"})})}),N(ke,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"165px",left:"141px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 3 Title"})})}),N(ke,{eventSuffix:null,resizable:"none",style:{top:"137px",left:"282px",width:"410px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 4 Title"})})})]})]}),...t});import{Fragment as ox,jsx as M,jsxs as Xt}from"react/jsx-runtime";var Bd=({style:e,...t})=>M(Y,{style:e,layout:"flex",view:"timeline",toolbar:Xt(te,{children:[Xt(R,{className:"k-scheduler-navigation",children:[M(d,{className:"k-group-start",children:"Today"}),M(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),M(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),M(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Friday, June 21, 2024"}),M("span",{className:"k-spacer"}),Xt(de,{thumbStyles:{width:"23%",left:"54%"},className:"k-scheduler-views",children:[M(K,{children:"Day"}),M(K,{children:"Week"}),M(K,{children:"Month"}),M(K,{selected:!0,children:"Timeline"}),M(K,{children:"Agenda"})]})]}),footer:M(te,{footer:!0,children:M(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:Xt(ox,{children:[M(me,{as:"div",style:{width:"1874px"},children:M(U,{children:Xt(g,{children:[M(Ro,{children:M(l,{as:"div",cellType:["side"],style:{minWidth:"72px"}})}),Xt(l,{as:"div",cellType:["group"],children:[M(g,{children:M(l,{as:"div",cellType:["heading"],text:"June 21"})}),Xt(g,{children:[M(l,{as:"div",cellType:["heading"],children:"8:00 AM"}),M(l,{as:"div",cellType:["heading"],children:"9:00 AM"}),M(l,{as:"div",cellType:["heading"],children:"10:00 AM"}),M(l,{as:"div",cellType:["heading"],children:"11:00 AM"}),M(l,{as:"div",cellType:["heading"],children:"12:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"1:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"2:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"3:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"4:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"5:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"6:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"7:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"8:00 PM"})]})]})]})})}),M(ce,{as:"div",style:{width:"1874px",minHeight:"100px"},children:M(U,{children:Xt(g,{children:[M(Ro,{children:M(l,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"72px"},children:"All events"})}),M(l,{as:"div",cellType:["group"],children:Xt(g,{children:[M(l,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),M(l,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]})]})})]})})})]}),...t});import{Fragment as Wz,jsx as Uz,jsxs as Fz}from"react/jsx-runtime";import{Fragment as Qz,jsx as qz,jsxs as Yz}from"react/jsx-runtime";import{Fragment as l7,jsx as o7,jsxs as a7}from"react/jsx-runtime";import{Fragment as p7,jsx as d7,jsxs as c7}from"react/jsx-runtime";import{Fragment as sx,jsx as co}from"react/jsx-runtime";var ax=Y.options,lx=Y.states,Pd={...Y.defaultOptions,variant:"day"},rx=[{name:"day",title:"Day View"},{name:"week",title:"Week View"},{name:"month",title:"Month View"},{name:"timeline",title:"Timeline View"},{name:"agenda",title:"Agenda View"}],nx=[{name:"footer",title:"Footer"}],ya=e=>{let{variant:t,modifiers:o,...a}={...Pd,...e},r=co(sx,{children:co(te,{footer:!0,children:co(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})})}),s={footer:r};switch(Object.keys(o||{}).forEach(u=>{u==="footer"&&(s.footer=o?.[u]?r:void 0)}),t){case"agenda":return co(Dd,{style:{height:"350px",width:"100%"},...a,...s});case"timeline":return co(Bd,{style:{height:"350px",width:"100%"},...a,...s});case"month":return co(Od,{style:{height:"350px",width:"100%"},...a,...s});case"week":return co(nd,{style:{height:"350px",width:"100%"},...a,...s});default:return co(rd,{style:{height:"350px",width:"100%"},...a,...s})}};ya.options=ax;ya.states=lx;ya.variants=rx;ya.defaultOptions=Pd;ya.modifiers=nx;ya.className=Y.className;import{Fragment as ix,jsx as D,jsxs as Ee}from"react/jsx-runtime";var Dd=({style:e,...t})=>D(Y,{style:e,layout:"flex",view:"agenda",toolbar:Ee(te,{children:[Ee(R,{className:"k-scheduler-navigation",children:[D(d,{className:"k-group-start",children:"Today"}),D(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),D(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),D(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/24/2024 - 6/25/2024"}),D("span",{className:"k-spacer"}),Ee(de,{thumbStyles:{width:"22%",right:"2px"},className:"k-scheduler-views",children:[D(K,{children:"Day"}),D(K,{children:"Week"}),D(K,{children:"Month"}),D(K,{children:"Timeline"}),D(K,{selected:!0,children:"Agenda"})]})]}),children:Ee(ix,{children:[D(me,{as:"div",role:"rowgroup",children:D(U,{orientation:"vertical",role:"presentation",children:D(g,{role:"presentation",children:D(l,{as:"div",className:"k-group-content",role:"presentation",children:Ee(g,{role:"row",children:[D(l,{as:"div",cellType:["heading","group"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"columnheader",children:"Date"}),D(l,{as:"div",cellType:["heading","group"],className:"k-scheduler-timecolumn",style:{minWidth:"595px"},role:"columnheader",children:"Time"}),D(l,{as:"div",cellType:["heading","group"],className:"k-scheduler-eventcolumn",style:{minWidth:"168px"},role:"columnheader",children:"Event"})]})})})})}),D(ce,{as:"div",role:"rowgroup",children:Ee(U,{orientation:"vertical",role:"presentation",children:[Ee(g,{className:"k-scheduler-content",role:"row",children:[D(l,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:Ee("div",{children:[D("strong",{className:"k-scheduler-agendaday",children:"25"}),D("em",{className:"k-scheduler-agendaweek",children:"Monday"}),D("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),Ee(l,{as:"div",className:"k-group-content",role:"gridcell",children:[Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"11:30 AM-1:00 PM"})}),D(l,{as:"div",children:D(lt,{text:"Task 1 Title",closable:!0})})]}),Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"12:45 PM-2:30 PM"})}),D(l,{as:"div",children:D(lt,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"all day"})}),D(l,{as:"div",children:D(lt,{text:"Task 3 Title",closable:!0})})]})]})]}),Ee(g,{className:"k-scheduler-content",role:"row",children:[D(l,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:Ee("div",{children:[D("strong",{className:"k-scheduler-agendaday",children:"25"}),D("em",{className:"k-scheduler-agendaweek",children:"Tuesday"}),D("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),Ee(l,{as:"div",className:"k-group-content",role:"gridcell",children:[Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"9:30 AM-11:00 AM"})}),D(l,{as:"div",children:D(lt,{text:"Task 1 Title",closable:!0})})]}),Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"3:00 PM-4:30 PM"})}),D(l,{as:"div",children:D(lt,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"6:00 PM-7:00 PM"})}),D(l,{as:"div",children:D(lt,{text:"Task 3 Title",closable:!0})})]})]})]})]})})]}),...t});export{Dd as SchedulerFlexAgenda};
|