@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 249 kB
JavaScript
var aT=Object.create;var ql=Object.defineProperty;var rT=Object.getOwnPropertyDescriptor;var lT=Object.getOwnPropertyNames;var iT=Object.getPrototypeOf,nT=Object.prototype.hasOwnProperty;var sT=(e,t)=>{for(var o in t)ql(e,o,{get:t[o],enumerable:!0})},bc=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of lT(t))!nT.call(e,l)&&l!==o&&ql(e,l,{get:()=>t[l],enumerable:!(a=rT(t,l))||a.enumerable});return e};var fc=(e,t,o)=>(o=e!=null?aT(iT(e)):{},bc(t||!e||!e.__esModule?ql(o,"default",{value:e,enumerable:!0}):o,e)),dT=e=>bc(ql({},"__esModule",{value:!0}),e);var bL={};sT(bL,{ChartWizardNormal:()=>uL});module.exports=dT(bL);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 M=(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"}),C=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:n,checked:d,active:c,selected:m,disabled:g,indeterminate:k,loading:v,empty:f,readonly:y,highlighted:L,...E}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":c,"k-selected":m,"k-disabled":g,"k-indeterminate":k&&!d,"k-loading":v,"k-empty":f,"k-readonly":y,"k-highlighted":L},Object.keys(E).reduce((R,G)=>(G.startsWith("k-")?R[G]=E[G]:R[`k-${G}`]=E[G],R),{}))};function Tc(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},fo={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},A={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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 Ji={};function H(e){return Ji[e]=(Ji[e]||0)+1,`k-${e}-${Ji[e]}`}var Zi="action-buttons",hc=Zi;var gc=require("react/jsx-runtime"),Jl="k-actions",cT=[],pT={},Yi={alignment:"start",orientation:"horizontal"},St=e=>{let{alignment:t=Yi.alignment,orientation:o=Yi.orientation,...a}=e;return(0,gc.jsx)("div",{...a,className:r(Jl,{[`${Jl}-${t}`]:t,[`${Jl}-${o}`]:o},e.className),children:e.children})};St.states=cT;St.options=pT;St.className=Jl;St.defaultOptions=Yi;St.moduleName=Zi;St.folderName=hc;var al=require("react/jsx-runtime"),Qi="k-font-icon",mT=[],uT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info]},bT={},rl=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?(0,al.jsx)("span",{...d,className:r(e.className,Qi,M(Qi,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):(0,al.jsx)(al.Fragment,{})};rl.states=mT;rl.options=uT;rl.className=Qi;rl.defaultOptions=bT;var xc=rl;var wa=require("react/jsx-runtime"),ji="k-svg-icon",fT=[],TT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info],variant:[fo.outline,fo.solid,fo.duotone]},en={viewBox:"0 0 24 24",variant:fo.outline},ll=e=>{var v,f;let{size:t,themeColor:o,rotate:a,flip:l,viewBox:n=en.viewBox,variant:d=en.variant,icon:c,...m}=e;if(!c)return(0,wa.jsx)(wa.Fragment,{});if(c==="none")return(0,wa.jsx)("span",{...m,className:r(e.className,ji,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let g=typeof c=="object"&&c.name&&c.name,k=typeof c=="object"?d&&((v=c.variants)==null?void 0:v[d])||((f=c.variants)==null?void 0:f.outline)||c.content:void 0;return(0,wa.jsx)("span",{...m,className:r(e.className,ji,M("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:(0,wa.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:k!==void 0?{__html:k}:void 0,children:c?void 0:e.children})})};ll.states=fT;ll.options=TT;ll.className=ji;ll.defaultOptions=en;var tn=ll;var on=fc(require("@progress/kendo-svg-icons"));var kc="icon",Nc="icons";var yc=require("react");var vc=require("react"),wc=(0,vc.createContext)({iconsType:"svg"});var Lo=require("react/jsx-runtime"),Zl="k-icon",hT=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),gT=[],xT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info],variant:[fo.outline,fo.solid,fo.duotone]},Yl={viewBox:"0 0 24 24",type:"svg",variant:fo.outline},x=e=>{let{iconsType:t}=(0,yc.useContext)(wc),{size:o,themeColor:a,icon:l,type:n=t||Yl.type,rotate:d,flip:c,viewBox:m=Yl.viewBox,variant:g=Yl.variant,...k}=e;if(!l)return(0,Lo.jsx)(Lo.Fragment,{});if((t||n)==="svg"){if(l==="none")return(0,Lo.jsx)(tn,{...k,className:r(e.className,Zl),icon:l,size:o,variant:g});let f=on[l]?l:hT(`${l}-icon`);return on[f]?(0,Lo.jsx)(tn,{...k,className:r(e.className,Zl),icon:on[f],size:o,themeColor:a,rotate:d,flip:c,viewBox:m,variant:g}):(0,Lo.jsx)(Lo.Fragment,{})}return(0,Lo.jsx)(xc,{...k,className:r(e.className,Zl),icon:l,size:o,themeColor:a,rotate:d,flip:c})};x.states=gT;x.options=xT;x.defaultOptions=Yl;x.className=Zl;x.moduleName=kc;x.folderName=Nc;x.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var an="button",Cc=an;var Kt=require("react/jsx-runtime"),il="k-button",kT=["icon-button"],NT=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],vT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info,A.inverse]},rn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:n,showArrow:d=rn.showArrow,arrowIconName:c=rn.arrowIconName,variant:m,hover:g,focus:k,active:v,selected:f,disabled:y,togglable:L,ariaDisabled:E,icon:R,iconSize:G,text:B,iconClassName:de,className:ne,...Oe}=e,Ue=R!=null,We=e.children!==void 0;return(0,Kt.jsxs)(t,{className:r(ne,il,Tc(il,m),M(il,{size:o,rounded:a,fillMode:l,themeColor:n}),C(il,{hover:g,focus:k,active:v,disabled:y||E,selected:f}),{"k-icon-button":!B&&!We&&Ue}),"aria-pressed":L?f?"true":"false":void 0,...Oe,"aria-disabled":E?"true":void 0,disabled:y||void 0,children:[typeof R=="string"&&R&&(0,Kt.jsx)(x,{className:r(de,"k-button-icon"),icon:R,size:G}),R&&typeof R!="string"&&(0,Kt.jsx)(Kt.Fragment,{children:R}),B?(0,Kt.jsxs)(Kt.Fragment,{children:[B&&(0,Kt.jsx)("span",{className:"k-button-text",children:B}),e.children]}):e.children&&(0,Kt.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,Kt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Kt.jsx)(x,{icon:c})})]})};p.states=NT;p.options=vT;p.variants=kT;p.className=il;p.defaultOptions=rn;p.moduleName=an;p.folderName=Cc;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Lc=require("react/jsx-runtime"),Mo=e=>(0,Lc.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Mc=require("react/jsx-runtime"),nl=e=>(0,Mc.jsx)(p,{icon:"folder",children:"Button",...e});var Sc=require("react/jsx-runtime"),ya=e=>(0,Sc.jsx)(p,{children:"Button",...e});var Ql=require("react/jsx-runtime"),wT=p.options,yT=p.states,CT={...p.defaultOptions,variant:"text"},LT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],MT=[],Fa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ql.jsx)(Mo,{...o,icon:"star"});case"icon-and-text":return(0,Ql.jsx)(nl,{...o,icon:"star",children:"Button"});default:return(0,Ql.jsx)(ya,{...o,children:"Button"})}};Fa.options=wT;Fa.states=yT;Fa.variants=LT;Fa.defaultOptions=CT;Fa.modifiers=MT;Fa.className=p.className;var ln="menu-button",Ac=ln;var Ec=require("react/jsx-runtime"),Ic="k-menu-button",ST=[i.hover,i.focus,i.active,i.selected,i.disabled],AT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info,A.inverse]},nn={showArrow:!0,arrowIconName:"chevron-down"},re=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:m,disabled:g,icon:k,text:v,showArrow:f=nn.showArrow,arrowIconName:y=nn.arrowIconName,expanded:L,...E}=e;return(0,Ec.jsx)(p,{...E,className:r(e.className,Ic),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:m,disabled:g,ariaDisabled:g||void 0,icon:k,showArrow:f,arrowIconName:y,"aria-expanded":L?"true":"false",...!v&&k&&!e["aria-label"]&&{"aria-label":"Menu"}})};re.states=ST;re.options=AT;re.className=Ic;re.defaultOptions=nn;re.moduleName=ln;re.folderName=Ac;re.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var IT=require("react/jsx-runtime");var ET=require("react/jsx-runtime");var RT=require("react/jsx-runtime");var Bt="menu",Yt=Bt;var So=require("react/jsx-runtime"),sn="k-menu-item",OT=[i.hover,i.focus,i.active,i.selected,i.disabled],PT={},Rc={iconPosition:"before"},rt=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:m,last:g,showArrow:k,arrowIconName:v,iconPosition:f=Rc.iconPosition,dir:y,children:L,expanded:E,...R}=e,G=v;return G||(G=y==="rtl"?"chevron-left":"chevron-right"),(0,So.jsxs)("li",{...R,className:r(e.className,sn,"k-item",C(sn,{focus:o,disabled:n,hover:t,active:a,selected:l}),{"k-first":m,"k-last":g}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":E?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,So.jsxs)("span",{className:r("k-link k-menu-link"),children:[d&&f==="before"&&(0,So.jsx)(x,{className:"k-menu-link-icon",icon:d}),(0,So.jsx)("span",{className:"k-menu-link-text",children:c}),d&&f==="after"&&(0,So.jsx)(x,{className:"k-menu-link-icon",icon:d}),k&&(0,So.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,So.jsx)(x,{icon:G})})]}),L]})};rt.states=OT;rt.options=PT;rt.className=sn;rt.defaultOptions=Rc;rt.moduleName=Bt;rt.folderName=Yt;var Ao=require("react/jsx-runtime"),dn="k-menu-item",GT=[i.hover,i.focus,i.active,i.selected,i.disabled],HT={},cn={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:m,last:g,showArrow:k,arrowIconName:v,iconPosition:f=cn.iconPosition,dir:y=cn.dir,children:L,popup:E,expanded:R,...G}=e,B=v;return B||(B=y==="rtl"?"chevron-left":"chevron-right"),(0,Ao.jsxs)("li",{role:"menuitem",...G,className:r(e.className,dn,"k-item",C(dn,{focus:o,disabled:n}),{"k-first":m,"k-last":g}),...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":R?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Ao.jsxs)("span",{className:r("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:l,disabled:n})),children:[d&&f==="before"&&(0,Ao.jsx)(x,{className:"k-menu-link-icon",icon:d}),(0,Ao.jsx)("span",{className:"k-menu-link-text",children:c}),d&&f==="after"&&(0,Ao.jsx)(x,{className:"k-menu-link-icon",icon:d}),k&&(0,Ao.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Ao.jsx)(x,{icon:B})})]}),L,E]})};j.states=GT;j.options=HT;j.className=dn;j.defaultOptions=cn;j.moduleName=Bt;j.folderName=Yt;var Gc=require("react/jsx-runtime"),Oc="k-menu-scroll-wrapper",_T=[],DT={},KT={},Ca=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,Gc.jsx)("div",{...l,className:r(t,Oc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ca.states=_T;Ca.options=DT;Ca.className=Oc;Ca.defaultOptions=KT;Ca.moduleName=Bt;Ca.folderName=Yt;var Pc=Ca;var $e=require("react/jsx-runtime"),pn="k-menu",BT=[],zT={},ei={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ne=e=>{let{children:t,orientation:o=ei.orientation,header:a=ei.header,scrollable:l,scrollButtonsPosition:n=ei.scrollButtonsPosition,wrapperStyles:d,dir:c,popup:m,contextMenu:g,...k}=e,v={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=(0,$e.jsx)("ul",{dir:c,...k,className:r(e.className,"k-reset",pn,{[`${pn}-${o}`]:o,"k-header":a}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,$e.jsxs)($e.Fragment,{children:[l?(0,$e.jsxs)(Pc,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&(0,$e.jsxs)($e.Fragment,{children:[(0,$e.jsx)(p,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,$e.jsx)(p,{fillMode:"flat",icon:`chevron-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,$e.jsx)(p,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,n==="end"&&(0,$e.jsxs)($e.Fragment,{children:[(0,$e.jsx)(p,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,$e.jsx)(p,{fillMode:"flat",icon:`chevron-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,$e.jsx)(p,{fillMode:"flat",icon:`chevron-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,m]})};Ne.states=BT;Ne.options=zT;Ne.className=pn;Ne.defaultOptions=ei;Ne.moduleName=Bt;Ne.folderName=Yt;Ne.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var _c=require("react/jsx-runtime"),mn="k-separator",Hc={orientation:"horizontal"},Jo=e=>{let{orientation:t=Hc.orientation,...o}=e;return(0,_c.jsx)("li",{...o,className:r(e.className,"k-item",mn,{[`${mn}-${t}`]:t}),role:"separator"})};Jo.className=mn;Jo.defaultOptions=Hc;Jo.moduleName=Bt;Jo.folderName=Yt;var Dc=require("react/jsx-runtime");var Kc=require("react/jsx-runtime"),un="k-menu-group",FT=[],UT={size:[s.undefined,s.small,s.medium,s.large]},WT={},Ie=e=>{let{children:t,size:o,...a}=e;return(0,Kc.jsx)("ul",{role:"menu",...a,className:r(e.className,un,M(un,{size:o})),children:t})};Ie.states=FT;Ie.options=UT;Ie.className=un;Ie.defaultOptions=WT;Ie.moduleName=Bt;Ie.folderName=Yt;var no=require("react/jsx-runtime"),bn=e=>(0,no.jsx)(Ne,{children:(0,no.jsxs)(no.Fragment,{children:[(0,no.jsx)(rt,{first:!0,text:"Item 1"}),(0,no.jsx)(rt,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,no.jsx)(rt,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,no.jsx)(rt,{text:"Item 4"}),(0,no.jsx)(rt,{last:!0,text:"Item 5"})]}),...e});var fn="popup",Bc=fn;var hn=require("react/jsx-runtime"),zc="k-animation-container",$T=[],VT={},Tn={positionMode:"absolute",shown:!0},To=e=>{let{positionMode:t=Tn.positionMode,shown:o=Tn.shown,animationStyle:a,offset:l,...n}=e;return(0,hn.jsx)("div",{...n,style:{...l,...e.style},className:r(e.className,zc,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,hn.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};To.states=$T;To.options=VT;To.className=zc;To.defaultOptions=Tn;To.moduleName=fn;To.folderName=Bc;var gn="popup",Fc=gn;var xn=require("react/jsx-runtime"),Uc="k-popup",XT=[],qT={},Wc={positionMode:"absolute"},ce=e=>{let{offset:t,positionMode:o=Wc.positionMode,animationStyle:a,containerClassName:l,containerRole:n,containerAriaLabel:d,...c}=e;return(0,xn.jsx)(To,{positionMode:o,offset:t,animationStyle:a,className:l,role:n,"aria-label":d,children:(0,xn.jsx)("div",{...c,className:r(e.className,Uc),children:e.children})})};ce.states=XT;ce.options=qT;ce.className=Uc;ce.defaultOptions=Wc;ce.moduleName=gn;ce.folderName=Fc;ce.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var kn=require("react/jsx-runtime");var Nn=require("react/jsx-runtime");var vn=require("react/jsx-runtime");var wn=require("react/jsx-runtime");var ho=require("react/jsx-runtime"),JT={...Ne.options,scrollable:{type:"boolean"}},ZT=Ne.states,$c={...Ne.defaultOptions,variant:"horizontal"},YT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],QT=[{name:"opened",title:"Opened"}],Ua=e=>{let{variant:t,modifiers:o,...a}={...$c,...e},l={},n=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!(o!=null&&o[d]),l.popup=o!=null&&o[d]?(0,ho.jsx)(ce,{className:"k-menu-popup",offset:n,children:(0,ho.jsxs)(Ie,{children:[(0,ho.jsx)(j,{text:"Item 1"}),(0,ho.jsx)(j,{text:"Item 2"}),(0,ho.jsx)(Jo,{}),(0,ho.jsx)(j,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,ho.jsx)(bn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,ho.jsx)(bn,{...a,...l})};Ua.options=JT;Ua.states=ZT;Ua.variants=YT;Ua.defaultOptions=$c;Ua.modifiers=QT;Ua.className=Ne.className;var yn=require("react/jsx-runtime");var jT=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),eh=p.states,Vc={...p.defaultOptions,variant:"text"},th=p.options,oh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ah=[{name:"opened",title:"Opened"}],Wa=e=>{let{variant:t,modifiers:o,...a}={...Vc,...e},l={},n=(0,lt.jsx)(ce,{className:"k-menu-popup",children:(0,lt.jsxs)(Ie,{size:a.size,children:[(0,lt.jsx)(j,{first:!0,text:"Menu Item"}),(0,lt.jsx)(j,{text:"Menu Item"}),(0,lt.jsx)(j,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,lt.jsx)("div",{children:(0,lt.jsx)(re,{...a,...l,icon:"star"})});break;case"icon-and-text":d=(0,lt.jsx)("div",{children:(0,lt.jsx)(re,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:d=(0,lt.jsx)("div",{children:(0,lt.jsx)(re,{...a,...l,children:"Dropdown Button"})});break}return(0,lt.jsxs)(lt.Fragment,{children:[d,(o==null?void 0:o.opened)&&n]})};Wa.options=th;Wa.states=eh;Wa.variants=oh;Wa.defaultOptions=Vc;Wa.modifiers=ah;Wa.className=re.className;var sl="window",ti=sl;var qc=require("react/jsx-runtime"),Xc="k-window-content",rh=[],lh={},ih={},Zo=e=>{let{children:t,...o}=e;return(0,qc.jsx)("div",{...o,className:r(Xc,e.className),children:t})};Zo.states=rh;Zo.options=lh;Zo.className=Xc;Zo.defaultOptions=ih;Zo.moduleName=sl;Zo.folderName=ti;var zt=require("react/jsx-runtime"),Cn="k-window",nh=[],sh={},dh={},it=e=>{let{title:t,actions:o,minimized:a,actionButtons:l,actionButtonsAlign:n,...d}=e,c=t!==void 0?H("window-title"):void 0;return(0,zt.jsxs)("div",{...d,className:r(e.className,Cn,{[`${Cn}-minimized`]:a}),role:"dialog","aria-labelledby":c,children:[(t!==void 0||o)&&(0,zt.jsxs)("div",{className:"k-window-titlebar",children:[t!==void 0&&(0,zt.jsx)("span",{className:"k-window-title",id:c,children:t}),o&&(0,zt.jsx)(zt.Fragment,{children:(0,zt.jsx)("div",{className:"k-window-titlebar-actions",children:o.map(m=>m==="more-vertical"?(0,zt.jsx)(re,{icon:m,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},m):(0,zt.jsx)(p,{icon:m,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":m},m))})})]}),(0,zt.jsx)(Zo,{className:r({"k-hidden":a}),children:e.children}),l&&(0,zt.jsx)(St,{alignment:n,className:"k-window-actions",children:l})]})};it.states=nh;it.options=sh;it.className=Cn;it.defaultOptions=dh;it.moduleName=sl;it.folderName=ti;it.ariaSpec={selector:".k-window",rules:[{selector:".k-window:not(.k-dialog)",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-window:not(.k-dialog)",attribute:"aria-labelledby",usage:"Associate the title of the dialog."}]};var Jc=require("react/jsx-runtime");var Yo=require("react/jsx-runtime"),ch=it.options,ph=it.states,Zc={...it.defaultOptions,variant:"normal"},mh=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],uh=[],$a=e=>{let{variant:t,...o}={...Zc,...e};return(0,Yo.jsx)(it,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?(0,Yo.jsxs)(Yo.Fragment,{children:[(0,Yo.jsx)(p,{children:"Cancel"}),(0,Yo.jsx)(p,{themeColor:"primary",children:"Submit"})]}):void 0,...o,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis hac neque, sapien orci. Dignissim pulvinar commodo lorem pellentesque ornare dictum egestas feugiat fringilla. Proin facilisis mattis sed accumsan orci velit eget."})};$a.options=ch;$a.states=ph;$a.variants=mh;$a.defaultOptions=Zc;$a.modifiers=uh;$a.className=it.className;var Ln="chart-wizard",Yc=Ln;var jc=require("react/jsx-runtime"),Qc="k-chart-wizard",bh=[],fh={},Th={},so=e=>{let{children:t,...o}=e;return(0,jc.jsx)(it,{title:"Chart Preview",actions:["window","x"],...o,className:r(e.className,Qc),children:t})};so.states=bh;so.options=fh;so.className=Qc;so.defaultOptions=Th;so.moduleName=Ln;so.folderName=Yc;so.ariaSpec={selector:".k-chart-wizard",rules:[]};var Qo=require("react/jsx-runtime"),hh=[],gh={},ep={buttonText:"Export"},La=e=>{let{buttonText:t=ep.buttonText,children:o}=e;return(0,Qo.jsxs)(Qo.Fragment,{children:[(0,Qo.jsx)("div",{className:"k-preview-pane-header",children:(0,Qo.jsx)(re,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),(0,Qo.jsx)("div",{className:"k-preview-pane-content",children:o})]})};La.states=hh;La.options=gh;La.defaultOptions=ep;var tp=require("react/jsx-runtime"),Ma="k-pane",xh=[],kh={},Mn={resizable:!0,flex:!1},De=e=>{let{scrollable:t,flexBasis:o,flex:a=Mn.flex,collapsible:l,resizable:n=Mn.resizable,pinned:d,unpinned:c,tabbed:m,...g}=e;return(0,tp.jsx)("div",{...g,style:{flexBasis:o,...e.style},className:r(e.className,Ma,{[`${Ma}-static`]:o,[`${Ma}-flex`]:a,"k-scrollable":t,[`${Ma}-pinned`]:d,[`${Ma}-unpinned`]:c,[`${Ma}-tabbed`]:m}),role:"group",children:e.children})};De.states=xh;De.options=kh;De.className=Ma;De.defaultOptions=Mn;var Ft=require("react/jsx-runtime"),Va="k-splitbar",Nh=[i.hover,i.focus],vh={},Sn={orientation:"horizontal",draggable:!0},Xa=e=>{let{hover:t,focus:o,orientation:a=Sn.orientation,draggable:l=Sn.draggable,collapsePrev:n,collapseNext:d,ariaLabel:c,...m}=e;return(0,Ft.jsxs)("div",{...m,className:r(e.className,Va,C(Va,{hover:t,focus:o}),{[`${Va}-${a}`]:a,[`${Va}-draggable-${a}`]:l,[`${Va}-static-${a}`]:!l&&!n&&!d}),role:"separator","aria-label":c,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&(0,Ft.jsx)(Ft.Fragment,{children:(0,Ft.jsx)("div",{className:"k-collapse-prev",children:(0,Ft.jsx)(x,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Ft.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),d&&(0,Ft.jsx)(Ft.Fragment,{children:(0,Ft.jsx)("div",{className:"k-collapse-next",children:(0,Ft.jsx)(x,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Xa.states=Nh;Xa.options=vh;Xa.className=Va;Xa.defaultOptions=Sn;var An="splitter",op=An;var oi=require("react/jsx-runtime"),rp=require("react"),In="k-splitter",wh={},ap={orientation:"horizontal"},Ve=e=>{let{orientation:t=ap.orientation,children:o,panes:a,...l}=e,n=[];return a&&a.forEach((d,c)=>{let m=a[c+1],g=d.props,k=m==null?void 0:m.props;n.push((0,rp.createElement)(De,{...g,key:c})),m&&n.push((0,oi.jsx)(Xa,{draggable:g.resizable!==!1&&k.resizable!==!1,collapsePrev:g.collapsible,collapseNext:k.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${c}`))}),(0,oi.jsxs)("div",{...l,className:r(e.className,In,{[`${In}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};Ve.options=wh;Ve.className=In;Ve.defaultOptions=ap;Ve.moduleName=An;Ve.folderName=op;Ve.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var lp=require("react/jsx-runtime");var ip=require("react/jsx-runtime");var Sa=require("react/jsx-runtime"),dl=require("react"),yh=Ve.options,Ch=Ve.states,np={...Ve.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},Lh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Mh=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],qa=e=>{let{variant:t,modifiers:o,...a}={...np,...e},l=m=>({collapsible:m,content:m?"Resizable and collapsible":"Resizable only"}),n=l(!0),d=l(!0),c={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(m=>{let g=o==null?void 0:o[m];switch(m){case"secondPaneProps":d=l(!!g);break;case"firstPaneProps":n=l(!!g);break;default:break}}),t==="vertical"?(0,Sa.jsx)(Ve,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,dl.createElement)(De,{...n,flexBasis:"50%",style:c,key:"pane-1"},(0,Sa.jsx)("p",{children:n.content})),(0,dl.createElement)(De,{...d,flexBasis:"50%",style:c,key:"pane-2"},(0,Sa.jsx)("p",{children:d.content}))]}):(0,Sa.jsx)(Ve,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,dl.createElement)(De,{...n,flexBasis:"50%",style:c,key:"pane-1"},(0,Sa.jsx)("p",{children:n.content})),(0,dl.createElement)(De,{...d,flexBasis:"50%",style:c,key:"pane-2"},(0,Sa.jsx)("p",{children:d.content}))]})};qa.options=yh;qa.states=Ch;qa.variants=Lh;qa.defaultOptions=np;qa.modifiers=Mh;qa.className=Ve.className;var dp=require("react/jsx-runtime"),sp="k-chart-wizard-splitter",Sh=[],Ah={},Ih={},jo=e=>{let{children:t,panes:o,...a}=e;return(0,dp.jsx)(Ve,{...a,className:r(e.className,sp),panes:o,children:t})};jo.states=Sh;jo.options=Ah;jo.className=sp;jo.defaultOptions=Ih;var pp=require("react/jsx-runtime"),cp="k-chart-types-wrapper",Eh={},Rh={},Io=e=>(0,pp.jsx)("div",{...e,className:r(e.className,cp),children:e.children});Io.options=Eh;Io.className=cp;Io.defaultOptions=Rh;var cl=require("react/jsx-runtime"),En="k-icon-text-wrapper",Oh=[i.focus,i.selected],Ph={},Gh={},nt=e=>{let{focus:t,selected:o,icon:a,text:l,...n}=e;return(0,cl.jsxs)("div",{...n,className:r(e.className,En,C(En,{focus:t,selected:o})),children:[(0,cl.jsx)("div",{className:"k-icon-background-area",children:(0,cl.jsx)(x,{icon:a,size:"xlarge"})}),l]})};nt.states=Oh;nt.options=Ph;nt.className=En;nt.defaultOptions=Gh;var mp="expander",up="expansion-panel";var Qt=require("react/jsx-runtime"),ai="k-expander",Hh=[i.hover,i.focus,i.disabled,i.expanded],_h={},Dh={},Ce=e=>{let{title:t,subtitle:o,expanded:a,hover:l,focus:n,disabled:d,dir:c,contentStyle:m,id:g,...k}=e,v=g?`${g}-content`:H("expander-content");return(0,Qt.jsxs)("div",{...k,className:r(e.className,ai,C(ai,{hover:l,focus:n,disabled:d,expanded:a})),dir:c,children:[(0,Qt.jsxs)("div",{className:r("k-expander-header",C(ai,{hover:l})),role:"button","aria-controls":v,"aria-expanded":a?"true":"false",tabIndex:0,"aria-disabled":d?"true":void 0,children:[(0,Qt.jsx)("div",{className:"k-expander-title",children:t}),(0,Qt.jsx)("span",{className:"k-spacer"}),(0,Qt.jsx)("div",{className:"k-expander-sub-title",children:o}),(0,Qt.jsx)("span",{className:"k-expander-indicator",children:a?(0,Qt.jsx)(x,{icon:"chevron-up"}):(0,Qt.jsx)(x,{icon:"chevron-down"})})]}),(0,Qt.jsx)("div",{className:r("k-expander-content-wrapper",{"k-hidden":!a}),id:v,children:(0,Qt.jsx)("div",{className:"k-expander-content",style:m,children:e.children})})]})};Ce.states=Hh;Ce.options=_h;Ce.className=ai;Ce.defaultOptions=Dh;Ce.moduleName=mp;Ce.folderName=up;Ce.ariaSpec={selector:".k-expander",rules:[{selector:".k-expander-header",attribute:"role=button",usage:"Sets the proper role for the ExpansionPanel header."},{selector:".k-expander-header",attribute:"aria-controls",usage:"Points to the controlled content wrapper element."},{selector:".k-expander-header",attribute:"aria-expanded=true/false",usage:"Indicates the expanded state of the ExpansionPanel."},{selector:".k-expander-header",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-disabled .k-expander-header",attribute:"aria-disabled=true",usage:"Rendered only when the ExpansionPanel is disabled."},{selector:".k-expander-content-wrapper",attribute:"id",usage:"Content wrapper has an id referenced by aria-controls."}]};var pl=Ce;var Rn=require("react/jsx-runtime"),ml=e=>(0,Rn.jsx)(pl,{title:"Panel Title",subtitle:"Optional subtitle",id:H("expander"),children:(0,Rn.jsx)("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...e});var On=require("react/jsx-runtime"),bp=e=>(0,On.jsx)(pl,{expanded:!0,title:"Expanded Panel",subtitle:"With content visible",id:H("expander"),children:(0,On.jsx)("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...e});var Kh=require("react/jsx-runtime");var Eo=require("react/jsx-runtime"),Bh=Ce.options,zh=Ce.states,fp={...Ce.defaultOptions,variant:"normal"},Fh=[{name:"normal",title:"Normal"},{name:"expanded",title:"Expanded"}],Uh=[],Ja=e=>{let{variant:t,...o}={...fp,...e};return(0,Eo.jsxs)("div",{style:o.style?o.style:{width:"467px",height:"265"},children:[t==="expanded"?(0,Eo.jsx)(bp,{title:"Title",children:[(0,Eo.jsx)("span",{children:"This is just a quick example text to build on the Expansion Panel to make up the bulk of the panel content."})],...o,subtitle:"Subtitle"}):(0,Eo.jsx)(ml,{title:"Title",subtitle:"Subtitle",...o}),(0,Eo.jsx)(ml,{title:"Title",subtitle:"Subtitle",...o}),(0,Eo.jsx)(ml,{title:"Title",subtitle:"Subtitle",...o}),(0,Eo.jsx)(ml,{title:"Title",subtitle:"Subtitle",...o})]})};Ja.options=Bh;Ja.states=zh;Ja.variants=Fh;Ja.defaultOptions=fp;Ja.modifiers=Uh;Ja.className=Ce.className;var Tp="form",hp="forms";var go=require("react/jsx-runtime"),ri="k-form",Wh=[],$h={size:[s.undefined,s.small,s.medium,s.large]},Pn={layout:"basic",tag:"form"},Pe=e=>{let{size:t,orientation:o,layout:a=Pn.layout,formButtons:l,cols:n,gutters:d,tag:c=Pn.tag,children:m}=e,g=c,k=r(e.className,ri,M(ri,{size:t}),{[`${ri}-${o}`]:o}),v=(0,go.jsxs)(go.Fragment,{children:[a==="grid"?(0,go.jsx)("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${n}`]:n}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:m}):(0,go.jsx)(go.Fragment,{children:m}),l&&(0,go.jsx)("div",{className:"k-form-buttons",children:l})]}),{role:f,"aria-labelledby":y,"aria-label":L,id:E}=e;return(0,go.jsx)(g,{className:k,role:f,"aria-labelledby":y,"aria-label":L,id:E,children:v})};Pe.states=Wh;Pe.options=$h;Pe.className=ri;Pe.defaultOptions=Pn;Pe.moduleName=Tp;Pe.folderName=hp;var gp="label",xp="label";var ul=require("react/jsx-runtime"),Gn="k-label",Vh=[i.disabled],Xh={},qh={},ea=e=>{let{disabled:t,optional:o,info:a,text:l,children:n,...d}=e;return(0,ul.jsxs)("label",{...d,className:r(e.className,Gn,C(Gn,{disabled:t})),children:[l||n,o&&(0,ul.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),a&&(0,ul.jsx)("span",{className:"k-field-info",children:a})]})};ea.states=Vh;ea.options=Xh;ea.className=Gn;ea.defaultOptions=qh;ea.moduleName=gp;ea.folderName=xp;var Np=require("react/jsx-runtime"),kp="k-form-hint",Jh=[],Zh={},Yh={},jt=e=>{let{text:t,children:o,...a}=e;return(0,Np.jsx)("div",{...a,className:r(e.className,kp),children:t||o})};jt.states=Jh;jt.options=Zh;jt.className=kp;jt.defaultOptions=Yh;var wp=require("react/jsx-runtime"),vp="k-form-error",Qh=[],jh={},eg={},eo=e=>{let{text:t,children:o,...a}=e;return(0,wp.jsx)("div",{...a,className:r(e.className,vp),children:t||o})};eo.states=Qh;eo.options=jh;eo.className=vp;eo.defaultOptions=eg;var ta=require("react/jsx-runtime"),Hn="k-form-field",tg=[i.disabled],to=e=>{let{editorId:t,label:o,orientation:a,optional:l,editor:n,hint:d,error:c,info:m,disabled:g,dir:k,colSpan:v,...f}=e;return(0,ta.jsxs)("div",{...f,className:r(Hn,e.className,C(Hn,{disabled:g}),{[`k-col-span-${v}`]:v}),dir:k,children:[o&&(0,ta.jsx)(ea,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:l,info:m?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&(0,ta.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,ta.jsxs)("div",{className:"k-form-field-wrap",children:[n,d&&(0,ta.jsx)(jt,{id:t?`${t}-hint`:void 0,children:d}),c&&(0,ta.jsx)(eo,{id:t?`${t}-error`:void 0,children:c})]})]})};to.states=tg;to.className=Hn;var oa=require("react/jsx-runtime"),yp="k-form-fieldset",aa=e=>{let{legend:t,layout:o,cols:a,gutters:l,colSpan:n}=e;return(0,oa.jsxs)("fieldset",{className:r(yp,{[`k-col-span-${n}`]:n}),children:[t&&(0,oa.jsx)("legend",{className:"k-form-legend",children:t}),o==="grid"?(0,oa.jsx)("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof l=="string"&&{gap:l},...typeof l=="object"&&l.rows&&{rowGap:l.rows},...typeof l=="object"&&l.cols&&{columnGap:l.cols}},children:e.children}):(0,oa.jsx)(oa.Fragment,{children:e.children})]})};aa.className=yp;var bl="input",li=bl;var Cp=require("react/jsx-runtime"),ii="k-input",og=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ag={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},rg={},be=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:m,rounded:g,fillMode:k,...v}=e;return(0,Cp.jsx)("span",{...v,className:r(e.className,ii,M(ii,{size:m,rounded:g,fillMode:k}),C(ii,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c}))})};be.states=og;be.options=ag;be.className=ii;be.defaultOptions=rg;be.moduleName=bl;be.folderName=li;var Lp=require("react/jsx-runtime"),ni="k-picker",lg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ig={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ng={},xo=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:m,rounded:g,fillMode:k,...v}=e;return(0,Lp.jsx)("span",{...v,className:r(e.className,ni,M(ni,{size:m,rounded:g,fillMode:k}),C(ni,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c})),children:e.children})};xo.states=lg;xo.options=ig;xo.className=ni;xo.defaultOptions=ng;xo.moduleName=bl;xo.folderName=li;var Za=require("react/jsx-runtime"),Mp="k-clear-value",sg=[i.disabled,i.loading,i.readonly],dg={},Xe=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?(0,Za.jsx)(Za.Fragment,{}):(0,Za.jsx)("span",{className:r(e.className,Mp),children:(0,Za.jsx)(x,{icon:"x"})})};Xe.states=sg;Xe.options=dg;Xe.className=Mp;var Sp=require("react/jsx-runtime"),_n="k-input-inner",cg=[],pg={},si={type:"text",autocomplete:"off",value:"",placeholder:""},qe=e=>{let{value:t=si.value,type:o=si.type,placeholder:a=si.placeholder,autocomplete:l=si.autocomplete,disabled:n,readOnly:d,...c}=e;return(0,Sp.jsx)("input",{...c,type:o,className:r(e.className,_n,M(_n,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};qe.states=cg;qe.options=pg;qe.className=_n;var fl=require("react/jsx-runtime"),Dn="k-input-inner",mg=[],ug={},Aa=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return(0,fl.jsxs)("span",{...d,className:r(e.className,Dn,M(Dn,e)),children:[l,!l&&n&&(0,fl.jsx)(x,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&(0,fl.jsx)("span",{className:"k-input-value-text",children:t})]})};Aa.states=mg;Aa.options=ug;Aa.className=Dn;var Ip=require("react/jsx-runtime"),Kn="k-input-inner",bg=[],fg={},Ap={value:"",placeholder:""},Tl=e=>{let{value:t=Ap.value,placeholder:o=Ap.placeholder,rows:a,disabled:l,...n}=e;return(0,Ip.jsx)("textarea",{...n,className:r(e.className,Kn,M(Kn,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Tl.states=bg;Tl.options=fg;Tl.className=Kn;var hl=require("react/jsx-runtime"),Ep="k-input-loading-icon",Tg=[i.disabled,i.loading],Ke=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,hl.jsx)(hl.Fragment,{}):(0,hl.jsx)("span",{className:r(e.className,Ep,"k-icon k-i-loading")})};Ke.states=Tg;Ke.className=Ep;var gl=require("react/jsx-runtime"),Rp="k-input-validation-icon",hg=[i.valid,i.invalid,i.disabled,i.loading],gg={},Ge=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?(0,gl.jsx)(gl.Fragment,{}):(0,gl.jsx)(x,{className:r(Rp),icon:n})};Ge.states=hg;Ge.options=gg;Ge.className=Rp;var xl=require("react/jsx-runtime"),xg="k-input-prefix",kg={direction:"horizontal"},st=e=>{let{direction:t=kg.direction,...o}=e;return e.children?(0,xl.jsx)("span",{...o,className:r(xg,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,xl.jsx)(xl.Fragment,{})};var kl=require("react/jsx-runtime"),Ng="k-input-suffix",vg={direction:"horizontal"},dt=e=>{let{direction:t=vg.direction,...o}=e;return e.children?(0,kl.jsx)("span",{...o,className:r(Ng,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,kl.jsx)(kl.Fragment,{})};var wg=require("react/jsx-runtime");var Op=require("react/jsx-runtime"),yg="k-input-suffix-text",Bn=e=>{let{children:t,...o}=e;return(0,Op.jsx)("span",{...o,className:r(yg,e.className),children:t})};var Gp=require("react/jsx-runtime"),Pp="k-input-separator",Cg={direction:"vertical"},Be=e=>{let{direction:t=Cg.direction,...o}=e;return(0,Gp.jsx)("span",{...o,className:r(Pp,e.className,{[`${Pp}-${t}`]:t})})};var ze=require("react/jsx-runtime"),Lg=be.states,Mg=be.defaultOptions,Sg=be.options,Ag=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ig=[],Ya=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:n,readonly:d,...c}=e,m=t==null?void 0:t.prefix,g=t==null?void 0:t.suffix,k=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],f=t==null?void 0:t.separators;return(0,ze.jsxs)(be,{...c,valid:o,invalid:a,loading:l,disabled:n,readonly:d,style:{width:300},children:[m&&(0,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsx)(st,{children:(0,ze.jsx)(x,{icon:"lock"})}),f&&(0,ze.jsx)(Be,{})]}),(0,ze.jsx)(qe,{placeholder:"Placeholder",value:"Value"}),v&&(0,ze.jsx)(Ge,{valid:o,invalid:a,loading:l,disabled:n}),(0,ze.jsx)(Ke,{loading:l,disabled:n}),k&&(0,ze.jsx)(Xe,{loading:l,disabled:n,readonly:d,value:"Value"}),g&&(0,ze.jsxs)(ze.Fragment,{children:[f&&(0,ze.jsx)(Be,{}),(0,ze.jsx)(dt,{children:(0,ze.jsx)(ya,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Ya.options=Sg;Ya.states=Lg;Ya.variants=Ig;Ya.defaultOptions=Mg;Ya.modifiers=Ag;Ya.className=be.className;var _p=require("react/jsx-runtime"),Eg="k-actionsheet-footer",Hp={alignment:"stretched",orientation:"horizontal"},ra=e=>{let{alignment:t=Hp.alignment,orientation:o=Hp.orientation,template:a,as:l=a?"div":St,...n}=e;return(0,_p.jsx)(l,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,Eg),children:e.children})};var zn="searchbox",Dp=zn;var la=require("react/jsx-runtime"),Kp="k-searchbox",Rg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Og={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Fn={showIcon:!0,icon:"search"},Ut=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:n,hover:d,focus:c,valid:m,invalid:g,required:k,loading:v,disabled:f,showIcon:y=Fn.showIcon,icon:L=Fn.icon,"aria-label":E,...R}=e;return(0,la.jsxs)(be,{...R,size:a,rounded:l,fillMode:n,hover:d,focus:c,valid:m,invalid:g,required:k,loading:v,disabled:f,className:r(e.className,Kp),children:[y&&(0,la.jsx)(x,{className:"k-input-icon",icon:L}),(0,la.jsx)(qe,{placeholder:o,value:t,"aria-label":E}),(0,la.jsx)(Ke,{...e}),(0,la.jsx)(Ge,{...e}),(0,la.jsx)(Xe,{...e})]})};Ut.states=Rg;Ut.options=Og;Ut.className=Kp;Ut.defaultOptions=Fn;Ut.moduleName=zn;Ut.folderName=Dp;var Pg=require("react/jsx-runtime");var Un="textbox",Bp=Un;var ct=require("react/jsx-runtime"),zp="k-textbox",Gg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Hg={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},di={showClearButton:!0,showValidationIcon:!0,separators:!0},X=e=>{let{size:t,rounded:o,fillMode:a,separators:l=di.separators,showClearButton:n=di.showClearButton,showValidationIcon:d=di.showValidationIcon,prefix:c,suffix:m,type:g,value:k,placeholder:v,hover:f,focus:y,valid:L,invalid:E,required:R,loading:G,disabled:B,readonly:de,id:ne,"aria-label":Oe,"aria-describedby":Ue,...We}=e;return(0,ct.jsxs)(be,{...We,size:t,rounded:o,fillMode:a,hover:f,focus:y,valid:L,invalid:E,required:R,loading:G,disabled:B,readonly:de,className:r(e.className,zp),children:[c&&(0,ct.jsxs)(ct.Fragment,{children:[(0,ct.jsx)(st,{children:c}),l&&(0,ct.jsx)(Be,{})]}),(0,ct.jsx)(qe,{id:ne,placeholder:v,value:k,type:g,disabled:B,"aria-label":Oe,"aria-describedby":Ue,"aria-invalid":E?"true":void 0}),d&&(0,ct.jsx)(Ge,{valid:L,invalid:E,loading:G,disabled:B}),(0,ct.jsx)(Ke,{loading:G,disabled:B}),n&&(0,ct.jsx)(Xe,{loading:G,disabled:B,readonly:de,value:k}),m&&(0,ct.jsxs)(ct.Fragment,{children:[l&&(0,ct.jsx)(Be,{}),(0,ct.jsx)(dt,{children:m})]})]})};X.states=Gg;X.options=Hg;X.className=zp;X.defaultOptions=di;X.moduleName=Un;X.folderName=Bp;X.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Nl=X;var Up=require("react/jsx-runtime"),Fp=e=>(0,Up.jsx)(Nl,{...e});var Wp=require("react/jsx-runtime");var $p=require("react/jsx-runtime");var _g=require("react/jsx-runtime");var ci=require("react/jsx-runtime"),Dg=X.states,Kg=X.defaultOptions,Bg=X.options,zg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Fg=[],Qa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,ci.jsx)(x,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,ci.jsx)(ya,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,ci.jsx)(Fp,{value:"Value",style:{width:300},...o,...a})};Qa.options=Bg;Qa.states=Dg;Qa.variants=Fg;Qa.defaultOptions=Kg;Qa.modifiers=zg;Qa.className=X.className;var Wt=require("react/jsx-runtime"),Vp="k-actionsheet-titlebar",Ug={},kt=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:n,input:d,inputValue:c,inputPlaceholder:m,adaptive:g,titleId:k,children:v,...f}=e;return(0,Wt.jsxs)("div",{...f,className:r(e.className,Vp),children:[(0,Wt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Wt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,Wt.jsxs)("div",{className:"k-actionsheet-title",id:k,children:[t&&(0,Wt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Wt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,Wt.jsx)("div",{className:"k-actionsheet-title",id:k,children:v}),l&&(0,Wt.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&(0,Wt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,Wt.jsx)(X,{value:c,placeholder:m,size:g?"large":"medium","aria-label":t||m||"Input"}):(0,Wt.jsx)(Ut,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};kt.className=Vp;kt.defaultOptions=Ug;var ja=require("react/jsx-runtime"),Wn="k-actionsheet-view",Wg=[],$g={},Vg={},er=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:n,titleId:d,...c}=e,m=(l==null?void 0:l.type)===kt&&(0,ja.jsx)(kt,{adaptive:t,titleId:d,...l==null?void 0:l.props}),g=(n==null?void 0:n.type)===ra&&(0,ja.jsx)(ra,{...n==null?void 0:n.props});return(0,ja.jsxs)("div",{...c,className:r(e.className,Wn,{[`${Wn}-animated`]:o}),children:[m,(0,ja.jsx)("div",{className:"k-actionsheet-content",children:a}),g]})};er.states=Wg;er.options=$g;er.className=Wn;er.defaultOptions=Vg;var vl="action-sheet",pi=vl;var $n="overlay",Xp=$n;var Jp=require("react/jsx-runtime"),qp="k-over