@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 235 kB
JavaScript
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:g,loading:N,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":g&&!d,"k-loading":N,"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 js(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"},x={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 Si={};function P(e){return Si[e]=(Si[e]||0)+1,`k-${e}-${Si[e]}`}var Ai="action-buttons",ed=Ai;import{jsx as Lu}from"react/jsx-runtime";var Nl="k-actions",yu=[],Cu={},Ii={alignment:"start",orientation:"horizontal"},Tt=e=>{let{alignment:t=Ii.alignment,orientation:o=Ii.orientation,...a}=e;return Lu("div",{...a,className:r(Nl,{[`${Nl}-${t}`]:t,[`${Nl}-${o}`]:o},e.className),children:e.children})};Tt.states=yu;Tt.options=Cu;Tt.className=Nl;Tt.defaultOptions=Ii;Tt.moduleName=Ai;Tt.folderName=ed;import{Fragment as Iu,jsx as td}from"react/jsx-runtime";var Ei="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={},Gr=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?td("span",{...d,className:r(e.className,Ei,L(Ei,{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"}):td(Iu,{})};Gr.states=Mu;Gr.options=Su;Gr.className=Ei;Gr.defaultOptions=Au;var od=Gr;import{Fragment as Ou,jsx as vl}from"react/jsx-runtime";var Ri="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]},Oi={viewBox:"0 0 24 24",variant:Qt.outline},Hr=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:n=Oi.viewBox,variant:d=Oi.variant,icon:c,...u}=e;if(!c)return vl(Ou,{});if(c==="none")return vl("span",{...u,className:r(e.className,Ri,L("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let T=typeof c=="object"&&c.name&&c.name,g=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return vl("span",{...u,className:r(e.className,Ri,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:vl("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:c?void 0:e.children})})};Hr.states=Eu;Hr.options=Ru;Hr.className=Ri;Hr.defaultOptions=Oi;var Pi=Hr;import*as Gi from"@progress/kendo-svg-icons";var ad="icon",rd="icons";import{useContext as Gu}from"react";import{createContext as Pu}from"react";var ld=Pu({iconsType:"svg"});import{Fragment as id,jsx as _r}from"react/jsx-runtime";var wl="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]},yl={viewBox:"0 0 24 24",type:"svg",variant:Qt.outline},h=e=>{let{iconsType:t}=Gu(ld),{size:o,themeColor:a,icon:l,type:n=t||yl.type,rotate:d,flip:c,viewBox:u=yl.viewBox,variant:T=yl.variant,...g}=e;if(!l)return _r(id,{});if((t||n)==="svg"){if(l==="none")return _r(Pi,{...g,className:r(e.className,wl),icon:l,size:o,variant:T});let b=Gi[l]?l:Hu(`${l}-icon`);return Gi[b]?_r(Pi,{...g,className:r(e.className,wl),icon:Gi[b],size:o,themeColor:a,rotate:d,flip:c,viewBox:u,variant:T}):_r(id,{})}return _r(od,{...g,className:r(e.className,wl),icon:l,size:o,themeColor:a,rotate:d,flip:c})};h.states=_u;h.options=Du;h.defaultOptions=yl;h.className=wl;h.moduleName=ad;h.folderName=rd;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 Hi="button",nd=Hi;import{Fragment as sd,jsx as ga,jsxs as dd}from"react/jsx-runtime";var Dr="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:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},_i={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:n,showArrow:d=_i.showArrow,arrowIconName:c=_i.arrowIconName,variant:u,hover:T,focus:g,active:N,selected:b,disabled:w,togglable:C,ariaDisabled:I,icon:E,iconSize:O,text:D,iconClassName:de,className:ne,...Oe}=e,Be=E!=null,ze=e.children!==void 0;return dd(t,{className:r(ne,Dr,js(Dr,u),L(Dr,{size:o,rounded:a,fillMode:l,themeColor:n}),y(Dr,{hover:T,focus:g,active:N,disabled:w||I,selected:b}),{"k-icon-button":!D&&!ze&&Be}),"aria-pressed":C?b?"true":"false":void 0,...Oe,"aria-disabled":I?"true":void 0,disabled:w||void 0,children:[typeof E=="string"&&E&&ga(h,{className:r(de,"k-button-icon"),icon:E,size:O}),E&&typeof E!="string"&&ga(sd,{children:E}),D?dd(sd,{children:[D&&ga("span",{className:"k-button-text",children:D}),e.children]}):e.children&&ga("span",{className:"k-button-text",children:e.children}),d&&ga("span",{className:"k-menu-button-arrow k-button-arrow",children:ga(h,{icon:c})})]})};p.states=Bu;p.options=zu;p.variants=Ku;p.className=Dr;p.defaultOptions=_i;p.moduleName=Hi;p.folderName=nd;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 Kr=e=>Uu(p,{icon:"folder",children:"Button",...e});import{jsx as Wu}from"react/jsx-runtime";var Jo=e=>Wu(p,{children:"Button",...e});import{jsx as Di}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=[],xa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Di(io,{...o,icon:"star"});case"icon-and-text":return Di(Kr,{...o,icon:"star",children:"Button"});default:return Di(Jo,{...o,children:"Button"})}};xa.options=$u;xa.states=Vu;xa.variants=qu;xa.defaultOptions=Xu;xa.modifiers=Ju;xa.className=p.className;var Ki="menu-button",cd=Ki;import{jsx as Qu}from"react/jsx-runtime";var pd="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:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},Bi={showArrow:!0,arrowIconName:"chevron-down"},re=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:u,disabled:T,icon:g,text:N,showArrow:b=Bi.showArrow,arrowIconName:w=Bi.arrowIconName,expanded:C,...I}=e;return Qu(p,{...I,className:r(e.className,pd),text:N,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:u,disabled:T,ariaDisabled:T||void 0,icon:g,showArrow:b,arrowIconName:w,"aria-expanded":C?"true":"false",...!N&&g&&!e["aria-label"]&&{"aria-label":"Menu"}})};re.states=Zu;re.options=Yu;re.className=pd;re.defaultOptions=Bi;re.moduleName=Ki;re.folderName=cd;re.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};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 Lt="menu",Ot=Lt;import{jsx as Br,jsxs as md}from"react/jsx-runtime";var zi="k-menu-item",ju=[i.hover,i.focus,i.active,i.selected,i.disabled],eb={},ud={iconPosition:"before"},Ye=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:u,last:T,showArrow:g,arrowIconName:N,iconPosition:b=ud.iconPosition,dir:w,children:C,expanded:I,...E}=e,O=N;return O||(O=w==="rtl"?"chevron-left":"chevron-right"),md("li",{...E,className:r(e.className,zi,"k-item",y(zi,{focus:o,disabled:n,hover:t,active:a,selected:l}),{"k-first":u,"k-last":T}),role:"menuitem",...g&&{"aria-haspopup":"menu"},...g&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[md("span",{className:r("k-link k-menu-link"),children:[d&&b==="before"&&Br(h,{className:"k-menu-link-icon",icon:d}),Br("span",{className:"k-menu-link-text",children:c}),d&&b==="after"&&Br(h,{className:"k-menu-link-icon",icon:d}),g&&Br("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Br(h,{icon:O})})]}),C]})};Ye.states=ju;Ye.options=eb;Ye.className=zi;Ye.defaultOptions=ud;Ye.moduleName=Lt;Ye.folderName=Ot;import{jsx as zr,jsxs as bd}from"react/jsx-runtime";var Fi="k-menu-item",tb=[i.hover,i.focus,i.active,i.selected,i.disabled],ob={},Ui={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:u,last:T,showArrow:g,arrowIconName:N,iconPosition:b=Ui.iconPosition,dir:w=Ui.dir,children:C,popup:I,expanded:E,...O}=e,D=N;return D||(D=w==="rtl"?"chevron-left":"chevron-right"),bd("li",{role:"menuitem",...O,className:r(e.className,Fi,"k-item",y(Fi,{focus:o,disabled:n}),{"k-first":u,"k-last":T}),...g&&{"aria-haspopup":"menu"},...g&&{"aria-expanded":E?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bd("span",{className:r("k-link k-menu-link",y("k-menu-link",{hover:t,active:a,selected:l,disabled:n})),children:[d&&b==="before"&&zr(h,{className:"k-menu-link-icon",icon:d}),zr("span",{className:"k-menu-link-text",children:c}),d&&b==="after"&&zr(h,{className:"k-menu-link-icon",icon:d}),g&&zr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:zr(h,{icon:D})})]}),C,I]})};Q.states=tb;Q.options=ob;Q.className=Fi;Q.defaultOptions=Ui;Q.moduleName=Lt;Q.folderName=Ot;import{jsx as ib}from"react/jsx-runtime";var fd="k-menu-scroll-wrapper",ab=[],rb={},lb={},Zo=e=>{let{className:t,children:o,orientation:a,...l}=e;return ib("div",{...l,className:r(t,fd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Zo.states=ab;Zo.options=rb;Zo.className=fd;Zo.defaultOptions=lb;Zo.moduleName=Lt;Zo.folderName=Ot;var Td=Zo;import{Fragment as Wi,jsx as Yo,jsxs as Ll}from"react/jsx-runtime";var $i="k-menu",nb=[],sb={},Ml={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},we=e=>{let{children:t,orientation:o=Ml.orientation,header:a=Ml.header,scrollable:l,scrollButtonsPosition:n=Ml.scrollButtonsPosition,wrapperStyles:d,dir:c,popup:u,contextMenu:T,...g}=e,N={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=Yo("ul",{dir:c,...g,className:r(e.className,"k-reset",$i,{[`${$i}-${o}`]:o,"k-header":a}),role:T?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ll(Wi,{children:[l?Ll(Td,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&Ll(Wi,{children:[Yo(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Yo(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Yo(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,n==="end"&&Ll(Wi,{children:[Yo(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Yo(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Yo(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,u]})};we.states=nb;we.options=sb;we.className=$i;we.defaultOptions=Ml;we.moduleName=Lt;we.folderName=Ot;we.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 Vi="k-separator",hd={orientation:"horizontal"},wo=e=>{let{orientation:t=hd.orientation,...o}=e;return db("li",{...o,className:r(e.className,"k-item",Vi,{[`${Vi}-${t}`]:t}),role:"separator"})};wo.className=Vi;wo.defaultOptions=hd;wo.moduleName=Lt;wo.folderName=Ot;import{Fragment as CM,jsx as LM}from"react/jsx-runtime";import{jsx as ub}from"react/jsx-runtime";var Xi="k-menu-group",cb=[],pb={size:[s.undefined,s.small,s.medium,s.large]},mb={},Ie=e=>{let{children:t,size:o,...a}=e;return ub("ul",{role:"menu",...a,className:r(e.className,Xi,L(Xi,{size:o})),children:t})};Ie.states=cb;Ie.options=pb;Ie.className=Xi;Ie.defaultOptions=mb;Ie.moduleName=Lt;Ie.folderName=Ot;import{Fragment as bb,jsx as ka,jsxs as fb}from"react/jsx-runtime";var qi=e=>ka(we,{children:fb(bb,{children:[ka(Ye,{first:!0,text:"Item 1"}),ka(Ye,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),ka(Ye,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),ka(Ye,{text:"Item 4"}),ka(Ye,{last:!0,text:"Item 5"})]}),...e});var Ji="popup",gd=Ji;import{jsx as xd}from"react/jsx-runtime";var kd="k-animation-container",Tb=[],hb={},Zi={positionMode:"absolute",shown:!0},jt=e=>{let{positionMode:t=Zi.positionMode,shown:o=Zi.shown,animationStyle:a,offset:l,...n}=e;return xd("div",{...n,style:{...l,...e.style},className:r(e.className,kd,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:xd("div",{className:"k-child-animation-container",style:a,children:e.children})})};jt.states=Tb;jt.options=hb;jt.className=kd;jt.defaultOptions=Zi;jt.moduleName=Ji;jt.folderName=gd;var Yi="popup",Nd=Yi;import{jsx as vd}from"react/jsx-runtime";var wd="k-popup",gb=[],xb={},yd={positionMode:"absolute"},ce=e=>{let{offset:t,positionMode:o=yd.positionMode,animationStyle:a,containerClassName:l,containerRole:n,containerAriaLabel:d,...c}=e;return vd(jt,{positionMode:o,offset:t,animationStyle:a,className:l,role:n,"aria-label":d,children:vd("div",{...c,className:r(e.className,wd),children:e.children})})};ce.states=gb;ce.options=xb;ce.className=wd;ce.defaultOptions=yd;ce.moduleName=Yi;ce.folderName=Nd;ce.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};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 Qo,jsxs as yb}from"react/jsx-runtime";var kb={...we.options,scrollable:{type:"boolean"}},Nb=we.states,Cd={...we.defaultOptions,variant:"horizontal"},vb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],wb=[{name:"opened",title:"Opened"}],Na=e=>{let{variant:t,modifiers:o,...a}={...Cd,...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]?Qo(ce,{className:"k-menu-popup",offset:n,children:yb(Ie,{children:[Qo(Q,{text:"Item 1"}),Qo(Q,{text:"Item 2"}),Qo(wo,{}),Qo(Q,{text:"Item 3"})]})}):null)}),t==="vertical"?Qo(qi,{...a,...l,orientation:"vertical",style:{width:"200px"}}):Qo(qi,{...a,...l})};Na.options=kb;Na.states=Nb;Na.variants=vb;Na.defaultOptions=Cd;Na.modifiers=wb;Na.className=we.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 Ld}from"react/jsx-runtime";var Cb=p.states,Md={...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"}],va=e=>{let{variant:t,modifiers:o,...a}={...Md,...e},l={},n=eo(ce,{className:"k-menu-popup",children:Ld(Ie,{size:a.size,children:[eo(Q,{first:!0,text:"Menu Item"}),eo(Q,{text:"Menu Item"}),eo(Q,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=eo("div",{children:eo(re,{...a,...l,icon:"star"})});break;case"icon-and-text":d=eo("div",{children:eo(re,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:d=eo("div",{children:eo(re,{...a,...l,children:"Dropdown Button"})});break}return Ld(Ab,{children:[d,o?.opened&&n]})};va.options=Lb;va.states=Cb;va.variants=Mb;va.defaultOptions=Md;va.modifiers=Sb;va.className=re.className;var Fr="window",Sl=Fr;import{jsx as Ob}from"react/jsx-runtime";var Sd="k-window-content",Ib=[],Eb={},Rb={},yo=e=>{let{children:t,...o}=e;return Ob("div",{...o,className:r(Sd,e.className),children:t})};yo.states=Ib;yo.options=Eb;yo.className=Sd;yo.defaultOptions=Rb;yo.moduleName=Fr;yo.folderName=Sl;import{Fragment as _b,jsx as jo,jsxs as Ad}from"react/jsx-runtime";var Qi="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 Ad("div",{...d,className:r(e.className,Qi,{[`${Qi}-minimized`]:a}),role:"dialog","aria-labelledby":c,children:[(t!==void 0||o)&&Ad("div",{className:"k-window-titlebar",children:[t!==void 0&&jo("span",{className:"k-window-title",id:c,children:t}),o&&jo(_b,{children:jo("div",{className:"k-window-titlebar-actions",children:o.map(u=>u==="more-vertical"?jo(re,{icon:u,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},u):jo(p,{icon:u,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":u},u))})})]}),jo(yo,{className:r({"k-hidden":a}),children:e.children}),l&&jo(Tt,{alignment:n,className:"k-window-actions",children:l})]})};Qe.states=Pb;Qe.options=Gb;Qe.className=Qi;Qe.defaultOptions=Hb;Qe.moduleName=Fr;Qe.folderName=Sl;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 ji,jsxs as Ub}from"react/jsx-runtime";var Db=Qe.options,Kb=Qe.states,Id={...Qe.defaultOptions,variant:"normal"},Bb=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],zb=[],wa=e=>{let{variant:t,...o}={...Id,...e};return ji(Qe,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?Ub(Fb,{children:[ji(p,{children:"Cancel"}),ji(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."})};wa.options=Db;wa.states=Kb;wa.variants=Bb;wa.defaultOptions=Id;wa.modifiers=zb;wa.className=Qe.className;var en="chart-wizard",Ed=en;import{jsx as Xb}from"react/jsx-runtime";var Rd="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,Rd),children:t})};Xt.states=Wb;Xt.options=$b;Xt.className=Rd;Xt.defaultOptions=Vb;Xt.moduleName=en;Xt.folderName=Ed;Xt.ariaSpec={selector:".k-chart-wizard",rules:[]};import{Fragment as Zb,jsx as tn,jsxs as Yb}from"react/jsx-runtime";var qb=[],Jb={},Od={buttonText:"Export"},ea=e=>{let{buttonText:t=Od.buttonText,children:o}=e;return Yb(Zb,{children:[tn("div",{className:"k-preview-pane-header",children:tn(re,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),tn("div",{className:"k-preview-pane-content",children:o})]})};ea.states=qb;ea.options=Jb;ea.defaultOptions=Od;import{jsx as ef}from"react/jsx-runtime";var ta="k-pane",Qb=[],jb={},on={resizable:!0,flex:!1},He=e=>{let{scrollable:t,flexBasis:o,flex:a=on.flex,collapsible:l,resizable:n=on.resizable,pinned:d,unpinned:c,tabbed:u,...T}=e;return ef("div",{...T,style:{flexBasis:o,...e.style},className:r(e.className,ta,{[`${ta}-static`]:o,[`${ta}-flex`]:a,"k-scrollable":t,[`${ta}-pinned`]:d,[`${ta}-unpinned`]:c,[`${ta}-tabbed`]:u}),role:"group",children:e.children})};He.states=Qb;He.options=jb;He.className=ta;He.defaultOptions=on;import{Fragment as Pd,jsx as oa,jsxs as af}from"react/jsx-runtime";var ya="k-splitbar",tf=[i.hover,i.focus],of={},an={orientation:"horizontal",draggable:!0},Ca=e=>{let{hover:t,focus:o,orientation:a=an.orientation,draggable:l=an.draggable,collapsePrev:n,collapseNext:d,ariaLabel:c,...u}=e;return af("div",{...u,className:r(e.className,ya,y(ya,{hover:t,focus:o}),{[`${ya}-${a}`]:a,[`${ya}-draggable-${a}`]:l,[`${ya}-static-${a}`]:!l&&!n&&!d}),role:"separator","aria-label":c,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&oa(Pd,{children:oa("div",{className:"k-collapse-prev",children:oa(h,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),oa("div",{className:"k-resize-handle","aria-hidden":"true"}),d&&oa(Pd,{children:oa("div",{className:"k-collapse-next",children:oa(h,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Ca.states=tf;Ca.options=of;Ca.className=ya;Ca.defaultOptions=an;var rn="splitter",Gd=rn;import{jsx as nf,jsxs as sf}from"react/jsx-runtime";import{createElement as lf}from"react";var ln="k-splitter",rf={},Hd={orientation:"horizontal"},Fe=e=>{let{orientation:t=Hd.orientation,children:o,panes:a,...l}=e,n=[];return a&&a.forEach((d,c)=>{let u=a[c+1],T=d.props,g=u?.props;n.push(lf(He,{...T,key:c})),u&&n.push(nf(Ca,{draggable:T.resizable!==!1&&g.resizable!==!1,collapsePrev:T.collapsible,collapseNext:g.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${c}`))}),sf("div",{...l,className:r(e.className,ln,{[`${ln}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};Fe.options=rf;Fe.className=ln;Fe.defaultOptions=Hd;Fe.moduleName=rn;Fe.folderName=Gd;Fe.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 La}from"react/jsx-runtime";import{createElement as Al}from"react";var df=Fe.options,cf=Fe.states,_d={...Fe.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"}],Ma=e=>{let{variant:t,modifiers:o,...a}={..._d,...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"?La(Fe,{style:{height:"238px"},...a,orientation:"vertical",panes:[Al(He,{...n,flexBasis:"50%",style:c,key:"pane-1"},La("p",{children:n.content})),Al(He,{...d,flexBasis:"50%",style:c,key:"pane-2"},La("p",{children:d.content}))]}):La(Fe,{style:{height:"238px"},...a,orientation:"horizontal",panes:[Al(He,{...n,flexBasis:"50%",style:c,key:"pane-1"},La("p",{children:n.content})),Al(He,{...d,flexBasis:"50%",style:c,key:"pane-2"},La("p",{children:d.content}))]})};Ma.options=df;Ma.states=cf;Ma.variants=pf;Ma.defaultOptions=_d;Ma.modifiers=mf;Ma.className=Fe.className;import{jsx as Tf}from"react/jsx-runtime";var Dd="k-chart-wizard-splitter",uf=[],bf={},ff={},Co=e=>{let{children:t,panes:o,...a}=e;return Tf(Fe,{...a,className:r(e.className,Dd),panes:o,children:t})};Co.states=uf;Co.options=bf;Co.className=Dd;Co.defaultOptions=ff;import{jsx as xf}from"react/jsx-runtime";var Kd="k-chart-types-wrapper",hf={},gf={},Il=e=>xf("div",{...e,className:r(e.className,Kd),children:e.children});Il.options=hf;Il.className=Kd;Il.defaultOptions=gf;import{jsx as Bd,jsxs as wf}from"react/jsx-runtime";var nn="k-icon-text-wrapper",kf=[i.focus,i.selected],Nf={},vf={},Ur=e=>{let{focus:t,selected:o,icon:a,text:l,...n}=e;return wf("div",{...n,className:r(e.className,nn,y(nn,{focus:t,selected:o})),children:[Bd("div",{className:"k-icon-background-area",children:Bd(h,{icon:a,size:"xlarge"})}),l]})};Ur.states=kf;Ur.options=Nf;Ur.className=nn;Ur.defaultOptions=vf;var zd="expander",Fd="expansion-panel";import{jsx as Lo,jsxs as Ud}from"react/jsx-runtime";var El="k-expander",yf=[i.hover,i.focus,i.disabled,i.expanded],Cf={},Lf={},ye=e=>{let{title:t,subtitle:o,expanded:a,hover:l,focus:n,disabled:d,dir:c,contentStyle:u,id:T,...g}=e,N=T?`${T}-content`:P("expander-content");return Ud("div",{...g,className:r(e.className,El,y(El,{hover:l,focus:n,disabled:d,expanded:a})),dir:c,children:[Ud("div",{className:r("k-expander-header",y(El,{hover:l})),role:"button","aria-controls":N,"aria-expanded":a?"true":"false",tabIndex:0,"aria-disabled":d?"true":void 0,children:[Lo("div",{className:"k-expander-title",children:t}),Lo("span",{className:"k-spacer"}),Lo("div",{className:"k-expander-sub-title",children:o}),Lo("span",{className:"k-expander-indicator",children:a?Lo(h,{icon:"chevron-up"}):Lo(h,{icon:"chevron-down"})})]}),Lo("div",{className:r("k-expander-content-wrapper",{"k-hidden":!a}),id:N,children:Lo("div",{className:"k-expander-content",style:u,children:e.children})})]})};ye.states=yf;ye.options=Cf;ye.className=El;ye.defaultOptions=Lf;ye.moduleName=zd;ye.folderName=Fd;ye.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 Wr=ye;import{jsx as Wd}from"react/jsx-runtime";var $r=e=>Wd(Wr,{title:"Panel Title",subtitle:"Optional subtitle",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 $d}from"react/jsx-runtime";var Vd=e=>$d(Wr,{expanded:!0,title:"Expanded Panel",subtitle:"With content visible",id:P("expander"),children:$d("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 Sa,jsxs as Ef}from"react/jsx-runtime";var Mf=ye.options,Sf=ye.states,Xd={...ye.defaultOptions,variant:"normal"},Af=[{name:"normal",title:"Normal"},{name:"expanded",title:"Expanded"}],If=[],Aa=e=>{let{variant:t,...o}={...Xd,...e};return Ef("div",{style:o.style?o.style:{width:"467px",height:"265"},children:[t==="expanded"?Sa(Vd,{title:"Title",children:[Sa("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"}):Sa($r,{title:"Title",subtitle:"Subtitle",...o}),Sa($r,{title:"Title",subtitle:"Subtitle",...o}),Sa($r,{title:"Title",subtitle:"Subtitle",...o}),Sa($r,{title:"Title",subtitle:"Subtitle",...o})]})};Aa.options=Mf;Aa.states=Sf;Aa.variants=Af;Aa.defaultOptions=Xd;Aa.modifiers=If;Aa.className=ye.className;import{jsx as Gf}from"react/jsx-runtime";var qd="k-tabstrip-items",Rf=[],Of={},Pf={tabAlignment:"start"},Vr=e=>{let{children:t,tabAlignment:o,orientation:a,...l}=e;return Gf("ul",{...l,className:r(e.className,qd,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};Vr.states=Rf;Vr.options=Of;Vr.className=qd;Vr.defaultOptions=Pf;var Jd=Vr;import{jsx as Df}from"react/jsx-runtime";var Zd="k-tabstrip-items-wrapper",Hf=[],_f={},Yd={orientation:"horizontal"},Xr=e=>{let{children:t,orientation:o=Yd.orientation,...a}=e;return Df("div",{...a,className:r(e.className,Zd,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};Xr.states=Hf;Xr.options=_f;Xr.className=Zd;Xr.defaultOptions=Yd;var Qd=Xr;var qr="tabstrip",Rl=qr;import{jsx as qt,jsxs as jd}from"react/jsx-runtime";var Mo="k-tabstrip",Kf=[],Bf={size:[s.undefined,s.small,s.medium,s.large]},Ol={position:"top",tabAlignment:"start",scrollButtons:"around"},Le=e=>{let{size:t,scrollable:o,children:a,tabStripItems:l,tabStripItemsId:n,position:d=Ol.position,tabAlignment:c=Ol.tabAlignment,scrollButtons:u=Ol.scrollButtons,dir:T,scrollingPosition:g,overflow:N,...b}=e,w={top:{prev:T!=="rtl"?"left":"right",next:T!=="rtl"?"right":"left"},bottom:{prev:T!=="rtl"?"left":"right",next:T!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},C={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},I={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return jd("div",{dir:T,...b,className:r(Mo,e.className,{[`${Mo}-${d}`]:d,[`${Mo}-scrollable`]:o,[`${Mo}-scrollable-overlay`]:o&&(u==="hidden"||!u),[`${Mo}-scrollable-${g}`]:g&&g!=="both",[`${Mo}-overflow`]:N},L(Mo,{size:t})),children:[d==="bottom"&&a,jd(Qd,{orientation:C[d],children:[o&&(u==="around"||u==="start")&&qt("span",{className:r("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:qt(h,{className:"k-button-icon",icon:`chevron-${w[d].prev}`})}),o&&u==="start"&&qt("span",{className:r("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:qt(h,{className:"k-button-icon",icon:`chevron-${w[d].next}`})}),qt(Jd,{className:r({"k-tabstrip-items-scroll":o&&u==="hidden"}),tabAlignment:I[c],orientation:C[d],...n&&{id:n},children:l}),o&&u==="end"&&qt("span",{className:r("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:qt(h,{className:"k-button-icon",icon:`chevron-${w[d].prev}`})}),o&&(u==="around"||u==="end")&&qt("span",{className:r("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:qt(h,{className:"k-button-icon",icon:`chevron-${w[d].next}`})}),N&&qt("div",{className:"k-tabstrip-actions k-hstack",children:qt(re,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&a]})};Le.states=Kf;Le.options=Bf;Le.className=Mo;Le.defaultOptions=Ol;Le.moduleName=qr;Le.folderName=Rl;Le.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."}]};import{jsx as Wf}from"react/jsx-runtime";var ec="k-tabstrip-wrapper",zf=[],Ff={},Uf={},Ia=e=>{let{...t}=e;return Wf("div",{...t,className:r(e.className,ec),children:e.children})};Ia.states=zf;Ia.options=Ff;Ia.className=ec;Ia.defaultOptions=Uf;Ia.moduleName=qr;Ia.folderName=Rl;import{jsx as Pl,jsxs as sn}from"react/jsx-runtime";var dn="k-tabstrip-item",$f=[i.active,i.hover,i.disabled,i.focus],Vf={},tc={iconPosition:"before"},Ee=e=>{let{dragging:t,active:o,hover:a,focus:l,disabled:n,children:d,first:c,last:u,closable:T,icon:g,iconPosition:N=tc.iconPosition,value:b,actions:w,...C}=e;return sn("li",{...C,className:r(e.className,dn,y(dn,{hover:a,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":c,"k-last":u}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[sn("span",{className:"k-link",children:[g&&N==="before"&&Pl(h,{icon:g}),b&&Pl("span",{className:"k-link-text",children:b}),g&&N==="after"&&Pl(h,{icon:g})]}),(w||T)&&sn("span",{className:"k-item-actions",children:[w,T&&Pl(p,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};Ee.states=$f;Ee.options=Vf;Ee.className=dn;Ee.item=tc;import{jsx as Zf}from"react/jsx-runtime";var cn="k-tabstrip-content",Xf=[i.active,i.focus],qf={},Jf={},ht=e=>{let{active:t,focus:o,children:a,...l}=e;return Zf("div",{...l,className:r(e.className,cn,y(cn,{active:t,focus:o}),e.className),role:"tabpanel",children:a})};ht.states=Xf;ht.options=qf;ht.className=cn;ht.defaultOptions=Jf;import{Fragment as Yf,jsx as So,jsxs as Qf}from"react/jsx-runtime";var Jt=({children:e,...t})=>So(Le,{tabStripItems:Qf(Yf,{children:[So(Ee,{first:!0,value:"First"}),So(Ee,{active:!0,value:"Second"}),So(Ee,{value:"Third"}),So(Ee,{value:"Fourth"}),So(Ee,{last:!0,value:"Fifth"})]}),...t,children:e||So(ht,{active:!0,children:So("div",{children:"TabStrip Content"})})});import{jsx as jf}from"react/jsx-runtime";var oc=e=>jf(Jt,{position:"bottom",...e});import{jsx as eT}from"react/jsx-runtime";var ac=e=>eT(Jt,{position:"right",...e});import{jsx as tT}from"react/jsx-runtime";var rc=e=>tT(Jt,{position:"left",...e});import{jsx as gR}from"react/jsx-runtime";import{Fragment as wR,jsx as vR,jsxs as yR}from"react/jsx-runtime";import{jsx as SR}from"react/jsx-runtime";import{Fragment as GR,jsx as PR,jsxs as HR}from"react/jsx-runtime";import{Fragment as zR,jsx as BR,jsxs as FR}from"react/jsx-runtime";import{jsx as Gl}from"react/jsx-runtime";var oT={...Le.options,scrollable:{type:"boolean"}},aT=Le.states,lc={...Le.defaultOptions,scrollable:!1,variant:"up"},rT=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],lT=[],Ea=e=>{let{variant:t,...o}={...lc,...e},a={};switch(t){case"right":return Gl(ac,{style:{height:"230px"},...o,...a,position:"right"});case"left":return Gl(rc,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return Gl(oc,{style:{width:"350px"},...o,...a,position:"bottom"});default:return Gl(Jt,{style:{width:"350px"},...o,...a})}};Ea.options=oT;Ea.states=aT;Ea.variants=rT;Ea.defaultOptions=lc;Ea.modifiers=lT;Ea.className=Le.className;import{Fragment as v1,jsx as k1,jsxs as N1}from"react/jsx-runtime";var ic="form",nc="forms";import{Fragment as sc,jsx as Hl,jsxs as sT}from"react/jsx-runtime";var _l="k-form",iT=[],nT={size:[s.undefined,s.small,s.medium,s.large]},pn={layout:"basic",tag:"form"},xe=e=>{let{size:t,orientation:o,layout:a=pn.layout,formButtons:l,cols:n,gutters:d,tag:c=pn.tag,children:u}=e,T=c,g=r(e.className,_l,L(_l,{size:t}),{[`${_l}-${o}`]:o}),N=sT(sc,{children:[a==="grid"?Hl("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}):Hl(sc,{children:u}),l&&Hl("div",{className:"k-form-buttons",children:l})]}),{role:b,"aria-labelledby":w,"aria-label":C,id:I}=e;return Hl(T,{className:g,role:b,"aria-labelledby":w,"aria-label":C,id:I,children:N})};xe.states=iT;xe.options=nT;xe.className=_l;xe.defaultOptions=pn;xe.moduleName=ic;xe.folderName=nc;var dc="label",cc="label";import{jsx as pc,jsxs as mT}from"react/jsx-runtime";var mn="k-label",dT=[i.disabled],cT={},pT={},Ao=e=>{let{disabled:t,optional:o,info:a,text:l,children:n,...d}=e;return mT("label",{...d,className:r(e.className,mn,y(mn,{disabled:t})),children:[l||n,o&&pc("span",{className:"k-label-optional",children:"(Optional)"}),a&&pc("span",{className:"k-field-info",children:a})]})};Ao.states=dT;Ao.options=cT;Ao.className=mn;Ao.defaultOptions=pT;Ao.moduleName=dc;Ao.folderName=cc;import{jsx as TT}from"react/jsx-runtime";var mc="k-form-hint",uT=[],bT={},fT={},Pt=e=>{let{text:t,children:o,...a}=e;return TT("div",{...a,className:r(e.className,mc),children:t||o})};Pt.states=uT;Pt.options=bT;Pt.className=mc;Pt.defaultOptions=fT;import{jsx as kT}from"react/jsx-runtime";var uc="k-form-error",hT=[],gT={},xT={},Gt=e=>{let{text:t,children:o,...a}=e;return kT("div",{...a,className:r(e.className,uc),children:t||o})};Gt.states=hT;Gt.options=gT;Gt.className=uc;Gt.defaultOptions=xT;import{jsx as Dl,jsxs as bc}from"react/jsx-runtime";var un="k-form-field",NT=[i.disabled],H=e=>{let{editorId:t,label:o,orientation:a,optional:l,editor:n,hint:d,error:c,info:u,disabled:T,dir:g,colSpan:N,...b}=e;return bc("div",{...b,className:r(un,e.className,y(un,{disabled:T}),{[`k-col-span-${N}`]:N}),dir:g,children:[o&&Dl(Ao,{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&&Dl("span",{className:"k-label k-form-label k-label-empty"}),bc("div",{className:"k-form-field-wrap",children:[n,d&&Dl(Pt,{id:t?`${t}-hint`:void 0,children:d}),c&&Dl(Gt,{id:t?`${t}-error`:void 0,children:c})]})]})};H.states=NT;H.className=un;import{Fragment as vT,jsx as bn,jsxs as wT}from"react/jsx-runtime";var fc="k-form-fieldset",gt=e=>{let{legend:t,layout:o,cols:a,gutters:l,colSpan:n}=e;return wT("fieldset",{className:r(fc,{[`k-col-span-${n}`]:n}),children:[t&&bn("legend",{className:"k-form-legend",children:t}),o==="grid"?bn("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}):bn(vT,{children:e.children})]})};gt.className=fc;var Jr="input",Kl=Jr;import{jsx as MT}from"react/jsx-runtime";var Bl="k-input",yT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],CT={size:[s.undefined,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},LT={},he=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:u,rounded:T,fillMode:g,...N}=e;return MT("span",{...N,className:r(e.className,Bl,L(Bl,{size:u,rounded:T,fillMode:g}),y(Bl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c}))})};he.states=yT;he.options=CT;he.className=Bl;he.defaultOptions=LT;he.moduleName=Jr;he.folderName=Kl;import{jsx as ET}from"react/jsx-runtime";var zl="k-picker",ST=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],AT={size:[s.undefined,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},IT={},to=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:u,rounded:T,fillMode:g,...N}=e;return ET("span",{...N,className:r(e.className,zl,L(zl,{size:u,rounded:T,fillMode:g}),y(zl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c})),children:e.children})};to.states=ST;to.options=AT;to.className=zl;to.defaultOptions=IT;to.moduleName=Jr;to.folderName=Kl;import{Fragment as PT,jsx as fn}from"react/jsx-runtime";var Tc="k-clear-value",RT=[i.disabled,i.loading,i.readonly],OT={},Ue=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?fn(PT,{}):fn("span",{className:r(e.className,Tc),children:fn(h,{icon:"x"})})};Ue.states=RT;Ue.options=OT;Ue.className=Tc;import{jsx as _T}from"react/jsx-runtime";var Tn="k-input-inner",GT=[],HT={},Fl={type:"text",autocomplete:"off",value:"",placeholder:""},We=e=>{let{value:t=Fl.value,type:o=Fl.type,placeholder:a=Fl.placeholder,autocomplete:l=Fl.autocomplete,disabled:n,readOnly:d,...c}=e;return _T("input",{...c,type:o,className:r(e.className,Tn,L(Tn,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};We.states=GT;We.options=HT;We.className=Tn;import{jsx as hc,jsxs as BT}from"react/jsx-runtime";var hn="k-input-inner",DT=[],KT={},aa=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return BT("span",{...d,className:r(e.className,hn,L(hn,e)),children:[l,!l&&n&&hc(h,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&hc("span",{className:"k-input-value-text",children:t})]})};aa.states=DT;aa.options=KT;aa.className=hn;import{jsx as UT}from"react/jsx-runtime";var gn="k-input-inner",zT=[],FT={},gc={value:"",placeholder:""},Zr=e=>{let{value:t=gc.value,placeholder:o=gc.placeholder,rows:a,disabled:l,...n}=e;return UT("textarea",{...n,className:r(e.className,gn,L(gn,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Zr.states=zT;Zr.options=FT;Zr.className=gn;import{Fragment as $T,jsx as xc}from"react/jsx-runtime";var kc="k-input-loading-icon",WT=[i.disabled,i.loading],_e=e=>{let{disabled:t,loading:o}=e;return t||!o?xc($T,{}):xc("span",{className:r(e.className,kc,"k-icon k-i-loading")})};_e.states=WT;_e.className=kc;import{Fragment as qT,jsx as Nc}from"react/jsx-runtime";var vc="k-input-validation-icon",VT=[i.valid,i.invalid,i.disabled,i.loading],XT={},Pe=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?Nc(qT,{}):Nc(h,{className:r(vc),icon:n})};Pe.states=VT;Pe.options=XT;Pe.className=vc;import{Fragment as YT,jsx as wc}from"react/jsx-runtime";var JT="k-input-prefix",ZT={direction:"horizontal"},je=e=>{let{direction:t=ZT.direction,...o}=e;return e.children?wc("span",{...o,className:r(JT,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):wc(YT,{})};import{Fragment as eh,jsx as yc}from"react/jsx-runtime";var QT="k-input-suffix",jT={direction:"horizontal"},et=e=>{let{direction:t=jT.direction,...o}=e;return e.children?yc("span",{...o,className:r(QT,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):yc(eh,{})};import{jsx as OO}from"react/jsx-runtime";import{jsx as oh}from"react/jsx-runtime";var th="k-input-suffix-text",xn=e=>{let{children:t,...o}=e;return oh("span",{...o,className:r(th,e.className),children:t})};import{jsx as rh}from"react/jsx-runtime";var Cc="k-input-separator",ah={direction:"vertical"},De=e=>{let{direction:t=ah.direction,...o}=e;return rh("span",{...o,className:r(Cc,e.className,{[`${Cc}-${t}`]:t})})};import{Fragment as Lc,jsx as oo,jsxs as kn}from"react/jsx-runtime";var lh=he.states,ih=he.defaultOptions,nh=he.options,sh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],dh=[],Ra=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:n,readonly:d,...c}=e,u=t?.prefix,T=t?.suffix,g=t?.["clear-button"],N=t?.["validation-icon"],b=t?.separators;return kn(he,{...c,valid:o,invalid:a,loading:l,disabled:n,readonly:d,style:{width:300},children:[u&&kn(Lc,{children:[oo(je,{children:oo(h,{icon:"lock"})}),b&&oo(De,{})]}),oo(We,{placeholder:"Placeholder",value:"Value"}),N&&oo(Pe,{valid:o,invalid:a,loading:l,disabled:n}),oo(_e,{loading:l,disabled:n}),g&&oo(Ue,{loading:l,disabled:n,readonly:d,value:"Value"}),T&&kn(Lc,{children:[b&&oo(De,{}),oo(et,{children:oo(Jo,{size:c.size,fillMode:"clear",children