npm - @progress/kendo-themes-html - Versions diffs - 14.7.0-dev.14 → 14.7.0-dev.16 - Mend

@progress/kendo-themes-html 14.7.0-dev.14 → 14.7.0-dev.16

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 (152) hide show

package/dist/cjs/imageeditor/templates/imageeditor-disabled.js DELETED Viewed

@@ -1 +0,0 @@

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