@progress/kendo-themes-html/dist/esm/chart-wizard/templates/chart-wizard-normal.mjs

A collection of HTML helpers used for developing Kendo UI themes

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 L=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),y=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:n,checked:d,active:c,selected:u,disabled:T,indeterminate:x,loading:v,empty:b,readonly:w,highlighted:C,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":T,"k-indeterminate":x&&!d,"k-loading":v,"k-empty":b,"k-readonly":w,"k-highlighted":C},Object.keys(I).reduce((E,O)=>(O.startsWith("k-")?E[O]=I[O]:E[`k-${O}`]=I[O],E),{}))};function Qs(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"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Qt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},M={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 Mi={};function P(e){return Mi[e]=(Mi[e]||0)+1,`k-${e}-${Mi[e]}`}var Si="action-buttons",js=Si;import{jsx as Lu}from"react/jsx-runtime";var vl="k-actions",yu=[],Cu={},Ai={alignment:"start",orientation:"horizontal"},bt=e=>{let{alignment:t=Ai.alignment,orientation:o=Ai.orientation,...a}=e;return Lu("div",{...a,className:r(vl,{[`${vl}-${t}`]:t,[`${vl}-${o}`]:o},e.className),children:e.children})};bt.states=yu;bt.options=Cu;bt.className=vl;bt.defaultOptions=Ai;bt.moduleName=Si;bt.folderName=js;import{Fragment as Iu,jsx as ed}from"react/jsx-runtime";var Ii="k-font-icon",Mu=[],Su={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},Au={},_r=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?ed("span",{...d,className:r(e.className,Ii,L(Ii,{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"}):ed(Iu,{})};_r.states=Mu;_r.options=Su;_r.className=Ii;_r.defaultOptions=Au;var td=_r;import{Fragment as Ou,jsx as wl}from"react/jsx-runtime";var Ei="k-svg-icon",Eu=[],Ru={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info],variant:[Qt.outline,Qt.solid,Qt.duotone]},Ri={viewBox:"0 0 24 24",variant:Qt.outline},Dr=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:n=Ri.viewBox,variant:d=Ri.variant,icon:c,...u}=e;if(!c)return wl(Ou,{});if(c==="none")return wl("span",{...u,className:r(e.className,Ei,L("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let T=typeof c=="object"&&c.name&&c.name,x=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return wl("span",{...u,className:r(e.className,Ei,L("k-icon",{size:t}),{[`k-svg-i-${T}`]:T,[`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:wl("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:c?void 0:e.children})})};Dr.states=Eu;Dr.options=Ru;Dr.className=Ei;Dr.defaultOptions=Ri;var Oi=Dr;import*as Pi from"@progress/kendo-svg-icons";var od="icon",ad="icons";import{useContext as Gu}from"react";import{createContext as Pu}from"react";var rd=Pu({iconsType:"svg"});import{Fragment as ld,jsx as Kr}from"react/jsx-runtime";var yl="k-icon",Hu=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),_u=[],Du={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info],variant:[Qt.outline,Qt.solid,Qt.duotone]},Cl={viewBox:"0 0 24 24",type:"svg",variant:Qt.outline},h=e=>{let{iconsType:t}=Gu(rd),{size:o,themeColor:a,icon:l,type:n=t||Cl.type,rotate:d,flip:c,viewBox:u=Cl.viewBox,variant:T=Cl.variant,...x}=e;if(!l)return Kr(ld,{});if((t||n)==="svg"){if(l==="none")return Kr(Oi,{...x,className:r(e.className,yl),icon:l,size:o,variant:T});let b=Pi[l]?l:Hu(`${l}-icon`);return Pi[b]?Kr(Oi,{...x,className:r(e.className,yl),icon:Pi[b],size:o,themeColor:a,rotate:d,flip:c,viewBox:u,variant:T}):Kr(ld,{})}return Kr(td,{...x,className:r(e.className,yl),icon:l,size:o,themeColor:a,rotate:d,flip:c})};h.states=_u;h.options=Du;h.defaultOptions=Cl;h.className=yl;h.moduleName=od;h.folderName=ad;h.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 Gi="button",id=Gi;import{Fragment as nd,jsx as ka,jsxs as sd}from"react/jsx-runtime";var Br="k-button",Ku=["icon-button"],Bu=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],zu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},Hi={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:n,showArrow:d=Hi.showArrow,arrowIconName:c=Hi.arrowIconName,variant:u,hover:T,focus:x,active:v,selected:b,disabled:w,togglable:C,ariaDisabled:I,icon:E,iconSize:O,text:_,iconClassName:se,className:ie,...Ae}=e,_e=E!=null,De=e.children!==void 0;return sd(t,{className:r(ie,Br,Qs(Br,u),L(Br,{size:o,rounded:a,fillMode:l,themeColor:n}),y(Br,{hover:T,focus:x,active:v,disabled:w||I,selected:b}),{"k-icon-button":!_&&!De&&_e}),"aria-pressed":C?b?"true":"false":void 0,...Ae,"aria-disabled":I?"true":void 0,disabled:w||void 0,children:[typeof E=="string"&&E&&ka(h,{className:r(se,"k-button-icon"),icon:E,size:O}),E&&typeof E!="string"&&ka(nd,{children:E}),_?sd(nd,{children:[_&&ka("span",{className:"k-button-text",children:_}),e.children]}):e.children&&ka("span",{className:"k-button-text",children:e.children}),d&&ka("span",{className:"k-menu-button-arrow k-button-arrow",children:ka(h,{icon:c})})]})};p.states=Bu;p.options=zu;p.variants=Ku;p.className=Br;p.defaultOptions=Hi;p.moduleName=Gi;p.folderName=id;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."}]};import{jsx as Fu}from"react/jsx-runtime";var io=e=>Fu(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Uu}from"react/jsx-runtime";var zr=e=>Uu(p,{icon:"folder",children:"Button",...e});import{jsx as Wu}from"react/jsx-runtime";var Yo=e=>Wu(p,{children:"Button",...e});import{jsx as _i}from"react/jsx-runtime";var $u=p.options,Vu=p.states,Xu={...p.defaultOptions,variant:"text"},qu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ju=[],Na=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return _i(io,{...o,icon:"star"});case"icon-and-text":return _i(zr,{...o,icon:"star",children:"Button"});default:return _i(Yo,{...o,children:"Button"})}};Na.options=$u;Na.states=Vu;Na.variants=qu;Na.defaultOptions=Xu;Na.modifiers=Ju;Na.className=p.className;var Di="menu-button",dd=Di;import{jsx as Qu}from"react/jsx-runtime";var cd="k-menu-button",Zu=[i.hover,i.focus,i.active,i.selected,i.disabled],Yu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},Ki={showArrow:!0,arrowIconName:"chevron-down"},ae=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:u,disabled:T,icon:x,text:v,showArrow:b=Ki.showArrow,arrowIconName:w=Ki.arrowIconName,expanded:C,...I}=e;return Qu(p,{...I,className:r(e.className,cd),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:u,disabled:T,ariaDisabled:T||void 0,icon:x,showArrow:b,arrowIconName:w,"aria-expanded":C?"true":"false",...!v&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};ae.states=Zu;ae.options=Yu;ae.className=cd;ae.defaultOptions=Ki;ae.moduleName=Di;ae.folderName=dd;ae.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as FL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{jsx as ZL}from"react/jsx-runtime";var yt="menu",Rt=yt;import{jsx as Fr,jsxs as pd}from"react/jsx-runtime";var Bi="k-menu-item",ju=[i.hover,i.focus,i.active,i.selected,i.disabled],eb={},md={iconPosition:"before"},Xe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:u,last:T,showArrow:x,arrowIconName:v,iconPosition:b=md.iconPosition,dir:w,children:C,expanded:I,...E}=e,O=v;return O||(O=w==="rtl"?"chevron-left":"chevron-right"),pd("li",{...E,className:r(e.className,Bi,"k-item",y(Bi,{focus:o,disabled:n,hover:t,active:a,selected:l}),{"k-first":u,"k-last":T}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[pd("span",{className:r("k-link k-menu-link"),children:[d&&b==="before"&&Fr(h,{className:"k-menu-link-icon",icon:d}),Fr("span",{className:"k-menu-link-text",children:c}),d&&b==="after"&&Fr(h,{className:"k-menu-link-icon",icon:d}),x&&Fr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Fr(h,{icon:O})})]}),C]})};Xe.states=ju;Xe.options=eb;Xe.className=Bi;Xe.defaultOptions=md;Xe.moduleName=yt;Xe.folderName=Rt;import{jsx as Ur,jsxs as ud}from"react/jsx-runtime";var zi="k-menu-item",tb=[i.hover,i.focus,i.active,i.selected,i.disabled],ob={},Fi={dir:"ltr",iconPosition:"before"},Y=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:u,last:T,showArrow:x,arrowIconName:v,iconPosition:b=Fi.iconPosition,dir:w=Fi.dir,children:C,popup:I,expanded:E,...O}=e,_=v;return _||(_=w==="rtl"?"chevron-left":"chevron-right"),ud("li",{role:"menuitem",...O,className:r(e.className,zi,"k-item",y(zi,{focus:o,disabled:n}),{"k-first":u,"k-last":T}),...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":E?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ud("span",{className:r("k-link k-menu-link",y("k-menu-link",{hover:t,active:a,selected:l,disabled:n})),children:[d&&b==="before"&&Ur(h,{className:"k-menu-link-icon",icon:d}),Ur("span",{className:"k-menu-link-text",children:c}),d&&b==="after"&&Ur(h,{className:"k-menu-link-icon",icon:d}),x&&Ur("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ur(h,{icon:_})})]}),C,I]})};Y.states=tb;Y.options=ob;Y.className=zi;Y.defaultOptions=Fi;Y.moduleName=yt;Y.folderName=Rt;import{jsx as ib}from"react/jsx-runtime";var bd="k-menu-scroll-wrapper",ab=[],rb={},lb={},Qo=e=>{let{className:t,children:o,orientation:a,...l}=e;return ib("div",{...l,className:r(t,bd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Qo.states=ab;Qo.options=rb;Qo.className=bd;Qo.defaultOptions=lb;Qo.moduleName=yt;Qo.folderName=Rt;var fd=Qo;import{Fragment as Ui,jsx as jo,jsxs as Ml}from"react/jsx-runtime";var Wi="k-menu",nb=[],sb={},Sl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ke=e=>{let{children:t,orientation:o=Sl.orientation,header:a=Sl.header,scrollable:l,scrollButtonsPosition:n=Sl.scrollButtonsPosition,wrapperStyles:d,dir:c,popup:u,contextMenu:T,...x}=e,v={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=jo("ul",{dir:c,...x,className:r(e.className,"k-reset",Wi,{[`${Wi}-${o}`]:o,"k-header":a}),role:T?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ml(Ui,{children:[l?Ml(fd,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&Ml(Ui,{children:[jo(p,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),jo(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"&&jo(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"&&Ml(Ui,{children:[jo(p,{fillMode:"flat",icon:`chevron-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),jo(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"&&jo(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,u]})};ke.states=nb;ke.options=sb;ke.className=Wi;ke.defaultOptions=Sl;ke.moduleName=yt;ke.folderName=Rt;ke.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as db}from"react/jsx-runtime";var $i="k-separator",Td={orientation:"horizontal"},yo=e=>{let{orientation:t=Td.orientation,...o}=e;return db("li",{...o,className:r(e.className,"k-item",$i,{[`${$i}-${t}`]:t}),role:"separator"})};yo.className=$i;yo.defaultOptions=Td;yo.moduleName=yt;yo.folderName=Rt;import{Fragment as CM,jsx as LM}from"react/jsx-runtime";import{jsx as ub}from"react/jsx-runtime";var Vi="k-menu-group",cb=[],pb={size:[s.undefined,s.small,s.medium,s.large]},mb={},Le=e=>{let{children:t,size:o,...a}=e;return ub("ul",{role:"menu",...a,className:r(e.className,Vi,L(Vi,{size:o})),children:t})};Le.states=cb;Le.options=pb;Le.className=Vi;Le.defaultOptions=mb;Le.moduleName=yt;Le.folderName=Rt;import{Fragment as bb,jsx as va,jsxs as fb}from"react/jsx-runtime";var Xi=e=>va(ke,{children:fb(bb,{children:[va(Xe,{first:!0,text:"Item 1"}),va(Xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),va(Xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),va(Xe,{text:"Item 4"}),va(Xe,{last:!0,text:"Item 5"})]}),...e});var qi="popup",hd=qi;import{jsx as gd}from"react/jsx-runtime";var xd="k-animation-container",Tb=[],hb={},Ji={positionMode:"absolute",shown:!0},jt=e=>{let{positionMode:t=Ji.positionMode,shown:o=Ji.shown,animationStyle:a,offset:l,...n}=e;return gd("div",{...n,style:{...l,...e.style},className:r(e.className,xd,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:gd("div",{className:"k-child-animation-container",style:a,children:e.children})})};jt.states=Tb;jt.options=hb;jt.className=xd;jt.defaultOptions=Ji;jt.moduleName=qi;jt.folderName=hd;var Zi="popup",kd=Zi;import{jsx as Nd}from"react/jsx-runtime";var vd="k-popup",gb=[],xb={},wd={positionMode:"absolute"},de=e=>{let{offset:t,positionMode:o=wd.positionMode,animationStyle:a,containerClassName:l,containerRole:n,containerAriaLabel:d,...c}=e;return Nd(jt,{positionMode:o,offset:t,animationStyle:a,className:l,role:n,"aria-label":d,children:Nd("div",{...c,className:r(e.className,vd),children:e.children})})};de.states=gb;de.options=xb;de.className=vd;de.defaultOptions=wd;de.moduleName=Zi;de.folderName=kd;de.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.'}]};import{Fragment as tS,jsx as jM,jsxs as eS}from"react/jsx-runtime";import{Fragment as iS,jsx as lS,jsxs as nS}from"react/jsx-runtime";import{Fragment as mS,jsx as pS,jsxs as uS}from"react/jsx-runtime";import{Fragment as gS,jsx as hS,jsxs as xS}from"react/jsx-runtime";import{jsx as ea,jsxs as yb}from"react/jsx-runtime";var kb={...ke.options,scrollable:{type:"boolean"}},Nb=ke.states,yd={...ke.defaultOptions,variant:"horizontal"},vb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],wb=[{name:"opened",title:"Opened"}],wa=e=>{let{variant:t,modifiers:o,...a}={...yd,...e},l={},n=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?ea(de,{className:"k-menu-popup",offset:n,children:yb(Le,{children:[ea(Y,{text:"Item 1"}),ea(Y,{text:"Item 2"}),ea(yo,{}),ea(Y,{text:"Item 3"})]})}):null)}),t==="vertical"?ea(Xi,{...a,...l,orientation:"vertical",style:{width:"200px"}}):ea(Xi,{...a,...l})};wa.options=kb;wa.states=Nb;wa.variants=vb;wa.defaultOptions=yd;wa.modifiers=wb;wa.className=ke.className;import{Fragment as YS,jsx as JS,jsxs as ZS}from"react/jsx-runtime";import{jsx as tA}from"react/jsx-runtime";import{Fragment as Ab,jsx as eo,jsxs as Cd}from"react/jsx-runtime";var Cb=p.states,Ld={...p.defaultOptions,variant:"text"},Lb=p.options,Mb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Sb=[{name:"opened",title:"Opened"}],ya=e=>{let{variant:t,modifiers:o,...a}={...Ld,...e},l={},n=eo(de,{className:"k-menu-popup",children:Cd(Le,{size:a.size,children:[eo(Y,{first:!0,text:"Menu Item"}),eo(Y,{text:"Menu Item"}),eo(Y,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=eo("div",{children:eo(ae,{...a,...l,icon:"star"})});break;case"icon-and-text":d=eo("div",{children:eo(ae,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:d=eo("div",{children:eo(ae,{...a,...l,children:"Dropdown Button"})});break}return Cd(Ab,{children:[d,o?.opened&&n]})};ya.options=Lb;ya.states=Cb;ya.variants=Mb;ya.defaultOptions=Ld;ya.modifiers=Sb;ya.className=ae.className;var Wr="window",Al=Wr;import{jsx as Ob}from"react/jsx-runtime";var Md="k-window-content",Ib=[],Eb={},Rb={},Co=e=>{let{children:t,...o}=e;return Ob("div",{...o,className:r(Md,e.className),children:t})};Co.states=Ib;Co.options=Eb;Co.className=Md;Co.defaultOptions=Rb;Co.moduleName=Wr;Co.folderName=Al;import{Fragment as _b,jsx as ta,jsxs as Sd}from"react/jsx-runtime";var Yi="k-window",Pb=[],Gb={},Hb={},qe=e=>{let{title:t,actions:o,minimized:a,actionButtons:l,actionButtonsAlign:n,...d}=e,c=t!==void 0?P("window-title"):void 0;return Sd("div",{...d,className:r(e.className,Yi,{[`${Yi}-minimized`]:a}),role:"dialog","aria-labelledby":c,children:[(t!==void 0||o)&&Sd("div",{className:"k-window-titlebar",children:[t!==void 0&&ta("span",{className:"k-window-title",id:c,children:t}),o&&ta(_b,{children:ta("div",{className:"k-window-titlebar-actions",children:o.map(u=>u==="more-vertical"?ta(ae,{icon:u,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},u):ta(p,{icon:u,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":u},u))})})]}),ta(Co,{className:r({"k-hidden":a}),children:e.children}),l&&ta(bt,{alignment:n,className:"k-window-actions",children:l})]})};qe.states=Pb;qe.options=Gb;qe.className=Yi;qe.defaultOptions=Hb;qe.moduleName=Wr;qe.folderName=Al;qe.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."}]};import{Fragment as PA,jsx as GA}from"react/jsx-runtime";import{Fragment as Fb,jsx as Qi,jsxs as Ub}from"react/jsx-runtime";var Db=qe.options,Kb=qe.states,Ad={...qe.defaultOptions,variant:"normal"},Bb=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],zb=[],Ca=e=>{let{variant:t,...o}={...Ad,...e};return Qi(qe,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?Ub(Fb,{children:[Qi(p,{children:"Cancel"}),Qi(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."})};Ca.options=Db;Ca.states=Kb;Ca.variants=Bb;Ca.defaultOptions=Ad;Ca.modifiers=zb;Ca.className=qe.className;var ji="chart-wizard",Id=ji;import{jsx as Xb}from"react/jsx-runtime";var Ed="k-chart-wizard",Wb=[],$b={},Vb={},Xt=e=>{let{children:t,...o}=e;return Xb(qe,{title:"Chart Preview",actions:["window","x"],...o,className:r(e.className,Ed),children:t})};Xt.states=Wb;Xt.options=$b;Xt.className=Ed;Xt.defaultOptions=Vb;Xt.moduleName=ji;Xt.folderName=Id;Xt.ariaSpec={selector:".k-chart-wizard",rules:[]};import{Fragment as Zb,jsx as en,jsxs as Yb}from"react/jsx-runtime";var qb=[],Jb={},Rd={buttonText:"Export"},oa=e=>{let{buttonText:t=Rd.buttonText,children:o}=e;return Yb(Zb,{children:[en("div",{className:"k-preview-pane-header",children:en(ae,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),en("div",{className:"k-preview-pane-content",children:o})]})};oa.states=qb;oa.options=Jb;oa.defaultOptions=Rd;import{jsx as ef}from"react/jsx-runtime";var aa="k-pane",Qb=[],jb={},tn={resizable:!0,flex:!1},Oe=e=>{let{scrollable:t,flexBasis:o,flex:a=tn.flex,collapsible:l,resizable:n=tn.resizable,pinned:d,unpinned:c,tabbed:u,...T}=e;return ef("div",{...T,style:{flexBasis:o,...e.style},className:r(e.className,aa,{[`${aa}-static`]:o,[`${aa}-flex`]:a,"k-scrollable":t,[`${aa}-pinned`]:d,[`${aa}-unpinned`]:c,[`${aa}-tabbed`]:u}),role:"group",children:e.children})};Oe.states=Qb;Oe.options=jb;Oe.className=aa;Oe.defaultOptions=tn;import{Fragment as Od,jsx as ra,jsxs as af}from"react/jsx-runtime";var La="k-splitbar",tf=[i.hover,i.focus],of={},on={orientation:"horizontal",draggable:!0},Ma=e=>{let{hover:t,focus:o,orientation:a=on.orientation,draggable:l=on.draggable,collapsePrev:n,collapseNext:d,ariaLabel:c,...u}=e;return af("div",{...u,className:r(e.className,La,y(La,{hover:t,focus:o}),{[`${La}-${a}`]:a,[`${La}-draggable-${a}`]:l,[`${La}-static-${a}`]:!l&&!n&&!d}),role:"separator","aria-label":c,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&ra(Od,{children:ra("div",{className:"k-collapse-prev",children:ra(h,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),ra("div",{className:"k-resize-handle","aria-hidden":"true"}),d&&ra(Od,{children:ra("div",{className:"k-collapse-next",children:ra(h,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Ma.states=tf;Ma.options=of;Ma.className=La;Ma.defaultOptions=on;var an="splitter",Pd=an;import{jsx as nf,jsxs as sf}from"react/jsx-runtime";import{createElement as lf}from"react";var rn="k-splitter",rf={},Gd={orientation:"horizontal"},Ke=e=>{let{orientation:t=Gd.orientation,children:o,panes:a,...l}=e,n=[];return a&&a.forEach((d,c)=>{let u=a[c+1],T=d.props,x=u?.props;n.push(lf(Oe,{...T,key:c})),u&&n.push(nf(Ma,{draggable:T.resizable!==!1&&x.resizable!==!1,collapsePrev:T.collapsible,collapseNext:x.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${c}`))}),sf("div",{...l,className:r(e.className,rn,{[`${rn}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};Ke.options=rf;Ke.className=rn;Ke.defaultOptions=Gd;Ke.moduleName=an;Ke.folderName=Pd;Ke.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."}]};import{jsx as NI,jsxs as vI}from"react/jsx-runtime";import{jsx as LI,jsxs as MI}from"react/jsx-runtime";import{jsx as Sa}from"react/jsx-runtime";import{createElement as Il}from"react";var df=Ke.options,cf=Ke.states,Hd={...Ke.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},pf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mf=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Aa=e=>{let{variant:t,modifiers:o,...a}={...Hd,...e},l=u=>({collapsible:u,content:u?"Resizable and collapsible":"Resizable only"}),n=l(!0),d=l(!0),c={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(u=>{let T=o?.[u];switch(u){case"secondPaneProps":d=l(!!T);break;case"firstPaneProps":n=l(!!T);break;default:break}}),t==="vertical"?Sa(Ke,{style:{height:"238px"},...a,orientation:"vertical",panes:[Il(Oe,{...n,flexBasis:"50%",style:c,key:"pane-1"},Sa("p",{children:n.content})),Il(Oe,{...d,flexBasis:"50%",style:c,key:"pane-2"},Sa("p",{children:d.content}))]}):Sa(Ke,{style:{height:"238px"},...a,orientation:"horizontal",panes:[Il(Oe,{...n,flexBasis:"50%",style:c,key:"pane-1"},Sa("p",{children:n.content})),Il(Oe,{...d,flexBasis:"50%",style:c,key:"pane-2"},Sa("p",{children:d.content}))]})};Aa.options=df;Aa.states=cf;Aa.variants=pf;Aa.defaultOptions=Hd;Aa.modifiers=mf;Aa.className=Ke.className;import{jsx as Tf}from"react/jsx-runtime";var _d="k-chart-wizard-splitter",uf=[],bf={},ff={},Lo=e=>{let{children:t,panes:o,...a}=e;return Tf(Ke,{...a,className:r(e.className,_d),panes:o,children:t})};Lo.states=uf;Lo.options=bf;Lo.className=_d;Lo.defaultOptions=ff;import{jsx as xf}from"react/jsx-runtime";var Dd="k-chart-types-wrapper",hf={},gf={},no=e=>xf("div",{...e,className:r(e.className,Dd),children:e.children});no.options=hf;no.className=Dd;no.defaultOptions=gf;import{jsx as Kd,jsxs as wf}from"react/jsx-runtime";var ln="k-icon-text-wrapper",kf=[i.focus,i.selected],Nf={},vf={},Je=e=>{let{focus:t,selected:o,icon:a,text:l,...n}=e;return wf("div",{...n,className:r(e.className,ln,y(ln,{focus:t,selected:o})),children:[Kd("div",{className:"k-icon-background-area",children:Kd(h,{icon:a,size:"xlarge"})}),l]})};Je.states=kf;Je.options=Nf;Je.className=ln;Je.defaultOptions=vf;var Bd="expander",zd="expansion-panel";import{jsx as Mo,jsxs as Fd}from"react/jsx-runtime";var El="k-expander",yf=[i.hover,i.focus,i.disabled,i.expanded],Cf={},Lf={},Ne=e=>{let{title:t,subtitle:o,expanded:a,hover:l,focus:n,disabled:d,dir:c,contentStyle:u,id:T,...x}=e,v=T?`${T}-content`:P("expander-content");return Fd("div",{...x,className:r(e.className,El,y(El,{hover:l,focus:n,disabled:d,expanded:a})),dir:c,children:[Fd("div",{className:r("k-expander-header",y(El,{hover:l})),role:"button","aria-controls":v,"aria-expanded":a?"true":"false",tabIndex:0,"aria-disabled":d?"true":void 0,children:[Mo("div",{className:"k-expander-title",children:t}),Mo("span",{className:"k-spacer"}),Mo("div",{className:"k-expander-sub-title",children:o}),Mo("span",{className:"k-expander-indicator",children:a?Mo(h,{icon:"chevron-up"}):Mo(h,{icon:"chevron-down"})})]}),Mo("div",{className:r("k-expander-content-wrapper",{"k-hidden":!a}),id:v,children:Mo("div",{className:"k-expander-content",style:u,children:e.children})})]})};Ne.states=yf;Ne.options=Cf;Ne.className=El;Ne.defaultOptions=Lf;Ne.moduleName=Bd;Ne.folderName=zd;Ne.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 $r=Ne;import{jsx as Ud}from"react/jsx-runtime";var Vr=e=>Ud($r,{title:"Panel Title",subtitle:"Optional subtitle",id:P("expander"),children:Ud("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});import{jsx as Wd}from"react/jsx-runtime";var $d=e=>Wd($r,{expanded:!0,title:"Expanded Panel",subtitle:"With content visible",id:P("expander"),children:Wd("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});import{jsx as hE}from"react/jsx-runtime";import{jsx as Ia,jsxs as Ef}from"react/jsx-runtime";var Mf=Ne.options,Sf=Ne.states,Vd={...Ne.defaultOptions,variant:"normal"},Af=[{name:"normal",title:"Normal"},{name:"expanded",title:"Expanded"}],If=[],Ea=e=>{let{variant:t,...o}={...Vd,...e};return Ef("div",{style:o.style?o.style:{width:"467px",height:"265"},children:[t==="expanded"?Ia($d,{title:"Title",children:[Ia("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"}):Ia(Vr,{title:"Title",subtitle:"Subtitle",...o}),Ia(Vr,{title:"Title",subtitle:"Subtitle",...o}),Ia(Vr,{title:"Title",subtitle:"Subtitle",...o}),Ia(Vr,{title:"Title",subtitle:"Subtitle",...o})]})};Ea.options=Mf;Ea.states=Sf;Ea.variants=Af;Ea.defaultOptions=Vd;Ea.modifiers=If;Ea.className=Ne.className;var Xd="form",qd="forms";import{Fragment as Jd,jsx as Rl,jsxs as Pf}from"react/jsx-runtime";var Ol="k-form",Rf=[],Of={size:[s.undefined,s.small,s.medium,s.large]},nn={layout:"basic",tag:"form"},Ie=e=>{let{size:t,orientation:o,layout:a=nn.layout,formButtons:l,cols:n,gutters:d,tag:c=nn.tag,children:u}=e,T=c,x=r(e.className,Ol,L(Ol,{size:t}),{[`${Ol}-${o}`]:o}),v=Pf(Jd,{children:[a==="grid"?Rl("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:u}):Rl(Jd,{children:u}),l&&Rl("div",{className:"k-form-buttons",children:l})]}),{role:b,"aria-labelledby":w,"aria-label":C,id:I}=e;return Rl(T,{className:x,role:b,"aria-labelledby":w,"aria-label":C,id:I,children:v})};Ie.states=Rf;Ie.options=Of;Ie.className=Ol;Ie.defaultOptions=nn;Ie.moduleName=Xd;Ie.folderName=qd;var Zd="label",Yd="label";import{jsx as Qd,jsxs as Df}from"react/jsx-runtime";var sn="k-label",Gf=[i.disabled],Hf={},_f={},So=e=>{let{disabled:t,optional:o,info:a,text:l,children:n,...d}=e;return Df("label",{...d,className:r(e.className,sn,y(sn,{disabled:t})),children:[l||n,o&&Qd("span",{className:"k-label-optional",children:"(Optional)"}),a&&Qd("span",{className:"k-field-info",children:a})]})};So.states=Gf;So.options=Hf;So.className=sn;So.defaultOptions=_f;So.moduleName=Zd;So.folderName=Yd;import{jsx as Ff}from"react/jsx-runtime";var jd="k-form-hint",Kf=[],Bf={},zf={},Ot=e=>{let{text:t,children:o,...a}=e;return Ff("div",{...a,className:r(e.className,jd),children:t||o})};Ot.states=Kf;Ot.options=Bf;Ot.className=jd;Ot.defaultOptions=zf;import{jsx as Vf}from"react/jsx-runtime";var ec="k-form-error",Uf=[],Wf={},$f={},Pt=e=>{let{text:t,children:o,...a}=e;return Vf("div",{...a,className:r(e.className,ec),children:t||o})};Pt.states=Uf;Pt.options=Wf;Pt.className=ec;Pt.defaultOptions=$f;import{jsx as Pl,jsxs as tc}from"react/jsx-runtime";var dn="k-form-field",Xf=[i.disabled],Gt=e=>{let{editorId:t,label:o,orientation:a,optional:l,editor:n,hint:d,error:c,info:u,disabled:T,dir:x,colSpan:v,...b}=e;return tc("div",{...b,className:r(dn,e.className,y(dn,{disabled:T}),{[`k-col-span-${v}`]:v}),dir:x,children:[o&&Pl(So,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:l,info:u?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&Pl("span",{className:"k-label k-form-label k-label-empty"}),tc("div",{className:"k-form-field-wrap",children:[n,d&&Pl(Ot,{id:t?`${t}-hint`:void 0,children:d}),c&&Pl(Pt,{id:t?`${t}-error`:void 0,children:c})]})]})};Gt.states=Xf;Gt.className=dn;import{Fragment as qf,jsx as cn,jsxs as Jf}from"react/jsx-runtime";var oc="k-form-fieldset",Ao=e=>{let{legend:t,layout:o,cols:a,gutters:l,colSpan:n}=e;return Jf("fieldset",{className:r(oc,{[`k-col-span-${n}`]:n}),children:[t&&cn("legend",{className:"k-form-legend",children:t}),o==="grid"?cn("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}):cn(qf,{children:e.children})]})};Ao.className=oc;var Xr="input",Gl=Xr;import{jsx as jf}from"react/jsx-runtime";var Hl="k-input",Zf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Yf={size:[s.undefined,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Qf={},be=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:u,rounded:T,fillMode:x,...v}=e;return jf("span",{...v,className:r(e.className,Hl,L(Hl,{size:u,rounded:T,fillMode:x}),y(Hl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c}))})};be.states=Zf;be.options=Yf;be.className=Hl;be.defaultOptions=Qf;be.moduleName=Xr;be.folderName=Gl;import{jsx as aT}from"react/jsx-runtime";var _l="k-picker",eT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],tT={size:[s.undefined,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},oT={},to=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:u,rounded:T,fillMode:x,...v}=e;return aT("span",{...v,className:r(e.className,_l,L(_l,{size:u,rounded:T,fillMode:x}),y(_l,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c})),children:e.children})};to.states=eT;to.options=tT;to.className=_l;to.defaultOptions=oT;to.moduleName=Xr;to.folderName=Gl;import{Fragment as iT,jsx as pn}from"react/jsx-runtime";var ac="k-clear-value",rT=[i.disabled,i.loading,i.readonly],lT={},Be=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?pn(iT,{}):pn("span",{className:r(e.className,ac),children:pn(h,{icon:"x"})})};Be.states=rT;Be.options=lT;Be.className=ac;import{jsx as dT}from"react/jsx-runtime";var mn="k-input-inner",nT=[],sT={},Dl={type:"text",autocomplete:"off",value:"",placeholder:""},ze=e=>{let{value:t=Dl.value,type:o=Dl.type,placeholder:a=Dl.placeholder,autocomplete:l=Dl.autocomplete,disabled:n,readOnly:d,...c}=e;return dT("input",{...c,type:o,className:r(e.className,mn,L(mn,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};ze.states=nT;ze.options=sT;ze.className=mn;import{jsx as rc,jsxs as mT}from"react/jsx-runtime";var un="k-input-inner",cT=[],pT={},la=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return mT("span",{...d,className:r(e.className,un,L(un,e)),children:[l,!l&&n&&rc(h,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&rc("span",{className:"k-input-value-text",children:t})]})};la.states=cT;la.options=pT;la.className=un;import{jsx as fT}from"react/jsx-runtime";var bn="k-input-inner",uT=[],bT={},lc={value:"",placeholder:""},qr=e=>{let{value:t=lc.value,placeholder:o=lc.placeholder,rows:a,disabled:l,...n}=e;return fT("textarea",{...n,className:r(e.className,bn,L(bn,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};qr.states=uT;qr.options=bT;qr.className=bn;import{Fragment as hT,jsx as ic}from"react/jsx-runtime";var nc="k-input-loading-icon",TT=[i.disabled,i.loading],Pe=e=>{let{disabled:t,loading:o}=e;return t||!o?ic(hT,{}):ic("span",{className:r(e.className,nc,"k-icon k-i-loading")})};Pe.states=TT;Pe.className=nc;import{Fragment as kT,jsx as sc}from"react/jsx-runtime";var dc="k-input-validation-icon",gT=[i.valid,i.invalid,i.disabled,i.loading],xT={},Ee=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?sc(kT,{}):sc(h,{className:r(dc),icon:n})};Ee.states=gT;Ee.options=xT;Ee.className=dc;import{Fragment as wT,jsx as cc}from"react/jsx-runtime";var NT="k-input-prefix",vT={direction:"horizontal"},Ze=e=>{let{direction:t=vT.direction,...o}=e;return e.children?cc("span",{...o,className:r(NT,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):cc(wT,{})};import{Fragment as LT,jsx as pc}from"react/jsx-runtime";var yT="k-input-suffix",CT={direction:"horizontal"},Ye=e=>{let{direction:t=CT.direction,...o}=e;return e.children?pc("span",{...o,className:r(yT,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):pc(LT,{})};import{jsx as BR}from"react/jsx-runtime";import{jsx as ST}from"react/jsx-runtime";var MT="k-input-suffix-text",fn=e=>{let{children:t,...o}=e;return ST("span",{...o,className:r(MT,e.className),children:t})};import{jsx as IT}from"react/jsx-runtime";var mc="k-input-separator",AT={direction:"vertical"},Ge=e=>{let{direction:t=AT.direction,...o}=e;return IT("span",{...o,className:r(mc,e.className,{[`${mc}-${t}`]:t})})};import{Fragment as uc,jsx as oo,jsxs as Tn}from"react/jsx-runtime";var ET=be.states,RT=be.defaultOptions,OT=be.options,PT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],GT=[],Ra=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:n,readonly:d,...c}=e,u=t?.prefix,T=t?.suffix,x=t?.["clear-button"],v=t?.["validation-icon"],b=t?.separators;return Tn(be,{...c,valid:o,invalid:a,loading:l,disabled:n,readonly:d,style:{width:300},children:[u&&Tn(uc,{children:[oo(Ze,{children:oo(h,{icon:"lock"})}),b&&oo(Ge,{})]}),oo(ze,{placeholder:"Placeholder",value:"Value"}),v&&oo(Ee,{valid:o,invalid:a,loading:l,disabled:n}),oo(Pe,{loading:l,disabled:n}),x&&oo(Be,{loading:l,disabled:n,readonly:d,value:"Value"}),T&&Tn(uc,{children:[b&&oo(Ge,{}),oo(Ye,{children:oo(Yo,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Ra.options=OT;Ra.states=ET;Ra.variants=GT;Ra.defaultOptions=RT;Ra.modifiers=PT;Ra.className=be.className;import{jsx as _T}from"react/jsx-runtime";var HT="k-actionsheet-footer",bc={alignment:"stretched",orientation:"horizontal"},Io=e=>{let{alignment:t=bc.alignment,orientation:o=bc.orientation,template:a,as:l=a?"div":bt,...n}=e;return _T(l,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,HT),children:e.children})};var hn="searchbox",fc=hn;import{jsx as Jr,jsxs as BT}from"react/jsx-runtime";var Tc="k-searchbox",DT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],KT={size:[s.undefined,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},gn={showIcon:!0,icon:"search"},Ct=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:n,hover:d,focus:c,valid:u,invalid:T,required:x,loading:v,disabled:b,showIcon:w=gn.showIcon,icon:C=gn.icon,"aria-label":I,...E}=e;return BT(be,{...E,size:a,rounded:l,fillMode:n,hover:d,focus:c,valid:u,invalid:T,required:x,loading:v,disabled:b,className:r(e.className,Tc),children:[w&&Jr(h,{className:"k-input-icon",icon:C}),Jr(ze,{placeholder:o,value:t,"aria-label":I}),Jr(Pe,{...e}),Jr(Ee,{...e}),Jr(Be,{...e})]})};Ct.states=DT;Ct.options=KT;Ct.className=Tc;Ct.defaultOptions=gn;Ct.moduleName=hn;Ct.folderName=fc;import{jsx as _1}from"react/jsx-runtime";var xn="textbox",hc=xn;import{Fragment as gc,jsx as Eo,jsxs as kn}from"react/jsx-runtime";var xc="k-textbox",zT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],FT={size:[s.undefined,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Kl={showClearButton:!0,showValidationIcon:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Kl.separators,showClearButton:n=Kl.showClearButton,showValidationIcon:d=Kl.showValidationIcon,prefix:c,suffix:u,type:T,value:x,placeholder:v,hover:b,focus:w,valid:C,invalid:I,required:E,loading:O,disabled:_,readonly:se,id:ie,"aria-label":Ae,"aria-describedby":_e,...De}=e;return kn(be,{...De,size:t,rounded:o,fillMode:a,hover:b,focus:w,valid:C,invalid:I,required:E,loading:O,disabled:_,readonly:se,className:r(e.className,xc),children:[c&&kn(gc,{children:[Eo(Ze,{children:c}),l&&Eo(Ge,{})]}),Eo(ze,{id:ie,placeholder:v,value:x,type:T,disabled:_,"aria-label":Ae,"aria-describedby":_e,"aria-invalid":I?"true":void 0}),d&&Eo(Ee,{valid:C,invalid:I,loading:O,disabled:_}),Eo(Pe,{loading:O,disabled:_}),n&&Eo(Be,{loading:O,disabled:_,readonly:se,value:x}),u&&kn(gc,{children:[l&&Eo(Ge,{}),Eo(Ye,{children:u})]})]})};$.states=zT;$.options=FT;$.className=xc;$.defaultOptions=Kl;$.moduleName=xn;$.folderName=hc;$.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 Zr=$;import{jsx as UT}from"react/jsx-runtime";var kc=e=>UT(Zr,{...e});import{Fragment as tO,jsx as eO}from"react/jsx-runtime";import{Fragment as nO,jsx as iO}from"react/jsx-runtime";import{jsx as pO}from"react/jsx-runtime";import{jsx as Nn}from"react/jsx-runtime";var WT=$.states,$T=$.defaultOptions,VT=$.options,XT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],qT=[],Oa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Nn(h,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?Nn(Yo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),Nn(kc,{value:"Value",style:{width:300},...o,...a})};Oa.options=VT;Oa.states=WT;Oa.variants=qT;Oa.defaultOptions=$T;Oa.modifiers=XT;Oa.className=$.className;import{jsx as Ro,jsxs as vn}from"react/jsx-runtime";var Nc="k-actionsheet-titlebar",JT={},rt=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:n,input:d,inputValue:c,inputPlaceholder:u,adaptive:T,titleId:x,children:v,...b}=e;return vn("div",{...b,className:r(e.className,Nc),children:[vn("div",{className:"k-actionsheet-titlebar-group",children:[a&&Ro("div",{className:"k-actionsheet-actions",children:a}),!v&&vn("div",{className:"k-actionsheet-title",id:x,children:[t&&Ro("div",{className:"k-text-center",children:t}),o&&Ro("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&Ro("div",{className:"k-actionsheet-title",id:x,children:v}),l&&Ro("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&Ro("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Ro($,{value:c,placeholder:u,size:T?"large":"medium","aria-label":t||u||"Input"}):Ro(Ct,{placeholder:"Filter",size:T?"large":"medium","aria-label":"Filter options"})})]})};rt.className=Nc;rt.defaultOptions=JT;import{jsx as wn,jsxs as jT}from"react/jsx-runtime";var yn="k-actionsheet-view",ZT=[],YT={},QT={},Pa=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:n,titleId:d,...c}=e,u=l?.type===rt&&wn(rt,{adaptive:t,titleId:d,...l?.props}),T=n?.type===Io&&wn(Io,{...n?.props});return jT("div",{...c,className:r(e.className,yn,{[`${yn}-animated`]:o}),children:[u,wn("div",{className:"k-actionsheet-content",children:a}),T]})};Pa.states=ZT;Pa.options=YT;Pa.className=yn;Pa.defaultOptions=QT;var Yr="action-sheet",Bl=Yr;var Cn="overlay",vc=Cn;import{jsx as ah}from"react/jsx-runtime";var wc="k-overlay",eh=[],th={},oh={},Oo=e=>{let{...t}=e;return ah("div",{...t,className:r(e.className,wc),children:e.children})};Oo.states=eh;Oo.options=th;Oo.className=wc;Oo.defaultOptions=oh;Oo.moduleName=Cn;Oo.folderName=vc;import{jsx as zl,jsxs as ih}from"react/jsx-runtime";var yc="k-actionsheet",rh=[],lh={},Qr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ve=e=>{let{side:t=Qr.side,fullscreen:o=Qr.fullscreen,adaptive:a=Qr.adaptive,overlay:l=Qr.overlay,template:n,children:d,header:c,footer:u,id:T,...x}=e,v=T&&!n&&c?`${T}-title`:void 0;return ih("div",{className:"k-actionsheet-container",children:[l&&zl(Oo,{}),zl(jt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:zl("div",{...x,id:T,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,yc,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n||zl(Pa,{header:c,footer:u,adaptive:a,titleId:v,...e,children:d})})})]})};ve.states=rh;ve.options=lh;ve.className=yc;ve.defaultOptions=Qr;ve.moduleName=Yr;ve.folderName=Bl;ve.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector