@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 242 kB
JavaScript
var aT=Object.create;var Xl=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)Xl(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&&Xl(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?Xl(o,"default",{value:e,enumerable:!0}):o,e)),dT=e=>bc(Xl({},"__esModule",{value:!0}),e);var bL={};sT(bL,{ChartWizardFormat:()=>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:h,indeterminate:k,loading:v,empty:b,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":h,"k-indeterminate":k&&!d,"k-loading":v,"k-empty":b,"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"},T={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"),ql="k-actions",cT=[],pT={},Yi={alignment:"start",orientation:"horizontal"},At=e=>{let{alignment:t=Yi.alignment,orientation:o=Yi.orientation,...a}=e;return(0,gc.jsx)("div",{...a,className:r(ql,{[`${ql}-${t}`]:t,[`${ql}-${o}`]:o},e.className),children:e.children})};At.states=cT;At.options=pT;At.className=ql;At.defaultOptions=Yi;At.moduleName=Zi;At.folderName=hc;var tl=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={},ol=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?(0,tl.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,tl.jsx)(tl.Fragment,{})};ol.states=mT;ol.options=uT;ol.className=Qi;ol.defaultOptions=bT;var xc=ol;var Na=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},al=e=>{var v,b;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,Na.jsx)(Na.Fragment,{});if(c==="none")return(0,Na.jsx)("span",{...m,className:r(e.className,ji,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name,k=typeof c=="object"?d&&((v=c.variants)==null?void 0:v[d])||((b=c.variants)==null?void 0:b.outline)||c.content:void 0;return(0,Na.jsx)("span",{...m,className:r(e.className,ji,M("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`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,Na.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})})};al.states=fT;al.options=TT;al.className=ji;al.defaultOptions=en;var tn=al;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"),Jl="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]},Zl={viewBox:"0 0 24 24",type:"svg",variant:fo.outline},g=e=>{let{iconsType:t}=(0,yc.useContext)(wc),{size:o,themeColor:a,icon:l,type:n=t||Zl.type,rotate:d,flip:c,viewBox:m=Zl.viewBox,variant:h=Zl.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,Jl),icon:l,size:o,variant:h});let b=on[l]?l:hT(`${l}-icon`);return on[b]?(0,Lo.jsx)(tn,{...k,className:r(e.className,Jl),icon:on[b],size:o,themeColor:a,rotate:d,flip:c,viewBox:m,variant:h}):(0,Lo.jsx)(Lo.Fragment,{})}return(0,Lo.jsx)(xc,{...k,className:r(e.className,Jl),icon:l,size:o,themeColor:a,rotate:d,flip:c})};g.states=gT;g.options=xT;g.defaultOptions=Zl;g.className=Jl;g.moduleName=kc;g.folderName=Nc;g.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 Bt=require("react/jsx-runtime"),rl="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:[T.undefined,T.none,T.small,T.medium,T.large,T.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:h,focus:k,active:v,selected:b,disabled:y,togglable:L,ariaDisabled:E,icon:R,iconSize:G,text:z,iconClassName:ce,className:se,..._e}=e,Ve=R!=null,Xe=e.children!==void 0;return(0,Bt.jsxs)(t,{className:r(se,rl,Tc(rl,m),M(rl,{size:o,rounded:a,fillMode:l,themeColor:n}),C(rl,{hover:h,focus:k,active:v,disabled:y||E,selected:b}),{"k-icon-button":!z&&!Xe&&Ve}),"aria-pressed":L?b?"true":"false":void 0,..._e,"aria-disabled":E?"true":void 0,disabled:y||void 0,children:[typeof R=="string"&&R&&(0,Bt.jsx)(g,{className:r(ce,"k-button-icon"),icon:R,size:G}),R&&typeof R!="string"&&(0,Bt.jsx)(Bt.Fragment,{children:R}),z?(0,Bt.jsxs)(Bt.Fragment,{children:[z&&(0,Bt.jsx)("span",{className:"k-button-text",children:z}),e.children]}):e.children&&(0,Bt.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,Bt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Bt.jsx)(g,{icon:c})})]})};p.states=NT;p.options=vT;p.variants=kT;p.className=rl;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"),ll=e=>(0,Mc.jsx)(p,{icon:"folder",children:"Button",...e});var Sc=require("react/jsx-runtime"),va=e=>(0,Sc.jsx)(p,{children:"Button",...e});var Yl=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=[],Ba=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Yl.jsx)(Mo,{...o,icon:"star"});case"icon-and-text":return(0,Yl.jsx)(ll,{...o,icon:"star",children:"Button"});default:return(0,Yl.jsx)(va,{...o,children:"Button"})}};Ba.options=wT;Ba.states=yT;Ba.variants=LT;Ba.defaultOptions=CT;Ba.modifiers=MT;Ba.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:[T.undefined,T.none,T.small,T.medium,T.large,T.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"},le=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:m,disabled:h,icon:k,text:v,showArrow:b=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:h,ariaDisabled:h||void 0,icon:k,showArrow:b,arrowIconName:y,"aria-expanded":L?"true":"false",...!v&&k&&!e["aria-label"]&&{"aria-label":"Menu"}})};le.states=ST;le.options=AT;le.className=Ic;le.defaultOptions=nn;le.moduleName=ln;le.folderName=Ac;le.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var IT=require("react/jsx-runtime");var ET=require("react/jsx-runtime");var RT=require("react/jsx-runtime");var zt="menu",Qt=zt;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"},nt=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:m,last:h,showArrow:k,arrowIconName:v,iconPosition:b=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":h}),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&&b==="before"&&(0,So.jsx)(g,{className:"k-menu-link-icon",icon:d}),(0,So.jsx)("span",{className:"k-menu-link-text",children:c}),d&&b==="after"&&(0,So.jsx)(g,{className:"k-menu-link-icon",icon:d}),k&&(0,So.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,So.jsx)(g,{icon:G})})]}),L]})};nt.states=OT;nt.options=PT;nt.className=sn;nt.defaultOptions=Rc;nt.moduleName=zt;nt.folderName=Qt;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"},ee=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:m,last:h,showArrow:k,arrowIconName:v,iconPosition:b=cn.iconPosition,dir:y=cn.dir,children:L,popup:E,expanded:R,...G}=e,z=v;return z||(z=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":h}),...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&&b==="before"&&(0,Ao.jsx)(g,{className:"k-menu-link-icon",icon:d}),(0,Ao.jsx)("span",{className:"k-menu-link-text",children:c}),d&&b==="after"&&(0,Ao.jsx)(g,{className:"k-menu-link-icon",icon:d}),k&&(0,Ao.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Ao.jsx)(g,{icon:z})})]}),L,E]})};ee.states=GT;ee.options=HT;ee.className=dn;ee.defaultOptions=cn;ee.moduleName=zt;ee.folderName=Qt;var Gc=require("react/jsx-runtime"),Oc="k-menu-scroll-wrapper",_T=[],DT={},KT={},wa=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})};wa.states=_T;wa.options=DT;wa.className=Oc;wa.defaultOptions=KT;wa.moduleName=zt;wa.folderName=Qt;var Pc=wa;var qe=require("react/jsx-runtime"),pn="k-menu",BT=[],zT={},jl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ye=e=>{let{children:t,orientation:o=jl.orientation,header:a=jl.header,scrollable:l,scrollButtonsPosition:n=jl.scrollButtonsPosition,wrapperStyles:d,dir:c,popup:m,contextMenu:h,...k}=e,v={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,qe.jsx)("ul",{dir:c,...k,className:r(e.className,"k-reset",pn,{[`${pn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,qe.jsxs)(qe.Fragment,{children:[l?(0,qe.jsxs)(Pc,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&(0,qe.jsxs)(qe.Fragment,{children:[(0,qe.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,qe.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,qe.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"}),b,n==="end"&&(0,qe.jsxs)(qe.Fragment,{children:[(0,qe.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,qe.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,qe.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"})]}):b,m]})};ye.states=BT;ye.options=zT;ye.className=pn;ye.defaultOptions=jl;ye.moduleName=zt;ye.folderName=Qt;ye.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"},qo=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"})};qo.className=mn;qo.defaultOptions=Hc;qo.moduleName=zt;qo.folderName=Qt;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={},Pe=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})};Pe.states=FT;Pe.options=UT;Pe.className=un;Pe.defaultOptions=WT;Pe.moduleName=zt;Pe.folderName=Qt;var no=require("react/jsx-runtime"),bn=e=>(0,no.jsx)(ye,{children:(0,no.jsxs)(no.Fragment,{children:[(0,no.jsx)(nt,{first:!0,text:"Item 1"}),(0,no.jsx)(nt,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,no.jsx)(nt,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,no.jsx)(nt,{text:"Item 4"}),(0,no.jsx)(nt,{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"},pe=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})})};pe.states=XT;pe.options=qT;pe.className=Uc;pe.defaultOptions=Wc;pe.moduleName=gn;pe.folderName=Fc;pe.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var 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={...ye.options,scrollable:{type:"boolean"}},ZT=ye.states,$c={...ye.defaultOptions,variant:"horizontal"},YT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],QT=[{name:"opened",title:"Opened"}],za=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)(pe,{className:"k-menu-popup",offset:n,children:(0,ho.jsxs)(Pe,{children:[(0,ho.jsx)(ee,{text:"Item 1"}),(0,ho.jsx)(ee,{text:"Item 2"}),(0,ho.jsx)(qo,{}),(0,ho.jsx)(ee,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,ho.jsx)(bn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,ho.jsx)(bn,{...a,...l})};za.options=JT;za.states=ZT;za.variants=YT;za.defaultOptions=$c;za.modifiers=QT;za.className=ye.className;var yn=require("react/jsx-runtime");var jT=require("react/jsx-runtime");var st=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"}],Fa=e=>{let{variant:t,modifiers:o,...a}={...Vc,...e},l={},n=(0,st.jsx)(pe,{className:"k-menu-popup",children:(0,st.jsxs)(Pe,{size:a.size,children:[(0,st.jsx)(ee,{first:!0,text:"Menu Item"}),(0,st.jsx)(ee,{text:"Menu Item"}),(0,st.jsx)(ee,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,st.jsx)("div",{children:(0,st.jsx)(le,{...a,...l,icon:"star"})});break;case"icon-and-text":d=(0,st.jsx)("div",{children:(0,st.jsx)(le,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:d=(0,st.jsx)("div",{children:(0,st.jsx)(le,{...a,...l,children:"Dropdown Button"})});break}return(0,st.jsxs)(st.Fragment,{children:[d,(o==null?void 0:o.opened)&&n]})};Fa.options=th;Fa.states=eh;Fa.variants=oh;Fa.defaultOptions=Vc;Fa.modifiers=ah;Fa.className=le.className;var il="window",ei=il;var qc=require("react/jsx-runtime"),Xc="k-window-content",rh=[],lh={},ih={},Jo=e=>{let{children:t,...o}=e;return(0,qc.jsx)("div",{...o,className:r(Xc,e.className),children:t})};Jo.states=rh;Jo.options=lh;Jo.className=Xc;Jo.defaultOptions=ih;Jo.moduleName=il;Jo.folderName=ei;var Ft=require("react/jsx-runtime"),Cn="k-window",nh=[],sh={},dh={},dt=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,Ft.jsxs)("div",{...d,className:r(e.className,Cn,{[`${Cn}-minimized`]:a}),role:"dialog","aria-labelledby":c,children:[(t!==void 0||o)&&(0,Ft.jsxs)("div",{className:"k-window-titlebar",children:[t!==void 0&&(0,Ft.jsx)("span",{className:"k-window-title",id:c,children:t}),o&&(0,Ft.jsx)(Ft.Fragment,{children:(0,Ft.jsx)("div",{className:"k-window-titlebar-actions",children:o.map(m=>m==="more-vertical"?(0,Ft.jsx)(le,{icon:m,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},m):(0,Ft.jsx)(p,{icon:m,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":m},m))})})]}),(0,Ft.jsx)(Jo,{className:r({"k-hidden":a}),children:e.children}),l&&(0,Ft.jsx)(At,{alignment:n,className:"k-window-actions",children:l})]})};dt.states=nh;dt.options=sh;dt.className=Cn;dt.defaultOptions=dh;dt.moduleName=il;dt.folderName=ei;dt.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 Zo=require("react/jsx-runtime"),ch=dt.options,ph=dt.states,Zc={...dt.defaultOptions,variant:"normal"},mh=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],uh=[],Ua=e=>{let{variant:t,...o}={...Zc,...e};return(0,Zo.jsx)(dt,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?(0,Zo.jsxs)(Zo.Fragment,{children:[(0,Zo.jsx)(p,{children:"Cancel"}),(0,Zo.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."})};Ua.options=ch;Ua.states=ph;Ua.variants=mh;Ua.defaultOptions=Zc;Ua.modifiers=uh;Ua.className=dt.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)(dt,{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 Yo=require("react/jsx-runtime"),hh=[],gh={},ep={buttonText:"Export"},ya=e=>{let{buttonText:t=ep.buttonText,children:o}=e;return(0,Yo.jsxs)(Yo.Fragment,{children:[(0,Yo.jsx)("div",{className:"k-preview-pane-header",children:(0,Yo.jsx)(le,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),(0,Yo.jsx)("div",{className:"k-preview-pane-content",children:o})]})};ya.states=hh;ya.options=gh;ya.defaultOptions=ep;var tp=require("react/jsx-runtime"),Ca="k-pane",xh=[],kh={},Mn={resizable:!0,flex:!1},ze=e=>{let{scrollable:t,flexBasis:o,flex:a=Mn.flex,collapsible:l,resizable:n=Mn.resizable,pinned:d,unpinned:c,tabbed:m,...h}=e;return(0,tp.jsx)("div",{...h,style:{flexBasis:o,...e.style},className:r(e.className,Ca,{[`${Ca}-static`]:o,[`${Ca}-flex`]:a,"k-scrollable":t,[`${Ca}-pinned`]:d,[`${Ca}-unpinned`]:c,[`${Ca}-tabbed`]:m}),role:"group",children:e.children})};ze.states=xh;ze.options=kh;ze.className=Ca;ze.defaultOptions=Mn;var Ut=require("react/jsx-runtime"),Wa="k-splitbar",Nh=[i.hover,i.focus],vh={},Sn={orientation:"horizontal",draggable:!0},$a=e=>{let{hover:t,focus:o,orientation:a=Sn.orientation,draggable:l=Sn.draggable,collapsePrev:n,collapseNext:d,ariaLabel:c,...m}=e;return(0,Ut.jsxs)("div",{...m,className:r(e.className,Wa,C(Wa,{hover:t,focus:o}),{[`${Wa}-${a}`]:a,[`${Wa}-draggable-${a}`]:l,[`${Wa}-static-${a}`]:!l&&!n&&!d}),role:"separator","aria-label":c,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&(0,Ut.jsx)(Ut.Fragment,{children:(0,Ut.jsx)("div",{className:"k-collapse-prev",children:(0,Ut.jsx)(g,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Ut.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),d&&(0,Ut.jsx)(Ut.Fragment,{children:(0,Ut.jsx)("div",{className:"k-collapse-next",children:(0,Ut.jsx)(g,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};$a.states=Nh;$a.options=vh;$a.className=Wa;$a.defaultOptions=Sn;var An="splitter",op=An;var ti=require("react/jsx-runtime"),rp=require("react"),In="k-splitter",wh={},ap={orientation:"horizontal"},Je=e=>{let{orientation:t=ap.orientation,children:o,panes:a,...l}=e,n=[];return a&&a.forEach((d,c)=>{let m=a[c+1],h=d.props,k=m==null?void 0:m.props;n.push((0,rp.createElement)(ze,{...h,key:c})),m&&n.push((0,ti.jsx)($a,{draggable:h.resizable!==!1&&k.resizable!==!1,collapsePrev:h.collapsible,collapseNext:k.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${c}`))}),(0,ti.jsxs)("div",{...l,className:r(e.className,In,{[`${In}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};Je.options=wh;Je.className=In;Je.defaultOptions=ap;Je.moduleName=An;Je.folderName=op;Je.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 La=require("react/jsx-runtime"),nl=require("react"),yh=Je.options,Ch=Je.states,np={...Je.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"}],Va=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 h=o==null?void 0:o[m];switch(m){case"secondPaneProps":d=l(!!h);break;case"firstPaneProps":n=l(!!h);break;default:break}}),t==="vertical"?(0,La.jsx)(Je,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,nl.createElement)(ze,{...n,flexBasis:"50%",style:c,key:"pane-1"},(0,La.jsx)("p",{children:n.content})),(0,nl.createElement)(ze,{...d,flexBasis:"50%",style:c,key:"pane-2"},(0,La.jsx)("p",{children:d.content}))]}):(0,La.jsx)(Je,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,nl.createElement)(ze,{...n,flexBasis:"50%",style:c,key:"pane-1"},(0,La.jsx)("p",{children:n.content})),(0,nl.createElement)(ze,{...d,flexBasis:"50%",style:c,key:"pane-2"},(0,La.jsx)("p",{children:d.content}))]})};Va.options=yh;Va.states=Ch;Va.variants=Lh;Va.defaultOptions=np;Va.modifiers=Mh;Va.className=Je.className;var dp=require("react/jsx-runtime"),sp="k-chart-wizard-splitter",Sh=[],Ah={},Ih={},Qo=e=>{let{children:t,panes:o,...a}=e;return(0,dp.jsx)(Je,{...a,className:r(e.className,sp),panes:o,children:t})};Qo.states=Sh;Qo.options=Ah;Qo.className=sp;Qo.defaultOptions=Ih;var pp=require("react/jsx-runtime"),cp="k-chart-types-wrapper",Eh={},Rh={},oi=e=>(0,pp.jsx)("div",{...e,className:r(e.className,cp),children:e.children});oi.options=Eh;oi.className=cp;oi.defaultOptions=Rh;var sl=require("react/jsx-runtime"),En="k-icon-text-wrapper",Oh=[i.focus,i.selected],Ph={},Gh={},dl=e=>{let{focus:t,selected:o,icon:a,text:l,...n}=e;return(0,sl.jsxs)("div",{...n,className:r(e.className,En,C(En,{focus:t,selected:o})),children:[(0,sl.jsx)("div",{className:"k-icon-background-area",children:(0,sl.jsx)(g,{icon:a,size:"xlarge"})}),l]})};dl.states=Oh;dl.options=Ph;dl.className=En;dl.defaultOptions=Gh;var mp="expander",up="expansion-panel";var jt=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:h,...k}=e,v=h?`${h}-content`:H("expander-content");return(0,jt.jsxs)("div",{...k,className:r(e.className,ai,C(ai,{hover:l,focus:n,disabled:d,expanded:a})),dir:c,children:[(0,jt.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,jt.jsx)("div",{className:"k-expander-title",children:t}),(0,jt.jsx)("span",{className:"k-spacer"}),(0,jt.jsx)("div",{className:"k-expander-sub-title",children:o}),(0,jt.jsx)("span",{className:"k-expander-indicator",children:a?(0,jt.jsx)(g,{icon:"chevron-up"}):(0,jt.jsx)(g,{icon:"chevron-down"})})]}),(0,jt.jsx)("div",{className:r("k-expander-content-wrapper",{"k-hidden":!a}),id:v,children:(0,jt.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 cl=Ce;var Rn=require("react/jsx-runtime"),pl=e=>(0,Rn.jsx)(cl,{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)(cl,{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 Io=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=[],Xa=e=>{let{variant:t,...o}={...fp,...e};return(0,Io.jsxs)("div",{style:o.style?o.style:{width:"467px",height:"265"},children:[t==="expanded"?(0,Io.jsx)(bp,{title:"Title",children:[(0,Io.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,Io.jsx)(pl,{title:"Title",subtitle:"Subtitle",...o}),(0,Io.jsx)(pl,{title:"Title",subtitle:"Subtitle",...o}),(0,Io.jsx)(pl,{title:"Title",subtitle:"Subtitle",...o}),(0,Io.jsx)(pl,{title:"Title",subtitle:"Subtitle",...o})]})};Xa.options=Bh;Xa.states=zh;Xa.variants=Fh;Xa.defaultOptions=fp;Xa.modifiers=Uh;Xa.className=Ce.className;var gp=require("react/jsx-runtime"),Tp="k-tabstrip-items",Wh=[],$h={},Vh={tabAlignment:"start"},ml=e=>{let{children:t,tabAlignment:o,orientation:a,...l}=e;return(0,gp.jsx)("ul",{...l,className:r(e.className,Tp,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};ml.states=Wh;ml.options=$h;ml.className=Tp;ml.defaultOptions=Vh;var hp=ml;var vp=require("react/jsx-runtime"),xp="k-tabstrip-items-wrapper",Xh=[],qh={},kp={orientation:"horizontal"},ul=e=>{let{children:t,orientation:o=kp.orientation,...a}=e;return(0,vp.jsx)("div",{...a,className:r(e.className,xp,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};ul.states=Xh;ul.options=qh;ul.className=xp;ul.defaultOptions=kp;var Np=ul;var bl="tabstrip",ri=bl;var Nt=require("react/jsx-runtime"),jo="k-tabstrip",Jh=[],Zh={size:[s.undefined,s.small,s.medium,s.large]},li={position:"top",tabAlignment:"start",scrollButtons:"around"},Ie=e=>{let{size:t,scrollable:o,children:a,tabStripItems:l,tabStripItemsId:n,position:d=li.position,tabAlignment:c=li.tabAlignment,scrollButtons:m=li.scrollButtons,dir:h,scrollingPosition:k,overflow:v,...b}=e,y={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},L={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},E={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,Nt.jsxs)("div",{dir:h,...b,className:r(jo,e.className,{[`${jo}-${d}`]:d,[`${jo}-scrollable`]:o,[`${jo}-scrollable-overlay`]:o&&(m==="hidden"||!m),[`${jo}-scrollable-${k}`]:k&&k!=="both",[`${jo}-overflow`]:v},M(jo,{size:t})),children:[d==="bottom"&&a,(0,Nt.jsxs)(Np,{orientation:L[d],children:[o&&(m==="around"||m==="start")&&(0,Nt.jsx)("span",{className:r("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Nt.jsx)(g,{className:"k-button-icon",icon:`chevron-${y[d].prev}`})}),o&&m==="start"&&(0,Nt.jsx)("span",{className:r("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Nt.jsx)(g,{className:"k-button-icon",icon:`chevron-${y[d].next}`})}),(0,Nt.jsx)(hp,{className:r({"k-tabstrip-items-scroll":o&&m==="hidden"}),tabAlignment:E[c],orientation:L[d],...n&&{id:n},children:l}),o&&m==="end"&&(0,Nt.jsx)("span",{className:r("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Nt.jsx)(g,{className:"k-button-icon",icon:`chevron-${y[d].prev}`})}),o&&(m==="around"||m==="end")&&(0,Nt.jsx)("span",{className:r("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Nt.jsx)(g,{className:"k-button-icon",icon:`chevron-${y[d].next}`})}),v&&(0,Nt.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,Nt.jsx)(le,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&a]})};Ie.states=Jh;Ie.options=Zh;Ie.className=jo;Ie.defaultOptions=li;Ie.moduleName=bl;Ie.folderName=ri;Ie.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var yp=require("react/jsx-runtime"),wp="k-tabstrip-wrapper",Yh=[],Qh={},jh={},qa=e=>{let{...t}=e;return(0,yp.jsx)("div",{...t,className:r(e.className,wp),children:e.children})};qa.states=Yh;qa.options=Qh;qa.className=wp;qa.defaultOptions=jh;qa.moduleName=bl;qa.folderName=ri;var Eo=require("react/jsx-runtime"),Pn="k-tabstrip-item",eg=[i.active,i.hover,i.disabled,i.focus],tg={},Cp={iconPosition:"before"},Ge=e=>{let{dragging:t,active:o,hover:a,focus:l,disabled:n,children:d,first:c,last:m,closable:h,icon:k,iconPosition:v=Cp.iconPosition,value:b,actions:y,...L}=e;return(0,Eo.jsxs)("li",{...L,className:r(e.className,Pn,C(Pn,{hover:a,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":c,"k-last":m}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[(0,Eo.jsxs)("span",{className:"k-link",children:[k&&v==="before"&&(0,Eo.jsx)(g,{icon:k}),b&&(0,Eo.jsx)("span",{className:"k-link-text",children:b}),k&&v==="after"&&(0,Eo.jsx)(g,{icon:k})]}),(y||h)&&(0,Eo.jsxs)("span",{className:"k-item-actions",children:[y,h&&(0,Eo.jsx)(p,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};Ge.states=eg;Ge.options=tg;Ge.className=Pn;Ge.item=Cp;var Lp=require("react/jsx-runtime"),Gn="k-tabstrip-content",og=[i.active,i.focus],ag={},rg={},It=e=>{let{active:t,focus:o,children:a,...l}=e;return(0,Lp.jsx)("div",{...l,className:r(e.className,Gn,C(Gn,{active:t,focus:o}),e.className),role:"tabpanel",children:a})};It.states=og;It.options=ag;It.className=Gn;It.defaultOptions=rg;var Wt=require("react/jsx-runtime"),co=({children:e,...t})=>(0,Wt.jsx)(Ie,{tabStripItems:(0,Wt.jsxs)(Wt.Fragment,{children:[(0,Wt.jsx)(Ge,{first:!0,value:"First"}),(0,Wt.jsx)(Ge,{active:!0,value:"Second"}),(0,Wt.jsx)(Ge,{value:"Third"}),(0,Wt.jsx)(Ge,{value:"Fourth"}),(0,Wt.jsx)(Ge,{last:!0,value:"Fifth"})]}),...t,children:e||(0,Wt.jsx)(It,{active:!0,children:(0,Wt.jsx)("div",{children:"TabStrip Content"})})});var Sp=require("react/jsx-runtime"),Mp=e=>(0,Sp.jsx)(co,{position:"bottom",...e});var Ip=require("react/jsx-runtime"),Ap=e=>(0,Ip.jsx)(co,{position:"right",...e});var Rp=require("react/jsx-runtime"),Ep=e=>(0,Rp.jsx)(co,{position:"left",...e});var lg=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var ig=require("react/jsx-runtime");var _n=require("react/jsx-runtime");var Dn=require("react/jsx-runtime");var fl=require("react/jsx-runtime"),ng={...Ie.options,scrollable:{type:"boolean"}},sg=Ie.states,Op={...Ie.defaultOptions,scrollable:!1,variant:"up"},dg=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],cg=[],Ja=e=>{let{variant:t,...o}={...Op,...e},a={};switch(t){case"right":return(0,fl.jsx)(Ap,{style:{height:"230px"},...o,...a,position:"right"});case"left":return(0,fl.jsx)(Ep,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return(0,fl.jsx)(Mp,{style:{width:"350px"},...o,...a,position:"bottom"});default:return(0,fl.jsx)(co,{style:{width:"350px"},...o,...a})}};Ja.options=ng;Ja.states=sg;Ja.variants=dg;Ja.defaultOptions=Op;Ja.modifiers=cg;Ja.className=Ie.className;var Kn=require("react/jsx-runtime");var Pp="form",Gp="forms";var go=require("react/jsx-runtime"),ii="k-form",pg=[],mg={size:[s.undefined,s.small,s.medium,s.large]},Bn={layout:"basic",tag:"form"},xe=e=>{let{size:t,orientation:o,layout:a=Bn.layout,formButtons:l,cols:n,gutters:d,tag:c=Bn.tag,children:m}=e,h=c,k=r(e.className,ii,M(ii,{size:t}),{[`${ii}-${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:b,"aria-labelledby":y,"aria-label":L,id:E}=e;return(0,go.jsx)(h,{className:k,role:b,"aria-labelledby":y,"aria-label":L,id:E,children:v})};xe.states=pg;xe.options=mg;xe.className=ii;xe.defaultOptions=Bn;xe.moduleName=Pp;xe.folderName=Gp;var Hp="label",_p="label";var Tl=require("react/jsx-runtime"),zn="k-label",ug=[i.disabled],bg={},fg={},ea=e=>{let{disabled:t,optional:o,info:a,text:l,children:n,...d}=e;return(0,Tl.jsxs)("label",{...d,className:r(e.className,zn,C(zn,{disabled:t})),children:[l||n,o&&(0,Tl.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),a&&(0,Tl.jsx)("span",{className:"k-field-info",children:a})]})};ea.states=ug;ea.options=bg;ea.className=zn;ea.defaultOptions=fg;ea.moduleName=Hp;ea.folderName=_p;var Kp=require("react/jsx-runtime"),Dp="k-form-hint",Tg=[],hg={},gg={},eo=e=>{let{text:t,children:o,...a}=e;return(0,Kp.jsx)("div",{...a,className:r(e.className,Dp),children:t||o})};eo.states=Tg;eo.options=hg;eo.className=Dp;eo.defaultOptions=gg;var zp=require("react/jsx-runtime"),Bp="k-form-error",xg=[],kg={},Ng={},to=e=>{let{text:t,children:o,...a}=e;return(0,zp.jsx)("div",{...a,className:r(e.className,Bp),children:t||o})};to.states=xg;to.options=kg;to.className=Bp;to.defaultOptions=Ng;var ta=require("react/jsx-runtime"),Fn="k-form-field",vg=[i.disabled],K=e=>{let{editorId:t,label:o,orientation:a,optional:l,editor:n,hint:d,error:c,info:m,disabled:h,dir:k,colSpan:v,...b}=e;return(0,ta.jsxs)("div",{...b,className:r(Fn,e.className,C(Fn,{disabled:h}),{[`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)(eo,{id:t?`${t}-hint`:void 0,children:d}),c&&(0,ta.jsx)(to,{id:t?`${t}-error`:void 0,children:c})]})]})};K.states=vg;K.className=Fn;var oa=require("react/jsx-runtime"),Fp="k-form-fieldset",Et=e=>{let{legend:t,layout:o,cols:a,gutters:l,colSpan:n}=e;return(0,oa.jsxs)("fieldset",{className:r(Fp,{[`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})]})};Et.className=Fp;var hl="input",ni=hl;var Up=require("react/jsx-runtime"),si="k-input",wg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],yg={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Cg={},he=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:m,rounded:h,fillMode:k,...v}=e;return(0,Up.jsx)("span",{...v,className:r(e.className,si,M(si,{size:m,rounded:h,fillMode:k}),C(si,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c}))})};he.states=wg;he.options=yg;he.className=si;he.defaultOptions=Cg;he.moduleName=hl;he.folderName=ni;var Wp=require("react/jsx-runtime"),di="k-picker",Lg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Mg={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Sg={},xo=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:m,rounded:h,fillMode:k,...v}=e;return(0,Wp.jsx)("span",{...v,className:r(e.className,di,M(di,{size:m,rounded:h,fillMode:k}),C(di,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c})),children:e.children})};xo.states=Lg;xo.options=Mg;xo.className=di;xo.defaultOptions=Sg;xo.moduleName=hl;xo.folderName=ni;var Za=require("react/jsx-runtime"),$p="k-clear-value",Ag=[i.disabled,i.loading,i.readonly],Ig={},Ze=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,$p),children:(0,Za.jsx)(g,{icon:"x"})})};Ze.states=Ag;Ze.options=Ig;Ze.className=$p;var Vp=require("react/jsx-runtime"),Un="k-input-inner",Eg=[],Rg={},ci={type:"text",autocomplete:"off",value:"",placeholder:""},Ye=e=>{let{value:t=ci.value,type:o=ci.type,placeholder:a=ci.placeholder,autocomplete:l=ci.autocomplete,disabled:n,readOnly:d,...c}=e;return(0,Vp.jsx)("input",{...c,type:o,className:r(e.className,Un,M(Un,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};Ye.states=Eg;Ye.options=Rg;Ye.className=Un;var gl=require("react/jsx-runtime"),Wn="k-input-inner",Og=[],Pg={},Ma=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return(0,gl.jsxs)("span",{...d,className:r(e.className,Wn,M(Wn,e)),children:[l,!l&&n&&(0,gl.jsx)(g,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&(0,gl.jsx)("span",{className:"k-input-value-text",children:t})]})};Ma.states=Og;Ma.options=Pg;Ma.className=Wn;var qp=require("react/jsx-runtime"),$n="k-input-inner",Gg=[],Hg={},Xp={value:"",placeholder:""},xl=e=>{let{value:t=Xp.value,placeholder:o=Xp.placeholder,rows:a,disabled:l,...n}=e;return(0,qp.jsx)("textarea",{...n,className:r(e.className,$n,M($n,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};xl.states=Gg;xl.options=Hg;xl.className=$n;var kl=require("react/jsx-runtime"),Jp="k-input-loading-icon",_g=[i.disabled,i.loading],Fe=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,kl.jsx)(kl.Fragment,{}):(0,kl.jsx)("span",{className:r(e.className,Jp,"k-icon k-i-loading")})};Fe.states=_g;Fe.className=Jp;var Nl=require("react/jsx-runtime"),Zp="k-input-validation-icon",Dg=[i.valid,i.invalid,i.disabled,i.loading],Kg={},De=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?(0,Nl.jsx)(Nl.Fragment,{}):(0,Nl.jsx)(g,{className:r(Zp),icon:n})};De.states=Dg;De.options=Kg;De.className=Zp;var vl=require("react/jsx-runtime"),Bg="k-input-prefix",zg={direction:"horizontal"},ct=e=>{let{direction:t=zg.direction,...o}=e;return e.children?(0,vl.jsx)("span",{...o,className:r(Bg,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,vl.jsx)(vl.Fragment,{})};var wl=require("react/jsx-runtime"),Fg="k-input-suffix",Ug={direction:"horizontal"},pt=e=>{let{direction:t=Ug.direction,...o}=e;return e.children?(0,wl.jsx)("span",{...o,className:r(Fg,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,wl.jsx)(wl.Fragment,{})};var Wg=require("react/js