npm - @progress/kendo-themes-html - Versions diffs - 14.7.0-dev.13 → 14.7.0-dev.15 - Mend

@progress/kendo-themes-html 14.7.0-dev.13 → 14.7.0-dev.15

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.

Files changed (154) hide show

package/dist/cjs/imageeditor/templates/imageeditor-insert-line-adaptive.js ADDED Viewed

@@ -0,0 +1 @@

+ var Cc=Object.create;var Di=Object.defineProperty;var yc=Object.getOwnPropertyDescriptor;var Ac=Object.getOwnPropertyNames;var Tc=Object.getPrototypeOf,Oc=Object.prototype.hasOwnProperty;var Bc=(e,t)=>{for(var o in t)Di(e,o,{get:t[o],enumerable:!0})},xl=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ac(t))!Oc.call(e,i)&&i!==o&&Di(e,i,{get:()=>t[i],enumerable:!(a=yc(t,i))||a.enumerable});return e};var hl=(e,t,o)=>(o=e!=null?Cc(Tc(e)):{},xl(t||!e||!e.__esModule?Di(o,"default",{value:e,enumerable:!0}):o,e)),Rc=e=>xl(Di({},"__esModule",{value:!0}),e);var Dv={};Bc(Dv,{ImageEditorInsertLineAdaptive:()=>Kv});module.exports=Rc(Dv);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),C=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:r,checked:d,active:m,selected:c,disabled:b,indeterminate:x,loading:g,empty:u,readonly:v,highlighted:L,...S}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":r,"k-checked":d,"k-active":m,"k-selected":c,"k-disabled":b,"k-indeterminate":x&&!d,"k-loading":g,"k-empty":u,"k-readonly":v,"k-highlighted":L},Object.keys(S).reduce((k,M)=>(M.startsWith("k-")?k[M]=S[M]:k[`k-${M}`]=S[M],k),{}))};function Nl(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},Gt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},I={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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 Ar={};function O(e){return Ar[e]=(Ar[e]||0)+1,`k-${e}-${Ar[e]}`}var ai=require("react/jsx-runtime"),Tr="k-font-icon",Pc=[],wc={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info]},Kc={},ii=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:r,...d}=e;return a?(0,ai.jsx)("span",{...d,className:n(e.className,Tr,A(Tr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):(0,ai.jsx)(ai.Fragment,{})};ii.states=Pc;ii.options=wc;ii.className=Tr;ii.defaultOptions=Kc;var gl=ii;var Po=require("react/jsx-runtime"),Or="k-svg-icon",Dc=[],_c={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info],variant:[Gt.outline,Gt.solid,Gt.duotone]},Br={viewBox:"0 0 24 24",variant:Gt.outline},ri=e=>{var g,u;let{size:t,themeColor:o,rotate:a,flip:i,viewBox:r=Br.viewBox,variant:d=Br.variant,icon:m,...c}=e;if(!m)return(0,Po.jsx)(Po.Fragment,{});if(m==="none")return(0,Po.jsx)("span",{...c,className:n(e.className,Or,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?d&&((g=m.variants)==null?void 0:g[d])||((u=m.variants)==null?void 0:u.outline)||m.content:void 0;return(0,Po.jsx)("span",{...c,className:n(e.className,Or,A("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:(0,Po.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:r,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};ri.states=Dc;ri.options=_c;ri.className=Or;ri.defaultOptions=Br;var Rr=ri;var Pr=hl(require("@progress/kendo-svg-icons"));var vl="icon",Ll="icons";var kl=require("react");var Il=require("react"),Sl=(0,Il.createContext)({iconsType:"svg"});var no=require("react/jsx-runtime"),_i="k-icon",zc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Hc=[],Fc={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info],variant:[Gt.outline,Gt.solid,Gt.duotone]},zi={viewBox:"0 0 24 24",type:"svg",variant:Gt.outline},N=e=>{let{iconsType:t}=(0,kl.useContext)(Sl),{size:o,themeColor:a,icon:i,type:r=t||zi.type,rotate:d,flip:m,viewBox:c=zi.viewBox,variant:b=zi.variant,...x}=e;if(!i)return(0,no.jsx)(no.Fragment,{});if((t||r)==="svg"){if(i==="none")return(0,no.jsx)(Rr,{...x,className:n(e.className,_i),icon:i,size:o,variant:b});let u=Pr[i]?i:zc(`${i}-icon`);return Pr[u]?(0,no.jsx)(Rr,{...x,className:n(e.className,_i),icon:Pr[u],size:o,themeColor:a,rotate:d,flip:m,viewBox:c,variant:b}):(0,no.jsx)(no.Fragment,{})}return(0,no.jsx)(gl,{...x,className:n(e.className,_i),icon:i,size:o,themeColor:a,rotate:d,flip:m})};N.states=Hc;N.options=Fc;N.defaultOptions=zi;N.className=_i;N.moduleName=vl;N.folderName=Ll;var wr="button",El=wr;var $e=require("react/jsx-runtime"),ni="k-button",Uc=["icon-button"],Gc=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],$c={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info,I.inverse]},Kr={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:r,showArrow:d=Kr.showArrow,arrowIconName:m=Kr.arrowIconName,variant:c,hover:b,focus:x,active:g,selected:u,disabled:v,togglable:L,ariaDisabled:S,icon:k,endIcon:M,iconSize:R,text:_,iconClassName:j,className:se,...le}=e,ge=k!=null,Ro=e.children!==void 0;return(0,$e.jsxs)(t,{className:n(se,ni,Nl(ni,c),A(ni,{size:o,rounded:a,fillMode:i,themeColor:r}),C(ni,{hover:b,focus:x,active:g,disabled:v||S,selected:u}),{"k-icon-button":!_&&!Ro&&ge}),"aria-pressed":L?u?"true":"false":void 0,...le,"aria-disabled":S?"true":void 0,disabled:v||void 0,children:[typeof k=="string"&&k&&(0,$e.jsx)(N,{className:n(j,"k-button-icon"),icon:k,size:R}),k&&typeof k!="string"&&(0,$e.jsx)($e.Fragment,{children:k}),_?(0,$e.jsxs)($e.Fragment,{children:[_&&(0,$e.jsx)("span",{className:"k-button-text",children:_}),e.children]}):e.children&&(0,$e.jsx)("span",{className:"k-button-text",children:e.children}),typeof M=="string"&&M&&(0,$e.jsx)(N,{className:n(j,"k-button-icon"),icon:M,size:R}),M&&typeof M!="string"&&(0,$e.jsx)($e.Fragment,{children:M}),d&&(0,$e.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,$e.jsx)(N,{icon:m})})]})};l.states=Gc;l.options=$c;l.variants=Uc;l.className=ni;l.defaultOptions=Kr;l.moduleName=wr;l.folderName=El;var Ml=require("react/jsx-runtime"),so=e=>(0,Ml.jsx)(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Cl=require("react/jsx-runtime"),si=e=>(0,Cl.jsx)(l,{icon:"folder",children:"Button",...e});var Vc=require("react/jsx-runtime");var yl=require("react/jsx-runtime"),$t=e=>(0,yl.jsx)(l,{children:"Button",...e});var Hi=require("react/jsx-runtime"),Xc=l.options,Wc=l.states,Jc={...l.defaultOptions,variant:"text"},qc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Yc=[],Yo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Hi.jsx)(so,{...o,icon:"star"});case"icon-and-text":return(0,Hi.jsx)(si,{...o,icon:"star",children:"Button"});default:return(0,Hi.jsx)($t,{...o,children:"Button"})}};Yo.options=Xc;Yo.states=Wc;Yo.variants=qc;Yo.defaultOptions=Jc;Yo.modifiers=Yc;Yo.className=l.className;var Dr="button",Al=Dr;var Tl=require("react/jsx-runtime"),li="k-button-group",Zc=[s.disabled],Qc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},jc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return(0,Tl.jsx)("div",{role:"group",...i,className:n(e.className,li,A(li,{fillMode:t}),C(li,{disabled:o}),{[`${li}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Zc;B.options=Qc;B.className=li;B.defaultOptions=jc;B.moduleName=Dr;B.folderName=Al;var _r=require("react/jsx-runtime");var zr=require("react/jsx-runtime");var Hr=require("react/jsx-runtime");var Fr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var $r=require("react/jsx-runtime");var rt=require("react/jsx-runtime"),eu={...l.options,...B.options},tu=l.states,ou={...l.defaultOptions,...B.defaultOptions,variant:"text-button"},au=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],iu=[],Zo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,rt.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,rt.jsx)(l,{...a,icon:"star"}),(0,rt.jsx)(l,{...a,icon:"star"}),(0,rt.jsx)(l,{...a,icon:"star"})]}):t==="icon-text-button"?(0,rt.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,rt.jsx)(l,{...a,icon:"star",children:"First"}),(0,rt.jsx)(l,{...a,icon:"star",children:"Middle"}),(0,rt.jsx)(l,{...a,icon:"star",children:"Last"})]}):(0,rt.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,rt.jsx)(l,{...a,children:"First"}),(0,rt.jsx)(l,{...a,children:"Middle"}),(0,rt.jsx)(l,{...a,children:"Last"})]})};Zo.options=eu;Zo.states=tu;Zo.variants=au;Zo.defaultOptions=ou;Zo.modifiers=iu;Zo.className=B.className;var di="input",Fi=di;var Ol=require("react/jsx-runtime"),Ui="k-input",ru=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],nu={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},su={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m,size:c,rounded:b,fillMode:x,...g}=e;return(0,Ol.jsx)("span",{...g,className:n(e.className,Ui,A(Ui,{size:c,rounded:b,fillMode:x}),C(Ui,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m}))})};J.states=ru;J.options=nu;J.className=Ui;J.defaultOptions=su;J.moduleName=di;J.folderName=Fi;var Bl=require("react/jsx-runtime"),Gi="k-picker",lu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],du={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},pu={},Vt=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m,size:c,rounded:b,fillMode:x,...g}=e;return(0,Bl.jsx)("span",{...g,className:n(e.className,Gi,A(Gi,{size:c,rounded:b,fillMode:x}),C(Gi,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:m})),children:e.children})};Vt.states=lu;Vt.options=du;Vt.className=Gi;Vt.defaultOptions=pu;Vt.moduleName=di;Vt.folderName=Fi;var Qo=require("react/jsx-runtime"),Rl="k-clear-value",mu=[s.disabled,s.loading,s.readonly],cu={},ve=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?(0,Qo.jsx)(Qo.Fragment,{}):(0,Qo.jsx)("span",{className:n(e.className,Rl),children:(0,Qo.jsx)(N,{icon:"x"})})};ve.states=mu;ve.options=cu;ve.className=Rl;var Pl=require("react/jsx-runtime"),Vr="k-input-inner",uu=[],fu={},$i={type:"text",autocomplete:"off",value:"",placeholder:""},Le=e=>{let{value:t=$i.value,type:o=$i.type,placeholder:a=$i.placeholder,autocomplete:i=$i.autocomplete,disabled:r,readOnly:d,...m}=e;return(0,Pl.jsx)("input",{...m,type:o,className:n(e.className,Vr,A(Vr,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:r||void 0,readOnly:d||void 0})};Le.states=uu;Le.options=fu;Le.className=Vr;var pi=require("react/jsx-runtime"),Xr="k-input-inner",bu=[],xu={},wo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:r,...d}=e;return(0,pi.jsxs)("span",{...d,className:n(e.className,Xr,A(Xr,e)),children:[i,!i&&r&&(0,pi.jsx)(N,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&(0,pi.jsx)("span",{className:"k-input-value-text",children:t})]})};wo.states=bu;wo.options=xu;wo.className=Xr;var Kl=require("react/jsx-runtime"),Wr="k-input-inner",hu=[],Nu={},wl={value:"",placeholder:""},mi=e=>{let{value:t=wl.value,placeholder:o=wl.placeholder,rows:a,disabled:i,...r}=e;return(0,Kl.jsx)("textarea",{...r,className:n(e.className,Wr,A(Wr,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};mi.states=hu;mi.options=Nu;mi.className=Wr;var ci=require("react/jsx-runtime"),Dl="k-input-loading-icon",gu=[s.disabled,s.loading],de=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,ci.jsx)(ci.Fragment,{}):(0,ci.jsx)("span",{className:n(e.className,Dl,"k-icon k-i-loading")})};de.states=gu;de.className=Dl;var ui=require("react/jsx-runtime"),_l="k-input-validation-icon",vu=[s.valid,s.invalid,s.disabled,s.loading],Lu={},re=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,r=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?(0,ui.jsx)(ui.Fragment,{}):(0,ui.jsx)(N,{className:n(_l),icon:r})};re.states=vu;re.options=Lu;re.className=_l;var fi=require("react/jsx-runtime"),Iu="k-input-prefix",Su={direction:"horizontal"},Me=e=>{let{direction:t=Su.direction,...o}=e;return e.children?(0,fi.jsx)("span",{...o,className:n(Iu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,fi.jsx)(fi.Fragment,{})};var bi=require("react/jsx-runtime"),ku="k-input-suffix",Eu={direction:"horizontal"},Ce=e=>{let{direction:t=Eu.direction,...o}=e;return e.children?(0,bi.jsx)("span",{...o,className:n(ku,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,bi.jsx)(bi.Fragment,{})};var Mu=require("react/jsx-runtime");var zl=require("react/jsx-runtime"),Cu="k-input-suffix-text",Xt=e=>{let{children:t,...o}=e;return(0,zl.jsx)("span",{...o,className:n(Cu,e.className),children:t})};var Fl=require("react/jsx-runtime"),Hl="k-input-separator",yu={direction:"vertical"},ne=e=>{let{direction:t=yu.direction,...o}=e;return(0,Fl.jsx)("span",{...o,className:n(Hl,e.className,{[`${Hl}-${t}`]:t})})};var ye=require("react/jsx-runtime"),Au=J.states,Tu=J.defaultOptions,Ou=J.options,Bu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ru=[],jo=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:r,readonly:d,...m}=e,c=t==null?void 0:t.prefix,b=t==null?void 0:t.suffix,x=t==null?void 0:t["clear-button"],g=t==null?void 0:t["validation-icon"],u=t==null?void 0:t.separators;return(0,ye.jsxs)(J,{...m,valid:o,invalid:a,loading:i,disabled:r,readonly:d,style:{width:300},children:[c&&(0,ye.jsxs)(ye.Fragment,{children:[(0,ye.jsx)(Me,{children:(0,ye.jsx)(N,{icon:"lock"})}),u&&(0,ye.jsx)(ne,{})]}),(0,ye.jsx)(Le,{placeholder:"Placeholder",value:"Value"}),g&&(0,ye.jsx)(re,{valid:o,invalid:a,loading:i,disabled:r}),(0,ye.jsx)(de,{loading:i,disabled:r}),x&&(0,ye.jsx)(ve,{loading:i,disabled:r,readonly:d,value:"Value"}),b&&(0,ye.jsxs)(ye.Fragment,{children:[u&&(0,ye.jsx)(ne,{}),(0,ye.jsx)(Ce,{children:(0,ye.jsx)($t,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};jo.options=Ou;jo.states=Au;jo.variants=Ru;jo.defaultOptions=Tu;jo.modifiers=Bu;jo.className=J.className;var xi=require("react/jsx-runtime"),Ul="k-color-preview",Pu=[],wu={},ho=e=>{let{color:t,iconName:o,...a}=e;return(0,xi.jsxs)("span",{...a,className:n(e.className,Ul,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,xi.jsx)(N,{icon:o,className:"k-color-preview-icon"}),(0,xi.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ho.states=Pu;ho.options=wu;ho.className=Ul;var Jr="popup",Gl=Jr;var Yr=require("react/jsx-runtime"),$l="k-animation-container",Ku=[],Du={},qr={positionMode:"absolute",shown:!0},Wt=e=>{let{positionMode:t=qr.positionMode,shown:o=qr.shown,animationStyle:a,offset:i,...r}=e;return(0,Yr.jsx)("div",{...r,style:{...i,...e.style},className:n(e.className,$l,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Yr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Wt.states=Ku;Wt.options=Du;Wt.className=$l;Wt.defaultOptions=qr;Wt.moduleName=Jr;Wt.folderName=Gl;var Zr="popup",Vl=Zr;var Qr=require("react/jsx-runtime"),Xl="k-popup",_u=[],zu={},Wl={positionMode:"absolute"},Z=e=>{let{offset:t,positionMode:o=Wl.positionMode,animationStyle:a,containerClassName:i,containerRole:r,containerAriaLabel:d,...m}=e;return(0,Qr.jsx)(Wt,{positionMode:o,offset:t,animationStyle:a,className:i,role:r,"aria-label":d,children:(0,Qr.jsx)("div",{...m,className:n(e.className,Xl),children:e.children})})};Z.states=_u;Z.options=zu;Z.className=Xl;Z.defaultOptions=Wl;Z.moduleName=Zr;Z.folderName=Vl;var jr="action-buttons",Jl=jr;var Yl=require("react/jsx-runtime"),Vi="k-actions",Hu=[],Fu={},en={alignment:"start",orientation:"horizontal"},ut=e=>{let{alignment:t=en.alignment,orientation:o=en.orientation,...a}=e;return(0,Yl.jsx)("div",{...a,className:n(Vi,{[`${Vi}-${t}`]:t,[`${Vi}-${o}`]:o},e.className),children:e.children})};ut.states=Hu;ut.options=Fu;ut.className=Vi;ut.defaultOptions=en;ut.moduleName=jr;ut.folderName=Jl;var ql=ut;var Ql=require("react/jsx-runtime"),Uu="k-actionsheet-footer",Zl={alignment:"stretched",orientation:"horizontal"},No=e=>{let{alignment:t=Zl.alignment,orientation:o=Zl.orientation,template:a,as:i=a?"div":ut,...r}=e;return(0,Ql.jsx)(i,{...r,...!a&&{alignment:t,orientation:o},className:n(e.className,Uu),children:e.children})};var tn="searchbox",jl=tn;var go=require("react/jsx-runtime"),ed="k-searchbox",Gu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],$u={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Xi={showIcon:!0,showClearButton:!0,icon:"search"},It=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:r,hover:d,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,showIcon:v=Xi.showIcon,showClearButton:L=Xi.showClearButton,icon:S=Xi.icon,"aria-label":k,...M}=e;return(0,go.jsxs)(J,{...M,size:a,rounded:i,fillMode:r,hover:d,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,className:n(e.className,ed),children:[v&&(0,go.jsx)(N,{className:"k-input-icon",icon:S}),(0,go.jsx)(Le,{placeholder:o,value:t,"aria-label":k}),(0,go.jsx)(de,{...e}),(0,go.jsx)(re,{...e}),L&&(0,go.jsx)(ve,{...e})]})};It.states=Gu;It.options=$u;It.className=ed;It.defaultOptions=Xi;It.moduleName=tn;It.folderName=jl;var Vu=require("react/jsx-runtime");var on="textbox",td=on;var Ve=require("react/jsx-runtime"),od="k-textbox",Xu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Wu={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Wi={showClearButton:!0,showValidationIcon:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Wi.separators,showClearButton:r=Wi.showClearButton,showValidationIcon:d=Wi.showValidationIcon,prefix:m,suffix:c,type:b,value:x,placeholder:g,hover:u,focus:v,valid:L,invalid:S,required:k,loading:M,disabled:R,readonly:_,id:j,"aria-label":se,"aria-describedby":le,...ge}=e;return(0,Ve.jsxs)(J,{...ge,size:t,rounded:o,fillMode:a,hover:u,focus:v,valid:L,invalid:S,required:k,loading:M,disabled:R,readonly:_,className:n(e.className,od),children:[m&&(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(Me,{children:m}),i&&(0,Ve.jsx)(ne,{})]}),(0,Ve.jsx)(Le,{id:j,placeholder:g,value:x,type:b,disabled:R,"aria-label":se,"aria-describedby":le,"aria-invalid":S?"true":void 0}),d&&(0,Ve.jsx)(re,{valid:L,invalid:S,loading:M,disabled:R}),(0,Ve.jsx)(de,{loading:M,disabled:R}),r&&(0,Ve.jsx)(ve,{loading:M,disabled:R,readonly:_,value:x}),c&&(0,Ve.jsxs)(Ve.Fragment,{children:[i&&(0,Ve.jsx)(ne,{}),(0,Ve.jsx)(Ce,{children:c})]})]})};$.states=Xu;$.options=Wu;$.className=od;$.defaultOptions=Wi;$.moduleName=on;$.folderName=td;var hi=$;var id=require("react/jsx-runtime"),ad=e=>(0,id.jsx)(hi,{...e});var rd=require("react/jsx-runtime");var nd=require("react/jsx-runtime");var Ju=require("react/jsx-runtime");var Ji=require("react/jsx-runtime"),qu=$.states,Yu=$.defaultOptions,Zu=$.options,Qu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ju=[],ea=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Ji.jsx)(N,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Ji.jsx)($t,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[i];break;default:break}}),(0,Ji.jsx)(ad,{value:"Value",style:{width:300},...o,...a})};ea.options=Zu;ea.states=qu;ea.variants=ju;ea.defaultOptions=Yu;ea.modifiers=Qu;ea.className=$.className;var ft=require("react/jsx-runtime"),sd="k-actionsheet-titlebar",ef={},Be=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:r,input:d,inputValue:m,inputPlaceholder:c,adaptive:b,titleId:x,children:g,...u}=e;return(0,ft.jsxs)("div",{...u,className:n(e.className,sd),children:[(0,ft.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,ft.jsx)("div",{className:"k-actionsheet-actions",children:a}),!g&&(0,ft.jsxs)("div",{className:"k-actionsheet-title",id:x,children:[t&&(0,ft.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ft.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&(0,ft.jsx)("div",{className:"k-actionsheet-title",id:x,children:g}),i&&(0,ft.jsx)("div",{className:"k-actionsheet-actions",children:i})]}),(d||r)&&(0,ft.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,ft.jsx)($,{value:m,placeholder:c,size:b?"large":"medium","aria-label":t||c||"Input"}):(0,ft.jsx)(It,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Be.className=sd;Be.defaultOptions=ef;var ta=require("react/jsx-runtime"),an="k-actionsheet-view",tf=[],of={},af={},oa=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:r,titleId:d,...m}=e,c=(i==null?void 0:i.type)===Be&&(0,ta.jsx)(Be,{adaptive:t,titleId:d,...i==null?void 0:i.props}),b=(r==null?void 0:r.type)===No&&(0,ta.jsx)(No,{...r==null?void 0:r.props});return(0,ta.jsxs)("div",{...m,className:n(e.className,an,{[`${an}-animated`]:o}),children:[c,(0,ta.jsx)("div",{className:"k-actionsheet-content",children:a}),b]})};oa.states=tf;oa.options=of;oa.className=an;oa.defaultOptions=af;var Ni="action-sheet",qi=Ni;var rn="overlay",ld=rn;var md=require("react/jsx-runtime"),dd="k-overlay",rf=[],nf={},sf={},Pt=e=>{let{...t}=e;return(0,md.jsx)("div",{...t,className:n(e.className,dd),children:e.children})};Pt.states=rf;Pt.options=nf;Pt.className=dd;Pt.defaultOptions=sf;Pt.moduleName=rn;Pt.folderName=ld;var pd=Pt;var Ko=require("react/jsx-runtime"),cd="k-actionsheet",lf=[],df={},gi={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ee=e=>{let{side:t=gi.side,fullscreen:o=gi.fullscreen,adaptive:a=gi.adaptive,overlay:i=gi.overlay,template:r,children:d,header:m,footer:c,id:b,...x}=e,g=b&&!r&&m?`${b}-title`:void 0;return(0,Ko.jsxs)("div",{className:"k-actionsheet-container",children:[i&&(0,Ko.jsx)(Pt,{}),(0,Ko.jsx)(Wt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,Ko.jsx)("div",{...x,id:b,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":g,className:n(e.className,cd,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:r||(0,Ko.jsx)(oa,{header:m,footer:c,adaptive:a,titleId:g,...e,children:d})})})]})};ee.states=lf;ee.options=df;ee.className=cd;ee.defaultOptions=gi;ee.moduleName=Ni;ee.folderName=qi;var fd=require("react/jsx-runtime"),ud="k-actionsheet-container",pf=[],mf={},cf={},aa=e=>{let{children:t,...o}=e;return(0,fd.jsx)("div",{...o,className:ud,children:t})};aa.states=pf;aa.options=mf;aa.className=ud;aa.defaultOptions=cf;aa.moduleName=Ni;aa.folderName=qi;var bd=require("react/jsx-runtime"),nn=e=>{let{...t}=e;return(0,bd.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var St=require("react/jsx-runtime"),sn="k-actionsheet-item",uf=[s.hover,s.focus,s.selected,s.disabled],vo=e=>{let{iconName:t,text:o,description:a,hover:i,focus:r,selected:d,disabled:m,...c}=e;return(0,St.jsxs)("span",{...c,className:n(e.className,sn,C(sn,{hover:i,focus:r,selected:d,disabled:m})),children:[!e.children&&(0,St.jsx)(St.Fragment,{children:(0,St.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,St.jsx)("span",{className:"k-icon-wrap",children:(0,St.jsx)(N,{className:"k-actionsheet-item-icon",icon:t})}),(0,St.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,St.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,St.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};vo.states=uf;vo.className=sn;var xd=require("react/jsx-runtime");var ff=require("react/jsx-runtime");var bf=require("react/jsx-runtime");var xf=require("react/jsx-runtime");var te=require("react/jsx-runtime"),hf=ee.options,Nf=ee.states,Nd={...ee.defaultOptions,variant:"normal"},gf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],vf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ia=e=>{let{variant:t,modifiers:o,...a}={...Nd,...e},i={},r=(0,te.jsxs)(nn,{children:[(0,te.jsx)(vo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,te.jsx)(vo,{text:"Add to Favorites",iconName:"heart"}),(0,te.jsx)(vo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,te.jsx)("hr",{className:"k-hr"}),(0,te.jsx)(vo,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(c=>{switch(c){case"actions":i.actionsStart=!!(o!=null&&o[c]),i.actionsEnd=!!(o!=null&&o[c]);break;case"subtitle":i.subtitle=o!=null&&o[c]?d:void 0;break;case"footer":i.footer=!!(o!=null&&o[c]);break;default:break}}),t==="adaptive"?(0,te.jsx)(ee,{...a,adaptive:!0,fullscreen:i.fullScreen,header:(0,te.jsx)(Be,{actionsStart:i.actionsStart?(0,te.jsx)(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,te.jsx)(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?(0,te.jsxs)(No,{alignment:"stretched",children:[(0,te.jsx)(l,{text:"Cancel",size:"large",themeColor:"base"}),(0,te.jsx)(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):(0,te.jsx)(ee,{...a,fullscreen:i.fullScreen,header:(0,te.jsx)(Be,{actionsStart:i.actionsStart?(0,te.jsx)(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,te.jsx)(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?(0,te.jsxs)(No,{alignment:"stretched",children:[(0,te.jsx)(l,{text:"Apply",themeColor:"primary"}),(0,te.jsx)(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};ia.options=hf;ia.states=Nf;ia.variants=gf;ia.defaultOptions=Nd;ia.modifiers=vf;ia.className=ee.className;var ln="slider",gd=ln;var wt=require("react/jsx-runtime"),vi="k-slider",Lf=[s.hover,s.focus,s.active,s.disabled,s.readonly],If={},kt={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=kt.type,orientation:o=kt.orientation,gradientType:a=kt.gradientType,readonly:i=kt.readonly,disabled:r=kt.disabled,handlePosition:d=kt.handlePosition,showButtons:m=kt.showButtons,showTicks:c=kt.showTicks,value:b=kt.value,min:x=kt.min,max:g=kt.max,startValue:u,endValue:v,hover:L,focus:S,active:k,trackStyle:M,dir:R,..._}=e,se=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),le,ge;return o==="horizontal"?(le=R==="rtl"?"chevron-left":"chevron-right",ge=R==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(le="chevron-up",ge="chevron-down"),(0,wt.jsxs)("div",{..._,className:n(vi,e.className,C(vi,{readonly:i,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:R,children:[m&&(0,wt.jsx)(l,{className:"k-button-decrease",rounded:"full",icon:ge,tabIndex:-1,title:"Decrease"}),(0,wt.jsxs)("div",{className:"k-slider-track-wrap",children:[c&&(0,wt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,wt.jsxs)("div",{className:"k-slider-track",style:M,children:[(0,wt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,wt.jsx)("span",{className:n("k-draghandle","k-draghandle-start",C(vi,{hover:L,focus:S,active:k})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":u??x,"aria-valuemin":x,"aria-valuemax":v??g,"aria-orientation":se,"aria-disabled":r?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":_["aria-label"]?`${_["aria-label"]} start`:"Range start"}),(0,wt.jsx)("span",{className:n("k-draghandle",`k-draghandle-${d}`,C(vi,{hover:L,focus:S,active:k})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":t==="range"?v??g:b,"aria-valuemin":t==="range"?u??x:x,"aria-valuemax":g,"aria-orientation":se,"aria-disabled":r?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?_["aria-label"]?`${_["aria-label"]} end`:"Range end":_["aria-label"]})]})]}),m&&(0,wt.jsx)(l,{className:"k-button-increase",rounded:"full",icon:le,tabIndex:-1,title:"Increase"})]})};U.states=Lf;U.options=If;U.className=vi;U.defaultOptions=kt;U.moduleName=ln;U.folderName=gd;var dn=require("react/jsx-runtime"),vd="k-tick",Sf=[],kf={},Ld={label:!1},P=e=>{let{style:t,label:o=Ld.label,orientation:a,large:i,text:r,...d}=e;return(0,dn.jsx)("li",{...d,role:"presentation",title:r||"Tick",className:n(e.className,vd,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&(0,dn.jsx)("span",{className:"k-label",children:r})})};P.states=Sf;P.options=kf;P.className=vd;P.defaultOptions=Ld;var Re=require("react/jsx-runtime"),Id=e=>(0,Re.jsx)(U,{"aria-label":e["aria-label"]||"Slider",children:(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(P,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Re.jsx)(P,{}),(0,Re.jsx)(P,{}),(0,Re.jsx)(P,{}),(0,Re.jsx)(P,{}),(0,Re.jsx)(P,{label:!0,large:!0,text:"5"}),(0,Re.jsx)(P,{}),(0,Re.jsx)(P,{}),(0,Re.jsx)(P,{}),(0,Re.jsx)(P,{}),(0,Re.jsx)(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Pe=require("react/jsx-runtime"),Sd=e=>(0,Pe.jsx)(U,{children:(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(P,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Pe.jsx)(P,{}),(0,Pe.jsx)(P,{}),(0,Pe.jsx)(P,{}),(0,Pe.jsx)(P,{}),(0,Pe.jsx)(P,{label:!0,large:!0,text:"5"}),(0,Pe.jsx)(P,{}),(0,Pe.jsx)(P,{}),(0,Pe.jsx)(P,{}),(0,Pe.jsx)(P,{}),(0,Pe.jsx)(P,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var pn=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var kd=require("react/jsx-runtime"),cn=e=>(0,kd.jsx)(U,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ed=require("react/jsx-runtime"),un=e=>(0,Ed.jsx)(U,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var fn=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),Ef=U.options,Mf=U.states,Md={...U.defaultOptions,variant:"horizontal",label:!0},Cf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yf=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],ra=e=>{let{variant:t,modifiers:o,...a}=e,i=Md.label,r={};Object.keys(o||{}).forEach(m=>{switch(m){case"button":{r.showButtons=!!(o!=null&&o[m]);break}case"label":{i=!!(o!=null&&o[m]);break}case"tick":{r.showTicks=!!(o!=null&&o[m]);break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,nt.jsxs)(Sd,{style:{height:"300px",...d},...a,...r,children:[(0,nt.jsx)(P,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,nt.jsx)(P,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,nt.jsx)(P,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,nt.jsx)(P,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,nt.jsx)(P,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,nt.jsxs)(Id,{style:{width:"400px",...d},...a,...r,children:[(0,nt.jsx)(P,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,nt.jsx)(P,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,nt.jsx)(P,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,nt.jsx)(P,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,nt.jsx)(P,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ra.options=Ef;ra.states=Mf;ra.variants=Cf;ra.defaultOptions=Md;ra.modifiers=yf;ra.className=U.className;var Li=require("react/jsx-runtime"),Cd="k-spin-button",Of=[],Bf={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},xn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Jt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=xn.increaseLabel,decreaseLabel:r=xn.decreaseLabel,...d}=e;return(0,Li.jsxs)("span",{...d,className:n(Cd,e.className),children:[(0,Li.jsx)(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),(0,Li.jsx)(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":r})]})};Jt.states=Of;Jt.options=Bf;Jt.className=Cd;Jt.defaultOptions=xn;Jt.moduleName=null;Jt.folderName=null;var yd="numeric-textbox",Ad="numerictextbox";var we=require("react/jsx-runtime"),Td="k-numerictextbox",Rf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Pf={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Yi={showSpinButton:!0,showClearButton:!0,separators:!0},K=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Yi.separators,showClearButton:r=Yi.showClearButton,showSpinButton:d=Yi.showSpinButton,prefix:m,suffix:c,value:b,placeholder:x,hover:g,focus:u,valid:v,invalid:L,required:S,loading:k,disabled:M,readonly:R,id:_,"aria-label":j,"aria-describedby":se,...le}=e;return(0,we.jsxs)(J,{...le,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:v,invalid:L,required:S,loading:k,disabled:M,readonly:R,className:n(e.className,Td),children:[m&&(0,we.jsxs)(we.Fragment,{children:[(0,we.jsx)(Me,{children:m}),i&&(0,we.jsx)(ne,{})]}),(0,we.jsx)(Le,{id:_,placeholder:x,value:b,role:"spinbutton",disabled:M,"aria-label":j,"aria-describedby":se,"aria-invalid":L?"true":void 0}),(0,we.jsx)(re,{valid:v,invalid:L,loading:k,disabled:M}),(0,we.jsx)(de,{loading:k,disabled:M}),r&&(0,we.jsx)(ve,{loading:k,disabled:M,readonly:R,value:b}),c&&(0,we.jsxs)(we.Fragment,{children:[i&&(0,we.jsx)(ne,{}),(0,we.jsx)(Ce,{children:c})]}),d&&(0,we.jsx)(Jt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};K.states=Rf;K.options=Pf;K.className=Td;K.defaultOptions=Yi;K.moduleName=yd;K.folderName=Ad;var Ii=K;var Bd=require("react/jsx-runtime"),Od=e=>(0,Bd.jsx)(Ii,{...e});var Qi=hl(require("react"));var hn=require("react/jsx-runtime"),wf="k-list-group-sticky-header",Nn=e=>(0,hn.jsx)("div",{className:n(wf,e.className),children:(0,hn.jsx)("div",{className:"k-list-header-text",children:e.children})});var Rd=require("react/jsx-runtime"),Kf="k-no-data",Zi=e=>{let{live:t,...o}=e;return(0,Rd.jsx)("span",{...o,className:n(Kf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Do="list",na=Do;var sa=require("react/jsx-runtime"),gn="k-list",Df=[],_f={size:[p.undefined,p.small,p.medium,p.large]},zf={},D=e=>{var L;let{size:t,virtualization:o,children:a,header:i,selectAll:r,optionLabel:d,customValue:m,noData:c,screenReaders:b,...x}=e,u=Qi.default.Children.toArray(a)[0],v=(L=u==null?void 0:u.props)!=null&&L.children?Qi.default.Children.count(u.props.children):Qi.default.Children.count(a);return(0,sa.jsxs)("div",{...x,className:n(e.className,gn,A(gn,{size:t}),{"k-virtual-list":o}),children:[d,r,m,i&&(0,sa.jsx)(Nn,{children:i}),a||(c!==void 0?c:(0,sa.jsx)(Zi,{live:!0,children:"No data found."})),b&&a&&(0,sa.jsxs)(Zi,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};D.states=Df;D.options=_f;D.className=gn;D.defaultOptions=zf;D.moduleName=Do;D.folderName=na;var wd=require("react/jsx-runtime"),Pd="k-list-container",Hf=[],Ff={},Uf={},la=e=>{let{...t}=e;return(0,wd.jsx)("div",{...t,className:n(e.className,Pd),children:e.children})};la.states=Hf;la.options=Ff;la.className=Pd;la.defaultOptions=Uf;la.moduleName=Do;la.folderName=na;var _o="checkbox",da=_o;var vn=require("react/jsx-runtime"),ji="k-checkbox",Gf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],$f={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Vf={},st=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:r,disabled:d,invalid:m,valid:c,required:b,size:x,rounded:g,wrapperRole:u,...v}=e;return(0,vn.jsx)("span",{className:"k-checkbox-wrap",role:u,children:(0,vn.jsx)("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:n(e.className,ji,A(ji,{size:x,rounded:g}),C(ji,{hover:i,focus:r,disabled:d,invalid:m,valid:c,indeterminate:a,checked:o}))})})};st.states=Gf;st.options=$f;st.className=ji;st.defaultOptions=Vf;st.moduleName=_o;st.folderName=da;var Kt=st;var _d=require("react/jsx-runtime"),Kd="k-checkbox-list",Xf=[],Wf={},Dd={layout:"vertical"},et=e=>{let{layout:t=Dd.layout,...o}=e;return(0,_d.jsx)("ul",{...o,className:n(e.className,Kd,{[`k-list-${t}`]:t}),children:e.children})};et.states=Xf;et.options=Wf;et.className=Kd;et.defaultOptions=Dd;et.moduleName=_o;et.folderName=da;var Hd=require("react/jsx-runtime"),zd="k-checkbox-list-item",Jf=[],qf={},Yf={},tt=e=>{let{...t}=e;return(0,Hd.jsx)("li",{...t,className:n(e.className,zd),children:e.children})};tt.states=Jf;tt.options=qf;tt.className=zd;tt.defaultOptions=Yf;tt.moduleName=_o;tt.folderName=da;var zo=require("react/jsx-runtime"),Dt=({children:e="Label",id:t="cb-label-after",...o})=>(0,zo.jsxs)(zo.Fragment,{children:[(0,zo.jsx)(Kt,{id:t,...o}),(0,zo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Ln=require("react/jsx-runtime");var In=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var Zf=require("react/jsx-runtime");var Qf=require("react/jsx-runtime");var jf=require("react/jsx-runtime");var Xe=require("react/jsx-runtime"),eb=et.options,tb=et.states,ob={...et.defaultOptions,variant:"vertical"},ab=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ib=[],pa=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Xe.jsxs)(et,{layout:"horizontal",...o,children:[(0,Xe.jsx)(tt,{children:(0,Xe.jsx)(Dt,{id:O("cb"),defaultChecked:!0,children:"Label"})}),(0,Xe.jsx)(tt,{children:(0,Xe.jsx)(Dt,{id:O("cb"),children:"Label"})}),(0,Xe.jsx)(tt,{children:(0,Xe.jsx)(Dt,{id:O("cb"),children:"Label"})})]}):(0,Xe.jsxs)(et,{...o,children:[(0,Xe.jsx)(tt,{children:(0,Xe.jsx)(Dt,{id:O("cb"),defaultChecked:!0,children:"Label"})}),(0,Xe.jsx)(tt,{children:(0,Xe.jsx)(Dt,{id:O("cb"),children:"Label"})}),(0,Xe.jsx)(tt,{children:(0,Xe.jsx)(Dt,{id:O("cb"),children:"Label"})})]})};pa.options=eb;pa.states=tb;pa.variants=ab;pa.defaultOptions=ob;pa.modifiers=ib;pa.className=et.className;var Fd=require("react/jsx-runtime"),rb=Kt.options,nb=Kt.states,sb=Kt.defaultOptions,lb=[],db=[],ma=e=>(0,Fd.jsx)(Dt,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});ma.options=rb;ma.states=nb;ma.variants=lb;ma.defaultOptions=sb;ma.modifiers=db;ma.className=Kt.className;var lo=require("react/jsx-runtime"),kn="k-list-item",pb=[s.hover,s.focus,s.selected,s.disabled],mb={},cb={},T=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:i,checked:r,hover:d,focus:m,selected:c,disabled:b,actions:x,description:g,id:u,...v}=e,L=t||e.children,S=t||(typeof L=="string"?L:void 0);return(0,lo.jsxs)("li",{...v,id:u,role:"option",tabIndex:m?0:-1,"aria-selected":c?"true":"false","aria-disabled":b?"true":void 0,className:n(e.className,kn,C(kn,{hover:d,focus:m,disabled:b,selected:c})),children:[i&&(0,lo.jsx)(st,{checked:r,disabled:b,"aria-label":S,tabIndex:-1}),o&&(0,lo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,lo.jsx)(N,{icon:o,className:n("k-list-item-icon",a)})}),(0,lo.jsx)("span",{className:"k-list-item-text",children:L}),x&&(0,lo.jsx)("div",{className:"k-list-item-actions",children:x}),g&&(0,lo.jsx)("span",{className:"k-list-item-description",children:g})]})};T.states=pb;T.options=mb;T.className=kn;T.defaultOptions=cb;T.moduleName=Do;T.folderName=na;var Ud=require("react/jsx-runtime"),ub="k-list-ul",qt=e=>{let{children:t,role:o,id:a,...i}=e;return(0,Ud.jsx)("ul",{...i,id:a,role:o,className:n(ub,e.className),children:t})};var ca=require("react/jsx-runtime"),fb="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:r,...d}=e;return(0,ca.jsxs)("div",{...d,className:n(fb,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:(0,ca.jsx)(qt,{role:"listbox",id:r,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&(0,ca.jsx)("div",{className:"k-height-container",children:(0,ca.jsx)("div",{})})]})};var ua=require("react/jsx-runtime"),er="k-list-sticky-header",bb=[s.hover,s.focus,s.selected],xb={},hb={},tr=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:r,focus:d,selected:m,...c}=e;return(0,ua.jsx)("div",{...c,className:n(er,e.className),children:(0,ua.jsxs)("div",{className:n(`${er}-item`,C(`${er}-item`,{hover:r,focus:d,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&(0,ua.jsx)(st,{checked:a,indeterminate:i,"aria-label":t}),(0,ua.jsx)("span",{className:"k-list-item-text",children:t})]})})};tr.states=bb;tr.options=xb;tr.className=er;tr.defaultOptions=hb;var En=require("react/jsx-runtime");var Gd=require("react/jsx-runtime");var $d=require("react/jsx-runtime"),Mn="k-list-optionlabel",Nb=[s.hover,s.focus,s.selected,s.disabled],gb={},vb={},or=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...d}=e;return(0,$d.jsx)("div",{...d,className:n(Mn,C(Mn,{hover:o,focus:a,selected:i,disabled:r})),children:t})};or.states=Nb;or.options=gb;or.className=Mn;or.defaultOptions=vb;var Vd=require("react/jsx-runtime"),Cn="k-list-custom-value",Lb=[s.hover,s.focus,s.selected,s.disabled],Ib={},Sb={},Et=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...d}=e;return(0,Vd.jsx)("div",{...d,className:n(Cn,C(Cn,{hover:o,focus:a,selected:i,disabled:r})),children:t})};Et.states=Lb;Et.options=Ib;Et.className=Cn;Et.defaultOptions=Sb;var yn=require("react/jsx-runtime");var An=require("react/jsx-runtime");var Tn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var kb=require("react/jsx-runtime");var Bn=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var Xd="dropdown-list",Wd="dropdownlist";var oe=require("react/jsx-runtime"),Jd="k-dropdownlist",Eb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mb={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Pn={showValue:!0,arrowIconName:"chevron-down"},G=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Pn.arrowIconName,showValue:r=Pn.showValue,valueIconName:d,prefix:m,suffix:c,value:b,placeholder:x,hover:g,focus:u,valid:v,invalid:L,required:S,loading:k,disabled:M,readonly:R,popup:_,opened:j,adaptive:se,adaptiveSettings:le,adaptiveTitle:ge,adaptiveSubtitle:Ro,adaptiveFilter:Ut,id:ro,activeDescendant:xo,"aria-label":ei,...ti}=e,oi=ro?`${ro}-listbox`:void 0,bl=ro?`${ro}-value`:void 0;return(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsxs)(Vt,{...ti,id:ro,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:v,invalid:L,required:S,loading:k,disabled:M,readonly:R,className:n(e.className,Jd,{"k-icon-picker":!r&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":j?"true":"false","aria-controls":j?oi:void 0,"aria-activedescendant":j&&xo?xo:void 0,"aria-describedby":j?bl:void 0,"aria-disabled":M?"true":void 0,"aria-label":ei,tabIndex:0,children:[(0,oe.jsx)(Me,{children:m}),(0,oe.jsx)(wo,{placeholder:x,value:b,showValue:r,valueIconName:d,id:bl}),(0,oe.jsx)(re,{valid:v,invalid:L,loading:k,disabled:M}),(0,oe.jsx)(de,{loading:k,disabled:M}),(0,oe.jsx)(Ce,{children:c}),(0,oe.jsx)(l,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":x||"Toggle dropdown",tabIndex:-1})]}),j&&_&&(0,oe.jsx)(Z,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:_}),se&&(0,oe.jsx)(ee,{adaptive:!0,...le,header:(0,oe.jsx)(Be,{actionsEnd:(0,oe.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Ut,inputValue:b,inputPlaceholder:x,title:ge,subtitle:Ro}),children:(0,oe.jsx)("div",{className:"k-list-container",children:(0,oe.jsx)(D,{size:"large",children:(0,oe.jsxs)(z,{"aria-label":"Options",children:[(0,oe.jsx)(T,{text:"List item"}),(0,oe.jsx)(T,{text:"List item"}),(0,oe.jsx)(T,{text:"List item"})]})})})})]})};G.states=Eb;G.options=Mb;G.className=Jd;G.defaultOptions=Pn;G.moduleName=Xd;G.folderName=Wd;var Cb=require("react/jsx-runtime");var qd=require("react/jsx-runtime");var wn=require("react/jsx-runtime");var yb=require("react/jsx-runtime");var Yd=require("react/jsx-runtime");var Kn=require("react/jsx-runtime");var Ab=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),Tb=G.states,Ob=G.defaultOptions,Bb=G.options,Rb=[{name:"opened",title:"Opened"}],Pb=[],ba=e=>{let{modifiers:t,...o}=e,a={},i=(0,lt.jsxs)(lt.Fragment,{children:[(0,lt.jsx)("div",{className:"k-list-filter",children:(0,lt.jsx)(It,{})}),(0,lt.jsx)(D,{style:{width:300},size:o.size,children:(0,lt.jsxs)(z,{children:[(0,lt.jsx)(T,{children:"List item"}),(0,lt.jsx)(T,{children:"List item"}),(0,lt.jsx)(T,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(r=>{r==="opened"&&(a.opened=!!(t!=null&&t[r]),a.popup=t!=null&&t[r]?i:void 0)}),(0,lt.jsx)("div",{children:(0,lt.jsx)(G,{placeholder:"Value",style:{width:300},...o,...a})})};ba.options=Bb;ba.states=Tb;ba.variants=Pb;ba.defaultOptions=Ob;ba.modifiers=Rb;ba.className=G.className;var Zd=require("react/jsx-runtime");var Qd=require("react/jsx-runtime");var wb=require("react/jsx-runtime");var ar=require("react/jsx-runtime"),Kb=K.states,Db=K.defaultOptions,_b=K.options,zb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Hb=[],xa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,ar.jsx)(G,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,ar.jsx)(Xt,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[i];break;case"spin-button":a.showSpinButton=t==null?void 0:t[i];break;default:break}}),(0,ar.jsx)(Od,{value:"Value",style:{width:300},...o,...a})};xa.options=_b;xa.states=Kb;xa.variants=Hb;xa.defaultOptions=Db;xa.modifiers=zb;xa.className=K.className;var y=require("react/jsx-runtime"),jd="k-colorgradient-inputs",Fb=[],Ub={size:[p.undefined,p.small,p.medium,p.large]},ep={mode:"rgba"},ha=e=>{let{mode:t=ep.mode,size:o,...a}=e;return(0,y.jsxs)("div",{...a,className:n(jd,"k-hstack"),children:[(0,y.jsx)("div",{className:"k-vstack",children:(0,y.jsx)(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,y.jsx)($,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ha.states=Fb;ha.options=Ub;ha.className=jd;ha.defaultOptions=ep;var We=require("react/jsx-runtime"),tp="k-colorgradient-color-contrast",Gb=[],$b={},Vb={},Na=()=>(0,We.jsxs)("div",{className:n(tp,"k-vbox"),children:[(0,We.jsxs)("div",{className:"k-contrast-ratio",children:[(0,We.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,We.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,We.jsx)(N,{icon:"check"}),(0,We.jsx)(N,{icon:"check"})]})]}),(0,We.jsxs)("div",{children:[(0,We.jsx)("span",{children:"AA: 4.5"}),(0,We.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,We.jsx)(N,{icon:"check"})]})]}),(0,We.jsxs)("div",{children:[(0,We.jsx)("span",{children:"AAA: 7.0"}),(0,We.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,We.jsx)(N,{icon:"x"})]})]})]});Na.states=Gb;Na.options=$b;Na.className=tp;Na.defaultOptions=Vb;var op="color-gradient",ap="colorgradient";var Ie=require("react/jsx-runtime"),ir="k-colorgradient",Xb=[s.hover,s.focus,s.readonly,s.disabled],Wb={size:[p.undefined,p.small,p.medium,p.large]},Yt={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"},Ke=e=>{let{size:t,mode:o=Yt.mode,readonly:a=Yt.readonly,disabled:i=Yt.disabled,gradientStyle:r=Yt.gradientStyle,dragHandleStyle:d=Yt.dragHandleStyle,alphaStyle:m=Yt.alphaStyle,alphaStyleHorizontal:c=Yt.alphaStyleHorizontal,contrast:b=Yt.contrast,dir:x,hover:g,focus:u,hoverHandle:v,focusHandle:L,canvasOrientation:S=Yt.canvasOrientation,role:k,tabIndex:M,...R}=e;return(0,Ie.jsxs)("div",{...R,role:k??"textbox","aria-label":k==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":i?"true":void 0,className:n(e.className,ir,A(ir,{size:t}),C(ir,{hover:g,focus:u,readonly:a,disabled:i})),dir:x,children:[!S||S==="horizontal"&&(0,Ie.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Ie.jsx)("div",{className:"k-hsv-rectangle",style:r,children:(0,Ie.jsx)("div",{className:"k-hsv-gradient",children:(0,Ie.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":L}),style:d,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})})}),(0,Ie.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Ie.jsx)(un,{className:"k-hue-slider",hover:v,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,Ie.jsx)(un,{className:"k-alpha-slider",hover:v,focus:L,trackStyle:m})]})]}),S==="vertical"&&(0,Ie.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Ie.jsx)("div",{className:"k-hsv-rectangle",style:r,children:(0,Ie.jsx)("div",{className:"k-hsv-gradient",children:(0,Ie.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":L}),style:d,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})})}),(0,Ie.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Ie.jsx)(cn,{className:"k-hue-slider",hover:v,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,Ie.jsx)(cn,{className:"k-alpha-slider",hover:v,focus:L,trackStyle:c})]})]}),(0,Ie.jsx)(ha,{mode:e.mode,size:t}),b&&(0,Ie.jsx)(Na,{})]})};Ke.states=Xb;Ke.options=Wb;Ke.className=ir;Ke.defaultOptions=Yt;Ke.moduleName=op;Ke.folderName=ap;var ip=require("react/jsx-runtime"),rr=e=>(0,ip.jsx)(Ke,{...e});var Jb=require("react/jsx-runtime");var qb=require("react/jsx-runtime");var nr=require("react/jsx-runtime"),Yb=Ke.options,Zb=Ke.states,Qb={...Ke.defaultOptions,variant:"rgba"},jb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ex=[],ga=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,nr.jsx)(rr,{...o,mode:t});case"rgb":return(0,nr.jsx)(rr,{...o,mode:t});default:return(0,nr.jsx)(rr,{...o,mode:t})}};ga.options=Yb;ga.states=Zb;ga.variants=jb;ga.defaultOptions=Qb;ga.modifiers=ex;ga.className=Ke.className;var rp=require("react/jsx-runtime"),Dn=e=>(0,rp.jsx)("tr",{role:"row",children:e.children});var np=require("react/jsx-runtime"),_n="k-colorpalette-tile",tx=[s.hover,s.focus,s.selected],ox={},Lo=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:r,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,np.jsx)("td",{...d,role:"gridcell","aria-label":t,"aria-selected":r?"true":void 0,className:n(e.className,_n,C(_n,{hover:a,focus:i,selected:r})),style:m})};Lo.states=tx;Lo.options=ox;Lo.className=_n;Lo.moduleName=null;Lo.folderName=null;var sp="color-palette",lp="colorpalette";var va=require("react/jsx-runtime"),sr="k-colorpalette",ax=[s.disabled],ix={size:[p.undefined,p.small,p.medium,p.large]},dp={columns:10},dt=e=>{let{size:t,palette:o,columns:a=dp.columns,tileSize:i,disabled:r,...d}=e,m=[];if(o){let c=a||o.columns,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/c)},(x,g)=>{let u=[];b.slice(g*c,(g+1)*c).map((L,S)=>{u.push((0,va.jsx)(Lo,{color:L,tileSize:i},S))});let v=(0,va.jsx)(Dn,{children:u},g);m.push(v)})}return(0,va.jsx)("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":r?"true":void 0,className:n(e.className,sr,C(sr,{disabled:r}),A(sr,{size:t})),children:(0,va.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,va.jsx)("tbody",{children:m.length>0?m:e.children})})})};dt.states=ax;dt.options=ix;dt.className=sr;dt.defaultOptions=dp;dt.moduleName=sp;dt.folderName=lp;var lr=dt;var Si={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}};var mp=require("react/jsx-runtime"),pp=e=>(0,mp.jsx)(lr,{palette:Si.basic,...e});var rx=require("react/jsx-runtime");var cp=require("react/jsx-runtime");var up=require("react/jsx-runtime"),nx=dt.options,sx=dt.states,lx={...dt.defaultOptions,variant:"basic"},dx=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],px={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}},mx=[],La=e=>{let{variant:t="basic",...o}=e,a=px[t];return(0,up.jsx)(pp,{columns:a.columns,palette:a,...o})};La.options=nx;La.states=sx;La.variants=dx;La.defaultOptions=lx;La.modifiers=mx;La.className=dt.className;var fp="color-editor",bp="coloreditor";var pe=require("react/jsx-runtime"),dr="k-coloreditor",cx=[s.focus],ux={size:[p.undefined,p.small,p.medium,p.large]},ki={view:"gradient",palette:Si.office,actionButtons:!0,canvasOrientation:"horizontal"},me=e=>{let{size:t,view:o=ki.view,palette:a=ki.palette,color:i,currentColor:r,focus:d,focusView:m,dir:c,group:b,actionButtons:x=ki.actionButtons,canvasOrientation:g=ki.canvasOrientation,...u}=e;return(0,pe.jsxs)("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",dr,A(dr,{size:t}),C(dr,{focus:d})),dir:c,children:[(0,pe.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,pe.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&(0,pe.jsxs)(B,{fillMode:"flat",children:[(0,pe.jsx)(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,pe.jsx)(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,pe.jsx)("div",{className:"k-spacer"}),(0,pe.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,pe.jsx)(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,pe.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,pe.jsx)(ho,{className:"k-coloreditor-preview-color",color:i}),(0,pe.jsx)(ho,{className:"k-coloreditor-current-color",color:r})]})]})]}),(0,pe.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,pe.jsx)(Ke,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):(0,pe.jsx)(dt,{palette:a,size:t})}),x&&(0,pe.jsxs)(ut,{className:"k-coloreditor-footer",alignment:"start",children:[(0,pe.jsx)(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,pe.jsx)(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};me.states=cx;me.options=ux;me.className=dr;me.defaultOptions=ki;me.moduleName=fp;me.folderName=bp;var Ia=me;var fx=require("react/jsx-runtime");var bx=require("react/jsx-runtime");var hp=require("react/jsx-runtime"),xp=e=>(0,hp.jsx)(Ia,{group:!0,currentColor:"fuchsia",...e});var gp=require("react/jsx-runtime"),Np=e=>(0,gp.jsx)(Ia,{view:"palette",group:!0,currentColor:"fuchsia",...e});var zn=require("react/jsx-runtime"),xx=me.options,hx=me.states,Nx={...me.defaultOptions,variant:"gradient"},gx=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],vx=[],Sa=e=>{let{variant:t,...o}=e;return t==="palette"?(0,zn.jsx)(Np,{...o,color:"white"}):(0,zn.jsx)(xp,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Sa.options=xx;Sa.states=hx;Sa.variants=gx;Sa.defaultOptions=Nx;Sa.modifiers=vx;Sa.className=me.className;var vp="color-picker",Lp="colorpicker";var Se=require("react/jsx-runtime"),Ip="k-colorpicker",Lx=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Ix={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Sp={arrowIconName:"chevron-down"},Ae=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Sp.arrowIconName,prefix:r,suffix:d,value:m,placeholder:c,hover:b,focus:x,valid:g,invalid:u,required:v,disabled:L,valueIconName:S,popup:k,opened:M,adaptive:R,adaptiveSettings:_,adaptiveTitle:j,adaptiveSubtitle:se,...le}=e,ge="colorpicker-popup";return(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsxs)(Vt,{...le,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:u,required:v,disabled:L,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||R?ge:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:n(e.className,Ip,"k-icon-picker"),children:[(0,Se.jsx)(Me,{children:r}),(0,Se.jsx)(wo,{placeholder:c,value:m,showValue:!1,valueIcon:(0,Se.jsx)(ho,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),(0,Se.jsx)(Ce,{children:d}),(0,Se.jsx)(l,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),M&&k&&(0,Se.jsx)(Z,{id:ge,className:"k-colorpicker-popup",children:k}),R&&(0,Se.jsx)(ee,{adaptive:!0,id:ge,..._,header:(0,Se.jsx)(Be,{actionsEnd:(0,Se.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:j,subtitle:se}),footer:(0,Se.jsxs)(No,{children:[(0,Se.jsx)(l,{text:"Cancel",size:"large"}),(0,Se.jsx)(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Se.jsx)(me,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ae.states=Lx;Ae.options=Ix;Ae.className=Ip;Ae.defaultOptions=Sp;Ae.moduleName=vp;Ae.folderName=Lp;var po=Ae;var kp=require("react/jsx-runtime"),pr=e=>(0,kp.jsx)(po,{...e});var Sx=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var Ex=require("react/jsx-runtime");var Mx=require("react/jsx-runtime");var Cx=require("react/jsx-runtime");var yx=require("react/jsx-runtime");var Io=require("react/jsx-runtime"),Ax=po.options,Tx=po.states,Ep={...po.defaultOptions,variant:"color"},Ox=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Bx=[{name:"opened",title:"Opened"}],ka=e=>{let{variant:t,modifiers:o,...a}={...Ep,...e},i={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(i.opened=!!(o!=null&&o[d]),i.popup=o!=null&&o[d]?(0,Io.jsx)(me,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let r=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Io.jsx)("div",{style:r,children:(0,Io.jsx)(pr,{...a,...i})});case"icon":return(0,Io.jsx)("div",{style:r,children:(0,Io.jsx)(pr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return(0,Io.jsx)("div",{style:r,children:(0,Io.jsx)(pr,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};ka.options=Ax;ka.states=Tx;ka.variants=Ox;ka.defaultOptions=Ep;ka.modifiers=Bx;ka.className=po.className;var Hn="combobox",Mp=Hn;var V=require("react/jsx-runtime"),Cp="k-combobox",Rx=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Px={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Fn={separators:!0,showClearButton:!0},De=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Fn.separators,showClearButton:r=Fn.showClearButton,prefix:d,suffix:m,value:c,placeholder:b,hover:x,focus:g,valid:u,invalid:v,required:L,loading:S,disabled:k,popup:M,opened:R,readonly:_,adaptive:j,adaptiveSettings:se,adaptiveTitle:le,adaptiveSubtitle:ge,adaptiveCustomValue:Ro,id:Ut,autocomplete:ro,activeDescendant:xo,"aria-label":ei,...ti}=e,oi=Ut?`${Ut}-listbox`:void 0;return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)(J,{...ti,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:u,invalid:v,required:L,loading:S,disabled:k,readonly:_,className:n(e.className,Cp),children:[d&&(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(Me,{children:d}),i&&(0,V.jsx)(ne,{})]}),(0,V.jsx)(Le,{id:Ut,placeholder:b,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":R?"true":"false","aria-controls":R?oi:void 0,"aria-activedescendant":R&&xo?xo:void 0,"aria-autocomplete":ro,"aria-invalid":v?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":ei,disabled:k,readOnly:_}),(0,V.jsx)(re,{valid:u,invalid:v,loading:S,disabled:k}),(0,V.jsx)(de,{loading:S,disabled:k}),r&&(0,V.jsx)(ve,{loading:S,disabled:k,readonly:_,value:c}),m&&(0,V.jsxs)(V.Fragment,{children:[i&&(0,V.jsx)(ne,{}),(0,V.jsx)(Ce,{children:m})]}),(0,V.jsx)(l,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:k})]}),R&&M&&(0,V.jsx)(Z,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:M}),j&&(0,V.jsx)(ee,{adaptive:!0,id:Ut?`${Ut}-adaptive`:void 0,...se,header:(0,V.jsx)(Be,{actionsEnd:(0,V.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:b,title:le,subtitle:ge}),children:(0,V.jsx)("div",{className:"k-list-container",children:(0,V.jsx)(D,{customValue:Ro?(0,V.jsx)(Et,{text:`Use "${c}"`}):void 0,size:"large",children:(0,V.jsxs)(z,{"aria-label":le||"Options",children:[(0,V.jsx)(T,{text:"List item"}),(0,V.jsx)(T,{text:"List item"}),(0,V.jsx)(T,{text:"List item"})]})})})})]})};De.states=Rx;De.options=Px;De.className=Cp;De.defaultOptions=Fn;De.moduleName=Hn;De.folderName=Mp;var bt=De;var Ap=require("react/jsx-runtime"),yp=e=>(0,Ap.jsx)(bt,{...e});var Tp=require("react/jsx-runtime");var Op=require("react/jsx-runtime");var Bp=require("react/jsx-runtime");var Rp=require("react/jsx-runtime");var Pp=require("react/jsx-runtime");var wp=require("react/jsx-runtime");var Un=require("react/jsx-runtime");var wx=require("react/jsx-runtime");var Kx=require("react/jsx-runtime");var Kp=require("react/jsx-runtime");var Dp=require("react/jsx-runtime");var _t=require("react/jsx-runtime"),Dx=De.states,_x=De.defaultOptions,zx=De.options,Hx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Fx=[],Ea=e=>{let{modifiers:t,...o}=e,a={},i=(0,_t.jsx)(D,{style:{width:300},size:o.size,children:(0,_t.jsxs)(z,{children:[(0,_t.jsx)(T,{children:"List item"}),(0,_t.jsx)(T,{children:"List item"}),(0,_t.jsx)(T,{children:"List item"})]})});return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,_t.jsx)(N,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,_t.jsx)(so,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[r]),a.popup=t!=null&&t[r]?i:void 0;break;default:break}}),(0,_t.jsx)("div",{children:(0,_t.jsx)(yp,{value:"Value",style:{width:300},...o,...a})})};Ea.options=zx;Ea.states=Dx;Ea.variants=Fx;Ea.defaultOptions=_x;Ea.modifiers=Hx;Ea.className=De.className;var Gn="menu-button",_p=Gn;var Hp=require("react/jsx-runtime"),zp="k-menu-button",Ux=[s.hover,s.focus,s.active,s.selected,s.disabled],Gx={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info,I.inverse]},$n={showArrow:!0,arrowIconName:"chevron-down"},q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:d,active:m,selected:c,disabled:b,icon:x,endIcon:g,text:u,showArrow:v=$n.showArrow,arrowIconName:L=$n.arrowIconName,expanded:S,...k}=e;return(0,Hp.jsx)(l,{...k,className:n(e.className,zp),text:u,size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:d,active:m,selected:c,disabled:b,ariaDisabled:b||void 0,icon:x,endIcon:g,showArrow:v,arrowIconName:L,"aria-expanded":S?"true":"false",...!u&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};q.states=Ux;q.options=Gx;q.className=zp;q.defaultOptions=$n;q.moduleName=Gn;q.folderName=_p;var $x=require("react/jsx-runtime");var Vx=require("react/jsx-runtime");var Xx=require("react/jsx-runtime");var Wx=require("react/jsx-runtime");var xt="menu",Mt=xt;var mo=require("react/jsx-runtime"),Vn="k-menu-item",Jx=[s.hover,s.focus,s.active,s.selected,s.disabled],qx={},Fp={iconPosition:"before"},Je=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:r,icon:d,text:m,showArrow:c,arrowIconName:b,iconPosition:x=Fp.iconPosition,dir:g,children:u,expanded:v,...L}=e,S=b;return S||(S=g==="rtl"?"chevron-left":"chevron-right"),(0,mo.jsxs)("li",{...L,className:n(e.className,Vn,"k-item",C(Vn,{focus:o,disabled:r,hover:t,active:a,selected:i})),role:"menuitem",...c&&{"aria-haspopup":"menu"},...c&&{"aria-expanded":v?"true":"false"},...r&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,mo.jsxs)("span",{className:n("k-link k-menu-link"),children:[d&&x==="before"&&(0,mo.jsx)(N,{className:"k-menu-link-icon",icon:d}),(0,mo.jsx)("span",{className:"k-menu-link-text",children:m}),d&&x==="after"&&(0,mo.jsx)(N,{className:"k-menu-link-icon",icon:d}),c&&(0,mo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,mo.jsx)(N,{icon:S})})]}),u]})};Je.states=Jx;Je.options=qx;Je.className=Vn;Je.defaultOptions=Fp;Je.moduleName=xt;Je.folderName=Mt;var zt=require("react/jsx-runtime"),Xn="k-menu-item",Yx=[s.hover,s.focus,s.active,s.selected,s.disabled],Zx={},Wn={dir:"ltr",iconPosition:"before"},ae=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:r,icon:d,text:m,showArrow:c,arrowIconName:b,iconPosition:x=Wn.iconPosition,dir:g=Wn.dir,children:u,popup:v,expanded:L,actions:S,description:k,...M}=e,R=b;return R||(R=g==="rtl"?"chevron-left":"chevron-right"),(0,zt.jsxs)("li",{role:"menuitem",...M,className:n(e.className,Xn,"k-item",C(Xn,{focus:o,disabled:r})),...c&&{"aria-haspopup":"menu"},...c&&{"aria-expanded":L?"true":"false"},...r&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,zt.jsxs)("span",{className:n("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:i,disabled:r})),children:[d&&x==="before"&&(0,zt.jsx)(N,{className:"k-menu-link-icon",icon:d}),(0,zt.jsx)("span",{className:"k-menu-link-text",children:m}),d&&x==="after"&&(0,zt.jsx)(N,{className:"k-menu-link-icon",icon:d}),S&&(0,zt.jsx)("span",{className:"k-menu-link-actions",children:S}),c&&(0,zt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,zt.jsx)(N,{icon:R})}),k&&(0,zt.jsx)("span",{className:"k-menu-link-description",children:k})]}),u,v]})};ae.states=Yx;ae.options=Zx;ae.className=Xn;ae.defaultOptions=Wn;ae.moduleName=xt;ae.folderName=Mt;var $p=require("react/jsx-runtime"),Up="k-menu-scroll-wrapper",Qx=[],jx={},eh={},Fo=e=>{let{className:t,children:o,orientation:a,...i}=e;return(0,$p.jsx)("div",{...i,className:n(t,Up,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Fo.states=Qx;Fo.options=jx;Fo.className=Up;Fo.defaultOptions=eh;Fo.moduleName=xt;Fo.folderName=Mt;var Gp=Fo;var _e=require("react/jsx-runtime"),mr="k-menu",th=[],oh={size:[p.undefined,p.small,p.medium,p.large]},cr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ze=e=>{let{children:t,orientation:o=cr.orientation,header:a=cr.header,scrollable:i,scrollButtonsPosition:r=cr.scrollButtonsPosition,wrapperStyles:d,dir:m,size:c,popup:b,contextMenu:x,...g}=e,u={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},v=(0,_e.jsx)("ul",{dir:m,...g,className:n(e.className,"k-reset",mr,{[`${mr}-${o}`]:o,"k-header":a},A(mr,{size:c})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,_e.jsxs)(_e.Fragment,{children:[i?(0,_e.jsxs)(Gp,{orientation:o,style:d,dir:e.dir,children:[r==="start"&&(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,_e.jsx)(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),r==="around"&&(0,_e.jsx)(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),v,r==="end"&&(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,_e.jsx)(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),r==="around"&&(0,_e.jsx)(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):v,b]})};ze.states=th;ze.options=oh;ze.className=mr;ze.defaultOptions=cr;ze.moduleName=xt;ze.folderName=Mt;var Xp=require("react/jsx-runtime"),Jn="k-separator",Vp={orientation:"horizontal"},Ma=e=>{let{orientation:t=Vp.orientation,...o}=e;return(0,Xp.jsx)("li",{...o,className:n(e.className,"k-item",Jn,{[`${Jn}-${t}`]:t}),role:"separator"})};Ma.className=Jn;Ma.defaultOptions=Vp;Ma.moduleName=xt;Ma.folderName=Mt;var Wp=require("react/jsx-runtime");var Jp=require("react/jsx-runtime"),qn="k-menu-group",ah=[],ih={size:[p.undefined,p.small,p.medium,p.large]},rh={},qe=e=>{let{children:t,size:o,...a}=e;return(0,Jp.jsx)("ul",{role:"menu",...a,className:n(e.className,qn,A(qn,{size:o})),children:t})};qe.states=ah;qe.options=ih;qe.className=qn;qe.defaultOptions=rh;qe.moduleName=xt;qe.folderName=Mt;var qp=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),Yn=e=>(0,Ht.jsx)(ze,{children:(0,Ht.jsxs)(Ht.Fragment,{children:[(0,Ht.jsx)(Je,{text:"Item 1"}),(0,Ht.jsx)(Je,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,Ht.jsx)(Je,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,Ht.jsx)(Je,{text:"Item 4"}),(0,Ht.jsx)(Je,{text:"Item 5"})]}),...e});var Zn=require("react/jsx-runtime");var Qn=require("react/jsx-runtime");var jn=require("react/jsx-runtime");var es=require("react/jsx-runtime");var Zt=require("react/jsx-runtime"),nh={...ze.options,scrollable:{type:"boolean"}},sh=ze.states,Yp={...ze.defaultOptions,variant:"horizontal"},lh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],dh=[{name:"opened",title:"Opened"}],Ca=e=>{let{variant:t,modifiers:o,...a}={...Yp,...e},i={},r=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(d=>{d==="opened"&&(i.opened=!!(o!=null&&o[d]),i.popup=o!=null&&o[d]?(0,Zt.jsx)(Z,{className:"k-menu-popup",offset:r,children:(0,Zt.jsxs)(qe,{children:[(0,Zt.jsx)(ae,{text:"Item 1"}),(0,Zt.jsx)(ae,{text:"Item 2"}),(0,Zt.jsx)(Ma,{}),(0,Zt.jsx)(ae,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,Zt.jsx)(Yn,{...a,...i,orientation:"vertical",style:{width:"200px"}}):(0,Zt.jsx)(Yn,{...a,...i})};Ca.options=nh;Ca.states=sh;Ca.variants=lh;Ca.defaultOptions=Yp;Ca.modifiers=dh;Ca.className=ze.className;var ts=require("react/jsx-runtime");var ph=require("react/jsx-runtime");var Ye=require("react/jsx-runtime"),mh=l.states,Zp={...l.defaultOptions,variant:"text"},ch=l.options,uh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],fh=[{name:"opened",title:"Opened"}],ya=e=>{let{variant:t,modifiers:o,...a}={...Zp,...e},i={},r=(0,Ye.jsx)(Z,{className:"k-menu-popup",children:(0,Ye.jsxs)(qe,{size:a.size,children:[(0,Ye.jsx)(ae,{text:"Menu Item"}),(0,Ye.jsx)(ae,{text:"Menu Item"}),(0,Ye.jsx)(ae,{text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,Ye.jsx)("div",{children:(0,Ye.jsx)(q,{...a,...i,icon:"star"})});break;case"icon-and-text":d=(0,Ye.jsx)("div",{children:(0,Ye.jsx)(q,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:d=(0,Ye.jsx)("div",{children:(0,Ye.jsx)(q,{...a,...i,children:"Dropdown Button"})});break}return(0,Ye.jsxs)(Ye.Fragment,{children:[d,(o==null?void 0:o.opened)&&r]})};ya.options=ch;ya.states=mh;ya.variants=uh;ya.defaultOptions=Zp;ya.modifiers=fh;ya.className=q.className;var os="split-button",Qp=os;var co=require("react/jsx-runtime"),as="k-split-button",bh=[s.hover,s.focus,s.active,s.selected,s.disabled],xh={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info,I.inverse]},jp={arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:d,active:m,selected:c,disabled:b,icon:x,endIcon:g,text:u,arrowIconName:v=jp.arrowIconName,popup:L,opened:S,popupId:k,...M}=e;return(0,co.jsxs)(co.Fragment,{children:[(0,co.jsxs)("div",{...M,className:n(e.className,as,"k-button-group",A(as,{rounded:o})),children:[(0,co.jsx)(l,{text:u,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:d,active:m,selected:c,disabled:b,...!u&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),(0,co.jsx)(l,{className:"k-split-button-arrow",icon:v,size:t,rounded:o,fillMode:a,disabled:b,ariaDisabled:b||void 0,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?k:void 0,tabIndex:-1})]}),S&&L&&(0,co.jsx)(Z,{className:"k-menu-popup",children:L})]})};H.states=bh;H.options=xh;H.className=as;H.defaultOptions=jp;H.moduleName=os;H.folderName=Qp;var is=H;var em=require("react/jsx-runtime"),hh="k-toolbar-separator",ke=e=>(0,em.jsx)("div",{className:n(hh,e.className,"k-separator")});var Uo="toolbar",Aa=Uo;var w=require("react/jsx-runtime"),uo="k-toolbar",Nh=[s.focus],gh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},vh={scrollButtons:"around"},Q=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:r,scrollButtons:d,scrollingPosition:m,section:c,...b}=e,x=[],g=(u,v)=>{let L=[];if(u.type===l&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))L.push((0,w.jsx)(l,{...u.props,className:`${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===l)L.push((0,w.jsx)(l,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===si)L.push((0,w.jsx)(si,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===so)L.push((0,w.jsx)(so,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===q)L.push((0,w.jsx)(q,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===is)L.push((0,w.jsx)(is,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===B||u.props.className&&u.props.className.includes("k-button-group")){let S=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((M,R)=>{S.push((0,w.jsx)(l,{...M.props,className:`${M.props.className?M.props.className:""}`},`${R}-${new Date().getTime()}`))}),L.push((0,w.jsx)(B,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:S},`${v}-${new Date().getTime()}`))}else u.type===De?L.push((0,w.jsx)(De,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===G?L.push((0,w.jsx)(G,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===Ae?L.push((0,w.jsx)(Ae,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):L.push(u);L.forEach(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((v,L)=>{g(v,L)}),(0,w.jsxs)("div",{...b,className:n(e.className,uo,A(uo,{size:t,fillMode:o}),C(uo,{focus:a}),{[`${uo}-resizable`]:i,[`${uo}-scrollable`]:r,[`${uo}-scrollable-overlay`]:r&&d==="hidden",[`${uo}-scrollable-${m}`]:m&&m!=="both",[`${uo}-section`]:c}),role:"toolbar","aria-label":"Toolbar",children:[!r&&x,r&&d==="hidden"&&(0,w.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),r&&d==="start"&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(B,{children:[(0,w.jsx)("span",{className:n("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,w.jsx)(N,{className:"k-button-icon",icon:"chevron-left"})}),(0,w.jsx)("span",{className:n("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,w.jsx)(N,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,w.jsx)(ke,{className:"k-toolbar-button-separator"}),(0,w.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),r&&d==="end"&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,w.jsx)(ke,{className:"k-toolbar-button-separator"}),(0,w.jsxs)(B,{children:[(0,w.jsx)("span",{className:n("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,w.jsx)(N,{className:"k-button-icon",icon:"chevron-left"})}),(0,w.jsx)("span",{className:n("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,w.jsx)(N,{className:"k-button-icon",icon:"chevron-right"})})]})]}),r&&(d==="around"||!d)&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("span",{className:n("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,w.jsx)(N,{className:"k-button-icon",icon:"chevron-left"})}),(0,w.jsx)(ke,{className:"k-toolbar-button-separator"}),(0,w.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,w.jsx)(ke,{className:"k-toolbar-button-separator"}),(0,w.jsx)("span",{className:n("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,w.jsx)(N,{className:"k-button-icon",icon:"chevron-right"})})]})]})};Q.states=Nh;Q.options=gh;Q.className=uo;Q.defaultOptions=vh;Q.moduleName=Uo;Q.folderName=Aa;var tm=require("react/jsx-runtime"),rs="k-toolbar-item",Lh=[s.focus],Ih={},Sh={},So=e=>{let{focus:t,...o}=e;return(0,tm.jsx)("div",{...o,className:n(e.className,rs,C(rs,{focus:t})),children:e.children})};So.states=Lh;So.options=Ih;So.className=rs;So.defaultOptions=Sh;So.moduleName=Uo;So.folderName=Aa;var ns=require("react/jsx-runtime"),om="k-toolbar-popup",kh=[],Eh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Mh={},Go=e=>{let{size:t,fillMode:o,section:a,...i}=e;return(0,ns.jsx)(Z,{...i,className:n(e.className,om),children:a?(0,ns.jsx)("span",{className:n("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Go.states=kh;Go.options=Eh;Go.className=om;Go.defaultOptions=Mh;Go.moduleName=Uo;Go.folderName=Aa;var ur=Go;var Ch=require("react/jsx-runtime");var yh=require("react/jsx-runtime");var Ah=require("react/jsx-runtime");var Th=require("react/jsx-runtime");var am=require("react/jsx-runtime");var Oh=require("react/jsx-runtime");var Ct=require("react/jsx-runtime"),Bh=H.states,im={...H.defaultOptions,variant:"text"},Rh=H.options,Ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wh=[{name:"opened",title:"Opened"}],Ta=e=>{let{variant:t,modifiers:o,...a}={...im,...e},i={},r=(0,Ct.jsxs)(qe,{size:a.size,children:[(0,Ct.jsx)(ae,{text:"Menu Item"}),(0,Ct.jsx)(ae,{text:"Menu Item"}),(0,Ct.jsx)(ae,{text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(i.opened=!!(o!=null&&o[d]),i.popup=o!=null&&o[d]?r:"")}),t){case"icon-only":return(0,Ct.jsx)("div",{children:(0,Ct.jsx)(H,{...a,...i,icon:"star"})});case"icon-and-text":return(0,Ct.jsx)("div",{children:(0,Ct.jsx)(H,{...a,...i,icon:"star",children:"Split Button"})});default:return(0,Ct.jsx)("div",{children:(0,Ct.jsx)(H,{...a,...i,children:"Split Button"})})}};Ta.options=Rh;Ta.states=Bh;Ta.variants=Ph;Ta.defaultOptions=im;Ta.modifiers=wh;Ta.className=H.className;var Qt=require("react/jsx-runtime"),rm=e=>(0,Qt.jsx)(Q,{children:[(0,Qt.jsx)(l,{children:"Button"},"toolbar-button"),(0,Qt.jsx)(q,{text:"Menu button"},"toolbar-menu-button"),(0,Qt.jsx)(H,{children:"Split button"},"toolbar-split-button"),(0,Qt.jsxs)(B,{children:[(0,Qt.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Qt.jsx)(l,{icon:"align-center",children:"Center"}),(0,Qt.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var nm=require("react/jsx-runtime");var He=require("react/jsx-runtime"),sm=e=>(0,He.jsx)(Q,{scrollable:!0,...e,children:[(0,He.jsx)(l,{children:"Button"},"toolbar-button"),(0,He.jsx)(q,{text:"Menu button"},"toolbar-menu-button"),(0,He.jsx)(H,{children:"Split button"},"toolbar-split-button"),(0,He.jsxs)(B,{children:[(0,He.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,He.jsx)(l,{icon:"align-center",children:"Center"}),(0,He.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,He.jsx)(l,{children:"Button"},"toolbar-button"),(0,He.jsx)(q,{text:"Menu button"},"toolbar-menu-button"),(0,He.jsx)(H,{children:"Split button"},"toolbar-split-button"),(0,He.jsxs)(B,{children:[(0,He.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,He.jsx)(l,{icon:"align-center",children:"Center"}),(0,He.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Fe=require("react/jsx-runtime"),lm=({scrollingPosition:e="start",...t})=>(0,Fe.jsx)(Q,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Fe.jsx)(l,{children:"Button"},"toolbar-button"),(0,Fe.jsx)(q,{text:"Menu button"},"toolbar-menu-button"),(0,Fe.jsx)(H,{children:"Split button"},"toolbar-split-button"),(0,Fe.jsxs)(B,{children:[(0,Fe.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Fe.jsx)(l,{icon:"align-center",children:"Center"}),(0,Fe.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Fe.jsx)(l,{children:"Button"},"toolbar-button"),(0,Fe.jsx)(q,{text:"Menu button"},"toolbar-menu-button"),(0,Fe.jsx)(H,{children:"Split button"},"toolbar-split-button"),(0,Fe.jsxs)(B,{children:[(0,Fe.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Fe.jsx)(l,{icon:"align-center",children:"Center"}),(0,Fe.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var ie=require("react/jsx-runtime"),dm=({fillMode:e,size:t,...o})=>(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(Q,{section:!0,fillMode:e,size:t,children:[(0,ie.jsx)(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ie.jsxs)(B,{fillMode:e,children:[(0,ie.jsx)(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ie.jsx)(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ie.jsx)(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,ie.jsx)(ke,{className:"k-toolbar-button-separator"}),(0,ie.jsx)(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),(0,ie.jsxs)(ur,{size:t,fillMode:e,section:!0,...o,children:[(0,ie.jsx)(H,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,ie.jsx)(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ie.jsx)(ke,{}),(0,ie.jsx)(q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,ie.jsxs)(B,{fillMode:e,children:[(0,ie.jsx)(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ie.jsx)(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ie.jsx)(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var ss=require("react/jsx-runtime");var ls=require("react/jsx-runtime");var fo=require("react/jsx-runtime"),Kh=Q.options,Dh=Q.states,pm={...Q.defaultOptions,variant:"default"},_h=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],zh=[],Oa=e=>{let{variant:t,...o}={...pm,...e};switch(t){case"responsive":return(0,fo.jsx)("div",{children:(0,fo.jsx)(dm,{style:{width:"583px"},...o})});case"overlay":return(0,fo.jsx)("div",{children:(0,fo.jsx)(lm,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,fo.jsx)("div",{children:(0,fo.jsx)(sm,{style:{width:"583px"},...o})});default:return(0,fo.jsx)("div",{children:(0,fo.jsx)(rm,{style:{width:"583px"},...o})})}};Oa.options=Kh;Oa.states=Dh;Oa.variants=_h;Oa.defaultOptions=pm;Oa.modifiers=zh;Oa.className=Q.className;var ds="autocomplete",mm=ds;var W=require("react/jsx-runtime"),cm="k-autocomplete",Hh=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Fh={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ps={separators:!0,showClearButton:!0},Ft=e=>{let{size:t,rounded:o,fillMode:a,separators:i=ps.separators,showClearButton:r=ps.showClearButton,prefix:d,suffix:m,value:c,placeholder:b,hover:x,focus:g,valid:u,invalid:v,required:L,loading:S,disabled:k,popup:M,opened:R,readonly:_,adaptive:j,adaptiveSettings:se,adaptiveTitle:le,adaptiveSubtitle:ge,adaptiveCustomValue:Ro,id:Ut,autocomplete:ro,activeDescendant:xo,"aria-label":ei,...ti}=e,oi=Ut?`${Ut}-listbox`:void 0;return(0,W.jsxs)(W.Fragment,{children:[(0,W.jsxs)(J,{...ti,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:u,invalid:v,required:L,loading:S,disabled:k,readonly:_,className:n(e.className,cm),children:[d&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(Me,{children:d}),i&&(0,W.jsx)(ne,{})]}),(0,W.jsx)(Le,{placeholder:b,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":R?"true":"false","aria-controls":R?oi:void 0,"aria-activedescendant":R&&xo?xo:void 0,"aria-autocomplete":ro,"aria-invalid":v?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":ei,disabled:k,readOnly:_}),(0,W.jsx)(re,{valid:u,invalid:v,loading:S,disabled:k}),(0,W.jsx)(de,{loading:S,disabled:k}),r&&(0,W.jsx)(ve,{loading:S,disabled:k,readonly:_,value:c}),m&&(0,W.jsxs)(W.Fragment,{children:[i&&(0,W.jsx)(ne,{}),(0,W.jsx)(Ce,{children:m})]})]}),R&&M&&(0,W.jsx)(Z,{className:"k-list-container k-autocomplete-popup",containerRole:"region",containerAriaLabel:"Autocomplete suggestions",children:M}),j&&(0,W.jsx)(ee,{adaptive:!0,...se,header:(0,W.jsx)(Be,{actionsEnd:(0,W.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:b,title:le,subtitle:ge}),children:(0,W.jsx)("div",{className:"k-list-container",children:(0,W.jsx)(D,{customValue:Ro?(0,W.jsx)(Et,{text:`Use "${c}"`}):void 0,size:"large",children:(0,W.jsxs)(z,{"aria-label":"Options",children:[(0,W.jsx)(T,{text:"List item"}),(0,W.jsx)(T,{text:"List item"}),(0,W.jsx)(T,{text:"List item"})]})})})})]})};Ft.states=Hh;Ft.options=Fh;Ft.className=cm;Ft.defaultOptions=ps;Ft.moduleName=ds;Ft.folderName=mm;var jt=Ft;var fm=require("react/jsx-runtime"),um=e=>(0,fm.jsx)(jt,{id:O("ac"),"aria-label":"Search",...e});var bm=require("react/jsx-runtime");var Uh=require("react/jsx-runtime");var xm=require("react/jsx-runtime");var hm=require("react/jsx-runtime");var Nm=require("react/jsx-runtime");var gm=require("react/jsx-runtime");var vm=require("react/jsx-runtime");var Gh=require("react/jsx-runtime");var eo=require("react/jsx-runtime"),$h=$.states,Vh=$.defaultOptions,Xh=$.options,Wh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Jh=[],Ba=e=>{let{modifiers:t,...o}=e,a={},i=(0,eo.jsx)(D,{style:{width:300},size:o.size,children:(0,eo.jsxs)(z,{children:[(0,eo.jsx)(T,{children:"List item"}),(0,eo.jsx)(T,{children:"List item"}),(0,eo.jsx)(T,{children:"List item"})]})});return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,eo.jsx)(N,{icon:"search"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,eo.jsx)($t,{size:o.size,fillMode:"clear",children:"Search"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[r]),a.popup=t!=null&&t[r]?i:void 0;break;default:break}}),(0,eo.jsx)(um,{value:"Value",style:{width:300},...o,...a})};Ba.options=Xh;Ba.states=$h;Ba.variants=Jh;Ba.defaultOptions=Vh;Ba.modifiers=Wh;Ba.className=Ft.className;var Ue=require("react/jsx-runtime"),Lm="k-imageeditor-toolbar",qh=[],Yh={},Zh={},Ra=e=>{let{toolbarItems:t,adaptive:o,disabled:a,...i}=e;return(0,Ue.jsx)(Q,{...i,className:n(e.className,Lm),fillMode:"flat",children:t??(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(l,{fillMode:"flat",icon:"image-add","aria-label":"Image Add"}),(0,Ue.jsx)(ke,{}),(0,Ue.jsx)(l,{fillMode:"flat",disabled:!0,icon:"undo","aria-label":"Undo"}),(0,Ue.jsx)(l,{fillMode:"flat",disabled:!0,icon:"redo","aria-label":"Redo"}),(0,Ue.jsx)(ke,{}),(0,Ue.jsx)(l,{fillMode:"flat",disabled:a,icon:"download","aria-label":"Download"}),(0,Ue.jsx)("div",{className:"k-spacer"}),(0,Ue.jsx)(l,{fillMode:"flat",disabled:a,icon:"zoom-in","aria-label":"Zoom In"}),!o&&(0,Ue.jsx)(So,{children:(0,Ue.jsx)(Ft,{fillMode:"flat",disabled:a,value:"Fit",showClearButton:!1,"aria-label":"Zoom options"})}),(0,Ue.jsx)(l,{fillMode:"flat",disabled:a,icon:"zoom-out","aria-label":"Zoom Out"})]})})};Ra.states=qh;Ra.options=Yh;Ra.className=Lm;Ra.defaultOptions=Zh;var ce=require("react/jsx-runtime"),ms="k-imageeditor-sidebar",Qh={scrollable:!1},Im=e=>{let{sidebarItems:t,activeTool:o,disabled:a,adaptive:i,scrollable:r=Qh.scrollable,scrollingPosition:d,...m}=e,c=i?"k-separator k-separator-vertical":"k-separator";return(0,ce.jsx)("div",{...m,className:n(e.className,ms,{[`${ms}-scrollable`]:r,[`${ms}-scrollable-${d}`]:d&&d!=="both"}),children:(0,ce.jsx)("div",{className:"k-imageeditor-sidebar-items",role:"toolbar","aria-label":"Tools",children:t??(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(l,{fillMode:"flat",togglable:!0,icon:"image-resize","aria-label":"Resize",selected:o==="Resize",disabled:a}),(0,ce.jsx)(l,{fillMode:"flat",togglable:!0,icon:"crop","aria-label":"Crop",selected:o==="Crop",disabled:a}),(0,ce.jsx)(l,{fillMode:"flat",togglable:!0,icon:"rotate","aria-label":"Rotate",selected:o==="Rotate",disabled:a}),(0,ce.jsx)("div",{className:c}),(0,ce.jsx)(l,{fillMode:"flat",togglable:!0,icon:"free-text","aria-label":"Text",selected:o==="Text",disabled:a}),(0,ce.jsx)(l,{fillMode:"flat",togglable:!0,icon:"shapes","aria-label":"Shapes",selected:o==="Shapes",disabled:a}),(0,ce.jsx)("div",{className:c}),(0,ce.jsx)(l,{fillMode:"flat",togglable:!0,icon:"drop-half-pixelated","aria-label":"Blur",selected:o==="Blur",disabled:a}),(0,ce.jsx)(l,{fillMode:"flat",togglable:!0,icon:"sliders-horizontal","aria-label":"Adjustments",selected:o==="Adjustments",disabled:a}),(0,ce.jsx)(l,{fillMode:"flat",togglable:!0,icon:"circles-three-intersecting","aria-label":"Filters",selected:o==="Filters",disabled:a}),(0,ce.jsx)("div",{className:c}),(0,ce.jsx)(l,{fillMode:"flat",togglable:!0,icon:"frame-corners","aria-label":"Frame",selected:o==="Frame",disabled:a}),(0,ce.jsx)(l,{fillMode:"flat",togglable:!0,icon:"circle-half-tilted","aria-label":"Shadow",selected:o==="Shadow",disabled:a})]})})})};var Mi="loader",fr=Mi;var yt=require("react/jsx-runtime"),cs="k-loader",jh={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},eN=[],tN={size:[p.undefined,p.small,p.medium,p.large],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary]},Sm={animation:"pulsing"},ue=e=>{let{size:t,themeColor:o,animation:a=Sm.animation,...i}=e,r=(0,yt.jsx)("span",{className:"k-loader-segment"});return(0,yt.jsx)("div",{...i,className:n(e.className,cs,{[`k-loader-${jh[a]||a}`]:a},A(cs,{size:t,themeColor:o})),role:"status","aria-label":i["aria-label"]||"Loading",children:(0,yt.jsxs)("div",{className:"k-loader-canvas",children:[a==="pulsing"&&(0,yt.jsxs)(yt.Fragment,{children:[r,r]}),a==="infinite-spinner"&&(0,yt.jsxs)(yt.Fragment,{children:[r,r,r]}),a==="converging-spinner"&&(0,yt.jsxs)(yt.Fragment,{children:[r,r,r,r]})]})})};ue.states=eN;ue.options=tN;ue.className=cs;ue.defaultOptions=Sm;ue.moduleName=Mi;ue.folderName=fr;var km=ue;var $o=require("react/jsx-runtime"),us="k-loader-container",oN=[],aN={size:[p.undefined,p.small,p.medium,p.large],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary]},br={loaderType:"pulsing",position:"top",panel:!1},Vo=e=>{let{size:t,themeColor:o,loaderType:a=br.loaderType,position:i=br.position,panel:r=br.panel,...d}=e;return(0,$o.jsxs)("div",{...d,className:n(e.className,us,A(us,{size:t}),{[`k-loader-${i}`]:i}),role:"status","aria-live":"polite","aria-label":d["aria-label"]||"Loading",children:[(0,$o.jsx)(pd,{className:"k-loader-container-overlay"}),(0,$o.jsxs)("div",{className:n("k-loader-container-inner",{"k-loader-container-panel":r}),children:[(0,$o.jsx)(km,{size:t,themeColor:o,animation:a}),(0,$o.jsx)("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};Vo.states=oN;Vo.options=aN;Vo.className=us;Vo.defaultOptions=br;Vo.moduleName=Mi;Vo.folderName=fr;var iN=require("react/jsx-runtime");var rN=require("react/jsx-runtime");var nN=require("react/jsx-runtime");var sN=require("react/jsx-runtime");var xr=require("react/jsx-runtime"),lN=ue.options,dN=ue.states,pN={...ue.defaultOptions,variant:"infinite-spinner"},mN=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],cN=[],Pa=e=>{let{variant:t,...o}=e;switch(t){case"pulsing":return(0,xr.jsx)(ue,{animation:"pulsing",...o});case"converging-spinner":return(0,xr.jsx)(ue,{animation:"converging-spinner",...o});default:return(0,xr.jsx)(ue,{animation:"infinite-spinner",...o})}};Pa.options=lN;Pa.states=dN;Pa.variants=mN;Pa.defaultOptions=pN;Pa.modifiers=cN;Pa.className=ue.className;var Em="image-editor",Mm="imageeditor",hr={width:494,height:307},Nr={width:326,height:203};var fe=require("react/jsx-runtime"),fs="k-imageeditor",uN=[],fN={},bN={},be=e=>{let{toolbarItems:t,actionPane:o,sidebarItems:a,activeTool:i,placeholder:r,contentHeight:d,exporting:m,adaptive:c,sidebarScrollable:b,sidebarScrollingPosition:x,children:g,...u}=e,v=!!r,L=(0,fe.jsx)("div",{className:"k-imageeditor-canvas-container",children:r??(0,fe.jsx)("div",{className:"k-imageeditor-canvas",children:g})}),S=o&&(0,fe.jsx)("div",{className:"k-imageeditor-action-pane",children:o}),k=(0,fe.jsx)(Im,{sidebarItems:a,activeTool:i,disabled:v,adaptive:c,scrollable:b,scrollingPosition:x});return(0,fe.jsxs)("div",{role:"application","aria-label":"Image Editor",...u,className:n(e.className,fs,{[`${fs}-adaptive`]:c}),children:[(0,fe.jsx)("div",{className:"k-imageeditor-header",children:(0,fe.jsx)(Ra,{toolbarItems:t,adaptive:c,disabled:v})}),(0,fe.jsx)("div",{className:"k-imageeditor-content",style:{height:d},children:c?(0,fe.jsxs)(fe.Fragment,{children:[L,S,k]}):(0,fe.jsxs)(fe.Fragment,{children:[k,S,L]})}),m&&(0,fe.jsxs)("div",{className:"k-loader-container k-loader-top",role:"status","aria-live":"polite","aria-label":"Exporting",children:[(0,fe.jsx)(Pt,{className:"k-loader-container-overlay"}),(0,fe.jsxs)("div",{className:"k-loader-container-inner k-loader-container-panel",children:[(0,fe.jsx)(ue,{animation:"pulsing",themeColor:"base",size:"medium","aria-label":"Exporting"}),(0,fe.jsx)("div",{className:"k-loader-container-label",children:"Exporting"})]})]})]})};be.states=uN;be.options=fN;be.className=fs;be.defaultOptions=bN;be.moduleName=Em;be.folderName=Mm;var xe=require("react/jsx-runtime"),bs="k-upload-dropzone",xN=[s.hover],gr=e=>{let{hover:t,status:o,disabled:a,hasFiles:i,filesId:r,buttonText:d="Select files...",...m}=e,c;switch(o){case"uploading":c=(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(N,{icon:"upload"}),"Uploading..."]});break;case"done":c=(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(N,{icon:"check"}),"Done"]});break;case"failed":c=(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(N,{icon:"exclamation-circle"}),"Done"]});break;default:c=(0,xe.jsx)(xe.Fragment,{});break}return(0,xe.jsxs)("div",{...m,className:n(e.className,bs,"k-dropzone",C(bs,{hover:t})),children:[(0,xe.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,xe.jsx)(l,{className:"k-upload-button","aria-disabled":a?"true":"false",...i&&r?{"aria-controls":r}:{},children:d}),(0,xe.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,xe.jsx)("span",{className:n("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,xe.jsx)("span",{className:"k-upload-status",children:c})]})};gr.states=xN;gr.className=bs;var xs="upload",Cm=xs;var ko=require("react/jsx-runtime"),hs="k-upload",hN=[s.hover,s.disabled],NN={},Am={actionsLayout:"end"},ym="upload-files-list",Te=e=>{let{async:t,empty:o,actions:a,actionsLayout:i=Am.actionsLayout,hover:r,status:d,disabled:m,buttonText:c,...b}=e,x=!!e.children;return(0,ko.jsxs)("div",{...b,className:n(e.className,hs,C(hs,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,ko.jsx)(gr,{status:d,hover:r,disabled:m,hasFiles:x,filesId:ym,buttonText:c}),x&&(0,ko.jsx)("ul",{className:"k-upload-files",role:"list",id:ym,children:e.children}),a&&x&&(0,ko.jsxs)(ql,{alignment:i,orientation:"horizontal",children:[(0,ko.jsx)(l,{className:"k-clear-selected",children:"Clear"}),(0,ko.jsx)(l,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};Te.states=hN;Te.options=NN;Te.className=hs;Te.defaultOptions=Am;Te.moduleName=xs;Te.folderName=Cm;var Ci="progressbar",vr=Ci;var Eo=require("react/jsx-runtime"),At="k-progressbar",gN=[s.disabled,s.indeterminate],vN={orientation:["horizontal","vertical"]},Xo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ot=e=>{let{disabled:t,height:o,indeterminate:a=Xo.indeterminate,label:i=Xo.label,labelPosition:r=Xo.labelPosition,orientation:d=Xo.orientation,reverse:m=Xo.reverse,value:c=Xo.value,width:b,style:x,ariaLabel:g,...u}=e;return(0,Eo.jsxs)("div",{...u,className:n(e.className,At,C(At,{disabled:t}),{[`${At}-${d}`]:d,[`${At}-indeterminate`]:a,[`${At}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":c,[d==="horizontal"?"height":"width"]:d==="horizontal"?o:b},role:"progressbar","aria-label":g||"progress","aria-valuenow":a?void 0:Number(c),"aria-valuemin":0,"aria-valuemax":100,children:[(0,Eo.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${r}`]:r&&!a}),children:i&&(0,Eo.jsxs)("span",{className:"k-progress-status",children:[c,"%"]})}),!a&&(0,Eo.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,Eo.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${r}`]:r}),children:i&&(0,Eo.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ot.states=gN;ot.options=vN;ot.className=At;ot.defaultOptions=Xo;ot.moduleName=Ci;ot.folderName=vr;var Tm=ot;var Ir=require("react/jsx-runtime"),Om="k-chunk-progressbar",LN=(e,t)=>t<=e-1,IN=[s.disabled,s.indeterminate],SN={},Lr={chunkCount:5,orientation:"horizontal",progress:0},wa=e=>{let{disabled:t,chunkCount:o=Lr.chunkCount,indeterminate:a,orientation:i=Lr.orientation,progress:r=Lr.progress,reverse:d,ariaLabel:m,...c}=e;return(0,Ir.jsx)("div",{...c,className:n(e.className,At,Om,C(At,{disabled:t}),{[`${At}-${i}`]:i,[`${At}-indeterminate`]:a,[`${At}-reverse`]:d}),role:"progressbar","aria-label":m||"progress","aria-valuenow":a?void 0:r,"aria-valuemin":0,"aria-valuemax":o,children:(0,Ir.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>(0,Ir.jsx)("li",{className:n("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":LN(r,x)})},x))})})};wa.states=IN;wa.options=SN;wa.className=Om;wa.defaultOptions=Lr;wa.moduleName=Ci;wa.folderName=vr;var Bm=require("react/jsx-runtime"),yi=e=>(0,Bm.jsx)(Tm,{...e});var kN=require("react/jsx-runtime");var bo=require("react/jsx-runtime"),EN=ot.options,MN=ot.states,Rm={...ot.defaultOptions,variant:"start"},CN=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],yN=[],Ka=e=>{let{variant:t,modifiers:o,...a}={...Rm,...e},i={},r={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(d=>{switch(d){case"reverse":i.reverse=!!(o!=null&&o[d]);break;case"vertical":i.orientation=o!=null&&o[d]?"vertical":void 0,r.style=o!=null&&o[d]?void 0:{width:"324px"};break}}),t){case"end":return(0,bo.jsx)("div",{...r,children:(0,bo.jsx)(yi,{...a,...i,labelPosition:"end",value:"50"})});case"center":return(0,bo.jsx)("div",{...r,children:(0,bo.jsx)(yi,{...a,...i,labelPosition:"center",value:"50"})});case"empty":return(0,bo.jsx)("div",{...r,children:(0,bo.jsx)(yi,{...a,...i,label:!1,value:"50"})});default:return(0,bo.jsx)("div",{...r,children:(0,bo.jsx)(yi,{...a,...i,labelPosition:"start",value:"50"})})}};Ka.options=EN;Ka.states=MN;Ka.variants=CN;Ka.defaultOptions=Rm;Ka.modifiers=yN;Ka.className=ot.className;var Da=require("react/jsx-runtime"),AN="k-file-info",Ns=e=>{let{name:t,size:o,validationMsg:a,...i}=e;return(0,Da.jsxs)("div",{...i,className:n(e.className,AN),children:[t&&(0,Da.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Da.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Da.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Ge=require("react/jsx-runtime"),TN="k-file",pt=e=>{let{status:t,progress:o,name:a,icon:i,size:r,state:d,validationMsg:m,...c}=e;return(0,Ge.jsx)("li",{...c,className:n(e.className,TN,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Ge.jsxs)("div",{className:"k-file-single",children:[(0,Ge.jsx)(ot,{className:n({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Ge.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Ge.jsx)(N,{className:"k-file-icon",icon:i,size:"xxlarge"}),d&&(0,Ge.jsx)("span",{className:"k-file-state",children:d})]}),(0,Ge.jsx)(Ns,{name:a,size:r,validationMsg:m}),(0,Ge.jsx)("div",{className:"k-upload-actions",children:t==="progress"?(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsxs)("span",{className:"k-upload-pct",children:[o,"%"]}),(0,Ge.jsx)(l,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),(0,Ge.jsx)(l,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):(0,Ge.jsx)(l,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};var gs=require("react/jsx-runtime");var Mo=require("react/jsx-runtime"),Ai=e=>(0,Mo.jsx)(Te,{async:!0,children:(0,Mo.jsxs)(Mo.Fragment,{children:[(0,Mo.jsx)(pt,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,Mo.jsx)(pt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var vs=require("react/jsx-runtime");var Pm=require("react/jsx-runtime"),Ls=e=>(0,Pm.jsx)(Te,{async:!0,empty:!0,...e});var Is=require("react/jsx-runtime");var Ss=require("react/jsx-runtime");var at=require("react/jsx-runtime"),ON=Te.options,BN=Te.states,wm={...Te.defaultOptions,variant:"empty"},RN=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],PN=[],_a=e=>{let{variant:t,...o}={...wm,...e};switch(t){case"success":return(0,at.jsxs)(Ai,{status:"done",style:{width:"586px"},...o,children:[(0,at.jsx)(pt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,at.jsx)(pt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,at.jsxs)(Ai,{status:"failed",style:{width:"586px"},...o,children:[(0,at.jsx)(pt,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,at.jsx)(pt,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,at.jsxs)(Ai,{status:"uploading",style:{width:"586px"},...o,children:[(0,at.jsx)(pt,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,at.jsx)(pt,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,at.jsxs)(Ai,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,at.jsx)(pt,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,at.jsx)(pt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,at.jsx)(Ls,{async:!0,status:"upload",style:{width:"586px"},...o})}};_a.options=ON;_a.states=BN;_a.variants=RN;_a.defaultOptions=wm;_a.modifiers=PN;_a.className=Te.className;var ks=require("react/jsx-runtime");var to=require("react/jsx-runtime"),Km="k-imageeditor-pane",wN=[],KN={},DN={},Ee=e=>{let{title:t,actions:o,adaptive:a,confirmDisabled:i,children:r,...d}=e;return(0,to.jsxs)("div",{...d,className:n(e.className,Km),children:[(0,to.jsxs)("div",{className:"k-imageeditor-pane-header",children:[a&&(0,to.jsx)(l,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"}),(0,to.jsx)("div",{className:"k-imageeditor-pane-title",children:t}),a?(0,to.jsx)(l,{fillMode:"flat",icon:"check",disabled:i,"aria-label":"Confirm",title:"Confirm"}):(0,to.jsx)(l,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})]}),(0,to.jsx)("div",{className:"k-imageeditor-pane-content",children:r}),!a&&o&&(0,to.jsx)(ut,{alignment:"end",className:"k-imageeditor-pane-footer",children:o})]})};Ee.states=wN;Ee.options=KN;Ee.className=Km;Ee.moduleName=null;Ee.folderName=null;Ee.defaultOptions=DN;var Dm=require("react/jsx-runtime"),Es="k-imageeditor-option-preview",_N=[s.hover,s.focus,s.selected],zN={},HN={},oo=e=>{let{label:t,hover:o,focus:a,selected:i,children:r,...d}=e;return(0,Dm.jsx)("div",{...d,className:n(e.className,Es,C(Es,{hover:o,focus:a,selected:i})),role:"button","aria-pressed":i?"true":"false",children:r??t})};oo.states=_N;oo.options=zN;oo.className=Es;oo.moduleName=null;oo.folderName=null;oo.defaultOptions=HN;var Cs=require("react/jsx-runtime"),Sr="k-imageeditor-option-list",Ms={scrollable:!1,scrollingPosition:"start"},za=e=>{let{scrollable:t=Ms.scrollable,scrollingPosition:o=Ms.scrollingPosition,children:a,...i}=e;return(0,Cs.jsx)("div",{...i,className:n(e.className,Sr,{[`${Sr}-scrollable`]:t,[`${Sr}-scrollable-${o}`]:o&&o!=="both"}),children:(0,Cs.jsx)("div",{className:"k-imageeditor-option-list-items",children:a})})};za.className=Sr;za.moduleName=null;za.folderName=null;za.defaultOptions=Ms;var Wo=require("react/jsx-runtime"),FN={},Ti=e=>{let{label:t,style:o,children:a,imageSrc:i}=e;return(0,Wo.jsxs)(Wo.Fragment,{children:[(0,Wo.jsx)("span",{"aria-hidden":"true",style:{position:"relative",display:"block",width:"100%",height:"40px",borderRadius:"2px",backgroundImage:i?`url('${i}')`:void 0,backgroundSize:"cover",boxSizing:"border-box",...o},children:a}),t&&(0,Wo.jsx)("span",{className:"k-imageeditor-preview-thumbnail-label",children:t})]})};Ti.moduleName=null;Ti.folderName=null;Ti.defaultOptions=FN;var _m=require("react/jsx-runtime"),it=e=>{let{imageSrc:t,adaptive:o,style:a,...i}=e;return(0,_m.jsx)("canvas",{role:"img","aria-label":"Image being edited",...o?Nr:hr,...i,style:{...t&&{backgroundImage:`url('${t}')`},backgroundSize:"cover",...a}})};it.moduleName=null;it.folderName=null;var Ze=require("react/jsx-runtime"),zm={variant:"crop"},Ha=e=>{let{variant:t=zm.variant,grid:o,corners:a=!0}=e,i=t==="crop"?"k-resize-handle":"k-scale-handle",r=t==="scale"?"k-scale-handle":"k-resize-handle";return(0,Ze.jsxs)(Ze.Fragment,{children:[o&&(0,Ze.jsx)("div",{className:"k-imageeditor-crop-grid"}),a&&(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)("span",{className:`${i} k-resize-nw`}),(0,Ze.jsx)("span",{className:`${i} k-resize-ne`}),(0,Ze.jsx)("span",{className:`${i} k-resize-sw`}),(0,Ze.jsx)("span",{className:`${i} k-resize-se`})]}),(0,Ze.jsx)("span",{className:`${r} k-resize-n`}),(0,Ze.jsx)("span",{className:`${r} k-resize-s`}),(0,Ze.jsx)("span",{className:`${r} k-resize-w`}),(0,Ze.jsx)("span",{className:`${r} k-resize-e`})]})};Ha.moduleName=null;Ha.folderName=null;Ha.defaultOptions=zm;var ys=require("react/jsx-runtime"),UN="k-rotate-handle",As=e=>(0,ys.jsx)("span",{...e,className:n(e.className,UN),children:(0,ys.jsx)(N,{icon:"rotate"})});As.moduleName=null;As.folderName=null;var GN=require("react/jsx-runtime");var Hm="form",Fm="forms";var ao=require("react/jsx-runtime"),kr="k-form",$N=[],VN={size:[p.undefined,p.small,p.medium,p.large]},Ts={layout:"basic",tag:"form"},X=e=>{let{size:t,orientation:o,layout:a=Ts.layout,formButtons:i,cols:r,gutters:d,tag:m=Ts.tag,children:c,style:b}=e,x=m,g=n(e.className,kr,A(kr,{size:t}),{[`${kr}-${o}`]:o}),u=(0,ao.jsxs)(ao.Fragment,{children:[a==="grid"?(0,ao.jsx)("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${r}`]:r}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols},...b},children:c}):(0,ao.jsx)(ao.Fragment,{children:c}),i&&(0,ao.jsx)("div",{className:"k-form-buttons",children:i})]}),{role:v,"aria-labelledby":L,"aria-label":S,id:k}=e;return(0,ao.jsx)(x,{className:g,role:v,"aria-labelledby":L,"aria-label":S,id:k,children:u})};X.states=$N;X.options=VN;X.className=kr;X.defaultOptions=Ts;X.moduleName=Hm;X.folderName=Fm;var Um="label",Gm="label";var Oi=require("react/jsx-runtime"),Os="k-label",XN=[s.disabled],WN={},JN={},Co=e=>{let{disabled:t,optional:o,info:a,text:i,children:r,...d}=e;return(0,Oi.jsxs)("label",{...d,className:n(e.className,Os,C(Os,{disabled:t})),children:[i||r,o&&(0,Oi.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),a&&(0,Oi.jsx)("span",{className:"k-field-info",children:a})]})};Co.states=XN;Co.options=WN;Co.className=Os;Co.defaultOptions=JN;Co.moduleName=Um;Co.folderName=Gm;var Vm=require("react/jsx-runtime"),$m="k-form-hint",qN=[],YN={},ZN={},Tt=e=>{let{text:t,children:o,...a}=e;return(0,Vm.jsx)("div",{...a,className:n(e.className,$m),children:t||o})};Tt.states=qN;Tt.options=YN;Tt.className=$m;Tt.defaultOptions=ZN;var Wm=require("react/jsx-runtime"),Xm="k-form-error",QN=[],jN={},eg={},Ot=e=>{let{text:t,children:o,...a}=e;return(0,Wm.jsx)("div",{...a,className:n(e.className,Xm),children:t||o})};Ot.states=QN;Ot.options=jN;Ot.className=Xm;Ot.defaultOptions=eg;var yo=require("react/jsx-runtime"),Bs="k-form-field",tg=[s.disabled],F=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:r,hint:d,error:m,info:c,disabled:b,dir:x,colSpan:g,...u}=e;return(0,yo.jsxs)("div",{...u,className:n(Bs,e.className,C(Bs,{disabled:b}),{[`k-col-span-${g}`]:g}),dir:x,children:[o&&(0,yo.jsx)(Co,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:i,info:c?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&(0,yo.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,yo.jsxs)("div",{className:"k-form-field-wrap",children:[r,d&&(0,yo.jsx)(Tt,{id:t?`${t}-hint`:void 0,children:d}),m&&(0,yo.jsx)(Ot,{id:t?`${t}-error`:void 0,children:m})]})]})};F.states=tg;F.className=Bs;var Ao=require("react/jsx-runtime"),Jm="k-form-fieldset",Oe=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:r}=e;return(0,Ao.jsxs)("fieldset",{className:n(Jm,{[`k-col-span-${r}`]:r}),children:[t&&(0,Ao.jsx)("legend",{className:"k-form-legend",children:t}),o==="grid"?(0,Ao.jsx)("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof i=="string"&&{gap:i},...typeof i=="object"&&i.rows&&{rowGap:i.rows},...typeof i=="object"&&i.cols&&{columnGap:i.cols}},children:e.children}):(0,Ao.jsx)(Ao.Fragment,{children:e.children})]})};Oe.className=Jm;var Jo="radio",Fa=Jo;var Rs=require("react/jsx-runtime"),Er="k-radio",og=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked],ag={size:[p.undefined,p.small,p.medium,p.large]},ig={},ht=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:r,invalid:d,valid:m,required:c,size:b,...x}=e;return(0,Rs.jsx)("span",{className:"k-radio-wrap",children:(0,Rs.jsx)("input",{...x,id:t,type:"radio",checked:o,required:c,disabled:r||void 0,"aria-invalid":d?"true":void 0,className:n(e.className,Er,A(Er,{size:b}),C(Er,{hover:a,focus:i,disabled:r,invalid:d,valid:m,checked:o}))})})};ht.states=og;ht.options=ag;ht.className=Er;ht.defaultOptions=ig;ht.moduleName=Jo;ht.folderName=Fa;var Bt=ht;var Zm=require("react/jsx-runtime"),qm="k-radio-list",rg=[],ng={},Ym={layout:"vertical"},he=e=>{let{layout:t=Ym.layout,...o}=e;return(0,Zm.jsx)("ul",{...o,className:n(e.className,qm,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};he.states=rg;he.options=ng;he.className=qm;he.defaultOptions=Ym;he.moduleName=Jo;he.folderName=Fa;var jm=require("react/jsx-runtime"),Qm="k-radio-list-item",sg=[],lg={},dg={},Ne=e=>{let{...t}=e;return(0,jm.jsx)("li",{...t,className:n(e.className,Qm),role:"none",children:e.children})};Ne.states=sg;Ne.options=lg;Ne.className=Qm;Ne.defaultOptions=dg;Ne.moduleName=Jo;Ne.folderName=Fa;var pg=require("react/jsx-runtime");var qo=require("react/jsx-runtime"),Nt=({children:e,id:t,...o})=>(0,qo.jsxs)(qo.Fragment,{children:[(0,qo.jsx)(Bt,{...o,id:t}),(0,qo.jsx)("label",{className:"k-radio-label",htmlFor:t,children:e})]});var Ps=require("react/jsx-runtime");var ws=require("react/jsx-runtime");var Ks=require("react/jsx-runtime");var Ds=require("react/jsx-runtime");var _s=require("react/jsx-runtime");var cg=require("react/jsx-runtime");var ec=require("react/jsx-runtime"),ug=Bt.options,fg=Bt.states,bg=Bt.defaultOptions,xg=[],hg=[],Ua=e=>(0,ec.jsx)(Nt,{id:O("radio"),name:"value",...e,children:"Label"});Ua.options=ug;Ua.states=fg;Ua.variants=xg;Ua.defaultOptions=bg;Ua.modifiers=hg;Ua.className=Bt.className;var Qe=require("react/jsx-runtime"),Ng=he.options,gg=he.states,vg={...he.defaultOptions,variant:"vertical"},Lg=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ig=[],Ga=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Qe.jsxs)(he,{layout:"horizontal",...o,children:[(0,Qe.jsx)(Ne,{children:(0,Qe.jsx)(Nt,{id:O("rb"),name:"value",defaultChecked:!0,children:"Label"})}),(0,Qe.jsx)(Ne,{children:(0,Qe.jsx)(Nt,{id:O("rb"),name:"value",children:"Label"})}),(0,Qe.jsx)(Ne,{children:(0,Qe.jsx)(Nt,{id:O("rb"),name:"value",children:"Label"})})]}):(0,Qe.jsxs)(he,{...o,children:[(0,Qe.jsx)(Ne,{children:(0,Qe.jsx)(Nt,{id:O("rb"),name:"value",defaultChecked:!0,children:"Label"})}),(0,Qe.jsx)(Ne,{children:(0,Qe.jsx)(Nt,{id:O("rb"),name:"value",children:"Label"})}),(0,Qe.jsx)(Ne,{children:(0,Qe.jsx)(Nt,{id:O("rb"),name:"value",children:"Label"})})]})};Ga.options=Ng;Ga.states=gg;Ga.variants=Lg;Ga.defaultOptions=vg;Ga.modifiers=Ig;Ga.className=he.className;var zs=require("react/jsx-runtime");var Hs=require("react/jsx-runtime");var Fs=require("react/jsx-runtime");var tc="date-input",oc="dateinput";var To=require("react/jsx-runtime"),ac="k-dateinput",Sg=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],kg={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Eg={},gt=e=>{let{size:t,rounded:o,fillMode:a,value:i,placeholder:r,hover:d,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,readonly:v,showClearButton:L,showSpinButton:S,id:k,"aria-label":M,"aria-describedby":R,..._}=e;return(0,To.jsxs)(J,{..._,size:t,rounded:o,fillMode:a,hover:d,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,readonly:v,className:n(e.className,ac),children:[(0,To.jsx)(Le,{id:k,placeholder:r,value:i,disabled:u,"aria-label":M,"aria-describedby":R,"aria-invalid":b?"true":void 0}),(0,To.jsx)(re,{valid:c,invalid:b,loading:g,disabled:u}),(0,To.jsx)(de,{loading:g,disabled:u}),L&&(0,To.jsx)(ve,{loading:g,disabled:u,readonly:v,value:i}),S&&(0,To.jsx)(Jt,{className:"k-input-spinner",size:t,fillMode:a,disabled:u})]})};gt.states=Sg;gt.options=kg;gt.className=ac;gt.defaultOptions=Eg;gt.moduleName=tc;gt.folderName=oc;var Us=gt;var rc=require("react/jsx-runtime"),ic=e=>(0,rc.jsx)(Us,{...e});var Mg=require("react/jsx-runtime");var nc=require("react/jsx-runtime"),Cg=gt.options,yg=gt.states,Ag=gt.defaultOptions,Tg=[{name:"spin-button",title:"`Spin` Button"}],Og=[],$a=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{i==="spin-button"&&(a.showSpinButton=!!(t!=null&&t[i]))}),(0,nc.jsx)(ic,{value:"2/04/2021",style:{width:"300px"},...o,...a})};$a.options=Cg;$a.states=yg;$a.variants=Og;$a.defaultOptions=Ag;$a.modifiers=Tg;$a.className=gt.className;var sc="masked-textbox",lc="maskedtextbox";var je=require("react/jsx-runtime"),dc="k-maskedtextbox",Bg=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Rg={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Gs={showClearButton:!0,separators:!0},vt=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Gs.separators,showClearButton:r=Gs.showClearButton,prefix:d,suffix:m,value:c,placeholder:b,hover:x,focus:g,valid:u,invalid:v,required:L,loading:S,disabled:k,readonly:M,id:R,"aria-label":_,"aria-describedby":j,...se}=e;return(0,je.jsxs)(J,{...se,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:u,invalid:v,required:L,loading:S,disabled:k,readonly:M,className:n(e.className,dc),children:[d&&(0,je.jsxs)(je.Fragment,{children:[(0,je.jsx)(Me,{children:d}),i&&(0,je.jsx)(ne,{})]}),(0,je.jsx)(Le,{id:R,placeholder:b,value:c,disabled:k,"aria-label":_,"aria-describedby":j,"aria-invalid":v?"true":void 0}),(0,je.jsx)(re,{valid:u,invalid:v,loading:S,disabled:k}),(0,je.jsx)(de,{loading:S,disabled:k}),r&&(0,je.jsx)(ve,{loading:S,disabled:k,readonly:M,value:c}),m&&(0,je.jsxs)(je.Fragment,{children:[i&&(0,je.jsx)(ne,{}),(0,je.jsx)(Ce,{children:m})]})]})};vt.states=Bg;vt.options=Rg;vt.className=dc;vt.defaultOptions=Gs;vt.moduleName=sc;vt.folderName=lc;var Va=vt;var mc=require("react/jsx-runtime"),pc=e=>(0,mc.jsx)(Va,{...e});var cc=require("react/jsx-runtime");var uc=require("react/jsx-runtime");var Pg=require("react/jsx-runtime");var wg=require("react/jsx-runtime");var Mr=require("react/jsx-runtime"),Kg=vt.states,Dg=vt.defaultOptions,_g=vt.options,zg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Hg=[],Xa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Mr.jsx)(G,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Mr.jsx)(N,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[i];break;default:break}}),(0,Mr.jsx)(pc,{value:"Value",style:{width:300},...o,...a})};Xa.options=_g;Xa.states=Kg;Xa.variants=Hg;Xa.defaultOptions=Dg;Xa.modifiers=zg;Xa.className=vt.className;var $s="switch",fc=$s;var Bo=require("react/jsx-runtime"),Oo="k-switch",Fg=[s.hover,s.focus,s.disabled,s.readonly,s.checked],Ug={size:[p.undefined,p.small,p.medium,p.large],trackRounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],thumbRounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Gg={},mt=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:r,thumbRounded:d,hover:m,focus:c,disabled:b,readonly:x,...g}=e;return(0,Bo.jsxs)("span",{...g,className:n(e.className,Oo,A(Oo,{size:i}),C(Oo,{hover:m,focus:c,disabled:b,readonly:x}),{[`${Oo}-on`]:t,[`${Oo}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:b?void 0:0,"aria-disabled":b?"true":void 0,"aria-readonly":x?"true":void 0,children:[(0,Bo.jsxs)("span",{className:n("k-switch-track",A(Oo,{rounded:r})),children:[o&&(0,Bo.jsx)("span",{className:"k-switch-label-on",children:o}),a&&(0,Bo.jsx)("span",{className:"k-switch-label-off",children:a})]}),(0,Bo.jsx)("span",{className:"k-switch-thumb-wrap",children:(0,Bo.jsx)("span",{className:n("k-switch-thumb",A(Oo,{rounded:d}))})})]})};mt.states=Fg;mt.options=Ug;mt.className=Oo;mt.defaultOptions=Gg;mt.moduleName=$s;mt.folderName=fc;var $g=require("react/jsx-runtime");var Vg=require("react/jsx-runtime");var Xg=require("react/jsx-runtime");var Wg=require("react/jsx-runtime");var Xs=require("react/jsx-runtime"),Jg=mt.options,qg=mt.states,Yg={...mt.defaultOptions,variant:"on"},Zg=[{name:"on",title:"On"},{name:"off",title:"Off"}],Qg=[],Wa=e=>{let{variant:t,...o}=e;return t==="off"?(0,Xs.jsx)(mt,{checked:!1,onLabel:"On",offLabel:"Off",...o}):(0,Xs.jsx)(mt,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Wa.options=Jg;Wa.states=qg;Wa.variants=Zg;Wa.defaultOptions=Yg;Wa.modifiers=Qg;Wa.className=mt.className;var Ws="textarea",bc=Ws;var Lt=require("react/jsx-runtime"),xc="k-textarea",jg=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],ev={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ja={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},ct=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:i=Ja.prefixSeparator,suffixSeparator:r=Ja.prefixSeparator,affixesOrientation:d=Ja.affixesOrientation,flow:m=Ja.flow,resize:c=Ja.resize,prefix:b,suffix:x,rows:g,value:u,placeholder:v,hover:L,focus:S,valid:k,invalid:M,required:R,disabled:_,id:j,"aria-label":se,"aria-describedby":le,...ge}=e;return(0,Lt.jsxs)(J,{...ge,size:t,rounded:o,fillMode:a,hover:L,focus:S,valid:k,invalid:M,required:R,disabled:_,className:n(e.className,xc,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[b&&(0,Lt.jsxs)(Lt.Fragment,{children:[(0,Lt.jsx)(Me,{className:n({"!k-align-items-start":m===d}),direction:d,children:b}),i&&(0,Lt.jsx)(ne,{direction:m==="horizontal"?"vertical":"horizontal"})]}),(0,Lt.jsx)(mi,{className:n("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":c==="x","k-resize-y":c==="y","k-resize":c==="both","k-resize-none":c==="none"}),value:u,placeholder:v,rows:g,disabled:_,id:j,"aria-label":se,"aria-describedby":le,"aria-invalid":M?"true":void 0}),x&&(0,Lt.jsxs)(Lt.Fragment,{children:[r&&(0,Lt.jsx)(ne,{direction:m==="horizontal"?"vertical":"horizontal"}),(0,Lt.jsx)(Ce,{className:n({"!k-align-items-start":m===d}),direction:d,children:x})]})]})};ct.states=jg;ct.options=ev;ct.className=xc;ct.defaultOptions=Ja;ct.moduleName=Ws;ct.folderName=bc;var tv=require("react/jsx-runtime");var hc=require("react/jsx-runtime");var Nc=require("react/jsx-runtime");var ov=require("react/jsx-runtime");var Bi=require("react/jsx-runtime"),av=ct.options,iv=ct.states,gc={...ct.defaultOptions,variant:"vertical"},rv=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],nv=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],qa=e=>{let{variant:t,modifiers:o,...a}={...gc,...e},i={resize:"y"};return Object.keys(o||{}).forEach(r=>{switch(r){case"prefix":i.prefix=o!=null&&o[r]?(0,Bi.jsx)(N,{icon:"comment"}):void 0;break;case"suffix":i.suffix=o!=null&&o[r]?(0,Bi.jsx)(N,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?(0,Bi.jsx)(ct,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...i}):(0,Bi.jsx)(ct,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...i})};qa.options=av;qa.states=iv;qa.variants=rv;qa.defaultOptions=gc;qa.modifiers=nv;qa.className=ct.className;var qs=require("react/jsx-runtime");var Y=require("react/jsx-runtime"),sv=X.options,lv=X.states,dv={...X.defaultOptions,variant:"vertical"},pv=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mv=[],Ya=e=>{let{variant:t,size:o,...a}=e,i=(0,Y.jsxs)(Oe,{legend:"Form Legend",children:[(0,Y.jsx)(F,{label:"Label",editor:(0,Y.jsx)($,{size:o})}),(0,Y.jsx)(F,{label:"Label",hint:"Hint text",editor:(0,Y.jsx)(G,{value:"Dropdown List",size:o})}),(0,Y.jsx)(F,{label:"City",editor:(0,Y.jsxs)("ul",{className:"k-radio-list k-list-horizontal",children:[(0,Y.jsxs)("li",{className:"k-radio-list-item",children:[(0,Y.jsx)(ht,{checked:!0,size:o}),(0,Y.jsx)("label",{className:"k-radio-label",children:"Label"})]}),(0,Y.jsxs)("li",{className:"k-radio-list-item",children:[(0,Y.jsx)(ht,{size:o}),(0,Y.jsx)("label",{className:"k-radio-label",children:"Label"})]}),(0,Y.jsxs)("li",{className:"k-radio-list-item",children:[(0,Y.jsx)(ht,{size:o}),(0,Y.jsx)("label",{className:"k-radio-label",children:"Label"})]})]})})]}),r=(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(l,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),(0,Y.jsx)(l,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?(0,Y.jsx)(X,{orientation:"horizontal",size:o,...a,formButtons:r,children:i}):(0,Y.jsx)(X,{size:o,...a,formButtons:r,children:i})};Ya.options=sv;Ya.states=lv;Ya.variants=pv;Ya.defaultOptions=dv;Ya.modifiers=mv;Ya.className=X.className;var Ri=require("react/jsx-runtime"),cv=Tt.options,uv=Tt.states,vc={...Tt.defaultOptions},fv=[],bv=[{name:"showHint",title:"Show Hint"}],Za=e=>{let{modifiers:t,...o}={...vc,...e},a=(t==null?void 0:t.showHint)??!0;return(0,Ri.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[(0,Ri.jsx)($,{placeholder:"Component",style:{width:"200px"}}),a&&(0,Ri.jsx)(Tt,{...o,children:"Hint text"})]})};Za.options=cv;Za.states=uv;Za.variants=fv;Za.defaultOptions=vc;Za.modifiers=bv;Za.className=Tt.className;var Pi=require("react/jsx-runtime"),xv=Ot.options,hv=Ot.states,Lc={...Ot.defaultOptions},Nv=[],gv=[{name:"showError",title:"Show Error"}],Qa=e=>{let{modifiers:t,...o}={...Lc,...e},a=(t==null?void 0:t.showError)??!0;return(0,Pi.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[(0,Pi.jsx)($,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&(0,Pi.jsx)(Ot,{...o,children:"Error text"})]})};Qa.options=xv;Qa.states=hv;Qa.variants=Nv;Qa.defaultOptions=Lc;Qa.modifiers=gv;Qa.className=Ot.className;var Ys=require("react/jsx-runtime");var Zs=require("react/jsx-runtime");var Qs=require("react/jsx-runtime");var js=require("react/jsx-runtime");var el="segmented-control",Ic=el,Sc="segmented-control-button",kc="segmented-control";var yr=require("react/jsx-runtime"),Cr="k-segmented-control",vv=[],Lv={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},io=e=>{let{size:t,rounded:o,stretched:a,children:i,thumbStyles:r,...d}=e;return(0,yr.jsxs)("div",{...d,className:n(e.className,Cr,A(Cr,{size:t,rounded:o}),{[`${Cr}-stretched`]:a}),role:"group",children:[(0,yr.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),i]})};io.states=vv;io.options=Lv;io.className=Cr;io.moduleName=el;io.folderName=Ic;var ja=require("react/jsx-runtime"),tl="k-segmented-control-button",Iv=[s.selected,s.hover,s.focus,s.disabled],Sv={},kv={},Rt=e=>{let{hover:t,focus:o,selected:a,disabled:i,icon:r,endIcon:d,text:m,iconClassName:c,...b}=e;return(0,ja.jsxs)("button",{...b,className:n(e.className,tl,C(tl,{hover:t,focus:o,disabled:i,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":i?"true":void 0,tabIndex:a?0:-1,children:[r&&(0,ja.jsx)(N,{className:n(c,"k-segmented-control-button-icon"),icon:r}),(m||e.children)&&(0,ja.jsx)("span",{className:"k-segmented-control-button-text",children:m||e.children}),d&&(0,ja.jsx)(N,{className:n(c,"k-segmented-control-button-icon"),icon:d})]})};Rt.states=Iv;Rt.options=Sv;Rt.className=tl;Rt.defaultOptions=kv;Rt.moduleName=Sc;Rt.folderName=kc;var ol=require("react/jsx-runtime");var al=require("react/jsx-runtime");var il=require("react/jsx-runtime");var rl=require("react/jsx-runtime");var nl=require("react/jsx-runtime");var sl=require("react/jsx-runtime");var ll=require("react/jsx-runtime");var dl=require("react/jsx-runtime");var pl=require("react/jsx-runtime");var ml=require("react/jsx-runtime");var cl=require("react/jsx-runtime");var ul=require("react/jsx-runtime");var fl=require("react/jsx-runtime");var Ev=require("react/jsx-runtime");var Mv=require("react/jsx-runtime");var Cv=require("react/jsx-runtime");var yv=require("react/jsx-runtime");var Av=require("react/jsx-runtime");var Tv=require("react/jsx-runtime");var Ov=require("react/jsx-runtime");var Bv=require("react/jsx-runtime");var Rv=require("react/jsx-runtime");var Pv=require("react/jsx-runtime");var wv=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Ec=({selected:e=!1,strokeColor:t="#000000",strokeWidth:o=4,strokeType:a="Dotted",startPoint:i="None",endPoint:r="None",opacity:d=100,adaptive:m,imageSrc:c,...b})=>(0,E.jsx)(be,{adaptive:m,activeTool:"Shapes",toolbarItems:m&&e?(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(l,{fillMode:"flat",icon:"squares-overlapping-plus","aria-label":"Duplicate"}),(0,E.jsx)(l,{fillMode:"flat",icon:"pencil","aria-label":"Edit"}),(0,E.jsx)(ke,{}),(0,E.jsx)(l,{fillMode:"flat",icon:"flip-horizontal","aria-label":"Flip Horizontal"}),(0,E.jsx)(l,{fillMode:"flat",icon:"flip-vertical","aria-label":"Flip Vertical"}),(0,E.jsx)(ke,{}),(0,E.jsx)(l,{fillMode:"flat",icon:"trash","aria-label":"Delete"})]}):void 0,actionPane:(0,E.jsxs)(Ee,{title:"Shapes and Lines",adaptive:m,confirmDisabled:!e,actions:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(l,{disabled:!e,children:"Remove"}),(0,E.jsx)(l,{themeColor:"primary",disabled:!e,children:"Insert"})]}),children:[(0,E.jsxs)(io,{thumbStyles:{width:"50%",left:"50%"},stretched:!0,"aria-label":"Shape or Line",children:[(0,E.jsx)(Rt,{icon:"shapes",children:"Shape"}),(0,E.jsx)(Rt,{icon:"shape-line",selected:!0,children:"Line"})]}),(0,E.jsxs)(X,{tag:"div",children:[(0,E.jsxs)(Oe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,E.jsx)(F,{label:"Stroke Color",editor:(0,E.jsx)(Ae,{id:"line-stroke-color",value:t,"aria-label":"Stroke Color"})}),(0,E.jsx)(F,{label:"Stroke Width",editorId:"line-stroke-width",editor:(0,E.jsx)(K,{id:"line-stroke-width",showClearButton:!1,showSpinButton:!1,value:String(o),prefix:(0,E.jsx)(N,{icon:"border-width"})})})]}),(0,E.jsx)(F,{label:"Stroke Type",editor:(0,E.jsx)(G,{id:"line-stroke-type",value:a,"aria-label":"Stroke Type"})}),(0,E.jsxs)(Oe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,E.jsx)(F,{label:"Start Point",editor:(0,E.jsx)(G,{id:"line-start-point",value:i,"aria-label":"Start Point"})}),(0,E.jsx)(F,{label:"End Point",editor:(0,E.jsx)(G,{id:"line-end-point",value:r,"aria-label":"End Point"})})]}),(0,E.jsx)(F,{label:"Opacity",editor:(0,E.jsx)(K,{id:"line-opacity",showClearButton:!1,showSpinButton:!1,value:`${d}%`,prefix:(0,E.jsx)(N,{icon:"transparency"}),"aria-label":"Opacity"})}),(0,E.jsxs)(Oe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,E.jsx)(F,{label:"Align",editor:(0,E.jsxs)(B,{disabled:!e,children:[(0,E.jsx)(l,{disabled:!e,className:"k-group-start",icon:"align-items-start","aria-label":"Align Left"}),(0,E.jsx)(l,{disabled:!e,icon:"align-items-center",selected:e,"aria-label":"Align Center"}),(0,E.jsx)(l,{disabled:!e,className:"k-group-end",icon:"align-items-end","aria-label":"Align Right"})]})}),(0,E.jsx)(F,{label:"Align Vertical",editor:(0,E.jsxs)(B,{disabled:!e,children:[(0,E.jsx)(l,{disabled:!e,className:"k-group-start",icon:"align-items-start-alt","aria-label":"Align Top"}),(0,E.jsx)(l,{disabled:!e,icon:"align-items-center-alt",selected:e,"aria-label":"Align Middle"}),(0,E.jsx)(l,{disabled:!e,className:"k-group-end",icon:"align-items-end-alt","aria-label":"Align Bottom"})]})})]}),(0,E.jsx)(F,{label:"Rotation",editor:(0,E.jsxs)("div",{className:"k-imageeditor-field-row",children:[(0,E.jsx)(U,{disabled:!e,style:{flex:1},"aria-label":"Rotation",showButtons:!1,showTicks:!1,value:0,min:0,max:360}),(0,E.jsx)(K,{disabled:!e,style:{width:"80px",flex:"none"},"aria-label":"Rotation angle",showClearButton:!1,showSpinButton:!1,separators:!1,value:"0",suffix:(0,E.jsx)(Xt,{children:"\xB0"})})]})}),(0,E.jsxs)(Oe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,E.jsx)(F,{label:"Rotate Options",editor:(0,E.jsxs)("div",{className:"k-imageeditor-controls",children:[(0,E.jsx)(l,{disabled:!e,icon:"rotate-right","aria-label":"Rotate Right"}),(0,E.jsx)(l,{disabled:!e,icon:"rotate-left","aria-label":"Rotate Left"})]})}),(0,E.jsx)(F,{label:"Flip Options",editor:(0,E.jsxs)("div",{className:"k-imageeditor-controls",children:[(0,E.jsx)(l,{disabled:!e,icon:"flip-horizontal","aria-label":"Flip Horizontal"}),(0,E.jsx)(l,{disabled:!e,icon:"flip-vertical","aria-label":"Flip Vertical"})]})})]})]})]}),children:(0,E.jsx)(it,{adaptive:m,imageSrc:c}),...b});var Mc=require("react/jsx-runtime"),Kv=e=>(0,Mc.jsx)(Ec,{adaptive:!0,...e});