@progress/kendo-themes-html 13.2.0-dev.2 → 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 i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),E=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:c,active:u,selected:x,disabled:h,indeterminate:k,loading:N,empty:p,readonly:g,highlighted:v,...S}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":x,"k-disabled":h,"k-indeterminate":k&&!c,"k-loading":N,"k-empty":p,"k-readonly":g,"k-highlighted":v},Object.keys(S).reduce((T,M)=>(M.startsWith("k-")?T[M]=S[M]:T[`k-${M}`]=S[M],T),{}))};function Pr(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},b={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"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ca={};function K(e){return ca[e]=(ca[e]||0)+1,`k-${e}-${ca[e]}`}import{Fragment as as,jsx as Rr}from"react/jsx-runtime";var pa="k-font-icon",es=[],ts={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark]},os={},uo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...c}=e;return a?Rr("span",{...c,className:i(e.className,pa,I(pa,{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"}):Rr(as,{})};uo.states=es;uo.options=ts;uo.className=pa;uo.defaultOptions=os;var Kr=uo;import{Fragment as is,jsx as Ko}from"react/jsx-runtime";var ua="k-svg-icon",rs=[],ns={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark]},_r={viewBox:"0 0 24 24"},mo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=_r.viewBox,icon:c,...u}=e;if(!c)return Ko(is,{});if(c==="none")return Ko("span",{...u,className:i(e.className,ua,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name;return Ko("span",{...u,className:i(e.className,ua,I("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:Ko("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};mo.states=rs;mo.options=ns;mo.className=ua;mo.defaultOptions=_r;var ma=mo;import*as fa from"@progress/kendo-svg-icons";var Dr="icon",Hr="icons";import{useContext as ls}from"react";import{createContext as ss}from"react";var zr=ss({iconsType:"svg"});import{Fragment as Ur,jsx as fo}from"react/jsx-runtime";var _o="k-icon",ds=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),cs=[],ps={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark]},ba={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=ls(zr),{size:o,themeColor:a,icon:r,type:s=t||ba.type,rotate:c,flip:u,viewBox:x=ba.viewBox,...h}=e;if(!r)return fo(Ur,{});if((t||s)==="svg"){if(r==="none")return fo(ma,{...h,className:i(e.className,_o),icon:r,size:o});let N=fa[r]?r:ds(`${r}-icon`);return fa[N]?fo(ma,{...h,className:i(e.className,_o),icon:fa[N],size:o,themeColor:a,rotate:c,flip:u,viewBox:x}):fo(Ur,{})}return fo(Kr,{...h,className:i(e.className,_o),icon:r,size:o,themeColor:a,rotate:c,flip:u})};L.states=cs;L.options=ps;L.defaultOptions=ba;L.className=_o;L.moduleName=Dr;L.folderName=Hr;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 xa="button",Gr=xa;import{Fragment as bs,jsx as bo,jsxs as Fr}from"react/jsx-runtime";var xo="k-button",us=["icon-button"],ms=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],fs={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark,b.inverse]},ha={showArrow:!1,arrowIconName:"caret-alt-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:c=ha.showArrow,arrowIconName:u=ha.arrowIconName,variant:x,hover:h,focus:k,active:N,selected:p,disabled:g,togglable:v,ariaDisabled:S,icon:T,text:M,iconClassName:B,className:X,...te}=e,ne=T!==void 0,ie=e.children!==void 0;return Fr(t,{className:i(X,xo,Pr(xo,x),I(xo,{size:o,rounded:a,fillMode:r,themeColor:s}),E(xo,{hover:h,focus:k,active:N,disabled:g||S,selected:p}),{"k-icon-button":!M&&!ie&&ne}),...te,"aria-pressed":v?p?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:g||void 0,children:[T&&bo(L,{className:i(B,"k-button-icon"),icon:T}),M?Fr(bs,{children:[M&&bo("span",{className:"k-button-text",children:M}),e.children]}):e.children&&bo("span",{className:"k-button-text",children:e.children}),c&&bo("span",{className:"k-menu-button-arrow k-button-arrow",children:bo(L,{icon:u})})]})};l.states=ms;l.options=fs;l.variants=us;l.className=xo;l.defaultOptions=ha;l.moduleName=xa;l.folderName=Gr;l.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 xs}from"react/jsx-runtime";var tt=e=>xs(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as hs}from"react/jsx-runtime";var ho=e=>hs(l,{icon:"folder",children:"Button",...e});import{jsx as Ns}from"react/jsx-runtime";var bt=e=>Ns(l,{children:"Button",...e});import{jsx as Na}from"react/jsx-runtime";var ks=l.options,vs=l.states,gs={...l.defaultOptions,variant:"text"},Ls=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ms=[],Et=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Na(tt,{...o,icon:"star"});case"icon-and-text":return Na(ho,{...o,icon:"star",children:"Button"});default:return Na(bt,{...o,children:"Button"})}};Et.options=ks;Et.states=vs;Et.variants=Ls;Et.defaultOptions=gs;Et.modifiers=Ms;Et.className=l.className;var ka="button",Vr=ka;import{jsx as ys}from"react/jsx-runtime";var No="k-button-group",Ss=[n.disabled],Is={fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},Cs={},C=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return ys("div",{role:"group",...r,className:i(e.className,No,I(No,{fillMode:t}),E(No,{disabled:o}),{[`${No}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};C.states=Ss;C.options=Is;C.className=No;C.defaultOptions=Cs;C.moduleName=ka;C.folderName=Vr;C.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 cf,jsx as df,jsxs as pf}from"react/jsx-runtime";import{Fragment as hf,jsx as xf,jsxs as Nf}from"react/jsx-runtime";import{Fragment as Sf,jsx as Mf,jsxs as If}from"react/jsx-runtime";import{Fragment as Of,jsx as Af,jsxs as wf}from"react/jsx-runtime";import{Fragment as Df,jsx as _f,jsxs as Hf}from"react/jsx-runtime";import{Fragment as $f,jsx as Vf,jsxs as Xf}from"react/jsx-runtime";import{jsx as Xe,jsxs as va}from"react/jsx-runtime";var Ts={...l.options,...C.options},Es=l.states,As={...l.defaultOptions,...C.defaultOptions,variant:"text-button"},Os=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],ws=[],At=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?va(C,{fillMode:a.fillMode,className:o,children:[Xe(l,{...a,icon:"star"}),Xe(l,{...a,icon:"star"}),Xe(l,{...a,icon:"star"})]}):t==="icon-text-button"?va(C,{fillMode:a.fillMode,className:o,children:[Xe(l,{...a,icon:"star",children:"First"}),Xe(l,{...a,icon:"star",children:"Middle"}),Xe(l,{...a,icon:"star",children:"Last"})]}):va(C,{fillMode:a.fillMode,className:o,children:[Xe(l,{...a,children:"First"}),Xe(l,{...a,children:"Middle"}),Xe(l,{...a,children:"Last"})]})};At.options=Ts;At.states=Es;At.variants=Os;At.defaultOptions=As;At.modifiers=ws;At.className=C.className;var ko="input",Do=ko;import{jsx as Ks}from"react/jsx-runtime";var Ho="k-input",Bs=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ps={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Rs={},q=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:u,size:x,rounded:h,fillMode:k,...N}=e;return Ks("span",{...N,className:i(e.className,Ho,I(Ho,{size:x,rounded:h,fillMode:k}),E(Ho,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:u}))})};q.states=Bs;q.options=Ps;q.className=Ho;q.defaultOptions=Rs;q.moduleName=ko;q.folderName=Do;import{jsx as zs}from"react/jsx-runtime";var zo="k-picker",_s=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ds={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Hs={},He=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:u,size:x,rounded:h,fillMode:k,...N}=e;return zs("span",{...N,className:i(e.className,zo,I(zo,{size:x,rounded:h,fillMode:k}),E(zo,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:u})),children:e.children})};He.states=_s;He.options=Ds;He.className=zo;He.defaultOptions=Hs;He.moduleName=ko;He.folderName=Do;import{Fragment as Fs,jsx as ga}from"react/jsx-runtime";var $r="k-clear-value",Us=[n.disabled,n.loading,n.readonly],Gs={},xe=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?ga(Fs,{}):ga("span",{className:i(e.className,$r),children:ga(L,{icon:"x"})})};xe.states=Us;xe.options=Gs;xe.className=$r;import{jsx as Xs}from"react/jsx-runtime";var La="k-input-inner",Vs=[],$s={},Uo={type:"text",autocomplete:"off",value:"",placeholder:""},he=e=>{let{value:t=Uo.value,type:o=Uo.type,placeholder:a=Uo.placeholder,autocomplete:r=Uo.autocomplete,disabled:s,readOnly:c,...u}=e;return Xs("input",{...u,type:o,className:i(e.className,La,I(La,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};he.states=Vs;he.options=$s;he.className=La;import{jsx as Xr,jsxs as Ws}from"react/jsx-runtime";var Ma="k-input-inner",qs=[],Js={},xt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...c}=e;return Ws("span",{...c,className:i(e.className,Ma,I(Ma,e)),children:[r,!r&&s&&Xr(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Xr("span",{className:"k-input-value-text",children:t})]})};xt.states=qs;xt.options=Js;xt.className=Ma;import{jsx as Zs}from"react/jsx-runtime";var Sa="k-input-inner",Ys=[],Qs={},qr={value:"",placeholder:""},Ia=e=>{let{value:t=qr.value,placeholder:o=qr.placeholder,rows:a,disabled:r,...s}=e;return Zs("textarea",{...s,className:i(e.className,Sa,I(Sa,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};Ia.states=Ys;Ia.options=Qs;Ia.className=Sa;import{Fragment as el,jsx as Jr}from"react/jsx-runtime";var Wr="k-input-loading-icon",js=[n.disabled,n.loading],me=e=>{let{disabled:t,loading:o}=e;return t||!o?Jr(el,{}):Jr("span",{className:i(e.className,Wr,"k-icon k-i-loading")})};me.states=js;me.className=Wr;import{Fragment as al,jsx as Yr}from"react/jsx-runtime";var Qr="k-input-validation-icon",tl=[n.valid,n.invalid,n.disabled,n.loading],ol={},se=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?Yr(al,{}):Yr(L,{className:i(Qr),icon:s})};se.states=tl;se.options=ol;se.className=Qr;import{Fragment as il,jsx as Zr}from"react/jsx-runtime";var rl="k-input-prefix",nl={direction:"horizontal"},Me=e=>{let{direction:t=nl.direction,...o}=e;return e.children?Zr("span",{...o,className:i(rl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Zr(il,{})};import{Fragment as dl,jsx as jr}from"react/jsx-runtime";var sl="k-input-suffix",ll={direction:"horizontal"},Se=e=>{let{direction:t=ll.direction,...o}=e;return e.children?jr("span",{...o,className:i(sl,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):jr(dl,{})};import{jsx as Xb}from"react/jsx-runtime";import{jsx as pl}from"react/jsx-runtime";var cl="k-input-suffix-text",Ca=e=>{let{children:t,...o}=e;return pl("span",{...o,className:i(cl,e.className),children:t})};import{jsx as ml}from"react/jsx-runtime";var en="k-input-separator",ul={direction:"vertical"},Ie=e=>{let{direction:t=ul.direction,...o}=e;return ml("span",{...o,className:i(en,e.className,{[`${en}-${t}`]:t})})};import{Fragment as tn,jsx as ze,jsxs as ya}from"react/jsx-runtime";var fl=q.states,bl=q.defaultOptions,xl=q.options,hl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Nl=[],Ot=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:c,...u}=e,x=t?.prefix,h=t?.suffix,k=t?.["clear-button"],N=t?.["validation-icon"],p=t?.separators;return ya(q,{...u,valid:o,invalid:a,loading:r,disabled:s,readonly:c,style:{width:300},children:[x&&ya(tn,{children:[ze(Me,{children:ze(L,{icon:"lock"})}),p&&ze(Ie,{})]}),ze(he,{placeholder:"Placeholder",value:"Value"}),N&&ze(se,{valid:o,invalid:a,loading:r,disabled:s}),ze(me,{loading:r,disabled:s}),k&&ze(xe,{loading:r,disabled:s,readonly:c,value:"Value"}),h&&ya(tn,{children:[p&&ze(Ie,{}),ze(Se,{children:ze(bt,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Ot.options=xl;Ot.states=fl;Ot.variants=Nl;Ot.defaultOptions=bl;Ot.modifiers=hl;Ot.className=q.className;import{jsx as on,jsxs as gl}from"react/jsx-runtime";var an="k-color-preview",kl=[],vl={},ot=e=>{let{color:t,iconName:o,...a}=e;return gl("span",{...a,className:i(e.className,an,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&on(L,{icon:o,className:"k-color-preview-icon"}),on("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ot.states=kl;ot.options=vl;ot.className=an;var Ta="popup",rn=Ta;import{jsx as nn}from"react/jsx-runtime";var sn="k-animation-container",Ll=[],Ml={},ln={positionMode:"absolute"},Ue=e=>{let{positionMode:t=ln.positionMode,animationStyle:o,offset:a,...r}=e;return nn("div",{...r,style:{...a,...e.style},className:i(e.className,sn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:nn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ue.states=Ll;Ue.options=Ml;Ue.className=sn;Ue.defaultOptions=ln;Ue.moduleName=Ta;Ue.folderName=rn;var Ea="popup",dn=Ea;import{jsx as cn}from"react/jsx-runtime";var pn="k-popup",Sl=[],Il={},un={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=un.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:c,...u}=e;return cn(Ue,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":c,children:cn("div",{...u,className:i(e.className,pn),children:e.children})})};G.states=Sl;G.options=Il;G.className=pn;G.defaultOptions=un;G.moduleName=Ea;G.folderName=dn;G.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 Aa="action-buttons",mn=Aa;import{jsx as Tl}from"react/jsx-runtime";var Go="k-actions",Cl=[],yl={},Oa={alignment:"start",orientation:"horizontal"},Ge=e=>{let{alignment:t=Oa.alignment,orientation:o=Oa.orientation,...a}=e;return Tl("div",{...a,className:i(Go,{[`${Go}-${t}`]:t,[`${Go}-${o}`]:o},e.className),children:e.children})};Ge.states=Cl;Ge.options=yl;Ge.className=Go;Ge.defaultOptions=Oa;Ge.moduleName=Aa;Ge.folderName=mn;import{jsx as Al}from"react/jsx-runtime";var El="k-actionsheet-footer",fn={alignment:"stretched",orientation:"horizontal"},at=e=>{let{alignment:t=fn.alignment,orientation:o=fn.orientation,template:a,as:r=a?"div":Ge,...s}=e;return Al(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,El),children:e.children})};var wa="searchbox",bn=wa;import{jsx as vo,jsxs as Bl}from"react/jsx-runtime";var xn="k-searchbox",Ol=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],wl={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ba={showIcon:!0,icon:"search"},Ce=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:c,focus:u,valid:x,invalid:h,required:k,loading:N,disabled:p,showIcon:g=Ba.showIcon,icon:v=Ba.icon,"aria-label":S,...T}=e;return Bl(q,{...T,size:a,rounded:r,fillMode:s,hover:c,focus:u,valid:x,invalid:h,required:k,loading:N,disabled:p,className:i(e.className,xn),children:[g&&vo(L,{className:"k-input-icon",icon:v}),vo(he,{placeholder:o,value:t,"aria-label":S}),vo(me,{...e}),vo(se,{...e}),vo(xe,{...e})]})};Ce.states=Ol;Ce.options=wl;Ce.className=xn;Ce.defaultOptions=Ba;Ce.moduleName=wa;Ce.folderName=bn;import{jsx as hh}from"react/jsx-runtime";var Pa="textbox",hn=Pa;import{Fragment as Nn,jsx as rt,jsxs as Ra}from"react/jsx-runtime";var kn="k-textbox",Pl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Rl={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Fo={showClearButton:!0,showValidationIcon:!0,separators:!0},j=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Fo.separators,showClearButton:s=Fo.showClearButton,showValidationIcon:c=Fo.showValidationIcon,prefix:u,suffix:x,type:h,value:k,placeholder:N,hover:p,focus:g,valid:v,invalid:S,required:T,loading:M,disabled:B,readonly:X,id:te,"aria-label":ne,"aria-describedby":ie,...be}=e;return Ra(q,{...be,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:v,invalid:S,required:T,loading:M,disabled:B,readonly:X,className:i(e.className,kn),children:[u&&Ra(Nn,{children:[rt(Me,{children:u}),r&&rt(Ie,{})]}),rt(he,{id:te,placeholder:N,value:k,type:h,disabled:B,"aria-label":ne,"aria-describedby":ie,"aria-invalid":S?"true":void 0}),c&&rt(se,{valid:v,invalid:S,loading:M,disabled:B}),rt(me,{loading:M,disabled:B}),s&&rt(xe,{loading:M,disabled:B,readonly:X,value:k}),x&&Ra(Nn,{children:[r&&rt(Ie,{}),rt(Se,{children:x})]})]})};j.states=Pl;j.options=Rl;j.className=kn;j.defaultOptions=Fo;j.moduleName=Pa;j.folderName=hn;j.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 go=j;import{jsx as Kl}from"react/jsx-runtime";var vn=e=>Kl(go,{...e});import{Fragment as Rh,jsx as Ph}from"react/jsx-runtime";import{Fragment as Uh,jsx as zh}from"react/jsx-runtime";import{jsx as $h}from"react/jsx-runtime";import{jsx as Ka}from"react/jsx-runtime";var _l=j.states,Dl=j.defaultOptions,Hl=j.options,zl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ul=[],wt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Ka(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Ka(bt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Ka(vn,{value:"Value",style:{width:300},...o,...a})};wt.options=Hl;wt.states=_l;wt.variants=Ul;wt.defaultOptions=Dl;wt.modifiers=zl;wt.className=j.className;import{jsx as nt,jsxs as _a}from"react/jsx-runtime";var gn="k-actionsheet-titlebar",Gl={},le=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:c,inputValue:u,inputPlaceholder:x,adaptive:h,titleId:k,children:N,...p}=e;return _a("div",{...p,className:i(e.className,gn),children:[_a("div",{className:"k-actionsheet-titlebar-group",children:[a&&nt("div",{className:"k-actionsheet-actions",children:a}),!N&&_a("div",{className:"k-actionsheet-title",id:k,children:[t&&nt("div",{className:"k-text-center",children:t}),o&&nt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&nt("div",{className:"k-actionsheet-title",id:k,children:N}),r&&nt("div",{className:"k-actionsheet-actions",children:r})]}),(c||s)&&nt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?nt(j,{value:u,placeholder:x,size:h?"large":"medium","aria-label":t||x||"Input"}):nt(Ce,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};le.className=gn;le.defaultOptions=Gl;import{jsx as Da,jsxs as Xl}from"react/jsx-runtime";var Ha="k-actionsheet-view",Fl=[],Vl={},$l={},Bt=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:c,...u}=e,x=r?.type===le&&Da(le,{adaptive:t,titleId:c,...r?.props}),h=s?.type===at&&Da(at,{...s?.props});return Xl("div",{...u,className:i(e.className,Ha,{[`${Ha}-animated`]:o}),children:[x,Da("div",{className:"k-actionsheet-content",children:a}),h]})};Bt.states=Fl;Bt.options=Vl;Bt.className=Ha;Bt.defaultOptions=$l;var Lo="action-sheet",Vo=Lo;var za="overlay",Ln=za;import{jsx as Yl}from"react/jsx-runtime";var Ua="k-overlay",ql=[],Jl={themeColor:[b.undefined,b.light,b.dark,b.inverse]},Wl={},it=e=>{let{themeColor:t,...o}=e;return Yl("div",{...o,className:i(e.className,Ua,I(Ua,{themeColor:t})),children:e.children})};it.states=ql;it.options=Jl;it.className=Ua;it.defaultOptions=Wl;it.moduleName=za;it.folderName=Ln;import{jsx as $o,jsxs as jl}from"react/jsx-runtime";var Mn="k-actionsheet",Ql=[],Zl={},Mo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},V=e=>{let{side:t=Mo.side,fullscreen:o=Mo.fullscreen,adaptive:a=Mo.adaptive,overlay:r=Mo.overlay,template:s,children:c,header:u,footer:x,id:h,...k}=e,N=h&&!s&&u?`${h}-title`:void 0;return jl("div",{className:"k-actionsheet-container",children:[r&&$o(it,{}),$o(Ue,{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:$o("div",{...k,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":N,className:i(e.className,Mn,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||$o(Bt,{header:u,footer:x,adaptive:a,titleId:N,...e,children:c})})})]})};V.states=Ql;V.options=Zl;V.className=Mn;V.defaultOptions=Mo;V.moduleName=Lo;V.folderName=Vo;V.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 ad}from"react/jsx-runtime";var Sn="k-actionsheet-container",ed=[],td={},od={},Pt=e=>{let{children:t,...o}=e;return ad("div",{...o,className:Sn,children:t})};Pt.states=ed;Pt.options=td;Pt.className=Sn;Pt.defaultOptions=od;Pt.moduleName=Lo;Pt.folderName=Vo;import{jsx as rd}from"react/jsx-runtime";var Ga=e=>{let{...t}=e;return rd("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as id,jsx as So,jsxs as Fa}from"react/jsx-runtime";var Va="k-actionsheet-item",nd=[n.hover,n.focus,n.selected,n.disabled],st=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:c,disabled:u,...x}=e;return Fa("span",{...x,className:i(e.className,Va,E(Va,{hover:r,focus:s,selected:c,disabled:u})),children:[!e.children&&So(id,{children:Fa("span",{className:"k-actionsheet-action",children:[t&&So("span",{className:"k-icon-wrap",children:So(L,{className:"k-actionsheet-item-icon",icon:t})}),Fa("span",{className:"k-actionsheet-item-text",children:[o&&So("span",{className:"k-actionsheet-item-title",children:o}),a&&So("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};st.states=nd;st.className=Va;import{jsx as VN,jsxs as $N}from"react/jsx-runtime";import{jsx as WN}from"react/jsx-runtime";import{jsx as jN}from"react/jsx-runtime";import{jsx as ak}from"react/jsx-runtime";import{jsx as ee,jsxs as $a}from"react/jsx-runtime";var sd=V.options,ld=V.states,Cn={...V.defaultOptions,variant:"normal"},dd=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cd=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Rt=e=>{let{variant:t,modifiers:o,...a}={...Cn,...e},r={},s=$a(Ga,{children:[ee(st,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ee(st,{text:"Add to Favorites",iconName:"heart"}),ee(st,{text:"Upload New",iconName:"upload",disabled:!0}),ee("hr",{className:"k-hr"}),ee(st,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(x=>{switch(x){case"actions":r.actionsStart=!!o?.[x],r.actionsEnd=!!o?.[x];break;case"subtitle":r.subtitle=o?.[x]?c:void 0;break;case"footer":r.footer=!!o?.[x];break;default:break}}),t==="adaptive"?ee(V,{...a,adaptive:!0,fullscreen:r.fullScreen,header:ee(le,{actionsStart:r.actionsStart?ee(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ee(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:r.subtitle}),footer:r.footer?$a(at,{alignment:"stretched",children:[ee(l,{text:"Cancel",size:"large",themeColor:"base"}),ee(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ee(V,{...a,fullscreen:r.fullScreen,header:ee(le,{actionsStart:r.actionsStart?ee(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ee(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?$a(at,{alignment:"stretched",children:[ee(l,{text:"Apply",themeColor:"primary"}),ee(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Rt.options=sd;Rt.states=ld;Rt.variants=dd;Rt.defaultOptions=Cn;Rt.modifiers=cd;Rt.className=V.className;var Xa="slider",yn=Xa;import{jsx as Kt,jsxs as qa}from"react/jsx-runtime";var Io="k-slider",pd=[n.hover,n.focus,n.active,n.disabled,n.readonly],ud={},ye={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},U=e=>{let{type:t=ye.type,orientation:o=ye.orientation,gradientType:a=ye.gradientType,readonly:r=ye.readonly,disabled:s=ye.disabled,handlePosition:c=ye.handlePosition,showButtons:u=ye.showButtons,showTicks:x=ye.showTicks,value:h=ye.value,min:k=ye.min,max:N=ye.max,startValue:p,endValue:g,hover:v,focus:S,active:T,trackStyle:M,dir:B,...X}=e,ne=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ie,be;return o==="horizontal"?(ie=B==="rtl"?"caret-alt-left":"caret-alt-right",be=B==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ie="caret-alt-up",be="caret-alt-down"),qa("div",{...X,className:i(Io,e.className,E(Io,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:B,children:[u&&Kt(l,{className:"k-button-decrease",rounded:"full",icon:be,tabIndex:-1,title:"Decrease"}),qa("div",{className:"k-slider-track-wrap",children:[x&&Kt("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),qa("div",{className:"k-slider-track",style:M,children:[Kt("div",{className:"k-slider-selection"}),t==="range"&&Kt("span",{className:i("k-draghandle","k-draghandle-start",E(Io,{hover:v,focus:S,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??k,"aria-valuemin":k,"aria-valuemax":g??N,"aria-orientation":ne,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),Kt("span",{className:i("k-draghandle",`k-draghandle-${c}`,E(Io,{hover:v,focus:S,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?g??N:h,"aria-valuemin":t==="range"?p??k:k,"aria-valuemax":N,"aria-orientation":ne,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),u&&Kt(l,{className:"k-button-increase",rounded:"full",icon:ie,tabIndex:-1,title:"Increase"})]})};U.states=pd;U.options=ud;U.className=Io;U.defaultOptions=ye;U.moduleName=Xa;U.folderName=yn;U.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 Tn}from"react/jsx-runtime";var En="k-tick",md=[],fd={},An={label:!1},y=e=>{let{style:t,label:o=An.label,orientation:a,large:r,text:s,...c}=e;return Tn("li",{...c,role:"presentation",title:s||"Tick",className:i(e.className,En,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Tn("span",{className:"k-label",children:s})})};y.states=md;y.options=fd;y.className=En;y.defaultOptions=An;import{Fragment as bd,jsx as Te,jsxs as xd}from"react/jsx-runtime";var On=e=>Te(U,{"aria-label":e["aria-label"]||"Slider",children:xd(bd,{children:[Te(y,{className:"k-first",label:!0,large:!0,text:"0"}),Te(y,{}),Te(y,{}),Te(y,{}),Te(y,{}),Te(y,{label:!0,large:!0,text:"5"}),Te(y,{}),Te(y,{}),Te(y,{}),Te(y,{}),Te(y,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as hd,jsx as Ee,jsxs as Nd}from"react/jsx-runtime";var wn=e=>Ee(U,{children:Nd(hd,{children:[Ee(y,{className:"k-first",label:!0,large:!0,text:"0"}),Ee(y,{}),Ee(y,{}),Ee(y,{}),Ee(y,{}),Ee(y,{label:!0,large:!0,text:"5"}),Ee(y,{}),Ee(y,{}),Ee(y,{}),Ee(y,{}),Ee(y,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as $k,jsx as Vk,jsxs as Xk}from"react/jsx-runtime";import{Fragment as Qk,jsx as Yk,jsxs as Zk}from"react/jsx-runtime";import{jsx as kd}from"react/jsx-runtime";var Ja=e=>kd(U,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as vd}from"react/jsx-runtime";var Wa=e=>vd(U,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as dv,jsx as lv,jsxs as cv}from"react/jsx-runtime";import{Fragment as bv,jsx as fv,jsxs as xv}from"react/jsx-runtime";import{jsx as Fe,jsxs as Bn}from"react/jsx-runtime";var gd=U.options,Ld=U.states,Pn={...U.defaultOptions,variant:"horizontal",label:!0},Md=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Sd=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],_t=e=>{let{variant:t,modifiers:o,...a}={...Pn,...e},r={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!o?.[h];break}case"label":{r.label=!!o?.[h];break}case"tick":{r.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:c,showTicks:u}=r,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Bn(wn,{showTicks:u,showButtons:c,style:{height:"300px",...x},...a,children:[Fe(y,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Fe(y,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Fe(y,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Fe(y,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Fe(y,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Bn(On,{showTicks:u,showButtons:c,style:{width:"400px",...x},...a,children:[Fe(y,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Fe(y,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Fe(y,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Fe(y,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Fe(y,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};_t.options=gd;_t.states=Ld;_t.variants=Md;_t.defaultOptions=Pn;_t.modifiers=Sd;_t.className=U.className;import{jsx as Rn,jsxs as Ed}from"react/jsx-runtime";var Kn="k-spin-button",yd=[],Td={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},Ya={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},lt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Ya.increaseLabel,decreaseLabel:s=Ya.decreaseLabel,...c}=e;return Ed("span",{...c,className:i(Kn,e.className),children:[Rn(l,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Rn(l,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};lt.states=yd;lt.options=Td;lt.className=Kn;lt.defaultOptions=Ya;lt.moduleName=null;lt.folderName=null;var _n="numeric-textbox",Dn="numerictextbox";import{Fragment as Hn,jsx as qe,jsxs as Qa}from"react/jsx-runtime";var zn="k-numerictextbox",Ad=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Od={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Xo={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Xo.separators,showClearButton:s=Xo.showClearButton,showSpinButton:c=Xo.showSpinButton,prefix:u,suffix:x,value:h,placeholder:k,hover:N,focus:p,valid:g,invalid:v,required:S,loading:T,disabled:M,readonly:B,id:X,"aria-label":te,"aria-describedby":ne,...ie}=e;return Qa(q,{...ie,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:g,invalid:v,required:S,loading:T,disabled:M,readonly:B,className:i(e.className,zn),children:[u&&Qa(Hn,{children:[qe(Me,{children:u}),r&&qe(Ie,{})]}),qe(he,{id:X,placeholder:k,value:h,role:"spinbutton",disabled:M,"aria-label":te,"aria-describedby":ne,"aria-invalid":v?"true":void 0}),qe(se,{valid:g,invalid:v,loading:T,disabled:M}),qe(me,{loading:T,disabled:M}),s&&qe(xe,{loading:T,disabled:M,readonly:B,value:h}),x&&Qa(Hn,{children:[r&&qe(Ie,{}),qe(Se,{children:x})]}),c&&qe(lt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Ad;_.options=Od;_.className=zn;_.defaultOptions=Xo;_.moduleName=_n;_.folderName=Dn;_.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 Co=_;import{jsx as wd}from"react/jsx-runtime";var Un=e=>wd(Co,{...e});import ja from"react";import{jsx as Gn}from"react/jsx-runtime";var Bd="k-list-group-sticky-header",Za=e=>Gn("div",{className:i(Bd,e.className),children:Gn("div",{className:"k-list-header-text",children:e.children})});import{jsx as Rd}from"react/jsx-runtime";var Pd="k-no-data",qo=e=>{let{live:t,...o}=e;return Rd("span",{...o,className:i(Pd,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ht="list",Dt=ht;import{jsx as Fn,jsxs as Vn}from"react/jsx-runtime";var er="k-list",Kd=[],_d={size:[d.undefined,d.small,d.medium,d.large]},Dd={},P=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:c,noData:u,screenReaders:x,...h}=e,N=ja.Children.toArray(a)[0],p=N?.props?.children?ja.Children.count(N.props.children):ja.Children.count(a);return Vn("div",{...h,className:i(e.className,er,I(er,{size:t}),{"k-virtual-list":o}),children:[s,c,r&&Fn(Za,{children:r}),a||(u!==void 0?u:Fn(qo,{live:!0,children:"No data found."})),x&&a&&Vn(qo,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};P.states=Kd;P.options=_d;P.className=er;P.defaultOptions=Dd;P.moduleName=ht;P.folderName=Dt;P.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 Gd}from"react/jsx-runtime";var $n="k-list-container",Hd=[],zd={},Ud={},Ht=e=>{let{...t}=e;return Gd("div",{...t,className:i(e.className,$n),children:e.children})};Ht.states=Hd;Ht.options=zd;Ht.className=$n;Ht.defaultOptions=Ud;Ht.moduleName=ht;Ht.folderName=Dt;var Nt="checkbox",zt=Nt;import{jsx as Xn}from"react/jsx-runtime";var Jo="k-checkbox",Fd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Vd={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},$d={},Ae=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:c,invalid:u,valid:x,required:h,size:k,rounded:N,wrapperRole:p,...g}=e;return Xn("span",{className:"k-checkbox-wrap",role:p,children:Xn("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:i(e.className,Jo,I(Jo,{size:k,rounded:N}),E(Jo,{hover:r,focus:s,disabled:c,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Ae.states=Fd;Ae.options=Vd;Ae.className=Jo;Ae.defaultOptions=$d;Ae.moduleName=Nt;Ae.folderName=zt;Ae.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 Ke=Ae;import{jsx as Jd}from"react/jsx-runtime";var qn="k-checkbox-list",Xd=[],qd={},Jn={layout:"vertical"},de=e=>{let{layout:t=Jn.layout,...o}=e;return Jd("ul",{...o,className:i(e.className,qn,{[`k-list-${t}`]:t}),children:e.children})};de.states=Xd;de.options=qd;de.className=qn;de.defaultOptions=Jn;de.moduleName=Nt;de.folderName=zt;import{jsx as Zd}from"react/jsx-runtime";var Wn="k-checkbox-list-item",Wd=[],Yd={},Qd={},ce=e=>{let{...t}=e;return Zd("li",{...t,className:i(e.className,Wn),children:e.children})};ce.states=Wd;ce.options=Yd;ce.className=Wn;ce.defaultOptions=Qd;ce.moduleName=Nt;ce.folderName=zt;import{Fragment as jd,jsx as Yn,jsxs as ec}from"react/jsx-runtime";var Je=({children:e="Label",id:t="cb-label-after",...o})=>ec(jd,{children:[Yn(Ke,{id:t,...o}),Yn("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as zg,jsx as Hg,jsxs as Ug}from"react/jsx-runtime";import{Fragment as Xg,jsx as $g,jsxs as qg}from"react/jsx-runtime";import{Fragment as Zg,jsx as Qg,jsxs as jg}from"react/jsx-runtime";import{jsx as aL}from"react/jsx-runtime";import{jsx as sL}from"react/jsx-runtime";import{jsx as pL}from"react/jsx-runtime";import{jsx as Oe,jsxs as Qn}from"react/jsx-runtime";var tc=de.options,oc=de.states,ac={...de.defaultOptions,variant:"vertical"},rc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],nc=[],Ut=e=>{let{variant:t,...o}=e;return t==="horizontal"?Qn(de,{layout:"horizontal",...o,children:[Oe(ce,{children:Oe(Je,{id:K("cb"),defaultChecked:!0,children:"Label"})}),Oe(ce,{children:Oe(Je,{id:K("cb"),children:"Label"})}),Oe(ce,{children:Oe(Je,{id:K("cb"),children:"Label"})})]}):Qn(de,{...o,children:[Oe(ce,{children:Oe(Je,{id:K("cb"),defaultChecked:!0,children:"Label"})}),Oe(ce,{children:Oe(Je,{id:K("cb"),children:"Label"})}),Oe(ce,{children:Oe(Je,{id:K("cb"),children:"Label"})})]})};Ut.options=tc;Ut.states=oc;Ut.variants=rc;Ut.defaultOptions=ac;Ut.modifiers=nc;Ut.className=de.className;import{jsx as pc}from"react/jsx-runtime";var ic=Ke.options,sc=Ke.states,lc=Ke.defaultOptions,dc=[],cc=[],Gt=e=>pc(Je,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});Gt.options=ic;Gt.states=sc;Gt.variants=dc;Gt.defaultOptions=lc;Gt.modifiers=cc;Gt.className=Ke.className;import{jsx as kt,jsxs as bc}from"react/jsx-runtime";var tr="k-list-item",uc=[n.hover,n.focus,n.selected,n.disabled],mc={},fc={},A=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:c,checked:u,hover:x,focus:h,selected:k,disabled:N,actions:p,description:g,id:v,...S}=e,T=t||e.children;return bc("li",{...S,id:v,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&k?"true":a?void 0:"false","aria-disabled":!a&&N?"true":void 0,className:i(e.className,a?"k-list-group-item":tr,E(tr,{hover:x,focus:h,disabled:N,selected:k})),children:[c&&kt(Ae,{checked:u}),r&&kt("span",{className:"k-list-item-icon-wrapper",children:kt(L,{icon:r,className:i("k-list-item-icon",s)})}),kt("span",{className:"k-list-item-text",children:T}),p&&kt("div",{className:"k-list-item-actions",children:p}),g&&kt("span",{className:"k-list-item-description",children:g}),o&&o!==""&&kt("div",{className:"k-list-item-group-label",children:o})]})};A.states=uc;A.options=mc;A.className=tr;A.defaultOptions=fc;A.moduleName=ht;A.folderName=Dt;A.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 hc}from"react/jsx-runtime";var xc="k-list-ul",We=e=>{let{children:t,role:o,id:a,...r}=e;return hc("ul",{...r,id:a,role:o,className:i(xc,e.className),children:t})};We.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 or,jsxs as kc}from"react/jsx-runtime";var Nc="k-list-content",D=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...c}=e;return kc("div",{...c,className:i(Nc,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:or(We,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&or("div",{className:"k-height-container",children:or("div",{})})]})};D.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 tM,jsx as eM,jsxs as oM}from"react/jsx-runtime";import{jsx as ar,jsxs as gc}from"react/jsx-runtime";var vc="k-list-group-item",vt=e=>{let{groupIconName:t,...o}=e;return gc("li",{...o,role:"presentation",className:i(vc,e.className),children:[t&&ar("span",{className:"k-list-item-icon-wrapper",children:ar(L,{icon:t,className:"k-list-item-icon"})}),ar("span",{className:"k-list-item-text",children:e.children})]})};vt.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 Ic}from"react/jsx-runtime";var rr="k-list-optionlabel",Lc=[n.hover,n.focus,n.selected,n.disabled],Mc={},Sc={},Wo=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...c}=e;return Ic("div",{...c,className:i(rr,E(rr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Wo.states=Lc;Wo.options=Mc;Wo.className=rr;Wo.defaultOptions=Sc;import{jsx as Ec}from"react/jsx-runtime";var nr="k-list-custom-value",Cc=[n.hover,n.focus,n.selected,n.disabled],yc={},Tc={},dt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...c}=e;return Ec("div",{...c,className:i(nr,E(nr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};dt.states=Cc;dt.options=yc;dt.className=nr;dt.defaultOptions=Tc;import{Fragment as NM,jsx as hM,jsxs as kM}from"react/jsx-runtime";import{Fragment as IM,jsx as SM,jsxs as CM}from"react/jsx-runtime";import{Fragment as BM,jsx as OM,jsxs as wM}from"react/jsx-runtime";import{Fragment as zM,jsx as DM,jsxs as HM}from"react/jsx-runtime";import{jsx as VM}from"react/jsx-runtime";import{Fragment as YM,jsx as WM,jsxs as QM}from"react/jsx-runtime";var Zn="dropdown-list",jn="dropdownlist";import{Fragment as wc,jsx as pe,jsxs as ir}from"react/jsx-runtime";var ei="k-dropdownlist",Ac=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Oc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},sr={showValue:!0,arrowIconName:"caret-alt-down"},W=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=sr.arrowIconName,showValue:s=sr.showValue,valueIconName:c,prefix:u,suffix:x,value:h,placeholder:k,hover:N,focus:p,valid:g,invalid:v,required:S,loading:T,disabled:M,readonly:B,popup:X,opened:te,adaptive:ne,adaptiveSettings:ie,adaptiveTitle:be,adaptiveSubtitle:ft,adaptiveFilter:sa,id:et,activeDescendant:Ro,"aria-label":la,...da}=e,ji=et?`${et}-listbox`:void 0,Br=et?`${et}-value`:void 0;return ir(wc,{children:[ir(He,{...da,id:et,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:g,invalid:v,required:S,loading:T,disabled:M,readonly:B,className:i(e.className,ei,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":te?"true":"false","aria-controls":te?ji:void 0,"aria-activedescendant":te&&Ro?Ro:void 0,"aria-describedby":te?Br:void 0,"aria-disabled":M?"true":void 0,"aria-label":la,tabIndex:0,children:[pe(Me,{children:u}),pe(xt,{placeholder:k,value:h,showValue:s,valueIconName:c,id:Br}),pe(se,{valid:g,invalid:v,loading:T,disabled:M}),pe(me,{loading:T,disabled:M}),pe(Se,{children:x}),pe(l,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":k||"Toggle dropdown",tabIndex:-1})]}),te&&X&&pe(G,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:X}),ne&&pe(V,{adaptive:!0,...ie,header:pe(le,{actionsEnd:pe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:sa,inputValue:h,inputPlaceholder:k,title:be,subtitle:ft}),children:pe("div",{className:"k-list-container",children:pe(P,{size:"large",children:ir(D,{"aria-label":"Options",children:[pe(A,{text:"List item"}),pe(A,{text:"List item"}),pe(A,{text:"List item"})]})})})})]})};W.states=Ac;W.options=Oc;W.className=ei;W.defaultOptions=sr;W.moduleName=Zn;W.folderName=jn;W.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 AS}from"react/jsx-runtime";import{jsx as KS,jsxs as _S}from"react/jsx-runtime";import{Fragment as XS,jsx as VS,jsxs as $S}from"react/jsx-runtime";import{jsx as QS}from"react/jsx-runtime";import{jsx as aI,jsxs as rI}from"react/jsx-runtime";import{Fragment as mI,jsx as pI,jsxs as uI}from"react/jsx-runtime";import{jsx as NI}from"react/jsx-runtime";import{Fragment as Dc,jsx as ct,jsxs as ti}from"react/jsx-runtime";var Bc=W.states,Pc=W.defaultOptions,Rc=W.options,Kc=[{name:"opened",title:"Opened"}],_c=[],Vt=e=>{let{modifiers:t,...o}=e,a={},r=ti(Dc,{children:[ct("div",{className:"k-list-filter",children:ct(Ce,{})}),ct(P,{style:{width:300},size:o.size,children:ti(D,{children:[ct(A,{children:"List item"}),ct(A,{children:"List item"}),ct(A,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),ct("div",{children:ct(W,{placeholder:"Value",style:{width:300},...o,...a})})};Vt.options=Rc;Vt.states=Bc;Vt.variants=_c;Vt.defaultOptions=Pc;Vt.modifiers=Kc;Vt.className=W.className;import{Fragment as zI,jsx as HI}from"react/jsx-runtime";import{Fragment as XI,jsx as $I}from"react/jsx-runtime";import{jsx as YI}from"react/jsx-runtime";import{jsx as lr}from"react/jsx-runtime";var Hc=_.states,zc=_.defaultOptions,Uc=_.options,Gc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Fc=[],$t=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?lr(W,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?lr(Ca,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),lr(Un,{value:"Value",style:{width:300},...o,...a})};$t.options=Uc;$t.states=Hc;$t.variants=Fc;$t.defaultOptions=zc;$t.modifiers=Gc;$t.className=_.className;import{Fragment as yo,jsx as O,jsxs as J}from"react/jsx-runtime";var oi="k-colorgradient-inputs",Vc=[],$c={size:[d.undefined,d.small,d.medium,d.large]},ai={mode:"rgba"},Xt=e=>{let{mode:t=ai.mode,size:o,...a}=e;return J("div",{...a,className:i(oi,"k-hstack"),children:[O("div",{className:"k-vstack",children:O(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&J(yo,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),O("label",{className:"k-colorgradient-input-label",children:"R"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),O("label",{className:"k-colorgradient-input-label",children:"G"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),O("label",{className:"k-colorgradient-input-label",children:"B"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),O("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&J(yo,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),O("label",{className:"k-colorgradient-input-label",children:"R"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),O("label",{className:"k-colorgradient-input-label",children:"G"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),O("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&J(yo,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),O("label",{className:"k-colorgradient-input-label",children:"H"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),O("label",{className:"k-colorgradient-input-label",children:"S"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),O("label",{className:"k-colorgradient-input-label",children:"V"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),O("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&J(yo,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),O("label",{className:"k-colorgradient-input-label",children:"H"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),O("label",{className:"k-colorgradient-input-label",children:"S"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),O("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&O(yo,{children:J("div",{className:"k-vstack k-flex-1",children:[O(j,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),O("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Xt.states=Vc;Xt.options=$c;Xt.className=oi;Xt.defaultOptions=ai;import{jsx as gt,jsxs as Lt}from"react/jsx-runtime";var ri="k-colorgradient-color-contrast",Xc=[],qc={},Jc={},qt=()=>Lt("div",{className:i(ri,"k-vbox"),children:[Lt("div",{className:"k-contrast-ratio",children:[gt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Lt("span",{className:"k-contrast-validation !k-text-success",children:[gt(L,{icon:"check"}),gt(L,{icon:"check"})]})]}),Lt("div",{children:[gt("span",{children:"AA: 4.5"}),Lt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",gt(L,{icon:"check"})]})]}),Lt("div",{children:[gt("span",{children:"AAA: 7.0"}),Lt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",gt(L,{icon:"x"})]})]})]});qt.states=Xc;qt.options=qc;qt.className=ri;qt.defaultOptions=Jc;var ni="color-gradient",ii="colorgradient";import{jsx as we,jsxs as To}from"react/jsx-runtime";var Yo="k-colorgradient",Wc=[n.hover,n.focus,n.readonly,n.disabled],Yc={size:[d.undefined,d.small,d.medium,d.large]},Ve={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"},Q=e=>{let{size:t,mode:o=Ve.mode,readonly:a=Ve.readonly,disabled:r=Ve.disabled,gradientStyle:s=Ve.gradientStyle,dragHandleStyle:c=Ve.dragHandleStyle,alphaStyle:u=Ve.alphaStyle,alphaStyleHorizontal:x=Ve.alphaStyleHorizontal,contrast:h=Ve.contrast,dir:k,hover:N,focus:p,hoverHandle:g,focusHandle:v,canvasOrientation:S=Ve.canvasOrientation,role:T,tabIndex:M,...B}=e;return To("div",{...B,role:T??"textbox","aria-label":T==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":r?"true":void 0,className:i(e.className,Yo,I(Yo,{size:t}),E(Yo,{hover:N,focus:p,readonly:a,disabled:r})),dir:k,children:[!S||S==="horizontal"&&To("div",{className:"k-colorgradient-canvas k-hstack",children:[we("div",{className:"k-hsv-rectangle",style:s,children:we("div",{className:"k-hsv-gradient",children:we("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":v}),style:c,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})})}),To("div",{className:"k-hsv-controls k-hstack",children:[we(Wa,{className:"k-hue-slider",hover:g,focus:v}),o!=="rgb"&&o!=="hsv"&&we(Wa,{className:"k-alpha-slider",hover:g,focus:v,trackStyle:u})]})]}),S==="vertical"&&To("div",{className:"k-colorgradient-canvas k-vstack",children:[we("div",{className:"k-hsv-rectangle",style:s,children:we("div",{className:"k-hsv-gradient",children:we("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":v}),style:c,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})})}),To("div",{className:"k-hsv-controls k-vstack",children:[we(Ja,{className:"k-hue-slider",hover:g,focus:v}),o!=="rgb"&&o!=="hsv"&&we(Ja,{className:"k-alpha-slider",hover:g,focus:v,trackStyle:x})]})]}),we(Xt,{mode:e.mode,size:t}),h&&we(qt,{})]})};Q.states=Wc;Q.options=Yc;Q.className=Yo;Q.defaultOptions=Ve;Q.moduleName=ni;Q.folderName=ii;Q.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 Qc}from"react/jsx-runtime";var Qo=e=>Qc(Q,{...e});import{jsx as RC}from"react/jsx-runtime";import{jsx as HC}from"react/jsx-runtime";import{jsx as dr}from"react/jsx-runtime";var Zc=Q.options,jc=Q.states,ep={...Q.defaultOptions,variant:"rgba"},tp=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],op=[],Jt=e=>{let{variant:t,...o}=e;switch(t){case"hex":return dr(Qo,{...o,mode:t});case"rgb":return dr(Qo,{...o,mode:t});default:return dr(Qo,{...o,mode:t})}};Jt.options=Zc;Jt.states=jc;Jt.variants=tp;Jt.defaultOptions=ep;Jt.modifiers=op;Jt.className=Q.className;import{jsx as ap}from"react/jsx-runtime";var cr=e=>ap("tr",{role:"row",children:e.children});import{jsx as ip}from"react/jsx-runtime";var pr="k-colorpalette-tile",rp=[n.hover,n.focus,n.selected],np={},Wt=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return ip("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,pr,E(pr,{hover:a,focus:r,selected:s})),style:u})};Wt.states=rp;Wt.options=np;Wt.className=pr;var si="color-palette",li="colorpalette";import{jsx as Eo}from"react/jsx-runtime";var Zo="k-colorpalette",sp=[n.disabled],lp={size:[d.undefined,d.small,d.medium,d.large]},di={columns:10},ue=e=>{let{size:t,palette:o,columns:a=di.columns,tileSize:r,disabled:s,...c}=e,u=[];if(o){let x=a||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/x)},(k,N)=>{let p=[];h.slice(N*x,(N+1)*x).map((v,S)=>{p.push(Eo(Wt,{color:v,tileSize:r},S))});let g=Eo(cr,{children:p},N);u.push(g)})}return Eo("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,Zo,E(Zo,{disabled:s}),I(Zo,{size:t})),children:Eo("table",{className:"k-colorpalette-table",role:"none",children:Eo("tbody",{children:u.length>0?u:e.children})})})};ue.states=sp;ue.options=lp;ue.className=Zo;ue.defaultOptions=di;ue.moduleName=si;ue.folderName=li;ue.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 jo=ue;var Ao={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 dp}from"react/jsx-runtime";var ci=e=>dp(jo,{palette:Ao.basic,...e});import{jsx as vy}from"react/jsx-runtime";import{jsx as Cy,jsxs as yy}from"react/jsx-runtime";import{jsx as xp}from"react/jsx-runtime";var cp=ue.options,pp=ue.states,up={...ue.defaultOptions,variant:"basic"},mp=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],fp={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}},bp=[],Yt=e=>{let{variant:t="basic",...o}=e,a=fp[t];return xp(ci,{columns:a.columns,palette:a,...o})};Yt.options=cp;Yt.states=pp;Yt.variants=mp;Yt.defaultOptions=up;Yt.modifiers=bp;Yt.className=ue.className;var pi="color-editor",ui="coloreditor";import{jsx as Be,jsxs as Qt}from"react/jsx-runtime";var ea="k-coloreditor",hp=[n.focus],Np={size:[d.undefined,d.small,d.medium,d.large]},Oo={view:"gradient",palette:Ao.office,actionButtons:!0,canvasOrientation:"horizontal"},$=e=>{let{size:t,view:o=Oo.view,palette:a=Oo.palette,color:r,currentColor:s,focus:c,focusView:u,dir:x,group:h,actionButtons:k=Oo.actionButtons,canvasOrientation:N=Oo.canvasOrientation,...p}=e;return Qt("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",ea,I(ea,{size:t}),E(ea,{focus:c})),dir:x,children:[Qt("div",{className:"k-coloreditor-header k-hstack",children:[Be("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Qt(C,{fillMode:"flat",children:[Be(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Be(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Be("div",{className:"k-spacer"}),Qt("div",{className:"k-coloreditor-header-actions k-hstack",children:[Be(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Qt("div",{className:"k-coloreditor-preview k-vstack",children:[Be(ot,{className:"k-coloreditor-preview-color",color:r}),Be(ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),Be("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Be(Q,{focus:u,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):Be(ue,{palette:a,size:t})}),k&&Qt(Ge,{className:"k-coloreditor-footer",alignment:"start",children:[Be(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Be(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};$.states=hp;$.options=Np;$.className=ea;$.defaultOptions=Oo;$.moduleName=pi;$.folderName=ui;$.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 Zt=$;import{jsx as oT}from"react/jsx-runtime";import{jsx as iT}from"react/jsx-runtime";import{jsx as kp}from"react/jsx-runtime";var mi=e=>kp(Zt,{group:!0,currentColor:"fuchsia",...e});import{jsx as vp}from"react/jsx-runtime";var fi=e=>vp(Zt,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as bi}from"react/jsx-runtime";var gp=$.options,Lp=$.states,Mp={...$.defaultOptions,variant:"gradient"},Sp=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ip=[],jt=e=>{let{variant:t,...o}=e;return t==="palette"?bi(fi,{...o,color:"white"}):bi(mi,{...o,color:"rgba(183, 118 , 118, 1.00)"})};jt.options=gp;jt.states=Lp;jt.variants=Sp;jt.defaultOptions=Mp;jt.modifiers=Ip;jt.className=$.className;var xi="color-picker",hi="colorpicker";import{Fragment as Tp,jsx as Pe,jsxs as ur}from"react/jsx-runtime";var Ni="k-colorpicker",Cp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],yp={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},ki={arrowIconName:"caret-alt-down"},Ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ki.arrowIconName,prefix:s,suffix:c,value:u,placeholder:x,hover:h,focus:k,valid:N,invalid:p,required:g,disabled:v,valueIconName:S,popup:T,opened:M,adaptive:B,adaptiveSettings:X,adaptiveTitle:te,adaptiveSubtitle:ne,...ie}=e,be="colorpicker-popup";return ur(Tp,{children:[ur(He,{...ie,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:N,invalid:p,required:g,disabled:v,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||B?be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:i(e.className,Ni,"k-icon-picker"),children:[Pe(Me,{children:s}),Pe(xt,{placeholder:x,value:u,showValue:!1,valueIcon:Pe(ot,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),Pe(Se,{children:c}),Pe(l,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),M&&T&&Pe(G,{id:be,className:"k-colorpicker-popup",children:T}),B&&Pe(V,{adaptive:!0,id:be,...X,header:Pe(le,{actionsEnd:Pe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:te,subtitle:ne}),footer:ur(at,{children:[Pe(l,{text:"Cancel",size:"large"}),Pe(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:Pe($,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ne.states=Cp;Ne.options=yp;Ne.className=Ni;Ne.defaultOptions=ki;Ne.moduleName=xi;Ne.folderName=hi;Ne.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 Ye=Ne;import{jsx as Ep}from"react/jsx-runtime";var ta=e=>Ep(Ye,{...e});import{jsx as FT}from"react/jsx-runtime";import{jsx as JT}from"react/jsx-runtime";import{jsx as ZT}from"react/jsx-runtime";import{jsx as oE}from"react/jsx-runtime";import{jsx as iE}from"react/jsx-runtime";import{jsx as cE}from"react/jsx-runtime";import{jsx as Mt}from"react/jsx-runtime";var Ap=Ye.options,Op=Ye.states,vi={...Ye.defaultOptions,variant:"color"},wp=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Bp=[{name:"opened",title:"Opened"}],eo=e=>{let{variant:t,modifiers:o,...a}={...vi,...e},r={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(r.opened=!!o?.[c],r.popup=o?.[c]?Mt($,{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 Mt("div",{style:s,children:Mt(ta,{...a,...r})});case"icon":return Mt("div",{style:s,children:Mt(ta,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Mt("div",{style:s,children:Mt(ta,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};eo.options=Ap;eo.states=Op;eo.variants=wp;eo.defaultOptions=vi;eo.modifiers=Bp;eo.className=Ye.className;var mr="combobox",gi=mr;import{Fragment as fr,jsx as Y,jsxs as wo}from"react/jsx-runtime";var Li="k-combobox",Pp=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Rp={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Mi={separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Mi.separators,prefix:s,suffix:c,value:u,placeholder:x,hover:h,focus:k,valid:N,invalid:p,required:g,loading:v,disabled:S,popup:T,opened:M,readonly:B,adaptive:X,adaptiveSettings:te,adaptiveTitle:ne,adaptiveSubtitle:ie,adaptiveCustomValue:be,id:ft,autocomplete:sa,activeDescendant:et,"aria-label":Ro,...la}=e,da=ft?`${ft}-listbox`:void 0;return wo(fr,{children:[wo(q,{...la,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:N,invalid:p,required:g,loading:v,disabled:S,readonly:B,className:i(e.className,Li),children:[s&&wo(fr,{children:[Y(Me,{children:s}),r&&Y(Ie,{})]}),Y(he,{id:ft,placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?da:void 0,"aria-activedescendant":M&&et?et:void 0,"aria-autocomplete":sa,"aria-invalid":p?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Ro,disabled:S,readOnly:B}),Y(se,{valid:N,invalid:p,loading:v,disabled:S}),Y(me,{loading:v,disabled:S}),Y(xe,{loading:v,disabled:S,readonly:B,value:u}),c&&wo(fr,{children:[r&&Y(Ie,{}),Y(Se,{children:c})]}),Y(l,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),M&&T&&Y(G,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:T}),X&&Y(V,{adaptive:!0,id:ft?`${ft}-adaptive`:void 0,...te,header:Y(le,{actionsEnd:Y(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:ne,subtitle:ie}),children:Y("div",{className:"k-list-container",children:Y(P,{customValue:be?Y(dt,{text:`Use "${u}"`}):void 0,size:"large",children:wo(D,{"aria-label":ne||"Options",children:[Y(A,{text:"List item"}),Y(A,{text:"List item"}),Y(A,{text:"List item"})]})})})})]})};oe.states=Pp;oe.options=Rp;oe.className=Li;oe.defaultOptions=Mi;oe.moduleName=mr;oe.folderName=gi;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 ke=oe;import{jsx as Kp}from"react/jsx-runtime";var Si=e=>Kp(ke,{...e});import{jsx as XE,jsxs as qE}from"react/jsx-runtime";import{jsx as jE,jsxs as eA}from"react/jsx-runtime";import{jsx as iA,jsxs as sA}from"react/jsx-runtime";import{Fragment as mA,jsx as uA}from"react/jsx-runtime";import{Fragment as kA,jsx as NA}from"react/jsx-runtime";import{jsx as IA,jsxs as CA}from"react/jsx-runtime";import{Fragment as PA,jsx as wA,jsxs as BA}from"react/jsx-runtime";import{jsx as DA}from"react/jsx-runtime";import{jsx as GA}from"react/jsx-runtime";import{jsx as JA,jsxs as WA}from"react/jsx-runtime";import{jsx as tO,jsxs as oO}from"react/jsx-runtime";import{jsx as pt,jsxs as Gp}from"react/jsx-runtime";var _p=oe.states,Dp=oe.defaultOptions,Hp=oe.options,zp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Up=[],to=e=>{let{modifiers:t,...o}=e,a={},r=pt(P,{style:{width:300},size:o.size,children:Gp(D,{children:[pt(A,{children:"List item"}),pt(A,{children:"List item"}),pt(A,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?pt(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?pt(tt,{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}}),pt("div",{children:pt(Si,{value:"Value",style:{width:300},...o,...a})})};to.options=Hp;to.states=_p;to.variants=Up;to.defaultOptions=Dp;to.modifiers=zp;to.className=oe.className;var br="menu-button",Ii=br;import{jsx as $p}from"react/jsx-runtime";var Ci="k-menu-button",Fp=[n.hover,n.focus,n.active,n.selected,n.disabled],Vp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark,b.inverse]},xr={showArrow:!0,arrowIconName:"caret-alt-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:u,selected:x,disabled:h,icon:k,text:N,showArrow:p=xr.showArrow,arrowIconName:g=xr.arrowIconName,expanded:v,...S}=e;return $p(l,{...S,className:i(e.className,Ci),text:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:u,selected:x,disabled:h,icon:k,showArrow:p,arrowIconName:g,"aria-expanded":v?"true":"false",...!N&&k&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};H.states=Fp;H.options=Vp;H.className=Ci;H.defaultOptions=xr;H.moduleName=br;H.folderName=Ii;H.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 RO}from"react/jsx-runtime";import{jsx as HO}from"react/jsx-runtime";import{jsx as FO}from"react/jsx-runtime";var ve="menu",Re=ve;import{jsx as Bo,jsxs as yi}from"react/jsx-runtime";var hr="k-menu-item",Xp=[n.hover,n.focus,n.active,n.selected,n.disabled],qp={},Ti={iconPosition:"before"},ae=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:c,text:u,first:x,last:h,showArrow:k,arrowIconName:N,iconPosition:p=Ti.iconPosition,dir:g,children:v,expanded:S,...T}=e,M=N;return M||(M=g==="rtl"?"caret-alt-left":"caret-alt-right"),yi("li",{...T,className:i(e.className,hr,"k-item",E(hr,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":x,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[yi("span",{className:i("k-link k-menu-link"),children:[c&&p==="before"&&Bo(L,{className:"k-menu-link-icon",icon:c}),Bo("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&Bo(L,{className:"k-menu-link-icon",icon:c}),k&&Bo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Bo(L,{icon:M})})]}),v]})};ae.states=Xp;ae.options=qp;ae.className=hr;ae.defaultOptions=Ti;ae.moduleName=ve;ae.folderName=Re;import{jsx as Po,jsxs as Ei}from"react/jsx-runtime";var Nr="k-menu-item",Jp=[n.hover,n.focus,n.active,n.selected,n.disabled],Wp={},kr={dir:"ltr",iconPosition:"before"},F=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:c,text:u,first:x,last:h,showArrow:k,arrowIconName:N,iconPosition:p=kr.iconPosition,dir:g=kr.dir,children:v,popup:S,expanded:T,...M}=e,B=N;return B||(B=g==="rtl"?"caret-alt-left":"caret-alt-right"),Ei("li",{...M,className:i(e.className,Nr,"k-item",E(Nr,{focus:o,disabled:s}),{"k-first":x,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":T?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ei("span",{className:i("k-link k-menu-link",E("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[c&&p==="before"&&Po(L,{className:"k-menu-link-icon",icon:c}),Po("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&Po(L,{className:"k-menu-link-icon",icon:c}),k&&Po("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Po(L,{icon:B})})]}),v,S]})};F.states=Jp;F.options=Wp;F.className=Nr;F.defaultOptions=kr;F.moduleName=ve;F.folderName=Re;import{jsx as jp}from"react/jsx-runtime";var Ai="k-menu-scroll-wrapper",Yp=[],Qp={},Zp={},St=e=>{let{className:t,children:o,orientation:a,...r}=e;return jp("div",{...r,className:i(t,Ai,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};St.states=Yp;St.options=Qp;St.className=Ai;St.defaultOptions=Zp;St.moduleName=ve;St.folderName=Re;var Oi=St;import{Fragment as vr,jsx as It,jsxs as aa}from"react/jsx-runtime";var gr="k-menu",eu=[],tu={},ra={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Z=e=>{let{children:t,orientation:o=ra.orientation,header:a=ra.header,scrollable:r,scrollButtonsPosition:s=ra.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:x,contextMenu:h,...k}=e,N={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=It("ul",{dir:u,...k,className:i(e.className,"k-reset",gr,{[`${gr}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return aa(vr,{children:[r?aa(Oi,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&aa(vr,{children:[It(l,{fillMode:"flat",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),It(l,{fillMode:"flat",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&It(l,{fillMode:"flat",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&aa(vr,{children:[It(l,{fillMode:"flat",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),It(l,{fillMode:"flat",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&It(l,{fillMode:"flat",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,x]})};Z.states=eu;Z.options=tu;Z.className=gr;Z.defaultOptions=ra;Z.moduleName=ve;Z.folderName=Re;Z.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 ou}from"react/jsx-runtime";var Lr="k-separator",wi={orientation:"horizontal"},oo=e=>{let{orientation:t=wi.orientation,...o}=e;return ou("li",{...o,className:i(e.className,"k-item",Lr,{[`${Lr}-${t}`]:t}),role:"separator"})};oo.className=Lr;oo.defaultOptions=wi;oo.moduleName=ve;oo.folderName=Re;import{Fragment as Nw,jsx as kw}from"react/jsx-runtime";import{jsx as iu}from"react/jsx-runtime";var Mr="k-menu-group",au=[],ru={size:[d.undefined,d.small,d.medium,d.large]},nu={},re=e=>{let{children:t,size:o,...a}=e;return iu("ul",{...a,className:i(e.className,Mr,I(Mr,{size:o})),role:"menu",children:t})};re.states=au;re.options=ru;re.className=Mr;re.defaultOptions=nu;re.moduleName=ve;re.folderName=Re;import{Fragment as su,jsx as ao,jsxs as lu}from"react/jsx-runtime";var Sr=e=>ao(Z,{children:lu(su,{children:[ao(ae,{first:!0,text:"Item 1"}),ao(ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),ao(ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),ao(ae,{text:"Item 4"}),ao(ae,{last:!0,text:"Item 5"})]}),...e});import{Fragment as Bw,jsx as Ow,jsxs as ww}from"react/jsx-runtime";import{Fragment as Dw,jsx as _w,jsxs as Hw}from"react/jsx-runtime";import{Fragment as Vw,jsx as Fw,jsxs as $w}from"react/jsx-runtime";import{Fragment as Yw,jsx as Ww,jsxs as Qw}from"react/jsx-runtime";import{jsx as Ct,jsxs as mu}from"react/jsx-runtime";var du=Z.options,cu=Z.states,Bi={...Z.defaultOptions,variant:"horizontal"},pu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],uu=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ro=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=Ct(G,{className:"k-menu-popup",children:mu(re,{children:[Ct(F,{text:"Item 1"}),Ct(F,{text:"Item 2"}),Ct(oo,{}),Ct(F,{text:"Item 3"})]})});break}}),t==="vertical"?Ct(Sr,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Ct(Sr,{...a,...r})};ro.options=du;ro.states=cu;ro.variants=pu;ro.defaultOptions=Bi;ro.modifiers=uu;ro.className=Z.className;import{Fragment as EB,jsx as yB,jsxs as TB}from"react/jsx-runtime";import{jsx as BB}from"react/jsx-runtime";import{Fragment as Nu,jsx as $e,jsxs as Pi}from"react/jsx-runtime";var fu=l.states,Ri={...l.defaultOptions,variant:"text"},bu=l.options,xu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hu=[{name:"opened",title:"Opened"}],no=e=>{let{variant:t,modifiers:o,...a}={...Ri,...e},r={},s=$e(G,{className:"k-menu-popup",children:Pi(re,{size:a.size,children:[$e(F,{first:!0,text:"Menu Item"}),$e(F,{text:"Menu Item"}),$e(F,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=$e("div",{children:$e(H,{...a,...r,icon:"star"})});break;case"icon-and-text":c=$e("div",{children:$e(H,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:c=$e("div",{children:$e(H,{...a,...r,children:"Dropdown Button"})});break}return Pi(Nu,{children:[c,o?.opened&&s]})};no.options=bu;no.states=fu;no.variants=xu;no.defaultOptions=Ri;no.modifiers=hu;no.className=H.className;var Ir="split-button",Ki=Ir;import{Fragment as gu,jsx as Cr,jsxs as _i}from"react/jsx-runtime";var yr="k-split-button",ku=[n.hover,n.focus,n.active,n.selected,n.disabled],vu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark,b.inverse]},Di={arrowIconName:"caret-alt-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:u,selected:x,disabled:h,icon:k,text:N,arrowIconName:p=Di.arrowIconName,popup:g,opened:v,popupId:S,...T}=e;return _i(gu,{children:[_i("div",{...T,className:i(e.className,yr,"k-button-group",I(yr,{rounded:o})),children:[Cr(l,{text:N,icon:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:c,active:u,selected:x,disabled:h,...!N&&!e.children&&k&&{"aria-label":"Action"},children:e.children}),Cr(l,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?S:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),v&&g&&Cr(G,{className:"k-menu-popup",children:g})]})};w.states=ku;w.options=vu;w.className=yr;w.defaultOptions=Di;w.moduleName=Ir;w.folderName=Ki;w.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 Tr=w;import{jsx as Mu}from"react/jsx-runtime";var Lu="k-toolbar-separator",_e=e=>Mu("div",{className:i(Lu,e.className,"k-separator")});var Qe="toolbar",ut=Qe;import{Fragment as Er,jsx as R,jsxs as io}from"react/jsx-runtime";var Ze="k-toolbar",Su=[n.focus],Iu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},Cu={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:c,scrollingPosition:u,section:x,...h}=e,k=[],N=(p,g)=>{let v=[];if(p.type===l&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))v.push(R(l,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===l)v.push(R(l,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ho)v.push(R(ho,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===tt)v.push(R(tt,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===H)v.push(R(H,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Tr)v.push(R(Tr,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===C||p.props.className&&p.props.className.includes("k-button-group")){let S=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((M,B)=>{S.push(R(l,{...M.props,className:`${M.props.className?M.props.className:""}`},`${B}-${new Date().getTime()}`))}),v.push(R(C,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:S},`${g}-${new Date().getTime()}`))}else p.type===oe?v.push(R(oe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===W?v.push(R(W,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===Ne?v.push(R(Ne,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):v.push(p);v.forEach(S=>{k.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((g,v)=>{N(g,v)}),io("div",{...h,className:i(e.className,Ze,I(Ze,{size:t,fillMode:o}),E(Ze,{focus:a}),{[`${Ze}-resizable`]:r,[`${Ze}-scrollable`]:s,[`${Ze}-scrollable-overlay`]:s&&c==="hidden",[`${Ze}-scrollable-${u}`]:u&&u!=="both",[`${Ze}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!s&&k,s&&c==="hidden"&&R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),s&&c==="start"&&io(Er,{children:[io(C,{children:[R("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-left"})}),R("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-right"})})]}),R(_e,{className:"k-toolbar-button-separator"}),R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),s&&c==="end"&&io(Er,{children:[R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),R(_e,{className:"k-toolbar-button-separator"}),io(C,{children:[R("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-left"})}),R("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&io(Er,{children:[R("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-left"})}),R(_e,{className:"k-toolbar-button-separator"}),R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),R(_e,{className:"k-toolbar-button-separator"}),R("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};z.states=Su;z.options=Iu;z.className=Ze;z.defaultOptions=Cu;z.moduleName=Qe;z.folderName=ut;z.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 Au}from"react/jsx-runtime";var Hi="k-floating-toolbar",yu=[],Tu={},Eu={},so=e=>{let{...t}=e;return Au("div",{...t,className:i(e.className,Hi),children:e.children})};so.states=yu;so.options=Tu;so.className=Hi;so.defaultOptions=Eu;so.moduleName=Qe;so.folderName=ut;import{jsx as Pu}from"react/jsx-runtime";var Ar="k-toolbar-item",Ou=[n.focus],wu={},Bu={},lo=e=>{let{focus:t,...o}=e;return Pu("div",{...o,className:i(e.className,Ar,E(Ar,{focus:t})),children:e.children})};lo.states=Ou;lo.options=wu;lo.className=Ar;lo.defaultOptions=Bu;lo.moduleName=Qe;lo.folderName=ut;import{jsx as zi}from"react/jsx-runtime";var Ui="k-toolbar-popup",Ru=[],Ku={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},_u={},yt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return zi(G,{...r,className:i(e.className,Ui),children:a?zi("span",{className:i("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};yt.states=Ru;yt.options=Ku;yt.className=Ui;yt.defaultOptions=_u;yt.moduleName=Qe;yt.folderName=ut;var na=yt;import{jsx as KP}from"react/jsx-runtime";import{jsx as zP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as YP,jsxs as QP}from"react/jsx-runtime";import{jsx as t0}from"react/jsx-runtime";import{jsx as je,jsxs as Gu}from"react/jsx-runtime";var Du=w.states,Gi={...w.defaultOptions,variant:"text"},Hu=w.options,zu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Uu=[{name:"opened",title:"Opened"}],co=e=>{let{variant:t,modifiers:o,...a}={...Gi,...e},r={},s=Gu(re,{size:a.size,children:[je(F,{first:!0,text:"Menu Item"}),je(F,{text:"Menu Item"}),je(F,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(r.opened=!!o?.[c],r.popup=o?.[c]?s:"")}),t){case"icon-only":return je("div",{children:je(w,{...a,...r,icon:"star"})});case"icon-and-text":return je("div",{children:je(w,{...a,...r,icon:"star",children:"Split Button"})});default:return je("div",{children:je(w,{...a,...r,children:"Split Button"})})}};co.options=Hu;co.states=Du;co.variants=zu;co.defaultOptions=Gi;co.modifiers=Uu;co.className=w.className;import{jsx as Tt,jsxs as Fu}from"react/jsx-runtime";var Fi=e=>Tt(z,{children:[Tt(l,{children:"Button"},"toolbar-button"),Tt(H,{text:"Menu button"},"toolbar-menu-button"),Tt(w,{children:"Split button"},"toolbar-split-button"),Fu(C,{children:[Tt(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Tt(l,{icon:"align-center",children:"Center"}),Tt(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as A0,jsxs as O0}from"react/jsx-runtime";import{jsx as ge,jsxs as Vi}from"react/jsx-runtime";var $i=e=>ge(z,{scrollable:!0,...e,children:[ge(l,{children:"Button"},"toolbar-button"),ge(H,{text:"Menu button"},"toolbar-menu-button"),ge(w,{children:"Split button"},"toolbar-split-button"),Vi(C,{children:[ge(l,{className:"k-group-start",icon:"align-left",children:"Left"}),ge(l,{icon:"align-center",children:"Center"}),ge(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ge(l,{children:"Button"},"toolbar-button"),ge(H,{text:"Menu button"},"toolbar-menu-button"),ge(w,{children:"Split button"},"toolbar-split-button"),Vi(C,{children:[ge(l,{className:"k-group-start",icon:"align-left",children:"Left"}),ge(l,{icon:"align-center",children:"Center"}),ge(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Le,jsxs as Xi}from"react/jsx-runtime";var qi=({scrollingPosition:e="start",...t})=>Le(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Le(l,{children:"Button"},"toolbar-button"),Le(H,{text:"Menu button"},"toolbar-menu-button"),Le(w,{children:"Split button"},"toolbar-split-button"),Xi(C,{children:[Le(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Le(l,{icon:"align-center",children:"Center"}),Le(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Le(l,{children:"Button"},"toolbar-button"),Le(H,{text:"Menu button"},"toolbar-menu-button"),Le(w,{children:"Split button"},"toolbar-split-button"),Xi(C,{children:[Le(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Le(l,{icon:"align-center",children:"Center"}),Le(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Vu,jsx as fe,jsxs as ia}from"react/jsx-runtime";var Ji=({fillMode:e,size:t,...o})=>ia(Vu,{children:[fe(z,{section:!0,fillMode:e,size:t,children:[fe(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ia(C,{fillMode:e,children:[fe(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),fe(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),fe(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),fe(_e,{className:"k-toolbar-button-separator"}),fe(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),ia(na,{size:t,fillMode:e,section:!0,...o,children:[fe(w,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),fe(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),fe(_e,{}),fe(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),ia(C,{fillMode:e,children:[fe(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),fe(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),fe(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as cR,jsx as lR,jsxs as dR}from"react/jsx-runtime";import{Fragment as gR,jsx as kR,jsxs as vR}from"react/jsx-runtime";import{jsx as mt}from"react/jsx-runtime";var $u=z.options,Xu=z.states,Wi={...z.defaultOptions,variant:"default"},qu=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Ju=[],po=e=>{let{variant:t,...o}={...Wi,...e};switch(t){case"responsive":return mt("div",{children:mt(Ji,{style:{width:"583px"},...o})});case"overlay":return mt("div",{children:mt(qi,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return mt("div",{children:mt($i,{style:{width:"583px"},...o})});default:return mt("div",{children:mt(Fi,{style:{width:"583px"},...o})})}};po.options=$u;po.states=Xu;po.variants=qu;po.defaultOptions=Wi;po.modifiers=Ju;po.className=z.className;var Or="scheduler",Yi=Or;import{jsx as De,jsxs as Qi}from"react/jsx-runtime";var Zi="k-scheduler-toolbar",wr=e=>{let{footer:t,...o}=e;return De(z,{...o,className:i(e.className,{[t?"k-scheduler-footer":Zi]:!0}),"aria-label":o["aria-label"]||(t?"Scheduler footer":"Scheduler toolbar"),children:e.children||[Qi(C,{className:"k-scheduler-navigation",children:[De(l,{className:"k-group-start",children:"Today"}),De(l,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),De(l,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]},"nav"),De(l,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 13, 2022"},"current"),De("span",{className:"k-spacer"},"spacer"),Qi(C,{className:"k-scheduler-views",children:[De(l,{className:"k-group-start",selected:!0,children:"Day"}),De(l,{children:"Week"}),De(l,{children:"Month"}),De(l,{children:"Timeline"}),De(l,{className:"k-group-end",children:"Agenda"})]},"views")]})};wr.className=Zi;wr.moduleName=Or;wr.folderName=Yi;export{wr as SchedulerToolbar};
|
|
1
|
+
var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),E=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:c,active:m,selected:h,disabled:x,indeterminate:k,loading:N,empty:p,readonly:v,highlighted:g,...M}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":c,"k-active":m,"k-selected":h,"k-disabled":x,"k-indeterminate":k&&!c,"k-loading":N,"k-empty":p,"k-readonly":v,"k-highlighted":g},Object.keys(M).reduce((y,S)=>(S.startsWith("k-")?y[S]=M[S]:y[`k-${S}`]=M[S],y),{}))};function Gn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},b={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"},r={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 ba={};function K(e){return ba[e]=(ba[e]||0)+1,`k-${e}-${ba[e]}`}import{Fragment as fs,jsx as Fn}from"react/jsx-runtime";var ha="k-font-icon",ps=[],ms={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark]},us={},fo=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...c}=e;return a?Fn("span",{...c,className:i(e.className,ha,C(ha,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Fn(fs,{})};fo.states=ps;fo.options=ms;fo.className=ha;fo.defaultOptions=us;var Vn=fo;import{Fragment as xs,jsx as Do}from"react/jsx-runtime";var xa="k-svg-icon",bs=[],hs={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark]},$n={viewBox:"0 0 24 24"},bo=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=$n.viewBox,icon:c,...m}=e;if(!c)return Do(xs,{});if(c==="none")return Do("span",{...m,className:i(e.className,xa,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name;return Do("span",{...m,className:i(e.className,xa,C("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Do("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};bo.states=bs;bo.options=hs;bo.className=xa;bo.defaultOptions=$n;var Na=bo;import*as ka from"@progress/kendo-svg-icons";var Xn="icon",qn="icons";import{useContext as ks}from"react";import{createContext as Ns}from"react";var Jn=Ns({iconsType:"svg"});import{Fragment as Wn,jsx as ho}from"react/jsx-runtime";var Ho="k-icon",gs=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),vs=[],Ls={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark]},ga={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=ks(Jn),{size:o,themeColor:a,icon:n,type:s=t||ga.type,rotate:c,flip:m,viewBox:h=ga.viewBox,...x}=e;if(!n)return ho(Wn,{});if((t||s)==="svg"){if(n==="none")return ho(Na,{...x,className:i(e.className,Ho),icon:n,size:o});let N=ka[n]?n:gs(`${n}-icon`);return ka[N]?ho(Na,{...x,className:i(e.className,Ho),icon:ka[N],size:o,themeColor:a,rotate:c,flip:m,viewBox:h}):ho(Wn,{})}return ho(Vn,{...x,className:i(e.className,Ho),icon:n,size:o,themeColor:a,rotate:c,flip:m})};L.states=vs;L.options=Ls;L.defaultOptions=ga;L.className=Ho;L.moduleName=Xn;L.folderName=qn;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 va="button",Yn=va;import{Fragment as Is,jsx as xo,jsxs as Qn}from"react/jsx-runtime";var No="k-button",Ss=["icon-button"],Ms=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Cs={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark,b.inverse]},La={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:c=La.showArrow,arrowIconName:m=La.arrowIconName,variant:h,hover:x,focus:k,active:N,selected:p,disabled:v,togglable:g,ariaDisabled:M,icon:y,text:S,iconClassName:w,className:X,...te}=e,re=y!==void 0,ie=e.children!==void 0;return Qn(t,{className:i(X,No,Gn(No,h),C(No,{size:o,rounded:a,fillMode:n,themeColor:s}),E(No,{hover:x,focus:k,active:N,disabled:v||M,selected:p}),{"k-icon-button":!S&&!ie&&re}),...te,"aria-pressed":g?p?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:v||void 0,children:[y&&xo(L,{className:i(w,"k-button-icon"),icon:y}),S?Qn(Is,{children:[S&&xo("span",{className:"k-button-text",children:S}),e.children]}):e.children&&xo("span",{className:"k-button-text",children:e.children}),c&&xo("span",{className:"k-menu-button-arrow k-button-arrow",children:xo(L,{icon:m})})]})};d.states=Ms;d.options=Cs;d.variants=Ss;d.className=No;d.defaultOptions=La;d.moduleName=va;d.folderName=Yn;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 Ts}from"react/jsx-runtime";var ot=e=>Ts(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ys}from"react/jsx-runtime";var ko=e=>ys(d,{icon:"folder",children:"Button",...e});import{jsx as Es}from"react/jsx-runtime";var xt=e=>Es(d,{children:"Button",...e});import{jsx as Sa}from"react/jsx-runtime";var Os=d.options,As=d.states,Bs={...d.defaultOptions,variant:"text"},ws=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ps=[],At=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Sa(ot,{...o,icon:"star"});case"icon-and-text":return Sa(ko,{...o,icon:"star",children:"Button"});default:return Sa(xt,{...o,children:"Button"})}};At.options=Os;At.states=As;At.variants=ws;At.defaultOptions=Bs;At.modifiers=Ps;At.className=d.className;var Ma="button",Zn=Ma;import{jsx as Ds}from"react/jsx-runtime";var go="k-button-group",Rs=[r.disabled],Ks={fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},_s={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Ds("div",{role:"group",...n,className:i(e.className,go,C(go,{fillMode:t}),E(go,{disabled:o}),{[`${go}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Rs;T.options=Ks;T.className=go;T.defaultOptions=_s;T.moduleName=Ma;T.folderName=Zn;T.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 Ef,jsx as yf,jsxs as Of}from"react/jsx-runtime";import{Fragment as Kf,jsx as Rf,jsxs as _f}from"react/jsx-runtime";import{Fragment as Ff,jsx as Gf,jsxs as Vf}from"react/jsx-runtime";import{Fragment as Yf,jsx as Wf,jsxs as Qf}from"react/jsx-runtime";import{Fragment as ab,jsx as ob,jsxs as nb}from"react/jsx-runtime";import{Fragment as cb,jsx as db,jsxs as pb}from"react/jsx-runtime";import{jsx as qe,jsxs as Ca}from"react/jsx-runtime";var Hs={...d.options,...T.options},zs=d.states,Us={...d.defaultOptions,...T.defaultOptions,variant:"text-button"},Gs=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Fs=[],Bt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ca(T,{fillMode:a.fillMode,className:o,children:[qe(d,{...a,icon:"star"}),qe(d,{...a,icon:"star"}),qe(d,{...a,icon:"star"})]}):t==="icon-text-button"?Ca(T,{fillMode:a.fillMode,className:o,children:[qe(d,{...a,icon:"star",children:"First"}),qe(d,{...a,icon:"star",children:"Middle"}),qe(d,{...a,icon:"star",children:"Last"})]}):Ca(T,{fillMode:a.fillMode,className:o,children:[qe(d,{...a,children:"First"}),qe(d,{...a,children:"Middle"}),qe(d,{...a,children:"Last"})]})};Bt.options=Hs;Bt.states=zs;Bt.variants=Gs;Bt.defaultOptions=Us;Bt.modifiers=Fs;Bt.className=T.className;var Ia="segmented-control",jn=Ia,er="segmented-control-button",tr="segmented-control";import{jsx as Xs,jsxs as qs}from"react/jsx-runtime";var zo="k-segmented-control",Vs=[],$s={size:[l.undefined,l.small,l.medium,l.large]},at=e=>{let{size:t,stretched:o,children:a,thumbStyles:n,...s}=e;return qs("div",{...s,className:i(e.className,zo,C(zo,{size:t}),{[`${zo}-stretched`]:o}),role:"group",children:[Xs("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:n}),a]})};at.states=Vs;at.options=$s;at.className=zo;at.moduleName=Ia;at.folderName=jn;at.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 or,jsxs as Qs}from"react/jsx-runtime";var Ta="k-segmented-control-button",Js=[r.selected,r.hover,r.focus,r.disabled],Ws={},Ys={},Se=e=>{let{hover:t,focus:o,selected:a,disabled:n,icon:s,text:c,iconClassName:m,...h}=e;return Qs("button",{...h,className:i(e.className,Ta,E(Ta,{hover:t,focus:o,disabled:n,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":n?"true":void 0,children:[s&&or(L,{className:i(m,"k-segmented-control-button-icon"),icon:s}),(c||e.children)&&or("span",{className:"k-segmented-control-button-text",children:c||e.children})]})};Se.states=Js;Se.options=Ws;Se.className=Ta;Se.defaultOptions=Ys;Se.moduleName=er;Se.folderName=tr;import{Fragment as Ub,jsx as zb,jsxs as Gb}from"react/jsx-runtime";import{Fragment as Jb,jsx as qb,jsxs as Wb}from"react/jsx-runtime";import{Fragment as th,jsx as eh,jsxs as oh}from"react/jsx-runtime";import{Fragment as lh,jsx as sh,jsxs as dh}from"react/jsx-runtime";import{Fragment as bh,jsx as fh,jsxs as hh}from"react/jsx-runtime";var vo="input",Fo=vo;import{jsx as tl}from"react/jsx-runtime";var Vo="k-input",Zs=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],js={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},el={},q=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:m,size:h,rounded:x,fillMode:k,...N}=e;return tl("span",{...N,className:i(e.className,Vo,C(Vo,{size:h,rounded:x,fillMode:k}),E(Vo,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:m}))})};q.states=Zs;q.options=js;q.className=Vo;q.defaultOptions=el;q.moduleName=vo;q.folderName=Fo;import{jsx as rl}from"react/jsx-runtime";var $o="k-picker",ol=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],al={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},nl={},ze=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:m,size:h,rounded:x,fillMode:k,...N}=e;return rl("span",{...N,className:i(e.className,$o,C($o,{size:h,rounded:x,fillMode:k}),E($o,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:m})),children:e.children})};ze.states=ol;ze.options=al;ze.className=$o;ze.defaultOptions=nl;ze.moduleName=vo;ze.folderName=Fo;import{Fragment as ll,jsx as ya}from"react/jsx-runtime";var ar="k-clear-value",il=[r.disabled,r.loading,r.readonly],sl={},he=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?ya(ll,{}):ya("span",{className:i(e.className,ar),children:ya(L,{icon:"x"})})};he.states=il;he.options=sl;he.className=ar;import{jsx as pl}from"react/jsx-runtime";var Ea="k-input-inner",dl=[],cl={},Xo={type:"text",autocomplete:"off",value:"",placeholder:""},xe=e=>{let{value:t=Xo.value,type:o=Xo.type,placeholder:a=Xo.placeholder,autocomplete:n=Xo.autocomplete,disabled:s,readOnly:c,...m}=e;return pl("input",{...m,type:o,className:i(e.className,Ea,C(Ea,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};xe.states=dl;xe.options=cl;xe.className=Ea;import{jsx as nr,jsxs as fl}from"react/jsx-runtime";var Oa="k-input-inner",ml=[],ul={},Nt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...c}=e;return fl("span",{...c,className:i(e.className,Oa,C(Oa,e)),children:[n,!n&&s&&nr(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&nr("span",{className:"k-input-value-text",children:t})]})};Nt.states=ml;Nt.options=ul;Nt.className=Oa;import{jsx as xl}from"react/jsx-runtime";var Aa="k-input-inner",bl=[],hl={},rr={value:"",placeholder:""},Ba=e=>{let{value:t=rr.value,placeholder:o=rr.placeholder,rows:a,disabled:n,...s}=e;return xl("textarea",{...s,className:i(e.className,Aa,C(Aa,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Ba.states=bl;Ba.options=hl;Ba.className=Aa;import{Fragment as kl,jsx as ir}from"react/jsx-runtime";var sr="k-input-loading-icon",Nl=[r.disabled,r.loading],ue=e=>{let{disabled:t,loading:o}=e;return t||!o?ir(kl,{}):ir("span",{className:i(e.className,sr,"k-icon k-i-loading")})};ue.states=Nl;ue.className=sr;import{Fragment as Ll,jsx as lr}from"react/jsx-runtime";var dr="k-input-validation-icon",gl=[r.valid,r.invalid,r.disabled,r.loading],vl={},se=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?lr(Ll,{}):lr(L,{className:i(dr),icon:s})};se.states=gl;se.options=vl;se.className=dr;import{Fragment as Cl,jsx as cr}from"react/jsx-runtime";var Sl="k-input-prefix",Ml={direction:"horizontal"},Me=e=>{let{direction:t=Ml.direction,...o}=e;return e.children?cr("span",{...o,className:i(Sl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):cr(Cl,{})};import{Fragment as yl,jsx as pr}from"react/jsx-runtime";var Il="k-input-suffix",Tl={direction:"horizontal"},Ce=e=>{let{direction:t=Tl.direction,...o}=e;return e.children?pr("span",{...o,className:i(Il,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):pr(yl,{})};import{jsx as cx}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";var El="k-input-suffix-text",wa=e=>{let{children:t,...o}=e;return Ol("span",{...o,className:i(El,e.className),children:t})};import{jsx as Bl}from"react/jsx-runtime";var mr="k-input-separator",Al={direction:"vertical"},Ie=e=>{let{direction:t=Al.direction,...o}=e;return Bl("span",{...o,className:i(mr,e.className,{[`${mr}-${t}`]:t})})};import{Fragment as ur,jsx as Ue,jsxs as Pa}from"react/jsx-runtime";var wl=q.states,Pl=q.defaultOptions,Rl=q.options,Kl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],_l=[],wt=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:c,...m}=e,h=t?.prefix,x=t?.suffix,k=t?.["clear-button"],N=t?.["validation-icon"],p=t?.separators;return Pa(q,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:c,style:{width:300},children:[h&&Pa(ur,{children:[Ue(Me,{children:Ue(L,{icon:"lock"})}),p&&Ue(Ie,{})]}),Ue(xe,{placeholder:"Placeholder",value:"Value"}),N&&Ue(se,{valid:o,invalid:a,loading:n,disabled:s}),Ue(ue,{loading:n,disabled:s}),k&&Ue(he,{loading:n,disabled:s,readonly:c,value:"Value"}),x&&Pa(ur,{children:[p&&Ue(Ie,{}),Ue(Ce,{children:Ue(xt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};wt.options=Rl;wt.states=wl;wt.variants=_l;wt.defaultOptions=Pl;wt.modifiers=Kl;wt.className=q.className;import{jsx as fr,jsxs as zl}from"react/jsx-runtime";var br="k-color-preview",Dl=[],Hl={},nt=e=>{let{color:t,iconName:o,...a}=e;return zl("span",{...a,className:i(e.className,br,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&fr(L,{icon:o,className:"k-color-preview-icon"}),fr("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};nt.states=Dl;nt.options=Hl;nt.className=br;var Ra="popup",hr=Ra;import{jsx as xr}from"react/jsx-runtime";var Nr="k-animation-container",Ul=[],Gl={},kr={positionMode:"absolute"},Ge=e=>{let{positionMode:t=kr.positionMode,animationStyle:o,offset:a,...n}=e;return xr("div",{...n,style:{...a,...e.style},className:i(e.className,Nr,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:xr("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ge.states=Ul;Ge.options=Gl;Ge.className=Nr;Ge.defaultOptions=kr;Ge.moduleName=Ra;Ge.folderName=hr;var Ka="popup",gr=Ka;import{jsx as vr}from"react/jsx-runtime";var Lr="k-popup",Fl=[],Vl={},Sr={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Sr.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:c,...m}=e;return vr(Ge,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":c,children:vr("div",{...m,className:i(e.className,Lr),children:e.children})})};G.states=Fl;G.options=Vl;G.className=Lr;G.defaultOptions=Sr;G.moduleName=Ka;G.folderName=gr;G.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 _a="action-buttons",Mr=_a;import{jsx as ql}from"react/jsx-runtime";var qo="k-actions",$l=[],Xl={},Da={alignment:"start",orientation:"horizontal"},Fe=e=>{let{alignment:t=Da.alignment,orientation:o=Da.orientation,...a}=e;return ql("div",{...a,className:i(qo,{[`${qo}-${t}`]:t,[`${qo}-${o}`]:o},e.className),children:e.children})};Fe.states=$l;Fe.options=Xl;Fe.className=qo;Fe.defaultOptions=Da;Fe.moduleName=_a;Fe.folderName=Mr;import{jsx as Wl}from"react/jsx-runtime";var Jl="k-actionsheet-footer",Cr={alignment:"stretched",orientation:"horizontal"},rt=e=>{let{alignment:t=Cr.alignment,orientation:o=Cr.orientation,template:a,as:n=a?"div":Fe,...s}=e;return Wl(n,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Jl),children:e.children})};var Ha="searchbox",Ir=Ha;import{jsx as Lo,jsxs as Zl}from"react/jsx-runtime";var Tr="k-searchbox",Yl=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Ql={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},za={showIcon:!0,icon:"search"},Te=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:c,focus:m,valid:h,invalid:x,required:k,loading:N,disabled:p,showIcon:v=za.showIcon,icon:g=za.icon,"aria-label":M,...y}=e;return Zl(q,{...y,size:a,rounded:n,fillMode:s,hover:c,focus:m,valid:h,invalid:x,required:k,loading:N,disabled:p,className:i(e.className,Tr),children:[v&&Lo(L,{className:"k-input-icon",icon:g}),Lo(xe,{placeholder:o,value:t,"aria-label":M}),Lo(ue,{...e}),Lo(se,{...e}),Lo(he,{...e})]})};Te.states=Yl;Te.options=Ql;Te.className=Tr;Te.defaultOptions=za;Te.moduleName=Ha;Te.folderName=Ir;import{jsx as RN}from"react/jsx-runtime";var Ua="textbox",yr=Ua;import{Fragment as Er,jsx as it,jsxs as Ga}from"react/jsx-runtime";var Or="k-textbox",jl=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],ed={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Jo={showClearButton:!0,showValidationIcon:!0,separators:!0},j=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Jo.separators,showClearButton:s=Jo.showClearButton,showValidationIcon:c=Jo.showValidationIcon,prefix:m,suffix:h,type:x,value:k,placeholder:N,hover:p,focus:v,valid:g,invalid:M,required:y,loading:S,disabled:w,readonly:X,id:te,"aria-label":re,"aria-describedby":ie,...be}=e;return Ga(q,{...be,size:t,rounded:o,fillMode:a,hover:p,focus:v,valid:g,invalid:M,required:y,loading:S,disabled:w,readonly:X,className:i(e.className,Or),children:[m&&Ga(Er,{children:[it(Me,{children:m}),n&&it(Ie,{})]}),it(xe,{id:te,placeholder:N,value:k,type:x,disabled:w,"aria-label":re,"aria-describedby":ie,"aria-invalid":M?"true":void 0}),c&&it(se,{valid:g,invalid:M,loading:S,disabled:w}),it(ue,{loading:S,disabled:w}),s&&it(he,{loading:S,disabled:w,readonly:X,value:k}),h&&Ga(Er,{children:[n&&it(Ie,{}),it(Ce,{children:h})]})]})};j.states=jl;j.options=ed;j.className=Or;j.defaultOptions=Jo;j.moduleName=Ua;j.folderName=yr;j.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 So=j;import{jsx as td}from"react/jsx-runtime";var Ar=e=>td(So,{...e});import{Fragment as jN,jsx as ZN}from"react/jsx-runtime";import{Fragment as rk,jsx as nk}from"react/jsx-runtime";import{jsx as dk}from"react/jsx-runtime";import{jsx as Fa}from"react/jsx-runtime";var od=j.states,ad=j.defaultOptions,nd=j.options,rd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],id=[],Pt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Fa(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Fa(xt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Fa(Ar,{value:"Value",style:{width:300},...o,...a})};Pt.options=nd;Pt.states=od;Pt.variants=id;Pt.defaultOptions=ad;Pt.modifiers=rd;Pt.className=j.className;import{jsx as st,jsxs as Va}from"react/jsx-runtime";var Br="k-actionsheet-titlebar",sd={},le=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:c,inputValue:m,inputPlaceholder:h,adaptive:x,titleId:k,children:N,...p}=e;return Va("div",{...p,className:i(e.className,Br),children:[Va("div",{className:"k-actionsheet-titlebar-group",children:[a&&st("div",{className:"k-actionsheet-actions",children:a}),!N&&Va("div",{className:"k-actionsheet-title",id:k,children:[t&&st("div",{className:"k-text-center",children:t}),o&&st("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&st("div",{className:"k-actionsheet-title",id:k,children:N}),n&&st("div",{className:"k-actionsheet-actions",children:n})]}),(c||s)&&st("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?st(j,{value:m,placeholder:h,size:x?"large":"medium","aria-label":t||h||"Input"}):st(Te,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};le.className=Br;le.defaultOptions=sd;import{jsx as $a,jsxs as pd}from"react/jsx-runtime";var Xa="k-actionsheet-view",ld=[],dd={},cd={},Rt=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:c,...m}=e,h=n?.type===le&&$a(le,{adaptive:t,titleId:c,...n?.props}),x=s?.type===rt&&$a(rt,{...s?.props});return pd("div",{...m,className:i(e.className,Xa,{[`${Xa}-animated`]:o}),children:[h,$a("div",{className:"k-actionsheet-content",children:a}),x]})};Rt.states=ld;Rt.options=dd;Rt.className=Xa;Rt.defaultOptions=cd;var Mo="action-sheet",Wo=Mo;var qa="overlay",wr=qa;import{jsx as bd}from"react/jsx-runtime";var Ja="k-overlay",md=[],ud={themeColor:[b.undefined,b.light,b.dark,b.inverse]},fd={},lt=e=>{let{themeColor:t,...o}=e;return bd("div",{...o,className:i(e.className,Ja,C(Ja,{themeColor:t})),children:e.children})};lt.states=md;lt.options=ud;lt.className=Ja;lt.defaultOptions=fd;lt.moduleName=qa;lt.folderName=wr;import{jsx as Yo,jsxs as Nd}from"react/jsx-runtime";var Pr="k-actionsheet",hd=[],xd={},Co={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},V=e=>{let{side:t=Co.side,fullscreen:o=Co.fullscreen,adaptive:a=Co.adaptive,overlay:n=Co.overlay,template:s,children:c,header:m,footer:h,id:x,...k}=e,N=x&&!s&&m?`${x}-title`:void 0;return Nd("div",{className:"k-actionsheet-container",children:[n&&Yo(lt,{}),Yo(Ge,{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:Yo("div",{...k,id:x,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:i(e.className,Pr,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Yo(Rt,{header:m,footer:h,adaptive:a,titleId:N,...e,children:c})})})]})};V.states=hd;V.options=xd;V.className=Pr;V.defaultOptions=Co;V.moduleName=Mo;V.folderName=Wo;V.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 Ld}from"react/jsx-runtime";var Rr="k-actionsheet-container",kd=[],gd={},vd={},Kt=e=>{let{children:t,...o}=e;return Ld("div",{...o,className:Rr,children:t})};Kt.states=kd;Kt.options=gd;Kt.className=Rr;Kt.defaultOptions=vd;Kt.moduleName=Mo;Kt.folderName=Wo;import{jsx as Sd}from"react/jsx-runtime";var Wa=e=>{let{...t}=e;return Sd("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as Cd,jsx as Io,jsxs as Ya}from"react/jsx-runtime";var Qa="k-actionsheet-item",Md=[r.hover,r.focus,r.selected,r.disabled],dt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:c,disabled:m,...h}=e;return Ya("span",{...h,className:i(e.className,Qa,E(Qa,{hover:n,focus:s,selected:c,disabled:m})),children:[!e.children&&Io(Cd,{children:Ya("span",{className:"k-actionsheet-action",children:[t&&Io("span",{className:"k-icon-wrap",children:Io(L,{className:"k-actionsheet-item-icon",icon:t})}),Ya("span",{className:"k-actionsheet-item-text",children:[o&&Io("span",{className:"k-actionsheet-item-title",children:o}),a&&Io("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};dt.states=Md;dt.className=Qa;import{jsx as lg,jsxs as dg}from"react/jsx-runtime";import{jsx as ug}from"react/jsx-runtime";import{jsx as xg}from"react/jsx-runtime";import{jsx as vg}from"react/jsx-runtime";import{jsx as ee,jsxs as Za}from"react/jsx-runtime";var Id=V.options,Td=V.states,_r={...V.defaultOptions,variant:"normal"},yd=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ed=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],_t=e=>{let{variant:t,modifiers:o,...a}={..._r,...e},n={},s=Za(Wa,{children:[ee(dt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ee(dt,{text:"Add to Favorites",iconName:"heart"}),ee(dt,{text:"Upload New",iconName:"upload",disabled:!0}),ee("hr",{className:"k-hr"}),ee(dt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(h=>{switch(h){case"actions":n.actionsStart=!!o?.[h],n.actionsEnd=!!o?.[h];break;case"subtitle":n.subtitle=o?.[h]?c:void 0;break;case"footer":n.footer=!!o?.[h];break;default:break}}),t==="adaptive"?ee(V,{...a,adaptive:!0,fullscreen:n.fullScreen,header:ee(le,{actionsStart:n.actionsStart?ee(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ee(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Za(rt,{alignment:"stretched",children:[ee(d,{text:"Cancel",size:"large",themeColor:"base"}),ee(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ee(V,{...a,fullscreen:n.fullScreen,header:ee(le,{actionsStart:n.actionsStart?ee(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ee(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Za(rt,{alignment:"stretched",children:[ee(d,{text:"Apply",themeColor:"primary"}),ee(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};_t.options=Id;_t.states=Td;_t.variants=yd;_t.defaultOptions=_r;_t.modifiers=Ed;_t.className=V.className;var ja="slider",Dr=ja;import{jsx as Dt,jsxs as en}from"react/jsx-runtime";var To="k-slider",Od=[r.hover,r.focus,r.active,r.disabled,r.readonly],Ad={},ye={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},U=e=>{let{type:t=ye.type,orientation:o=ye.orientation,gradientType:a=ye.gradientType,readonly:n=ye.readonly,disabled:s=ye.disabled,handlePosition:c=ye.handlePosition,showButtons:m=ye.showButtons,showTicks:h=ye.showTicks,value:x=ye.value,min:k=ye.min,max:N=ye.max,startValue:p,endValue:v,hover:g,focus:M,active:y,trackStyle:S,dir:w,...X}=e,re=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ie,be;return o==="horizontal"?(ie=w==="rtl"?"caret-alt-left":"caret-alt-right",be=w==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ie="caret-alt-up",be="caret-alt-down"),en("div",{...X,className:i(To,e.className,E(To,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[m&&Dt(d,{className:"k-button-decrease",rounded:"full",icon:be,tabIndex:-1,title:"Decrease"}),en("div",{className:"k-slider-track-wrap",children:[h&&Dt("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),en("div",{className:"k-slider-track",style:S,children:[Dt("div",{className:"k-slider-selection"}),t==="range"&&Dt("span",{className:i("k-draghandle","k-draghandle-start",E(To,{hover:g,focus:M,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??k,"aria-valuemin":k,"aria-valuemax":v??N,"aria-orientation":re,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),Dt("span",{className:i("k-draghandle",`k-draghandle-${c}`,E(To,{hover:g,focus:M,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?v??N:x,"aria-valuemin":t==="range"?p??k:k,"aria-valuemax":N,"aria-orientation":re,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),m&&Dt(d,{className:"k-button-increase",rounded:"full",icon:ie,tabIndex:-1,title:"Increase"})]})};U.states=Od;U.options=Ad;U.className=To;U.defaultOptions=ye;U.moduleName=ja;U.folderName=Dr;U.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 Hr}from"react/jsx-runtime";var zr="k-tick",Bd=[],wd={},Ur={label:!1},I=e=>{let{style:t,label:o=Ur.label,orientation:a,large:n,text:s,...c}=e;return Hr("li",{...c,role:"presentation",title:s||"Tick",className:i(e.className,zr,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Hr("span",{className:"k-label",children:s})})};I.states=Bd;I.options=wd;I.className=zr;I.defaultOptions=Ur;import{Fragment as Pd,jsx as Ee,jsxs as Rd}from"react/jsx-runtime";var Gr=e=>Ee(U,{"aria-label":e["aria-label"]||"Slider",children:Rd(Pd,{children:[Ee(I,{className:"k-first",label:!0,large:!0,text:"0"}),Ee(I,{}),Ee(I,{}),Ee(I,{}),Ee(I,{}),Ee(I,{label:!0,large:!0,text:"5"}),Ee(I,{}),Ee(I,{}),Ee(I,{}),Ee(I,{}),Ee(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Kd,jsx as Oe,jsxs as _d}from"react/jsx-runtime";var Fr=e=>Oe(U,{children:_d(Kd,{children:[Oe(I,{className:"k-first",label:!0,large:!0,text:"0"}),Oe(I,{}),Oe(I,{}),Oe(I,{}),Oe(I,{}),Oe(I,{label:!0,large:!0,text:"5"}),Oe(I,{}),Oe(I,{}),Oe(I,{}),Oe(I,{}),Oe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as dv,jsx as lv,jsxs as cv}from"react/jsx-runtime";import{Fragment as bv,jsx as fv,jsxs as hv}from"react/jsx-runtime";import{jsx as Dd}from"react/jsx-runtime";var tn=e=>Dd(U,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Hd}from"react/jsx-runtime";var on=e=>Hd(U,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as Tv,jsx as Iv,jsxs as yv}from"react/jsx-runtime";import{Fragment as wv,jsx as Bv,jsxs as Pv}from"react/jsx-runtime";import{jsx as Ve,jsxs as Vr}from"react/jsx-runtime";var zd=U.options,Ud=U.states,$r={...U.defaultOptions,variant:"horizontal",label:!0},Gd=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Fd=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ht=e=>{let{variant:t,modifiers:o,...a}={...$r,...e},n={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{n.showButtons=!!o?.[x];break}case"label":{n.label=!!o?.[x];break}case"tick":{n.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:c,showTicks:m}=n,h={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Vr(Fr,{showTicks:m,showButtons:c,style:{height:"300px",...h},...a,children:[Ve(I,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Ve(I,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Ve(I,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Ve(I,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Ve(I,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Vr(Gr,{showTicks:m,showButtons:c,style:{width:"400px",...h},...a,children:[Ve(I,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Ve(I,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Ve(I,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Ve(I,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Ve(I,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ht.options=zd;Ht.states=Ud;Ht.variants=Gd;Ht.defaultOptions=$r;Ht.modifiers=Fd;Ht.className=U.className;import{jsx as Xr,jsxs as Jd}from"react/jsx-runtime";var qr="k-spin-button",Xd=[],qd={size:[l.undefined,l.small,l.medium,l.large],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link]},an={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ct=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=an.increaseLabel,decreaseLabel:s=an.decreaseLabel,...c}=e;return Jd("span",{...c,className:i(qr,e.className),children:[Xr(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Xr(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};ct.states=Xd;ct.options=qd;ct.className=qr;ct.defaultOptions=an;ct.moduleName=null;ct.folderName=null;var Jr="numeric-textbox",Wr="numerictextbox";import{Fragment as Yr,jsx as Je,jsxs as nn}from"react/jsx-runtime";var Qr="k-numerictextbox",Wd=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Yd={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Qo={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Qo.separators,showClearButton:s=Qo.showClearButton,showSpinButton:c=Qo.showSpinButton,prefix:m,suffix:h,value:x,placeholder:k,hover:N,focus:p,valid:v,invalid:g,required:M,loading:y,disabled:S,readonly:w,id:X,"aria-label":te,"aria-describedby":re,...ie}=e;return nn(q,{...ie,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:v,invalid:g,required:M,loading:y,disabled:S,readonly:w,className:i(e.className,Qr),children:[m&&nn(Yr,{children:[Je(Me,{children:m}),n&&Je(Ie,{})]}),Je(xe,{id:X,placeholder:k,value:x,role:"spinbutton",disabled:S,"aria-label":te,"aria-describedby":re,"aria-invalid":g?"true":void 0}),Je(se,{valid:v,invalid:g,loading:y,disabled:S}),Je(ue,{loading:y,disabled:S}),s&&Je(he,{loading:y,disabled:S,readonly:w,value:x}),h&&nn(Yr,{children:[n&&Je(Ie,{}),Je(Ce,{children:h})]}),c&&Je(ct,{className:"k-input-spinner",size:t,fillMode:a,disabled:S})]})};_.states=Wd;_.options=Yd;_.className=Qr;_.defaultOptions=Qo;_.moduleName=Jr;_.folderName=Wr;_.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 yo=_;import{jsx as Qd}from"react/jsx-runtime";var Zr=e=>Qd(yo,{...e});import sn from"react";import{jsx as jr}from"react/jsx-runtime";var Zd="k-list-group-sticky-header",rn=e=>jr("div",{className:i(Zd,e.className),children:jr("div",{className:"k-list-header-text",children:e.children})});import{jsx as ec}from"react/jsx-runtime";var jd="k-no-data",Zo=e=>{let{live:t,...o}=e;return ec("span",{...o,className:i(jd,e.className),"aria-live":t?"polite":void 0,children:e.children})};var kt="list",zt=kt;import{jsx as ei,jsxs as ti}from"react/jsx-runtime";var ln="k-list",tc=[],oc={size:[l.undefined,l.small,l.medium,l.large]},ac={},P=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:s,customValue:c,noData:m,screenReaders:h,...x}=e,N=sn.Children.toArray(a)[0],p=N?.props?.children?sn.Children.count(N.props.children):sn.Children.count(a);return ti("div",{...x,className:i(e.className,ln,C(ln,{size:t}),{"k-virtual-list":o}),children:[s,c,n&&ei(rn,{children:n}),a||(m!==void 0?m:ei(Zo,{live:!0,children:"No data found."})),h&&a&&ti(Zo,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};P.states=tc;P.options=oc;P.className=ln;P.defaultOptions=ac;P.moduleName=kt;P.folderName=zt;P.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 sc}from"react/jsx-runtime";var oi="k-list-container",nc=[],rc={},ic={},Ut=e=>{let{...t}=e;return sc("div",{...t,className:i(e.className,oi),children:e.children})};Ut.states=nc;Ut.options=rc;Ut.className=oi;Ut.defaultOptions=ic;Ut.moduleName=kt;Ut.folderName=zt;var gt="checkbox",Gt=gt;import{jsx as ai}from"react/jsx-runtime";var jo="k-checkbox",lc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],dc={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},cc={},Ae=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:c,invalid:m,valid:h,required:x,size:k,rounded:N,wrapperRole:p,...v}=e;return ai("span",{className:"k-checkbox-wrap",role:p,children:ai("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:c||void 0,"aria-invalid":m?"true":void 0,className:i(e.className,jo,C(jo,{size:k,rounded:N}),E(jo,{hover:n,focus:s,disabled:c,invalid:m,valid:h,indeterminate:a,checked:o}))})})};Ae.states=lc;Ae.options=dc;Ae.className=jo;Ae.defaultOptions=cc;Ae.moduleName=gt;Ae.folderName=Gt;Ae.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 _e=Ae;import{jsx as uc}from"react/jsx-runtime";var ni="k-checkbox-list",pc=[],mc={},ri={layout:"vertical"},de=e=>{let{layout:t=ri.layout,...o}=e;return uc("ul",{...o,className:i(e.className,ni,{[`k-list-${t}`]:t}),children:e.children})};de.states=pc;de.options=mc;de.className=ni;de.defaultOptions=ri;de.moduleName=gt;de.folderName=Gt;import{jsx as xc}from"react/jsx-runtime";var ii="k-checkbox-list-item",fc=[],bc={},hc={},ce=e=>{let{...t}=e;return xc("li",{...t,className:i(e.className,ii),children:e.children})};ce.states=fc;ce.options=bc;ce.className=ii;ce.defaultOptions=hc;ce.moduleName=gt;ce.folderName=Gt;import{Fragment as Nc,jsx as si,jsxs as kc}from"react/jsx-runtime";var We=({children:e="Label",id:t="cb-label-after",...o})=>kc(Nc,{children:[si(_e,{id:t,...o}),si("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as nS,jsx as aS,jsxs as rS}from"react/jsx-runtime";import{Fragment as cS,jsx as dS,jsxs as pS}from"react/jsx-runtime";import{Fragment as hS,jsx as bS,jsxs as xS}from"react/jsx-runtime";import{jsx as vS}from"react/jsx-runtime";import{jsx as CS}from"react/jsx-runtime";import{jsx as ES}from"react/jsx-runtime";import{jsx as Be,jsxs as li}from"react/jsx-runtime";var gc=de.options,vc=de.states,Lc={...de.defaultOptions,variant:"vertical"},Sc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Mc=[],Ft=e=>{let{variant:t,...o}=e;return t==="horizontal"?li(de,{layout:"horizontal",...o,children:[Be(ce,{children:Be(We,{id:K("cb"),defaultChecked:!0,children:"Label"})}),Be(ce,{children:Be(We,{id:K("cb"),children:"Label"})}),Be(ce,{children:Be(We,{id:K("cb"),children:"Label"})})]}):li(de,{...o,children:[Be(ce,{children:Be(We,{id:K("cb"),defaultChecked:!0,children:"Label"})}),Be(ce,{children:Be(We,{id:K("cb"),children:"Label"})}),Be(ce,{children:Be(We,{id:K("cb"),children:"Label"})})]})};Ft.options=gc;Ft.states=vc;Ft.variants=Sc;Ft.defaultOptions=Lc;Ft.modifiers=Mc;Ft.className=de.className;import{jsx as Oc}from"react/jsx-runtime";var Cc=_e.options,Ic=_e.states,Tc=_e.defaultOptions,yc=[],Ec=[],Vt=e=>Oc(We,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});Vt.options=Cc;Vt.states=Ic;Vt.variants=yc;Vt.defaultOptions=Tc;Vt.modifiers=Ec;Vt.className=_e.className;import{jsx as vt,jsxs as Pc}from"react/jsx-runtime";var dn="k-list-item",Ac=[r.hover,r.focus,r.selected,r.disabled],Bc={},wc={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:s,showCheckbox:c,checked:m,hover:h,focus:x,selected:k,disabled:N,actions:p,description:v,id:g,...M}=e,y=t||e.children;return Pc("li",{...M,id:g,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&k?"true":a?void 0:"false","aria-disabled":!a&&N?"true":void 0,className:i(e.className,a?"k-list-group-item":dn,E(dn,{hover:h,focus:x,disabled:N,selected:k})),children:[c&&vt(Ae,{checked:m}),n&&vt("span",{className:"k-list-item-icon-wrapper",children:vt(L,{icon:n,className:i("k-list-item-icon",s)})}),vt("span",{className:"k-list-item-text",children:y}),p&&vt("div",{className:"k-list-item-actions",children:p}),v&&vt("span",{className:"k-list-item-description",children:v}),o&&o!==""&&vt("div",{className:"k-list-item-group-label",children:o})]})};O.states=Ac;O.options=Bc;O.className=dn;O.defaultOptions=wc;O.moduleName=kt;O.folderName=zt;O.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 Kc}from"react/jsx-runtime";var Rc="k-list-ul",Ye=e=>{let{children:t,role:o,id:a,...n}=e;return Kc("ul",{...n,id:a,role:o,className:i(Rc,e.className),children:t})};Ye.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 cn,jsxs as Dc}from"react/jsx-runtime";var _c="k-list-content",D=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...c}=e;return Dc("div",{...c,className:i(_c,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:cn(Ye,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&cn("div",{className:"k-height-container",children:cn("div",{})})]})};D.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 kM,jsx as NM,jsxs as gM}from"react/jsx-runtime";import{jsx as pn,jsxs as zc}from"react/jsx-runtime";var Hc="k-list-group-item",Lt=e=>{let{groupIconName:t,...o}=e;return zc("li",{...o,role:"presentation",className:i(Hc,e.className),children:[t&&pn("span",{className:"k-list-item-icon-wrapper",children:pn(L,{icon:t,className:"k-list-item-icon"})}),pn("span",{className:"k-list-item-text",children:e.children})]})};Lt.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 Vc}from"react/jsx-runtime";var mn="k-list-optionlabel",Uc=[r.hover,r.focus,r.selected,r.disabled],Gc={},Fc={},ea=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...c}=e;return Vc("div",{...c,className:i(mn,E(mn,{hover:o,focus:a,selected:n,disabled:s})),children:t})};ea.states=Uc;ea.options=Gc;ea.className=mn;ea.defaultOptions=Fc;import{jsx as Jc}from"react/jsx-runtime";var un="k-list-custom-value",$c=[r.hover,r.focus,r.selected,r.disabled],Xc={},qc={},pt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...c}=e;return Jc("div",{...c,className:i(un,E(un,{hover:o,focus:a,selected:n,disabled:s})),children:t})};pt.states=$c;pt.options=Xc;pt.className=un;pt.defaultOptions=qc;import{Fragment as KM,jsx as RM,jsxs as _M}from"react/jsx-runtime";import{Fragment as FM,jsx as GM,jsxs as VM}from"react/jsx-runtime";import{Fragment as QM,jsx as WM,jsxs as YM}from"react/jsx-runtime";import{Fragment as nC,jsx as oC,jsxs as aC}from"react/jsx-runtime";import{jsx as lC}from"react/jsx-runtime";import{Fragment as fC,jsx as uC,jsxs as bC}from"react/jsx-runtime";var di="dropdown-list",ci="dropdownlist";import{Fragment as Qc,jsx as pe,jsxs as fn}from"react/jsx-runtime";var pi="k-dropdownlist",Wc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Yc={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},bn={showValue:!0,arrowIconName:"caret-alt-down"},W=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=bn.arrowIconName,showValue:s=bn.showValue,valueIconName:c,prefix:m,suffix:h,value:x,placeholder:k,hover:N,focus:p,valid:v,invalid:g,required:M,loading:y,disabled:S,readonly:w,popup:X,opened:te,adaptive:re,adaptiveSettings:ie,adaptiveTitle:be,adaptiveSubtitle:ht,adaptiveFilter:ma,id:tt,activeDescendant:_o,"aria-label":ua,...fa}=e,cs=tt?`${tt}-listbox`:void 0,Un=tt?`${tt}-value`:void 0;return fn(Qc,{children:[fn(ze,{...fa,id:tt,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:v,invalid:g,required:M,loading:y,disabled:S,readonly:w,className:i(e.className,pi,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":te?"true":"false","aria-controls":te?cs:void 0,"aria-activedescendant":te&&_o?_o:void 0,"aria-describedby":te?Un:void 0,"aria-disabled":S?"true":void 0,"aria-label":ua,tabIndex:0,children:[pe(Me,{children:m}),pe(Nt,{placeholder:k,value:x,showValue:s,valueIconName:c,id:Un}),pe(se,{valid:v,invalid:g,loading:y,disabled:S}),pe(ue,{loading:y,disabled:S}),pe(Ce,{children:h}),pe(d,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":k||"Toggle dropdown",tabIndex:-1})]}),te&&X&&pe(G,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:X}),re&&pe(V,{adaptive:!0,...ie,header:pe(le,{actionsEnd:pe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ma,inputValue:x,inputPlaceholder:k,title:be,subtitle:ht}),children:pe("div",{className:"k-list-container",children:pe(P,{size:"large",children:fn(D,{"aria-label":"Options",children:[pe(O,{text:"List item"}),pe(O,{text:"List item"}),pe(O,{text:"List item"})]})})})})]})};W.states=Wc;W.options=Yc;W.className=pi;W.defaultOptions=bn;W.moduleName=di;W.folderName=ci;W.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 JC}from"react/jsx-runtime";import{jsx as eI,jsxs as tI}from"react/jsx-runtime";import{Fragment as cI,jsx as lI,jsxs as dI}from"react/jsx-runtime";import{jsx as bI}from"react/jsx-runtime";import{jsx as vI,jsxs as LI}from"react/jsx-runtime";import{Fragment as AI,jsx as EI,jsxs as OI}from"react/jsx-runtime";import{jsx as KI}from"react/jsx-runtime";import{Fragment as ap,jsx as mt,jsxs as mi}from"react/jsx-runtime";var Zc=W.states,jc=W.defaultOptions,ep=W.options,tp=[{name:"opened",title:"Opened"}],op=[],Xt=e=>{let{modifiers:t,...o}=e,a={},n=mi(ap,{children:[mt("div",{className:"k-list-filter",children:mt(Te,{})}),mt(P,{style:{width:300},size:o.size,children:mi(D,{children:[mt(O,{children:"List item"}),mt(O,{children:"List item"}),mt(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),mt("div",{children:mt(W,{placeholder:"Value",style:{width:300},...o,...a})})};Xt.options=ep;Xt.states=Zc;Xt.variants=op;Xt.defaultOptions=jc;Xt.modifiers=tp;Xt.className=W.className;import{Fragment as nT,jsx as aT}from"react/jsx-runtime";import{Fragment as cT,jsx as dT}from"react/jsx-runtime";import{jsx as fT}from"react/jsx-runtime";import{jsx as hn}from"react/jsx-runtime";var np=_.states,rp=_.defaultOptions,ip=_.options,sp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],lp=[],qt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?hn(W,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?hn(wa,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),hn(Zr,{value:"Value",style:{width:300},...o,...a})};qt.options=ip;qt.states=np;qt.variants=lp;qt.defaultOptions=rp;qt.modifiers=sp;qt.className=_.className;import{Fragment as Eo,jsx as A,jsxs as J}from"react/jsx-runtime";var ui="k-colorgradient-inputs",dp=[],cp={size:[l.undefined,l.small,l.medium,l.large]},fi={mode:"rgba"},Jt=e=>{let{mode:t=fi.mode,size:o,...a}=e;return J("div",{...a,className:i(ui,"k-hstack"),children:[A("div",{className:"k-vstack",children:A(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&J(Eo,{children:[J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),A("label",{className:"k-colorgradient-input-label",children:"R"})]}),J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),A("label",{className:"k-colorgradient-input-label",children:"G"})]}),J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),A("label",{className:"k-colorgradient-input-label",children:"B"})]}),J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),A("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&J(Eo,{children:[J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),A("label",{className:"k-colorgradient-input-label",children:"R"})]}),J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),A("label",{className:"k-colorgradient-input-label",children:"G"})]}),J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),A("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&J(Eo,{children:[J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),A("label",{className:"k-colorgradient-input-label",children:"H"})]}),J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),A("label",{className:"k-colorgradient-input-label",children:"S"})]}),J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),A("label",{className:"k-colorgradient-input-label",children:"V"})]}),J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),A("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&J(Eo,{children:[J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),A("label",{className:"k-colorgradient-input-label",children:"H"})]}),J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),A("label",{className:"k-colorgradient-input-label",children:"S"})]}),J("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),A("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&A(Eo,{children:J("div",{className:"k-vstack k-flex-1",children:[A(j,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),A("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Jt.states=dp;Jt.options=cp;Jt.className=ui;Jt.defaultOptions=fi;import{jsx as St,jsxs as Mt}from"react/jsx-runtime";var bi="k-colorgradient-color-contrast",pp=[],mp={},up={},Wt=()=>Mt("div",{className:i(bi,"k-vbox"),children:[Mt("div",{className:"k-contrast-ratio",children:[St("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Mt("span",{className:"k-contrast-validation !k-text-success",children:[St(L,{icon:"check"}),St(L,{icon:"check"})]})]}),Mt("div",{children:[St("span",{children:"AA: 4.5"}),Mt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",St(L,{icon:"check"})]})]}),Mt("div",{children:[St("span",{children:"AAA: 7.0"}),Mt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",St(L,{icon:"x"})]})]})]});Wt.states=pp;Wt.options=mp;Wt.className=bi;Wt.defaultOptions=up;var hi="color-gradient",xi="colorgradient";import{jsx as we,jsxs as Oo}from"react/jsx-runtime";var ta="k-colorgradient",fp=[r.hover,r.focus,r.readonly,r.disabled],bp={size:[l.undefined,l.small,l.medium,l.large]},$e={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"},Q=e=>{let{size:t,mode:o=$e.mode,readonly:a=$e.readonly,disabled:n=$e.disabled,gradientStyle:s=$e.gradientStyle,dragHandleStyle:c=$e.dragHandleStyle,alphaStyle:m=$e.alphaStyle,alphaStyleHorizontal:h=$e.alphaStyleHorizontal,contrast:x=$e.contrast,dir:k,hover:N,focus:p,hoverHandle:v,focusHandle:g,canvasOrientation:M=$e.canvasOrientation,role:y,tabIndex:S,...w}=e;return Oo("div",{...w,role:y??"textbox","aria-label":y==="none"?void 0:"Color gradient",tabIndex:S??0,"aria-disabled":n?"true":void 0,className:i(e.className,ta,C(ta,{size:t}),E(ta,{hover:N,focus:p,readonly:a,disabled:n})),dir:k,children:[!M||M==="horizontal"&&Oo("div",{className:"k-colorgradient-canvas k-hstack",children:[we("div",{className:"k-hsv-rectangle",style:s,children:we("div",{className:"k-hsv-gradient",children:we("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":g}),style:c,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})})}),Oo("div",{className:"k-hsv-controls k-hstack",children:[we(on,{className:"k-hue-slider",hover:v,focus:g}),o!=="rgb"&&o!=="hsv"&&we(on,{className:"k-alpha-slider",hover:v,focus:g,trackStyle:m})]})]}),M==="vertical"&&Oo("div",{className:"k-colorgradient-canvas k-vstack",children:[we("div",{className:"k-hsv-rectangle",style:s,children:we("div",{className:"k-hsv-gradient",children:we("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":g}),style:c,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})})}),Oo("div",{className:"k-hsv-controls k-vstack",children:[we(tn,{className:"k-hue-slider",hover:v,focus:g}),o!=="rgb"&&o!=="hsv"&&we(tn,{className:"k-alpha-slider",hover:v,focus:g,trackStyle:h})]})]}),we(Jt,{mode:e.mode,size:t}),x&&we(Wt,{})]})};Q.states=fp;Q.options=bp;Q.className=ta;Q.defaultOptions=$e;Q.moduleName=hi;Q.folderName=xi;Q.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 hp}from"react/jsx-runtime";var oa=e=>hp(Q,{...e});import{jsx as jT}from"react/jsx-runtime";import{jsx as ay}from"react/jsx-runtime";import{jsx as xn}from"react/jsx-runtime";var xp=Q.options,Np=Q.states,kp={...Q.defaultOptions,variant:"rgba"},gp=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],vp=[],Yt=e=>{let{variant:t,...o}=e;switch(t){case"hex":return xn(oa,{...o,mode:t});case"rgb":return xn(oa,{...o,mode:t});default:return xn(oa,{...o,mode:t})}};Yt.options=xp;Yt.states=Np;Yt.variants=gp;Yt.defaultOptions=kp;Yt.modifiers=vp;Yt.className=Q.className;import{jsx as Lp}from"react/jsx-runtime";var Nn=e=>Lp("tr",{role:"row",children:e.children});import{jsx as Cp}from"react/jsx-runtime";var kn="k-colorpalette-tile",Sp=[r.hover,r.focus,r.selected],Mp={},Qt=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...c}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Cp("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,kn,E(kn,{hover:a,focus:n,selected:s})),style:m})};Qt.states=Sp;Qt.options=Mp;Qt.className=kn;var Ni="color-palette",ki="colorpalette";import{jsx as Ao}from"react/jsx-runtime";var aa="k-colorpalette",Ip=[r.disabled],Tp={size:[l.undefined,l.small,l.medium,l.large]},gi={columns:10},me=e=>{let{size:t,palette:o,columns:a=gi.columns,tileSize:n,disabled:s,...c}=e,m=[];if(o){let h=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/h)},(k,N)=>{let p=[];x.slice(N*h,(N+1)*h).map((g,M)=>{p.push(Ao(Qt,{color:g,tileSize:n},M))});let v=Ao(Nn,{children:p},N);m.push(v)})}return Ao("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,aa,E(aa,{disabled:s}),C(aa,{size:t})),children:Ao("table",{className:"k-colorpalette-table",role:"none",children:Ao("tbody",{children:m.length>0?m:e.children})})})};me.states=Ip;me.options=Tp;me.className=aa;me.defaultOptions=gi;me.moduleName=Ni;me.folderName=ki;me.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 na=me;var Bo={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 yp}from"react/jsx-runtime";var vi=e=>yp(na,{palette:Bo.basic,...e});import{jsx as Dy}from"react/jsx-runtime";import{jsx as Vy,jsxs as $y}from"react/jsx-runtime";import{jsx as Rp}from"react/jsx-runtime";var Ep=me.options,Op=me.states,Ap={...me.defaultOptions,variant:"basic"},Bp=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],wp={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}},Pp=[],Zt=e=>{let{variant:t="basic",...o}=e,a=wp[t];return Rp(vi,{columns:a.columns,palette:a,...o})};Zt.options=Ep;Zt.states=Op;Zt.variants=Bp;Zt.defaultOptions=Ap;Zt.modifiers=Pp;Zt.className=me.className;var Li="color-editor",Si="coloreditor";import{jsx as Pe,jsxs as jt}from"react/jsx-runtime";var ra="k-coloreditor",Kp=[r.focus],_p={size:[l.undefined,l.small,l.medium,l.large]},wo={view:"gradient",palette:Bo.office,actionButtons:!0,canvasOrientation:"horizontal"},$=e=>{let{size:t,view:o=wo.view,palette:a=wo.palette,color:n,currentColor:s,focus:c,focusView:m,dir:h,group:x,actionButtons:k=wo.actionButtons,canvasOrientation:N=wo.canvasOrientation,...p}=e;return jt("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",ra,C(ra,{size:t}),E(ra,{focus:c})),dir:h,children:[jt("div",{className:"k-coloreditor-header k-hstack",children:[Pe("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&jt(T,{fillMode:"flat",children:[Pe(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Pe(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Pe("div",{className:"k-spacer"}),jt("div",{className:"k-coloreditor-header-actions k-hstack",children:[Pe(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),jt("div",{className:"k-coloreditor-preview k-vstack",children:[Pe(nt,{className:"k-coloreditor-preview-color",color:n}),Pe(nt,{className:"k-coloreditor-current-color",color:s})]})]})]}),Pe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Pe(Q,{focus:m,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):Pe(me,{palette:a,size:t})}),k&&jt(Fe,{className:"k-coloreditor-footer",alignment:"start",children:[Pe(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Pe(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};$.states=Kp;$.options=_p;$.className=ra;$.defaultOptions=wo;$.moduleName=Li;$.folderName=Si;$.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 eo=$;import{jsx as gE}from"react/jsx-runtime";import{jsx as ME}from"react/jsx-runtime";import{jsx as Dp}from"react/jsx-runtime";var Mi=e=>Dp(eo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Hp}from"react/jsx-runtime";var Ci=e=>Hp(eo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ii}from"react/jsx-runtime";var zp=$.options,Up=$.states,Gp={...$.defaultOptions,variant:"gradient"},Fp=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Vp=[],to=e=>{let{variant:t,...o}=e;return t==="palette"?Ii(Ci,{...o,color:"white"}):Ii(Mi,{...o,color:"rgba(183, 118 , 118, 1.00)"})};to.options=zp;to.states=Up;to.variants=Fp;to.defaultOptions=Gp;to.modifiers=Vp;to.className=$.className;var Ti="color-picker",yi="colorpicker";import{Fragment as qp,jsx as Re,jsxs as gn}from"react/jsx-runtime";var Ei="k-colorpicker",$p=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Xp={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Oi={arrowIconName:"caret-alt-down"},Ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Oi.arrowIconName,prefix:s,suffix:c,value:m,placeholder:h,hover:x,focus:k,valid:N,invalid:p,required:v,disabled:g,valueIconName:M,popup:y,opened:S,adaptive:w,adaptiveSettings:X,adaptiveTitle:te,adaptiveSubtitle:re,...ie}=e,be="colorpicker-popup";return gn(qp,{children:[gn(ze,{...ie,size:t,rounded:o,fillMode:a,hover:x,focus:k,valid:N,invalid:p,required:v,disabled:g,role:"combobox","aria-haspopup":"dialog","aria-expanded":S?"true":"false","aria-controls":S||w?be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":g?"true":void 0,className:i(e.className,Ei,"k-icon-picker"),children:[Re(Me,{children:s}),Re(Nt,{placeholder:h,value:m,showValue:!1,valueIcon:Re(nt,{className:"k-value-icon",color:m,iconName:M}),valueIconName:M}),Re(Ce,{children:c}),Re(d,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),S&&y&&Re(G,{id:be,className:"k-colorpicker-popup",children:y}),w&&Re(V,{adaptive:!0,id:be,...X,header:Re(le,{actionsEnd:Re(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:te,subtitle:re}),footer:gn(rt,{children:[Re(d,{text:"Cancel",size:"large"}),Re(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:Re($,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ne.states=$p;Ne.options=Xp;Ne.className=Ei;Ne.defaultOptions=Oi;Ne.moduleName=Ti;Ne.folderName=yi;Ne.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 Qe=Ne;import{jsx as Jp}from"react/jsx-runtime";var ia=e=>Jp(Qe,{...e});import{jsx as sO}from"react/jsx-runtime";import{jsx as mO}from"react/jsx-runtime";import{jsx as hO}from"react/jsx-runtime";import{jsx as gO}from"react/jsx-runtime";import{jsx as MO}from"react/jsx-runtime";import{jsx as yO}from"react/jsx-runtime";import{jsx as Ct}from"react/jsx-runtime";var Wp=Qe.options,Yp=Qe.states,Ai={...Qe.defaultOptions,variant:"color"},Qp=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Zp=[{name:"opened",title:"Opened"}],oo=e=>{let{variant:t,modifiers:o,...a}={...Ai,...e},n={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(n.opened=!!o?.[c],n.popup=o?.[c]?Ct($,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Ct("div",{style:s,children:Ct(ia,{...a,...n})});case"icon":return Ct("div",{style:s,children:Ct(ia,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return Ct("div",{style:s,children:Ct(ia,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};oo.options=Wp;oo.states=Yp;oo.variants=Qp;oo.defaultOptions=Ai;oo.modifiers=Zp;oo.className=Qe.className;var vn="combobox",Bi=vn;import{Fragment as Ln,jsx as Y,jsxs as Po}from"react/jsx-runtime";var wi="k-combobox",jp=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],em={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},Pi={separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Pi.separators,prefix:s,suffix:c,value:m,placeholder:h,hover:x,focus:k,valid:N,invalid:p,required:v,loading:g,disabled:M,popup:y,opened:S,readonly:w,adaptive:X,adaptiveSettings:te,adaptiveTitle:re,adaptiveSubtitle:ie,adaptiveCustomValue:be,id:ht,autocomplete:ma,activeDescendant:tt,"aria-label":_o,...ua}=e,fa=ht?`${ht}-listbox`:void 0;return Po(Ln,{children:[Po(q,{...ua,size:t,rounded:o,fillMode:a,hover:x,focus:k,valid:N,invalid:p,required:v,loading:g,disabled:M,readonly:w,className:i(e.className,wi),children:[s&&Po(Ln,{children:[Y(Me,{children:s}),n&&Y(Ie,{})]}),Y(xe,{id:ht,placeholder:h,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":S?"true":"false","aria-controls":S?fa:void 0,"aria-activedescendant":S&&tt?tt:void 0,"aria-autocomplete":ma,"aria-invalid":p?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":_o,disabled:M,readOnly:w}),Y(se,{valid:N,invalid:p,loading:g,disabled:M}),Y(ue,{loading:g,disabled:M}),Y(he,{loading:g,disabled:M,readonly:w,value:m}),c&&Po(Ln,{children:[n&&Y(Ie,{}),Y(Ce,{children:c})]}),Y(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),S&&y&&Y(G,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),X&&Y(V,{adaptive:!0,id:ht?`${ht}-adaptive`:void 0,...te,header:Y(le,{actionsEnd:Y(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:h,title:re,subtitle:ie}),children:Y("div",{className:"k-list-container",children:Y(P,{customValue:be?Y(pt,{text:`Use "${m}"`}):void 0,size:"large",children:Po(D,{"aria-label":re||"Options",children:[Y(O,{text:"List item"}),Y(O,{text:"List item"}),Y(O,{text:"List item"})]})})})})]})};oe.states=jp;oe.options=em;oe.className=wi;oe.defaultOptions=Pi;oe.moduleName=vn;oe.folderName=Bi;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 ke=oe;import{jsx as tm}from"react/jsx-runtime";var Ri=e=>tm(ke,{...e});import{jsx as cA,jsxs as pA}from"react/jsx-runtime";import{jsx as xA,jsxs as NA}from"react/jsx-runtime";import{jsx as MA,jsxs as CA}from"react/jsx-runtime";import{Fragment as AA,jsx as OA}from"react/jsx-runtime";import{Fragment as _A,jsx as KA}from"react/jsx-runtime";import{jsx as FA,jsxs as VA}from"react/jsx-runtime";import{Fragment as ZA,jsx as YA,jsxs as QA}from"react/jsx-runtime";import{jsx as oB}from"react/jsx-runtime";import{jsx as iB}from"react/jsx-runtime";import{jsx as mB,jsxs as uB}from"react/jsx-runtime";import{jsx as kB,jsxs as gB}from"react/jsx-runtime";import{jsx as ut,jsxs as sm}from"react/jsx-runtime";var om=oe.states,am=oe.defaultOptions,nm=oe.options,rm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],im=[],ao=e=>{let{modifiers:t,...o}=e,a={},n=ut(P,{style:{width:300},size:o.size,children:sm(D,{children:[ut(O,{children:"List item"}),ut(O,{children:"List item"}),ut(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?ut(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?ut(ot,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),ut("div",{children:ut(Ri,{value:"Value",style:{width:300},...o,...a})})};ao.options=nm;ao.states=om;ao.variants=im;ao.defaultOptions=am;ao.modifiers=rm;ao.className=oe.className;var Sn="menu-button",Ki=Sn;import{jsx as cm}from"react/jsx-runtime";var _i="k-menu-button",lm=[r.hover,r.focus,r.active,r.selected,r.disabled],dm={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark,b.inverse]},Mn={showArrow:!0,arrowIconName:"caret-alt-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:m,selected:h,disabled:x,icon:k,text:N,showArrow:p=Mn.showArrow,arrowIconName:v=Mn.arrowIconName,expanded:g,...M}=e;return cm(d,{...M,className:i(e.className,_i),text:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:m,selected:h,disabled:x,icon:k,showArrow:p,arrowIconName:v,"aria-expanded":g?"true":"false",...!N&&k&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};H.states=lm;H.options=dm;H.className=_i;H.defaultOptions=Mn;H.moduleName=Sn;H.folderName=Ki;H.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 jB}from"react/jsx-runtime";import{jsx as aw}from"react/jsx-runtime";import{jsx as sw}from"react/jsx-runtime";var ge="menu",Ke=ge;import{jsx as Ro,jsxs as Di}from"react/jsx-runtime";var Cn="k-menu-item",pm=[r.hover,r.focus,r.active,r.selected,r.disabled],mm={},Hi={iconPosition:"before"},ae=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:c,text:m,first:h,last:x,showArrow:k,arrowIconName:N,iconPosition:p=Hi.iconPosition,dir:v,children:g,expanded:M,...y}=e,S=N;return S||(S=v==="rtl"?"caret-alt-left":"caret-alt-right"),Di("li",{...y,className:i(e.className,Cn,"k-item",E(Cn,{focus:o,disabled:s,hover:t,active:a,selected:n}),{"k-first":h,"k-last":x}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Di("span",{className:i("k-link k-menu-link"),children:[c&&p==="before"&&Ro(L,{className:"k-menu-link-icon",icon:c}),Ro("span",{className:"k-menu-link-text",children:m}),c&&p==="after"&&Ro(L,{className:"k-menu-link-icon",icon:c}),k&&Ro("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ro(L,{icon:S})})]}),g]})};ae.states=pm;ae.options=mm;ae.className=Cn;ae.defaultOptions=Hi;ae.moduleName=ge;ae.folderName=Ke;import{jsx as Ko,jsxs as zi}from"react/jsx-runtime";var In="k-menu-item",um=[r.hover,r.focus,r.active,r.selected,r.disabled],fm={},Tn={dir:"ltr",iconPosition:"before"},F=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:c,text:m,first:h,last:x,showArrow:k,arrowIconName:N,iconPosition:p=Tn.iconPosition,dir:v=Tn.dir,children:g,popup:M,expanded:y,...S}=e,w=N;return w||(w=v==="rtl"?"caret-alt-left":"caret-alt-right"),zi("li",{...S,className:i(e.className,In,"k-item",E(In,{focus:o,disabled:s}),{"k-first":h,"k-last":x}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":y?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[zi("span",{className:i("k-link k-menu-link",E("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[c&&p==="before"&&Ko(L,{className:"k-menu-link-icon",icon:c}),Ko("span",{className:"k-menu-link-text",children:m}),c&&p==="after"&&Ko(L,{className:"k-menu-link-icon",icon:c}),k&&Ko("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ko(L,{icon:w})})]}),g,M]})};F.states=um;F.options=fm;F.className=In;F.defaultOptions=Tn;F.moduleName=ge;F.folderName=Ke;import{jsx as Nm}from"react/jsx-runtime";var Ui="k-menu-scroll-wrapper",bm=[],hm={},xm={},It=e=>{let{className:t,children:o,orientation:a,...n}=e;return Nm("div",{...n,className:i(t,Ui,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};It.states=bm;It.options=hm;It.className=Ui;It.defaultOptions=xm;It.moduleName=ge;It.folderName=Ke;var Gi=It;import{Fragment as yn,jsx as Tt,jsxs as la}from"react/jsx-runtime";var En="k-menu",km=[],gm={},da={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Z=e=>{let{children:t,orientation:o=da.orientation,header:a=da.header,scrollable:n,scrollButtonsPosition:s=da.scrollButtonsPosition,wrapperStyles:c,dir:m,popup:h,contextMenu:x,...k}=e,N={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=Tt("ul",{dir:m,...k,className:i(e.className,"k-reset",En,{[`${En}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return la(yn,{children:[n?la(Gi,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&la(yn,{children:[Tt(d,{fillMode:"flat",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Tt(d,{fillMode:"flat",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Tt(d,{fillMode:"flat",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&la(yn,{children:[Tt(d,{fillMode:"flat",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Tt(d,{fillMode:"flat",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Tt(d,{fillMode:"flat",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,h]})};Z.states=km;Z.options=gm;Z.className=En;Z.defaultOptions=da;Z.moduleName=ge;Z.folderName=Ke;Z.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 vm}from"react/jsx-runtime";var On="k-separator",Fi={orientation:"horizontal"},no=e=>{let{orientation:t=Fi.orientation,...o}=e;return vm("li",{...o,className:i(e.className,"k-item",On,{[`${On}-${t}`]:t}),role:"separator"})};no.className=On;no.defaultOptions=Fi;no.moduleName=ge;no.folderName=Ke;import{Fragment as Kw,jsx as _w}from"react/jsx-runtime";import{jsx as Cm}from"react/jsx-runtime";var An="k-menu-group",Lm=[],Sm={size:[l.undefined,l.small,l.medium,l.large]},Mm={},ne=e=>{let{children:t,size:o,...a}=e;return Cm("ul",{...a,className:i(e.className,An,C(An,{size:o})),role:"menu",children:t})};ne.states=Lm;ne.options=Sm;ne.className=An;ne.defaultOptions=Mm;ne.moduleName=ge;ne.folderName=Ke;import{Fragment as Im,jsx as ro,jsxs as Tm}from"react/jsx-runtime";var Bn=e=>ro(Z,{children:Tm(Im,{children:[ro(ae,{first:!0,text:"Item 1"}),ro(ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),ro(ae,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),ro(ae,{text:"Item 4"}),ro(ae,{last:!0,text:"Item 5"})]}),...e});import{Fragment as Qw,jsx as Ww,jsxs as Yw}from"react/jsx-runtime";import{Fragment as oP,jsx as tP,jsxs as aP}from"react/jsx-runtime";import{Fragment as lP,jsx as sP,jsxs as dP}from"react/jsx-runtime";import{Fragment as fP,jsx as uP,jsxs as bP}from"react/jsx-runtime";import{jsx as yt,jsxs as Bm}from"react/jsx-runtime";var ym=Z.options,Em=Z.states,Vi={...Z.defaultOptions,variant:"horizontal"},Om=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Am=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],io=e=>{let{variant:t,modifiers:o,...a}={...Vi,...e},n={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":n.scrollable=!!o?.[s];break;case"opened":n.opened=!!o?.[s],n.popup=yt(G,{className:"k-menu-popup",children:Bm(ne,{children:[yt(F,{text:"Item 1"}),yt(F,{text:"Item 2"}),yt(no,{}),yt(F,{text:"Item 3"})]})});break}}),t==="vertical"?yt(Bn,{...a,...n,orientation:"vertical",style:{width:"200px"}}):yt(Bn,{...a,...n})};io.options=ym;io.states=Em;io.variants=Om;io.defaultOptions=Vi;io.modifiers=Am;io.className=Z.className;import{Fragment as qP,jsx as $P,jsxs as XP}from"react/jsx-runtime";import{jsx as QP}from"react/jsx-runtime";import{Fragment as _m,jsx as Xe,jsxs as $i}from"react/jsx-runtime";var wm=d.states,Xi={...d.defaultOptions,variant:"text"},Pm=d.options,Rm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Km=[{name:"opened",title:"Opened"}],so=e=>{let{variant:t,modifiers:o,...a}={...Xi,...e},n={},s=Xe(G,{className:"k-menu-popup",children:$i(ne,{size:a.size,children:[Xe(F,{first:!0,text:"Menu Item"}),Xe(F,{text:"Menu Item"}),Xe(F,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Xe("div",{children:Xe(H,{...a,...n,icon:"star"})});break;case"icon-and-text":c=Xe("div",{children:Xe(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:c=Xe("div",{children:Xe(H,{...a,...n,children:"Dropdown Button"})});break}return $i(_m,{children:[c,o?.opened&&s]})};so.options=Pm;so.states=wm;so.variants=Rm;so.defaultOptions=Xi;so.modifiers=Km;so.className=H.className;var wn="split-button",qi=wn;import{Fragment as zm,jsx as Pn,jsxs as Ji}from"react/jsx-runtime";var Rn="k-split-button",Dm=[r.hover,r.focus,r.active,r.selected,r.disabled],Hm={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[u.undefined,u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark,b.inverse]},Wi={arrowIconName:"caret-alt-down"},B=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:m,selected:h,disabled:x,icon:k,text:N,arrowIconName:p=Wi.arrowIconName,popup:v,opened:g,popupId:M,...y}=e;return Ji(zm,{children:[Ji("div",{...y,className:i(e.className,Rn,"k-button-group",C(Rn,{rounded:o})),children:[Pn(d,{text:N,icon:k,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:m,selected:h,disabled:x,...!N&&!e.children&&k&&{"aria-label":"Action"},children:e.children}),Pn(d,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":g?"true":"false","aria-controls":g?M:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),g&&v&&Pn(G,{className:"k-menu-popup",children:v})]})};B.states=Dm;B.options=Hm;B.className=Rn;B.defaultOptions=Wi;B.moduleName=wn;B.folderName=qi;B.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 Kn=B;import{jsx as Gm}from"react/jsx-runtime";var Um="k-toolbar-separator",De=e=>Gm("div",{className:i(Um,e.className,"k-separator")});var Ze="toolbar",ft=Ze;import{Fragment as _n,jsx as R,jsxs as lo}from"react/jsx-runtime";var je="k-toolbar",Fm=[r.focus],Vm={size:[l.undefined,l.small,l.medium,l.large],fillMode:[u.undefined,u.solid,u.outline,u.flat]},$m={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:c,scrollingPosition:m,section:h,...x}=e,k=[],N=(p,v)=>{let g=[];if(p.type===d&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))g.push(R(d,{...p.props,className:`${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===d)g.push(R(d,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===ko)g.push(R(ko,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===ot)g.push(R(ot,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===H)g.push(R(H,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===Kn)g.push(R(Kn,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`));else if(p.type===T||p.props.className&&p.props.className.includes("k-button-group")){let M=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((S,w)=>{M.push(R(d,{...S.props,className:`${S.props.className?S.props.className:""}`},`${w}-${new Date().getTime()}`))}),g.push(R(T,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:M},`${v}-${new Date().getTime()}`))}else p.type===oe?g.push(R(oe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):p.type===W?g.push(R(W,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):p.type===Ne?g.push(R(Ne,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${v}-${new Date().getTime()}`)):g.push(p);g.forEach(M=>{k.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((v,g)=>{N(v,g)}),lo("div",{...x,className:i(e.className,je,C(je,{size:t,fillMode:o}),E(je,{focus:a}),{[`${je}-resizable`]:n,[`${je}-scrollable`]:s,[`${je}-scrollable-overlay`]:s&&c==="hidden",[`${je}-scrollable-${m}`]:m&&m!=="both",[`${je}-section`]:h}),role:"toolbar","aria-label":"Toolbar",children:[!s&&k,s&&c==="hidden"&&R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),s&&c==="start"&&lo(_n,{children:[lo(T,{children:[R("span",{className:i("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-left"})}),R("span",{className:i("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-right"})})]}),R(De,{className:"k-toolbar-button-separator"}),R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),s&&c==="end"&&lo(_n,{children:[R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),R(De,{className:"k-toolbar-button-separator"}),lo(T,{children:[R("span",{className:i("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-left"})}),R("span",{className:i("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&lo(_n,{children:[R("span",{className:i("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-left"})}),R(De,{className:"k-toolbar-button-separator"}),R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),R(De,{className:"k-toolbar-button-separator"}),R("span",{className:i("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};z.states=Fm;z.options=Vm;z.className=je;z.defaultOptions=$m;z.moduleName=Ze;z.folderName=ft;z.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 Wm}from"react/jsx-runtime";var Yi="k-floating-toolbar",Xm=[],qm={},Jm={},co=e=>{let{...t}=e;return Wm("div",{...t,className:i(e.className,Yi),children:e.children})};co.states=Xm;co.options=qm;co.className=Yi;co.defaultOptions=Jm;co.moduleName=Ze;co.folderName=ft;import{jsx as jm}from"react/jsx-runtime";var Dn="k-toolbar-item",Ym=[r.focus],Qm={},Zm={},po=e=>{let{focus:t,...o}=e;return jm("div",{...o,className:i(e.className,Dn,E(Dn,{focus:t})),children:e.children})};po.states=Ym;po.options=Qm;po.className=Dn;po.defaultOptions=Zm;po.moduleName=Ze;po.folderName=ft;import{jsx as Qi}from"react/jsx-runtime";var Zi="k-toolbar-popup",eu=[],tu={size:[l.undefined,l.small,l.medium,l.large],fillMode:[u.undefined,u.solid,u.outline,u.flat]},ou={},Et=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Qi(G,{...n,className:i(e.className,Zi),children:a?Qi("span",{className:i("k-toolbar-items-list",C("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Et.states=eu;Et.options=tu;Et.className=Zi;Et.defaultOptions=ou;Et.moduleName=Ze;Et.folderName=ft;var ca=Et;import{jsx as e0}from"react/jsx-runtime";import{jsx as n0}from"react/jsx-runtime";import{jsx as l0}from"react/jsx-runtime";import{jsx as f0,jsxs as b0}from"react/jsx-runtime";import{jsx as k0}from"react/jsx-runtime";import{jsx as et,jsxs as su}from"react/jsx-runtime";var au=B.states,ji={...B.defaultOptions,variant:"text"},nu=B.options,ru=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],iu=[{name:"opened",title:"Opened"}],mo=e=>{let{variant:t,modifiers:o,...a}={...ji,...e},n={},s=su(ne,{size:a.size,children:[et(F,{first:!0,text:"Menu Item"}),et(F,{text:"Menu Item"}),et(F,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(n.opened=!!o?.[c],n.popup=o?.[c]?s:"")}),t){case"icon-only":return et("div",{children:et(B,{...a,...n,icon:"star"})});case"icon-and-text":return et("div",{children:et(B,{...a,...n,icon:"star",children:"Split Button"})});default:return et("div",{children:et(B,{...a,...n,children:"Split Button"})})}};mo.options=nu;mo.states=au;mo.variants=ru;mo.defaultOptions=ji;mo.modifiers=iu;mo.className=B.className;import{jsx as Ot,jsxs as lu}from"react/jsx-runtime";var es=e=>Ot(z,{children:[Ot(d,{children:"Button"},"toolbar-button"),Ot(H,{text:"Menu button"},"toolbar-menu-button"),Ot(B,{children:"Split button"},"toolbar-split-button"),lu(T,{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 J0,jsxs as W0}from"react/jsx-runtime";import{jsx as ve,jsxs as ts}from"react/jsx-runtime";var os=e=>ve(z,{scrollable:!0,...e,children:[ve(d,{children:"Button"},"toolbar-button"),ve(H,{text:"Menu button"},"toolbar-menu-button"),ve(B,{children:"Split button"},"toolbar-split-button"),ts(T,{children:[ve(d,{className:"k-group-start",icon:"align-left",children:"Left"}),ve(d,{icon:"align-center",children:"Center"}),ve(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ve(d,{children:"Button"},"toolbar-button"),ve(H,{text:"Menu button"},"toolbar-menu-button"),ve(B,{children:"Split button"},"toolbar-split-button"),ts(T,{children:[ve(d,{className:"k-group-start",icon:"align-left",children:"Left"}),ve(d,{icon:"align-center",children:"Center"}),ve(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Le,jsxs as as}from"react/jsx-runtime";var ns=({scrollingPosition:e="start",...t})=>Le(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Le(d,{children:"Button"},"toolbar-button"),Le(H,{text:"Menu button"},"toolbar-menu-button"),Le(B,{children:"Split button"},"toolbar-split-button"),as(T,{children:[Le(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Le(d,{icon:"align-center",children:"Center"}),Le(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Le(d,{children:"Button"},"toolbar-button"),Le(H,{text:"Menu button"},"toolbar-menu-button"),Le(B,{children:"Split button"},"toolbar-split-button"),as(T,{children:[Le(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Le(d,{icon:"align-center",children:"Center"}),Le(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as du,jsx as fe,jsxs as pa}from"react/jsx-runtime";var rs=({fillMode:e,size:t,...o})=>pa(du,{children:[fe(z,{section:!0,fillMode:e,size:t,children:[fe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),pa(T,{fillMode:e,children:[fe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),fe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),fe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),fe(De,{className:"k-toolbar-button-separator"}),fe(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),pa(ca,{size:t,fillMode:e,section:!0,...o,children:[fe(B,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),fe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),fe(De,{}),fe(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),pa(T,{fillMode:e,children:[fe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),fe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),fe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as yK,jsx as IK,jsxs as TK}from"react/jsx-runtime";import{Fragment as HK,jsx as _K,jsxs as DK}from"react/jsx-runtime";import{jsx as bt}from"react/jsx-runtime";var cu=z.options,pu=z.states,is={...z.defaultOptions,variant:"default"},mu=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],uu=[],uo=e=>{let{variant:t,...o}={...is,...e};switch(t){case"responsive":return bt("div",{children:bt(rs,{style:{width:"583px"},...o})});case"overlay":return bt("div",{children:bt(ns,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return bt("div",{children:bt(os,{style:{width:"583px"},...o})});default:return bt("div",{children:bt(es,{style:{width:"583px"},...o})})}};uo.options=cu;uo.states=pu;uo.variants=mu;uo.defaultOptions=is;uo.modifiers=uu;uo.className=z.className;var Hn="scheduler",ss=Hn;import{jsx as He,jsxs as ls}from"react/jsx-runtime";var ds="k-scheduler-toolbar",zn=e=>{let{footer:t,...o}=e;return He(z,{...o,className:i(e.className,{[t?"k-scheduler-footer":ds]:!0}),"aria-label":o["aria-label"]||(t?"Scheduler footer":"Scheduler toolbar"),children:e.children||[ls(T,{className:"k-scheduler-navigation",children:[He(d,{className:"k-group-start",children:"Today"}),He(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),He(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]},"nav"),He(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 13, 2022"},"current"),He("span",{className:"k-spacer"},"spacer"),ls(at,{thumbStyles:{width:"15%",left:"2px"},className:"k-scheduler-views",children:[He(Se,{selected:!0,children:"Day"}),He(Se,{children:"Week"}),He(Se,{children:"Month"}),He(Se,{children:"Timeline"}),He(Se,{children:"Agenda"})]},"views")]})};zn.className=ds;zn.moduleName=Hn;zn.folderName=ss;export{zn as SchedulerToolbar};
|