@progress/kendo-themes-html 14.1.0-dev.0 → 14.1.0-dev.2

package/dist/esm/grid/templates/grid-with-pinned-rows-pin-column.mjs

@@ -1 +1 @@
-var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var L=(e,t)=>a({[`${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:r,hover:l,focus:n,checked:d,active:m,selected:b,disabled:h,indeterminate:N,loading:k,empty:u,readonly:v,highlighted:C,...I}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":m,"k-selected":b,"k-disabled":h,"k-indeterminate":N&&!d,"k-loading":k,"k-empty":u,"k-readonly":v,"k-highlighted":C},Object.keys(I).reduce((O,E)=>(E.startsWith("k-")?O[E]=I[E]:O[`k-${E}`]=I[E],O),{}))};function pn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={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"},At={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},w={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 dl={};function H(e){return dl[e]=(dl[e]||0)+1,`k-${e}-${dl[e]}`}var V="grid",J=V;import{jsx as Kc,jsxs as Dc}from"react/jsx-runtime";var Tr="k-grid",Gc=[],Hc={size:[s.undefined,s.small,s.medium,s.large]},_c=[],mn={pagerPosition:"bottom"},D=e=>{let{size:t,pagerPosition:o=mn.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:m,resizable:b,ariaColCount:h,ariaRowCount:N,ariaRootId:k,ariaRole:u="grid",...v}=e;return Dc("div",{...v,className:a(e.className,Tr,{[`${Tr}-resizable`]:b},L(Tr,{size:t})),children:[r,o==="top"&&l,n,e.children&&m?Kc("div",{className:"k-grid-aria-root",role:u,id:k,"aria-colcount":h,"aria-rowcount":N,children:e.children}):e.children,d,o==="bottom"&&l]})};D.states=Gc;D.options=Hc;D.variants=_c;D.className=Tr;D.defaultOptions=mn;D.moduleName=V;D.folderName=J;D.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};import{jsx as Bc}from"react/jsx-runtime";var un="k-grid-header",oe=e=>{let{draggable:t,...o}=e;return Bc("div",{...o,className:a(e.className,un,{"k-grid-draggable-header":t}),children:e.children})};oe.className=un;oe.moduleName=V;oe.folderName=J;import{jsx as bn,jsxs as zc}from"react/jsx-runtime";var fn="k-grouping-header",It=e=>{let{dropHint:t,dropClue:o,...r}=e;return zc("div",{...r,className:a(e.className,fn),children:[o&&bn("div",{className:"k-grouping-dropclue"}),e.children,bn("div",{className:"k-grouping-drop-container",children:t})]})};It.className=fn;It.moduleName=V;It.folderName=J;import{jsx as Uc}from"react/jsx-runtime";var Tn="k-grid-pinned-container",Bo=e=>{let{position:t,...o}=e;return Uc("div",{...o,className:a(e.className,Tn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Bo.className=Tn;Bo.moduleName=V;Bo.folderName=J;import{jsx as Fc}from"react/jsx-runtime";var hn="k-grid-sticky-container",_a=e=>{let{position:t,...o}=e;return Fc("div",{...o,className:a(e.className,hn,{"k-pos-bottom":t==="bottom"}),children:e.children})};_a.className=hn;_a.moduleName=V;_a.folderName=J;var Se="table",Ee=Se;import{jsx as Xc}from"react/jsx-runtime";var gn="k-data-table",$c=[],Vc={size:[s.undefined,s.small,s.medium,s.large]},Wc={},Kt=e=>{let{size:t,...o}=e;return Xc("div",{...o,className:a(e.className,gn,L("k-table",{size:t})),children:e.children})};Kt.states=$c;Kt.options=Vc;Kt.className=gn;Kt.defaultOptions=Wc;Kt.moduleName=Se;Kt.folderName=Ee;import{jsx as Qc}from"react/jsx-runtime";var cl="k-table-header-wrap",Jc=[i.hover,i.focus,i.disabled],qc={},Yc={},Zt=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return Qc("div",{...n,className:a(e.className,cl,y(cl,{hover:o,focus:r,disabled:l})),children:t})};Zt.states=Jc;Zt.options=qc;Zt.className=cl;Zt.defaultOptions=Yc;Zt.moduleName=Se;Zt.folderName=Ee;import{jsx as tp}from"react/jsx-runtime";var pl="k-table",Zc=[],jc={size:[s.undefined,s.small,s.medium,s.large]},ep={},Re=e=>{let{size:t,...o}=e;return tp("table",{...o,className:a(e.className,pl,L(pl,{size:t})),children:e.children})};Re.states=Zc;Re.options=jc;Re.className=pl;Re.defaultOptions=ep;Re.moduleName=Se;Re.folderName=Ee;import{jsx as ml}from"react/jsx-runtime";var ul="k-table-header",op=[i.hover,i.focus,i.disabled],ap={},rp={},Dt=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return ml("div",{...n,className:a(e.className,ul,y(ul,{hover:o,focus:r,disabled:l})),children:ml(Zt,{children:ml(Re,{children:t})})})};Dt.states=op;Dt.options=ap;Dt.className=ul;Dt.defaultOptions=rp;Dt.moduleName=Se;Dt.folderName=Ee;import{jsx as sp}from"react/jsx-runtime";var xn="k-table-scroller",lp=[],ip={},np={},zo=e=>{let{children:t,...o}=e;return sp("div",{...o,className:a(e.className,xn),children:t})};zo.states=lp;zo.options=ip;zo.className=xn;zo.defaultOptions=np;zo.moduleName=Se;zo.folderName=Ee;import{jsx as JN}from"react/jsx-runtime";import{jsx as mp}from"react/jsx-runtime";var Nn="k-table-footer",dp=[],cp={},pp={},jt=e=>{let{children:t,...o}=e;return mp("div",{...o,className:a(e.className,Nn),children:t})};jt.states=dp;jt.options=cp;jt.className=Nn;jt.defaultOptions=pp;jt.moduleName=Se;jt.folderName=Ee;import{jsx as Tp}from"react/jsx-runtime";var bl="k-table-list",up=[],bp={size:[s.undefined,s.small,s.medium,s.large]},fp={},eo=e=>{let{size:t,virtualization:o,...r}=e;return Tp("ul",{...r,className:a(e.className,"k-table",bl,L(bl,{size:t}),{"k-virtual-table":o}),children:e.children})};eo.states=up;eo.options=bp;eo.className=bl;eo.defaultOptions=fp;eo.moduleName=Se;eo.folderName=Ee;import{jsx as gp}from"react/jsx-runtime";var hp="k-table-thead",Z=e=>gp("thead",{className:a(e.className,hp),children:e.children});import{jsx as Np}from"react/jsx-runtime";var xp="k-table-tbody",ae=e=>Np("tbody",{className:a(e.className,xp),children:e.children});import{jsx as mk}from"react/jsx-runtime";import{jsx as vp}from"react/jsx-runtime";var fl="k-table-row",kp=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],S=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:n,alt:d,...m}=e;return vp("tr",{...m,className:a(e.className,fl,{"k-table-alt-row":d},y(fl,{hover:t,focus:o,disabled:n,selected:r,highlighted:l})),children:e.children})};S.states=kp;S.className=fl;import{jsx as Cp}from"react/jsx-runtime";var Tl="k-table-row",wp=[i.hover,i.focus,i.selected,i.disabled],hr=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:n,...d}=e;return Cp("li",{...d,className:a(e.className,Tl,{"k-table-alt-row":n},y(Tl,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};hr.states=wp;hr.className=Tl;import{jsx as Lp}from"react/jsx-runtime";var kn="k-table-th",Bt=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,n=t||e.children;return Lp("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,kn),children:n})};Bt.className=kn;Bt.moduleName=Se;Bt.folderName=Ee;import{jsx as Mk}from"react/jsx-runtime";import{jsx as yp}from"react/jsx-runtime";var hl="k-table-td",Mp=[i.focus,i.selected,i.highlighted],p=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:n,rowspan:d,...m}=e,b=l||e.children;return yp("td",{colSpan:n,rowSpan:d,...m,className:a(e.className,hl,y(hl,{focus:t,selected:o,highlighted:r})),children:b})};p.states=Mp;p.className=hl;import{jsx as Ok}from"react/jsx-runtime";import{jsx as _k}from"react/jsx-runtime";import{jsx as zk}from"react/jsx-runtime";import{jsx as Vk}from"react/jsx-runtime";import{jsx as qk}from"react/jsx-runtime";import{jsx as ov,jsxs as av}from"react/jsx-runtime";import{jsx as nv,jsxs as sv}from"react/jsx-runtime";import{jsx as mv,jsxs as uv}from"react/jsx-runtime";import{Fragment as xv,jsx as hv,jsxs as gv}from"react/jsx-runtime";import{jsx as Ip}from"react/jsx-runtime";var Cn="k-grid-header-table",re=e=>Ip(Re,{...e,className:a(e.className,Cn),children:e.children});re.className=Cn;re.moduleName=V;re.folderName=J;import{Fragment as Pp,jsx as Ln}from"react/jsx-runtime";var gl="k-font-icon",Ep=[],Rp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info]},Op={},Ka=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:n,...d}=e;return r?Ln("span",{...d,className:a(e.className,gl,L(gl,{size:t}),{[`k-i-${r}`]:r,[`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"}):Ln(Pp,{})};Ka.states=Ep;Ka.options=Rp;Ka.className=gl;Ka.defaultOptions=Op;var Mn=Ka;import{Fragment as _p,jsx as gr}from"react/jsx-runtime";var xl="k-svg-icon",Gp=[],Hp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info],variant:[At.outline,At.solid,At.duotone]},Nl={viewBox:"0 0 24 24",variant:At.outline},Da=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:n=Nl.viewBox,variant:d=Nl.variant,icon:m,...b}=e;if(!m)return gr(_p,{});if(m==="none")return gr("span",{...b,className:a(e.className,xl,L("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?d&&m.variants?.[d]||m.variants?.outline||m.content:void 0;return gr("span",{...b,className:a(e.className,xl,L("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:gr("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:n,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};Da.states=Gp;Da.options=Hp;Da.className=xl;Da.defaultOptions=Nl;var kl=Da;import*as vl from"@progress/kendo-svg-icons";var yn="icon",Sn="icons";import{useContext as Dp}from"react";import{createContext as Kp}from"react";var An=Kp({iconsType:"svg"});import{Fragment as In,jsx as Ba}from"react/jsx-runtime";var xr="k-icon",Bp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),zp=[],Up={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info],variant:[At.outline,At.solid,At.duotone]},Nr={viewBox:"0 0 24 24",type:"svg",variant:At.outline},f=e=>{let{iconsType:t}=Dp(An),{size:o,themeColor:r,icon:l,type:n=t||Nr.type,rotate:d,flip:m,viewBox:b=Nr.viewBox,variant:h=Nr.variant,...N}=e;if(!l)return Ba(In,{});if((t||n)==="svg"){if(l==="none")return Ba(kl,{...N,className:a(e.className,xr),icon:l,size:o,variant:h});let u=vl[l]?l:Bp(`${l}-icon`);return vl[u]?Ba(kl,{...N,className:a(e.className,xr),icon:vl[u],size:o,themeColor:r,rotate:d,flip:m,viewBox:b,variant:h}):Ba(In,{})}return Ba(Mn,{...N,className:a(e.className,xr),icon:l,size:o,themeColor:r,rotate:d,flip:m})};f.states=zp;f.options=Up;f.defaultOptions=Nr;f.className=xr;f.moduleName=yn;f.folderName=Sn;f.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."}]};import{jsx as to,jsxs as wl}from"react/jsx-runtime";var Cl="k-header",Fp=[i.hover,i.focus,i.active],En={sortIcon:"sort-asc-small"},A=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:n,columnTitle:d,hover:m,focus:b,active:h,sortIcon:N=En.sortIcon,sortOrder:k,accessibleLabel:u,...v}=e;return wl(Bt,{...v,className:a(e.className,Cl,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},y(Cl,{hover:m,focus:b,active:h})),children:[d&&wl("span",{className:"k-cell-inner",children:[wl("span",{className:"k-link",children:[to("span",{className:"k-column-title",children:d}),o&&to("span",{className:"k-sort-icon",children:to(f,{icon:N})}),k&&to("span",{className:"k-sort-order",children:k})]}),t&&to("a",{className:a("k-grid-header-menu",{"k-active":h,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:to(f,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&u&&to("span",{className:"k-sr-only",children:u}),e.children,n&&to("span",{className:"k-column-resizer k-touch-action-none"})]})};A.states=Fp;A.className=Cl;A.defaultOptions=En;A.moduleName=V;A.folderName=J;import{jsx as $p}from"react/jsx-runtime";var Rn="k-grid-container",j=e=>$p("div",{...e,className:a(e.className,Rn),children:e.children});j.className=Rn;j.moduleName=V;j.folderName=J;import{jsx as Vp}from"react/jsx-runtime";var On="k-grid-content",ee=e=>Vp("div",{...e,className:a(e.className,On),children:e.children});ee.className=On;ee.moduleName=V;ee.folderName=J;import{jsx as Wp}from"react/jsx-runtime";var Pn="k-grid-table",Y=e=>Wp(Re,{...e,className:a(e.className,Pn),children:e.children});Y.className=Pn;Y.moduleName=V;Y.folderName=J;import{jsx as Xp}from"react/jsx-runtime";var Gn="k-grid-footer",kr=e=>Xp("div",{...e,className:a(e.className,Gn),children:e.children});kr.className=Gn;kr.moduleName=V;kr.folderName=J;import{jsx as Jp}from"react/jsx-runtime";var Hn="k-grid-footer-table",vr=e=>Jp(Re,{...e,className:a(e.className,Hn),children:e.children});vr.className=Hn;vr.moduleName=V;vr.folderName=J;var Ll="button",_n=Ll;import{Fragment as Zp,jsx as za,jsxs as Kn}from"react/jsx-runtime";var Ua="k-button",qp=["icon-button"],Yp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Qp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info,w.inverse]},Ml={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:n,showArrow:d=Ml.showArrow,arrowIconName:m=Ml.arrowIconName,variant:b,hover:h,focus:N,active:k,selected:u,disabled:v,togglable:C,ariaDisabled:I,icon:O,text:E,iconClassName:F,className:be,...se}=e,Ge=O!==void 0,He=e.children!==void 0;return Kn(t,{className:a(be,Ua,pn(Ua,b),L(Ua,{size:o,rounded:r,fillMode:l,themeColor:n}),y(Ua,{hover:h,focus:N,active:k,disabled:v||I,selected:u}),{"k-icon-button":!E&&!He&&Ge}),...se,"aria-pressed":C?u?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:v||void 0,children:[O&&za(f,{className:a(F,"k-button-icon"),icon:O}),E?Kn(Zp,{children:[E&&za("span",{className:"k-button-text",children:E}),e.children]}):e.children&&za("span",{className:"k-button-text",children:e.children}),d&&za("span",{className:"k-menu-button-arrow k-button-arrow",children:za(f,{icon:m})})]})};c.states=Yp;c.options=Qp;c.variants=qp;c.className=Ua;c.defaultOptions=Ml;c.moduleName=Ll;c.folderName=_n;c.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 jp}from"react/jsx-runtime";var oo=e=>jp(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as em}from"react/jsx-runtime";var Fa=e=>em(c,{icon:"folder",children:"Button",...e});import{jsx as tm}from"react/jsx-runtime";var ko=e=>tm(c,{children:"Button",...e});import{jsx as yl}from"react/jsx-runtime";var om=c.options,am=c.states,rm={...c.defaultOptions,variant:"text"},lm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],im=[],Uo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return yl(oo,{...o,icon:"star"});case"icon-and-text":return yl(Fa,{...o,icon:"star",children:"Button"});default:return yl(ko,{...o,children:"Button"})}};Uo.options=om;Uo.states=am;Uo.variants=lm;Uo.defaultOptions=rm;Uo.modifiers=im;Uo.className=c.className;var $a="input",wr=$a;import{jsx as cm}from"react/jsx-runtime";var Cr="k-input",nm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],sm={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},dm={},ve=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:h,fillMode:N,...k}=e;return cm("span",{...k,className:a(e.className,Cr,L(Cr,{size:b,rounded:h,fillMode:N}),y(Cr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m}))})};ve.states=nm;ve.options=sm;ve.className=Cr;ve.defaultOptions=dm;ve.moduleName=$a;ve.folderName=wr;import{jsx as bm}from"react/jsx-runtime";var Lr="k-picker",pm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],mm={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},um={},Et=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:h,fillMode:N,...k}=e;return bm("span",{...k,className:a(e.className,Lr,L(Lr,{size:b,rounded:h,fillMode:N}),y(Lr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m})),children:e.children})};Et.states=pm;Et.options=mm;Et.className=Lr;Et.defaultOptions=um;Et.moduleName=$a;Et.folderName=wr;import{Fragment as hm,jsx as Sl}from"react/jsx-runtime";var Dn="k-clear-value",fm=[i.disabled,i.loading,i.readonly],Tm={},tt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?Sl(hm,{}):Sl("span",{className:a(e.className,Dn),children:Sl(f,{icon:"x"})})};tt.states=fm;tt.options=Tm;tt.className=Dn;import{jsx as Nm}from"react/jsx-runtime";var Al="k-input-inner",gm=[],xm={},Mr={type:"text",autocomplete:"off",value:"",placeholder:""},ot=e=>{let{value:t=Mr.value,type:o=Mr.type,placeholder:r=Mr.placeholder,autocomplete:l=Mr.autocomplete,disabled:n,readOnly:d,...m}=e;return Nm("input",{...m,type:o,className:a(e.className,Al,L(Al,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};ot.states=gm;ot.options=xm;ot.className=Al;import{jsx as Bn,jsxs as wm}from"react/jsx-runtime";var Il="k-input-inner",km=[],vm={},vo=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:n,...d}=e;return wm("span",{...d,className:a(e.className,Il,L(Il,e)),children:[l,!l&&n&&Bn(f,{className:"k-input-value-icon",icon:n}),r&&!t&&o,r&&t&&Bn("span",{className:"k-input-value-text",children:t})]})};vo.states=km;vo.options=vm;vo.className=Il;import{jsx as Mm}from"react/jsx-runtime";var El="k-input-inner",Cm=[],Lm={},zn={value:"",placeholder:""},Rl=e=>{let{value:t=zn.value,placeholder:o=zn.placeholder,rows:r,disabled:l,...n}=e;return Mm("textarea",{...n,className:a(e.className,El,L(El,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};Rl.states=Cm;Rl.options=Lm;Rl.className=El;import{Fragment as Sm,jsx as Un}from"react/jsx-runtime";var Fn="k-input-loading-icon",ym=[i.disabled,i.loading],qe=e=>{let{disabled:t,loading:o}=e;return t||!o?Un(Sm,{}):Un("span",{className:a(e.className,Fn,"k-icon k-i-loading")})};qe.states=ym;qe.className=Fn;import{Fragment as Em,jsx as $n}from"react/jsx-runtime";var Vn="k-input-validation-icon",Am=[i.valid,i.invalid,i.disabled,i.loading],Im={},_e=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,n=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?$n(Em,{}):$n(f,{className:a(Vn),icon:n})};_e.states=Am;_e.options=Im;_e.className=Vn;import{Fragment as Pm,jsx as Wn}from"react/jsx-runtime";var Rm="k-input-prefix",Om={direction:"horizontal"},ct=e=>{let{direction:t=Om.direction,...o}=e;return e.children?Wn("span",{...o,className:a(Rm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Wn(Pm,{})};import{Fragment as _m,jsx as Xn}from"react/jsx-runtime";var Gm="k-input-suffix",Hm={direction:"horizontal"},pt=e=>{let{direction:t=Hm.direction,...o}=e;return e.children?Xn("span",{...o,className:a(Gm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Xn(_m,{})};import{jsx as dL}from"react/jsx-runtime";import{jsx as Dm}from"react/jsx-runtime";var Km="k-input-suffix-text",Ol=e=>{let{children:t,...o}=e;return Dm("span",{...o,className:a(Km,e.className),children:t})};import{jsx as zm}from"react/jsx-runtime";var Jn="k-input-separator",Bm={direction:"vertical"},mt=e=>{let{direction:t=Bm.direction,...o}=e;return zm("span",{...o,className:a(Jn,e.className,{[`${Jn}-${t}`]:t})})};import{Fragment as qn,jsx as Rt,jsxs as Pl}from"react/jsx-runtime";var Um=ve.states,Fm=ve.defaultOptions,$m=ve.options,Vm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Wm=[],Fo=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:n,readonly:d,...m}=e,b=t?.prefix,h=t?.suffix,N=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return Pl(ve,{...m,valid:o,invalid:r,loading:l,disabled:n,readonly:d,style:{width:300},children:[b&&Pl(qn,{children:[Rt(ct,{children:Rt(f,{icon:"lock"})}),u&&Rt(mt,{})]}),Rt(ot,{placeholder:"Placeholder",value:"Value"}),k&&Rt(_e,{valid:o,invalid:r,loading:l,disabled:n}),Rt(qe,{loading:l,disabled:n}),N&&Rt(tt,{loading:l,disabled:n,readonly:d,value:"Value"}),h&&Pl(qn,{children:[u&&Rt(mt,{}),Rt(pt,{children:Rt(ko,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Fo.options=$m;Fo.states=Um;Fo.variants=Wm;Fo.defaultOptions=Fm;Fo.modifiers=Vm;Fo.className=ve.className;var Gl="popup",Yn=Gl;import{jsx as Qn}from"react/jsx-runtime";var Zn="k-animation-container",Xm=[],Jm={},jn={positionMode:"absolute"},Ot=e=>{let{positionMode:t=jn.positionMode,animationStyle:o,offset:r,...l}=e;return Qn("div",{...l,style:{...r,...e.style},className:a(e.className,Zn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Qn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ot.states=Xm;Ot.options=Jm;Ot.className=Zn;Ot.defaultOptions=jn;Ot.moduleName=Gl;Ot.folderName=Yn;var Hl="popup",es=Hl;import{jsx as ts}from"react/jsx-runtime";var os="k-popup",qm=[],Ym={},as={positionMode:"absolute"},te=e=>{let{offset:t,positionMode:o=as.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:d,...m}=e;return ts(Ot,{positionMode:o,offset:t,animationStyle:r,className:l,role:n,"aria-label":d,children:ts("div",{...m,className:a(e.className,os),children:e.children})})};te.states=qm;te.options=Ym;te.className=os;te.defaultOptions=as;te.moduleName=Hl;te.folderName=es;te.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var _l="action-buttons",rs=_l;import{jsx as jm}from"react/jsx-runtime";var yr="k-actions",Qm=[],Zm={},Kl={alignment:"start",orientation:"horizontal"},ut=e=>{let{alignment:t=Kl.alignment,orientation:o=Kl.orientation,...r}=e;return jm("div",{...r,className:a(yr,{[`${yr}-${t}`]:t,[`${yr}-${o}`]:o},e.className),children:e.children})};ut.states=Qm;ut.options=Zm;ut.className=yr;ut.defaultOptions=Kl;ut.moduleName=_l;ut.folderName=rs;import{jsx as tu}from"react/jsx-runtime";var eu="k-actionsheet-footer",ls={alignment:"stretched",orientation:"horizontal"},ao=e=>{let{alignment:t=ls.alignment,orientation:o=ls.orientation,template:r,as:l=r?"div":ut,...n}=e;return tu(l,{...n,...!r&&{alignment:t,orientation:o},className:a(e.className,eu),children:e.children})};var Dl="searchbox",is=Dl;import{jsx as Va,jsxs as ru}from"react/jsx-runtime";var ns="k-searchbox",ou=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],au={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Bl={showIcon:!0,icon:"search"},at=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:h,required:N,loading:k,disabled:u,showIcon:v=Bl.showIcon,icon:C=Bl.icon,"aria-label":I,...O}=e;return ru(ve,{...O,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:h,required:N,loading:k,disabled:u,className:a(e.className,ns),children:[v&&Va(f,{className:"k-input-icon",icon:C}),Va(ot,{placeholder:o,value:t,"aria-label":I}),Va(qe,{...e}),Va(_e,{...e}),Va(tt,{...e})]})};at.states=ou;at.options=au;at.className=ns;at.defaultOptions=Bl;at.moduleName=Dl;at.folderName=is;import{jsx as SM}from"react/jsx-runtime";var zl="textbox",ss=zl;import{Fragment as ds,jsx as ro,jsxs as Ul}from"react/jsx-runtime";var cs="k-textbox",lu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],iu={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Sr={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Sr.separators,showClearButton:n=Sr.showClearButton,showValidationIcon:d=Sr.showValidationIcon,prefix:m,suffix:b,type:h,value:N,placeholder:k,hover:u,focus:v,valid:C,invalid:I,required:O,loading:E,disabled:F,readonly:be,id:se,"aria-label":Ge,"aria-describedby":He,...et}=e;return Ul(ve,{...et,size:t,rounded:o,fillMode:r,hover:u,focus:v,valid:C,invalid:I,required:O,loading:E,disabled:F,readonly:be,className:a(e.className,cs),children:[m&&Ul(ds,{children:[ro(ct,{children:m}),l&&ro(mt,{})]}),ro(ot,{id:se,placeholder:k,value:N,type:h,disabled:F,"aria-label":Ge,"aria-describedby":He,"aria-invalid":I?"true":void 0}),d&&ro(_e,{valid:C,invalid:I,loading:E,disabled:F}),ro(qe,{loading:E,disabled:F}),n&&ro(tt,{loading:E,disabled:F,readonly:be,value:N}),b&&Ul(ds,{children:[l&&ro(mt,{}),ro(pt,{children:b})]})]})};ce.states=lu;ce.options=iu;ce.className=cs;ce.defaultOptions=Sr;ce.moduleName=zl;ce.folderName=ss;ce.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 Wa=ce;import{jsx as nu}from"react/jsx-runtime";var ps=e=>nu(Wa,{...e});import{Fragment as WM,jsx as VM}from"react/jsx-runtime";import{Fragment as ZM,jsx as QM}from"react/jsx-runtime";import{jsx as oy}from"react/jsx-runtime";import{jsx as Fl}from"react/jsx-runtime";var su=ce.states,du=ce.defaultOptions,cu=ce.options,pu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],mu=[],$o=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?Fl(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[l]?Fl(ko,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;default:break}}),Fl(ps,{value:"Value",style:{width:300},...o,...r})};$o.options=cu;$o.states=su;$o.variants=mu;$o.defaultOptions=du;$o.modifiers=pu;$o.className=ce.className;import{jsx as lo,jsxs as $l}from"react/jsx-runtime";var ms="k-actionsheet-titlebar",uu={},Ke=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:n,input:d,inputValue:m,inputPlaceholder:b,adaptive:h,titleId:N,children:k,...u}=e;return $l("div",{...u,className:a(e.className,ms),children:[$l("div",{className:"k-actionsheet-titlebar-group",children:[r&&lo("div",{className:"k-actionsheet-actions",children:r}),!k&&$l("div",{className:"k-actionsheet-title",id:N,children:[t&&lo("div",{className:"k-text-center",children:t}),o&&lo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&lo("div",{className:"k-actionsheet-title",id:N,children:k}),l&&lo("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&lo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?lo(ce,{value:m,placeholder:b,size:h?"large":"medium","aria-label":t||b||"Input"}):lo(at,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Ke.className=ms;Ke.defaultOptions=uu;import{jsx as Vl,jsxs as hu}from"react/jsx-runtime";var Wl="k-actionsheet-view",bu=[],fu={},Tu={},Vo=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:n,titleId:d,...m}=e,b=l?.type===Ke&&Vl(Ke,{adaptive:t,titleId:d,...l?.props}),h=n?.type===ao&&Vl(ao,{...n?.props});return hu("div",{...m,className:a(e.className,Wl,{[`${Wl}-animated`]:o}),children:[b,Vl("div",{className:"k-actionsheet-content",children:r}),h]})};Vo.states=bu;Vo.options=fu;Vo.className=Wl;Vo.defaultOptions=Tu;var Xa="action-sheet",Ar=Xa;var Xl="overlay",us=Xl;import{jsx as ku}from"react/jsx-runtime";var bs="k-overlay",gu=[],xu={},Nu={},io=e=>{let{...t}=e;return ku("div",{...t,className:a(e.className,bs),children:e.children})};io.states=gu;io.options=xu;io.className=bs;io.defaultOptions=Nu;io.moduleName=Xl;io.folderName=us;import{jsx as Ir,jsxs as Cu}from"react/jsx-runtime";var fs="k-actionsheet",vu=[],wu={},Ja={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ge=e=>{let{side:t=Ja.side,fullscreen:o=Ja.fullscreen,adaptive:r=Ja.adaptive,overlay:l=Ja.overlay,template:n,children:d,header:m,footer:b,id:h,...N}=e,k=h&&!n&&m?`${h}-title`:void 0;return Cu("div",{className:"k-actionsheet-container",children:[l&&Ir(io,{}),Ir(Ot,{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:Ir("div",{...N,id:h,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:a(e.className,fs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:n||Ir(Vo,{header:m,footer:b,adaptive:r,titleId:k,...e,children:d})})})]})};ge.states=vu;ge.options=wu;ge.className=fs;ge.defaultOptions=Ja;ge.moduleName=Xa;ge.folderName=Ar;ge.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:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Su}from"react/jsx-runtime";var Ts="k-actionsheet-container",Lu=[],Mu={},yu={},Wo=e=>{let{children:t,...o}=e;return Su("div",{...o,className:Ts,children:t})};Wo.states=Lu;Wo.options=Mu;Wo.className=Ts;Wo.defaultOptions=yu;Wo.moduleName=Xa;Wo.folderName=Ar;import{jsx as Au}from"react/jsx-runtime";var Jl=e=>{let{...t}=e;return Au("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as Eu,jsx as qa,jsxs as ql}from"react/jsx-runtime";var Yl="k-actionsheet-item",Iu=[i.hover,i.focus,i.selected,i.disabled],no=e=>{let{iconName:t,text:o,description:r,hover:l,focus:n,selected:d,disabled:m,...b}=e;return ql("span",{...b,className:a(e.className,Yl,y(Yl,{hover:l,focus:n,selected:d,disabled:m})),children:[!e.children&&qa(Eu,{children:ql("span",{className:"k-actionsheet-action",children:[t&&qa("span",{className:"k-icon-wrap",children:qa(f,{className:"k-actionsheet-item-icon",icon:t})}),ql("span",{className:"k-actionsheet-item-text",children:[o&&qa("span",{className:"k-actionsheet-item-title",children:o}),r&&qa("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};no.states=Iu;no.className=Yl;import{jsx as tS,jsxs as oS}from"react/jsx-runtime";import{jsx as iS}from"react/jsx-runtime";import{jsx as cS}from"react/jsx-runtime";import{jsx as bS}from"react/jsx-runtime";import{jsx as Ae,jsxs as Ql}from"react/jsx-runtime";var Ru=ge.options,Ou=ge.states,gs={...ge.defaultOptions,variant:"normal"},Pu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Gu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Xo=e=>{let{variant:t,modifiers:o,...r}={...gs,...e},l={},n=Ql(Jl,{children:[Ae(no,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ae(no,{text:"Add to Favorites",iconName:"heart"}),Ae(no,{text:"Upload New",iconName:"upload",disabled:!0}),Ae("hr",{className:"k-hr"}),Ae(no,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":l.actionsStart=!!o?.[b],l.actionsEnd=!!o?.[b];break;case"subtitle":l.subtitle=o?.[b]?d:void 0;break;case"footer":l.footer=!!o?.[b];break;default:break}}),t==="adaptive"?Ae(ge,{...r,adaptive:!0,fullscreen:l.fullScreen,header:Ae(Ke,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?Ql(ao,{alignment:"stretched",children:[Ae(c,{text:"Cancel",size:"large",themeColor:"base"}),Ae(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):Ae(ge,{...r,fullscreen:l.fullScreen,header:Ae(Ke,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Ql(ao,{alignment:"stretched",children:[Ae(c,{text:"Apply",themeColor:"primary"}),Ae(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Xo.options=Ru;Xo.states=Ou;Xo.variants=Pu;Xo.defaultOptions=gs;Xo.modifiers=Gu;Xo.className=ge.className;import jl from"react";import{jsx as xs}from"react/jsx-runtime";var Hu="k-list-group-sticky-header",Zl=e=>xs("div",{className:a(Hu,e.className),children:xs("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ku}from"react/jsx-runtime";var _u="k-no-data",Er=e=>{let{live:t,...o}=e;return Ku("span",{...o,className:a(_u,e.className),"aria-live":t?"polite":void 0,children:e.children})};var wo="list",Jo=wo;import{jsx as Ns,jsxs as ks}from"react/jsx-runtime";var ei="k-list",Du=[],Bu={size:[s.undefined,s.small,s.medium,s.large]},zu={},q=e=>{let{size:t,virtualization:o,children:r,header:l,optionLabel:n,customValue:d,noData:m,screenReaders:b,...h}=e,k=jl.Children.toArray(r)[0],u=k?.props?.children?jl.Children.count(k.props.children):jl.Children.count(r);return ks("div",{...h,className:a(e.className,ei,L(ei,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&Ns(Zl,{children:l}),r||(m!==void 0?m:Ns(Er,{live:!0,children:"No data found."})),b&&r&&ks(Er,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};q.states=Du;q.options=Bu;q.className=ei;q.defaultOptions=zu;q.moduleName=wo;q.folderName=Jo;q.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Vu}from"react/jsx-runtime";var vs="k-list-container",Uu=[],Fu={},$u={},qo=e=>{let{...t}=e;return Vu("div",{...t,className:a(e.className,vs),children:e.children})};qo.states=Uu;qo.options=Fu;qo.className=vs;qo.defaultOptions=$u;qo.moduleName=wo;qo.folderName=Jo;var Co="checkbox",Yo=Co;import{jsx as ws}from"react/jsx-runtime";var Rr="k-checkbox",Wu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Xu={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full]},Ju={},Me=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:n,disabled:d,invalid:m,valid:b,required:h,size:N,rounded:k,wrapperRole:u,...v}=e;return ws("span",{className:"k-checkbox-wrap",role:u,children:ws("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:a(e.className,Rr,L(Rr,{size:N,rounded:k}),y(Rr,{hover:l,focus:n,disabled:d,invalid:m,valid:b,indeterminate:r,checked:o}))})})};Me.states=Wu;Me.options=Xu;Me.className=Rr;Me.defaultOptions=Ju;Me.moduleName=Co;Me.folderName=Yo;Me.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Lt=Me;import{jsx as Qu}from"react/jsx-runtime";var Cs="k-checkbox-list",qu=[],Yu={},Ls={layout:"vertical"},De=e=>{let{layout:t=Ls.layout,...o}=e;return Qu("ul",{...o,className:a(e.className,Cs,{[`k-list-${t}`]:t}),children:e.children})};De.states=qu;De.options=Yu;De.className=Cs;De.defaultOptions=Ls;De.moduleName=Co;De.folderName=Yo;import{jsx as tb}from"react/jsx-runtime";var Ms="k-checkbox-list-item",Zu=[],ju={},eb={},Be=e=>{let{...t}=e;return tb("li",{...t,className:a(e.className,Ms),children:e.children})};Be.states=Zu;Be.options=ju;Be.className=Ms;Be.defaultOptions=eb;Be.moduleName=Co;Be.folderName=Yo;import{Fragment as ob,jsx as ys,jsxs as ab}from"react/jsx-runtime";var zt=({children:e="Label",id:t="cb-label-after",...o})=>ab(ob,{children:[ys(Lt,{id:t,...o}),ys("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as wA,jsx as vA,jsxs as CA}from"react/jsx-runtime";import{Fragment as AA,jsx as SA,jsxs as IA}from"react/jsx-runtime";import{Fragment as GA,jsx as PA,jsxs as HA}from"react/jsx-runtime";import{jsx as BA}from"react/jsx-runtime";import{jsx as $A}from"react/jsx-runtime";import{jsx as JA}from"react/jsx-runtime";import{jsx as bt,jsxs as Ss}from"react/jsx-runtime";var rb=De.options,lb=De.states,ib={...De.defaultOptions,variant:"vertical"},nb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sb=[],Qo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ss(De,{layout:"horizontal",...o,children:[bt(Be,{children:bt(zt,{id:H("cb"),defaultChecked:!0,children:"Label"})}),bt(Be,{children:bt(zt,{id:H("cb"),children:"Label"})}),bt(Be,{children:bt(zt,{id:H("cb"),children:"Label"})})]}):Ss(De,{...o,children:[bt(Be,{children:bt(zt,{id:H("cb"),defaultChecked:!0,children:"Label"})}),bt(Be,{children:bt(zt,{id:H("cb"),children:"Label"})}),bt(Be,{children:bt(zt,{id:H("cb"),children:"Label"})})]})};Qo.options=rb;Qo.states=lb;Qo.variants=nb;Qo.defaultOptions=ib;Qo.modifiers=sb;Qo.className=De.className;import{jsx as bb}from"react/jsx-runtime";var db=Lt.options,cb=Lt.states,pb=Lt.defaultOptions,mb=[],ub=[],Zo=e=>bb(zt,{id:H("checkbox"),...e,defaultChecked:!0,children:"Label"});Zo.options=db;Zo.states=cb;Zo.variants=mb;Zo.defaultOptions=pb;Zo.modifiers=ub;Zo.className=Lt.className;import{jsx as Lo,jsxs as gb}from"react/jsx-runtime";var ti="k-list-item",fb=[i.hover,i.focus,i.selected,i.disabled],Tb={},hb={},z=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:n,showCheckbox:d,checked:m,hover:b,focus:h,selected:N,disabled:k,actions:u,description:v,id:C,...I}=e,O=t||e.children;return gb("li",{...I,id:C,role:r?"presentation":"option",tabIndex:r?void 0:h?0:-1,"aria-selected":!r&&N?"true":r?void 0:"false","aria-disabled":!r&&k?"true":void 0,className:a(e.className,r?"k-list-group-item":ti,y(ti,{hover:b,focus:h,disabled:k,selected:N})),children:[d&&Lo(Me,{checked:m}),l&&Lo("span",{className:"k-list-item-icon-wrapper",children:Lo(f,{icon:l,className:a("k-list-item-icon",n)})}),Lo("span",{className:"k-list-item-text",children:O}),u&&Lo("div",{className:"k-list-item-actions",children:u}),v&&Lo("span",{className:"k-list-item-description",children:v}),o&&o!==""&&Lo("div",{className:"k-list-item-group-label",children:o})]})};z.states=fb;z.options=Tb;z.className=ti;z.defaultOptions=hb;z.moduleName=wo;z.folderName=Jo;z.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Nb}from"react/jsx-runtime";var xb="k-list-ul",Ut=e=>{let{children:t,role:o,id:r,...l}=e;return Nb("ul",{...l,id:r,role:o,className:a(xb,e.className),children:t})};Ut.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as oi,jsxs as vb}from"react/jsx-runtime";var kb="k-list-content",de=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:n,...d}=e;return vb("div",{...d,className:a(kb,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:oi(Ut,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&oi("div",{className:"k-height-container",children:oi("div",{})})]})};de.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as KI,jsx as _I,jsxs as DI}from"react/jsx-runtime";import{jsx as ai,jsxs as Cb}from"react/jsx-runtime";var wb="k-list-group-item",Mo=e=>{let{groupIconName:t,...o}=e;return Cb("li",{...o,role:"presentation",className:a(wb,e.className),children:[t&&ai("span",{className:"k-list-item-icon-wrapper",children:ai(f,{icon:t,className:"k-list-item-icon"})}),ai("span",{className:"k-list-item-text",children:e.children})]})};Mo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Sb}from"react/jsx-runtime";var ri="k-list-optionlabel",Lb=[i.hover,i.focus,i.selected,i.disabled],Mb={},yb={},Or=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return Sb("div",{...d,className:a(ri,y(ri,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Or.states=Lb;Or.options=Mb;Or.className=ri;Or.defaultOptions=yb;import{jsx as Rb}from"react/jsx-runtime";var li="k-list-custom-value",Ab=[i.hover,i.focus,i.selected,i.disabled],Ib={},Eb={},so=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return Rb("div",{...d,className:a(li,y(li,{hover:o,focus:r,selected:l,disabled:n})),children:t})};so.states=Ab;so.options=Ib;so.className=li;so.defaultOptions=Eb;import{Fragment as tE,jsx as eE,jsxs as oE}from"react/jsx-runtime";import{Fragment as sE,jsx as nE,jsxs as dE}from"react/jsx-runtime";import{Fragment as TE,jsx as bE,jsxs as fE}from"react/jsx-runtime";import{Fragment as wE,jsx as kE,jsxs as vE}from"react/jsx-runtime";import{jsx as yE}from"react/jsx-runtime";import{Fragment as OE,jsx as RE,jsxs as PE}from"react/jsx-runtime";var As="dropdown-list",Is="dropdownlist";import{Fragment as Gb,jsx as ze,jsxs as ii}from"react/jsx-runtime";var Es="k-dropdownlist",Ob=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Pb={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ni={showValue:!0,arrowIconName:"chevron-down"},ie=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=ni.arrowIconName,showValue:n=ni.showValue,valueIconName:d,prefix:m,suffix:b,value:h,placeholder:N,hover:k,focus:u,valid:v,invalid:C,required:I,loading:O,disabled:E,readonly:F,popup:be,opened:se,adaptive:Ge,adaptiveSettings:He,adaptiveTitle:et,adaptiveSubtitle:No,adaptiveFilter:il,id:Qt,activeDescendant:fr,"aria-label":nl,...sl}=e,Pc=Qt?`${Qt}-listbox`:void 0,cn=Qt?`${Qt}-value`:void 0;return ii(Gb,{children:[ii(Et,{...sl,id:Qt,size:t,rounded:o,fillMode:r,hover:k,focus:u,valid:v,invalid:C,required:I,loading:O,disabled:E,readonly:F,className:a(e.className,Es,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?Pc:void 0,"aria-activedescendant":se&&fr?fr:void 0,"aria-describedby":se?cn:void 0,"aria-disabled":E?"true":void 0,"aria-label":nl,tabIndex:0,children:[ze(ct,{children:m}),ze(vo,{placeholder:N,value:h,showValue:n,valueIconName:d,id:cn}),ze(_e,{valid:v,invalid:C,loading:O,disabled:E}),ze(qe,{loading:O,disabled:E}),ze(pt,{children:b}),ze(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),se&&be&&ze(te,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:be}),Ge&&ze(ge,{adaptive:!0,...He,header:ze(Ke,{actionsEnd:ze(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:il,inputValue:h,inputPlaceholder:N,title:et,subtitle:No}),children:ze("div",{className:"k-list-container",children:ze(q,{size:"large",children:ii(de,{"aria-label":"Options",children:[ze(z,{text:"List item"}),ze(z,{text:"List item"}),ze(z,{text:"List item"})]})})})})]})};ie.states=Ob;ie.options=Pb;ie.className=Es;ie.defaultOptions=ni;ie.moduleName=As;ie.folderName=Is;ie.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as uR}from"react/jsx-runtime";import{jsx as xR,jsxs as NR}from"react/jsx-runtime";import{Fragment as AR,jsx as yR,jsxs as SR}from"react/jsx-runtime";import{jsx as PR}from"react/jsx-runtime";import{jsx as BR,jsxs as zR}from"react/jsx-runtime";import{Fragment as YR,jsx as JR,jsxs as qR}from"react/jsx-runtime";import{jsx as tO}from"react/jsx-runtime";import{Fragment as zb,jsx as co,jsxs as Rs}from"react/jsx-runtime";var Hb=ie.states,_b=ie.defaultOptions,Kb=ie.options,Db=[{name:"opened",title:"Opened"}],Bb=[],ea=e=>{let{modifiers:t,...o}=e,r={},l=Rs(zb,{children:[co("div",{className:"k-list-filter",children:co(at,{})}),co(q,{style:{width:300},size:o.size,children:Rs(de,{children:[co(z,{children:"List item"}),co(z,{children:"List item"}),co(z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(r.opened=!!t?.[n],r.popup=t?.[n]?l:void 0)}),co("div",{children:co(ie,{placeholder:"Value",style:{width:300},...o,...r})})};ea.options=Kb;ea.states=Hb;ea.variants=Bb;ea.defaultOptions=_b;ea.modifiers=Db;ea.className=ie.className;import{jsx as Os,jsxs as Wb}from"react/jsx-runtime";var Ps="k-spin-button",$b=[],Vb={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},si={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},po=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=si.increaseLabel,decreaseLabel:n=si.decreaseLabel,...d}=e;return Wb("span",{...d,className:a(Ps,e.className),children:[Os(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:r,"aria-label":l}),Os(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:r,"aria-label":n})]})};po.states=$b;po.options=Vb;po.className=Ps;po.defaultOptions=si;po.moduleName=null;po.folderName=null;var Gs="numeric-textbox",Hs="numerictextbox";import{Fragment as _s,jsx as Ft,jsxs as di}from"react/jsx-runtime";var Ks="k-numerictextbox",Xb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Jb={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Pr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Pr.separators,showClearButton:n=Pr.showClearButton,showSpinButton:d=Pr.showSpinButton,prefix:m,suffix:b,value:h,placeholder:N,hover:k,focus:u,valid:v,invalid:C,required:I,loading:O,disabled:E,readonly:F,id:be,"aria-label":se,"aria-describedby":Ge,...He}=e;return di(ve,{...He,size:t,rounded:o,fillMode:r,hover:k,focus:u,valid:v,invalid:C,required:I,loading:O,disabled:E,readonly:F,className:a(e.className,Ks),children:[m&&di(_s,{children:[Ft(ct,{children:m}),l&&Ft(mt,{})]}),Ft(ot,{id:be,placeholder:N,value:h,role:"spinbutton",disabled:E,"aria-label":se,"aria-describedby":Ge,"aria-invalid":C?"true":void 0}),Ft(_e,{valid:v,invalid:C,loading:O,disabled:E}),Ft(qe,{loading:O,disabled:E}),n&&Ft(tt,{loading:O,disabled:E,readonly:F,value:h}),b&&di(_s,{children:[l&&Ft(mt,{}),Ft(pt,{children:b})]}),d&&Ft(po,{className:"k-input-spinner",size:t,fillMode:r,disabled:E})]})};$.states=Xb;$.options=Jb;$.className=Ks;$.defaultOptions=Pr;$.moduleName=Gs;$.folderName=Hs;$.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .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-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Ya=$;import{jsx as qb}from"react/jsx-runtime";var Ds=e=>qb(Ya,{...e});import{Fragment as zO,jsx as BO}from"react/jsx-runtime";import{Fragment as XO,jsx as WO}from"react/jsx-runtime";import{jsx as QO}from"react/jsx-runtime";import{jsx as ci}from"react/jsx-runtime";var Yb=$.states,Qb=$.defaultOptions,Zb=$.options,jb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ef=[],ta=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?ci(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t?.[l]?ci(Ol,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;case"spin-button":r.showSpinButton=t?.[l];break;default:break}}),ci(Ds,{value:"Value",style:{width:300},...o,...r})};ta.options=Zb;ta.states=Yb;ta.variants=ef;ta.defaultOptions=Qb;ta.modifiers=jb;ta.className=$.className;var pi="pager",Bs=pi;import{Fragment as zs,jsx as Ye,jsxs as oa}from"react/jsx-runtime";var Gr="k-pager",tf=[i.focus,i.disabled],of={size:[s.undefined,s.small,s.medium,s.large]},rt={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},xe=e=>{let{responsive:t=rt.responsive,size:o,pagerSizeInfo:r=rt.pagerSizeInfo,pageTitleInfo:l=rt.pageTitleInfo,maxPagesInfo:n=rt.maxPagesInfo,itemsPerPage:d=rt.itemsPerPage,maxPages:m=rt.maxPages,currentPage:b=rt.currentPage,previousNext:h=rt.previousNext,type:N=rt.type,pageSizes:k=rt.pageSizes,refresh:u=rt.refresh,info:v=rt.info,focus:C,disabled:I,dir:O,...E}=e,F=[],be=[];for(let se=1;se<=m;se++)F.push(Ye(c,{selected:se===b,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${se}`,...se===b&&{"aria-current":"page"},children:se},se)),be.push(Ye("option",{selected:se===b,children:se},se));return oa("div",{dir:O,...E,className:a(e.className,Gr,L(Gr,{size:o}),y(Gr,{focus:C,disabled:I}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${b} of ${m}`,children:[oa("div",{className:a("k-pager-numbers-wrap"),children:[h&&oa(zs,{children:[Ye(c,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),Ye(c,{className:a("k-pager-nav"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),N==="numeric"&&Ye("div",{className:a("k-pager-numbers"),children:F}),N==="input"&&oa("span",{className:a("k-pager-input"),children:[l&&Ye("span",{children:"Page"}),Ye($,{value:`${b}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Ye("span",{children:n&&`of ${m}`})]}),h&&oa(zs,{children:[Ye(c,{className:a("k-pager-nav"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),Ye(c,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),k&&oa("span",{className:a("k-pager-sizes"),children:[Ye(ie,{value:`${d}`,size:o,"aria-label":"Items per page"}),r&&Ye("span",{children:"items per page"})]}),u&&Ye(c,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),v&&Ye("span",{className:a("k-pager-info"),children:v})]})};xe.states=tf;xe.options=of;xe.className=Gr;xe.defaultOptions=rt;xe.moduleName=pi;xe.folderName=Bs;xe.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};import{jsx as wP}from"react/jsx-runtime";import{jsx as yP}from"react/jsx-runtime";import{jsx as EP}from"react/jsx-runtime";import{jsx as Us}from"react/jsx-runtime";var af=xe.options,rf=xe.states,lf={...xe.defaultOptions,variant:"numeric"},nf=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],sf=[],aa=e=>{let{variant:t,...o}=e;return t==="input"?Us(xe,{...o,type:"input"}):Us(xe,{...o,type:"numeric"})};aa.options=af;aa.states=rf;aa.variants=nf;aa.defaultOptions=lf;aa.modifiers=sf;aa.className=xe.className;import{jsx as df}from"react/jsx-runtime";var Fs="k-grid-pager",ft=e=>df(xe,{...e,className:a(e.className,Fs),children:e.children});ft.className=Fs;ft.moduleName=V;ft.folderName=J;var mi="button",$s=mi;import{jsx as uf}from"react/jsx-runtime";var Qa="k-button-group",cf=[i.disabled],pf={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},mf={},_=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return uf("div",{role:"group",...l,className:a(e.className,Qa,L(Qa,{fillMode:t}),y(Qa,{disabled:o}),{[`${Qa}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};_.states=cf;_.options=pf;_.className=Qa;_.defaultOptions=mf;_.moduleName=mi;_.folderName=$s;_.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as r0,jsx as a0,jsxs as l0}from"react/jsx-runtime";import{Fragment as p0,jsx as c0,jsxs as m0}from"react/jsx-runtime";import{Fragment as g0,jsx as h0,jsxs as x0}from"react/jsx-runtime";import{Fragment as L0,jsx as C0,jsxs as M0}from"react/jsx-runtime";import{Fragment as R0,jsx as E0,jsxs as O0}from"react/jsx-runtime";import{Fragment as D0,jsx as K0,jsxs as B0}from"react/jsx-runtime";import{jsx as $t,jsxs as ui}from"react/jsx-runtime";var bf={...c.options,..._.options},ff=c.states,Tf={...c.defaultOptions,..._.defaultOptions,variant:"text-button"},hf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],gf=[],ra=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?ui(_,{fillMode:r.fillMode,className:o,children:[$t(c,{...r,icon:"star"}),$t(c,{...r,icon:"star"}),$t(c,{...r,icon:"star"})]}):t==="icon-text-button"?ui(_,{fillMode:r.fillMode,className:o,children:[$t(c,{...r,icon:"star",children:"First"}),$t(c,{...r,icon:"star",children:"Middle"}),$t(c,{...r,icon:"star",children:"Last"})]}):ui(_,{fillMode:r.fillMode,className:o,children:[$t(c,{...r,children:"First"}),$t(c,{...r,children:"Middle"}),$t(c,{...r,children:"Last"})]})};ra.options=bf;ra.states=ff;ra.variants=hf;ra.defaultOptions=Tf;ra.modifiers=gf;ra.className=_.className;import{jsx as Vs,jsxs as kf}from"react/jsx-runtime";var Ws="k-color-preview",xf=[],Nf={},mo=e=>{let{color:t,iconName:o,...r}=e;return kf("span",{...r,className:a(e.className,Ws,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Vs(f,{icon:o,className:"k-color-preview-icon"}),Vs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};mo.states=xf;mo.options=Nf;mo.className=Ws;var bi="slider",Xs=bi;import{jsx as la,jsxs as fi}from"react/jsx-runtime";var Za="k-slider",vf=[i.hover,i.focus,i.active,i.disabled,i.readonly],wf={},Tt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},me=e=>{let{type:t=Tt.type,orientation:o=Tt.orientation,gradientType:r=Tt.gradientType,readonly:l=Tt.readonly,disabled:n=Tt.disabled,handlePosition:d=Tt.handlePosition,showButtons:m=Tt.showButtons,showTicks:b=Tt.showTicks,value:h=Tt.value,min:N=Tt.min,max:k=Tt.max,startValue:u,endValue:v,hover:C,focus:I,active:O,trackStyle:E,dir:F,...be}=e,Ge=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),He,et;return o==="horizontal"?(He=F==="rtl"?"chevron-left":"chevron-right",et=F==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(He="chevron-up",et="chevron-down"),fi("div",{...be,className:a(Za,e.className,y(Za,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:F,children:[m&&la(c,{className:"k-button-decrease",rounded:"full",icon:et,tabIndex:-1,title:"Decrease"}),fi("div",{className:"k-slider-track-wrap",children:[b&&la("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),fi("div",{className:"k-slider-track",style:E,children:[la("div",{className:"k-slider-selection"}),t==="range"&&la("span",{className:a("k-draghandle","k-draghandle-start",y(Za,{hover:C,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":u??N,"aria-valuemin":N,"aria-valuemax":v??k,"aria-orientation":Ge,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),la("span",{className:a("k-draghandle",`k-draghandle-${d}`,y(Za,{hover:C,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?v??k:h,"aria-valuemin":t==="range"?u??N:N,"aria-valuemax":k,"aria-orientation":Ge,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?be["aria-label"]?`${be["aria-label"]} end`:"Range end":be["aria-label"]})]})]}),m&&la(c,{className:"k-button-increase",rounded:"full",icon:He,tabIndex:-1,title:"Increase"})]})};me.states=vf;me.options=wf;me.className=Za;me.defaultOptions=Tt;me.moduleName=bi;me.folderName=Xs;me.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Js}from"react/jsx-runtime";var qs="k-tick",Cf=[],Lf={},Ys={label:!1},G=e=>{let{style:t,label:o=Ys.label,orientation:r,large:l,text:n,...d}=e;return Js("li",{...d,role:"presentation",title:n||"Tick",className:a(e.className,qs,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&Js("span",{className:"k-label",children:n})})};G.states=Cf;G.options=Lf;G.className=qs;G.defaultOptions=Ys;import{Fragment as Mf,jsx as ht,jsxs as yf}from"react/jsx-runtime";var Qs=e=>ht(me,{"aria-label":e["aria-label"]||"Slider",children:yf(Mf,{children:[ht(G,{className:"k-first",label:!0,large:!0,text:"0"}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{label:!0,large:!0,text:"5"}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Sf,jsx as gt,jsxs as Af}from"react/jsx-runtime";var Zs=e=>gt(me,{children:Af(Sf,{children:[gt(G,{className:"k-first",label:!0,large:!0,text:"0"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{label:!0,large:!0,text:"5"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as MG,jsx as LG,jsxs as yG}from"react/jsx-runtime";import{Fragment as RG,jsx as EG,jsxs as OG}from"react/jsx-runtime";import{jsx as If}from"react/jsx-runtime";var Ti=e=>If(me,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Ef}from"react/jsx-runtime";var hi=e=>Ef(me,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as $G,jsx as FG,jsxs as VG}from"react/jsx-runtime";import{Fragment as YG,jsx as qG,jsxs as QG}from"react/jsx-runtime";import{jsx as Pt,jsxs as js}from"react/jsx-runtime";var Rf=me.options,Of=me.states,ed={...me.defaultOptions,variant:"horizontal",label:!0},Pf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Gf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ia=e=>{let{variant:t,modifiers:o,...r}={...ed,...e},l={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{l.showButtons=!!o?.[h];break}case"label":{l.label=!!o?.[h];break}case"tick":{l.showTicks=!!o?.[h];break}}});let{label:n=!0,showButtons:d,showTicks:m}=l,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?js(Zs,{showTicks:m,showButtons:d,style:{height:"300px",...b},...r,children:[Pt(G,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Pt(G,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Pt(G,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Pt(G,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Pt(G,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):js(Qs,{showTicks:m,showButtons:d,style:{width:"400px",...b},...r,children:[Pt(G,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Pt(G,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Pt(G,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Pt(G,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Pt(G,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ia.options=Rf;ia.states=Of;ia.variants=Pf;ia.defaultOptions=ed;ia.modifiers=Gf;ia.className=me.className;import{Fragment as ja,jsx as W,jsxs as we}from"react/jsx-runtime";var td="k-colorgradient-inputs",Hf=[],_f={size:[s.undefined,s.small,s.medium,s.large]},od={mode:"rgba"},na=e=>{let{mode:t=od.mode,size:o,...r}=e;return we("div",{...r,className:a(td,"k-hstack"),children:[W("div",{className:"k-vstack",children:W(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&we(ja,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&we(ja,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&we(ja,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&we(ja,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&W(ja,{children:we("div",{className:"k-vstack k-flex-1",children:[W(ce,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),W("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};na.states=Hf;na.options=_f;na.className=td;na.defaultOptions=od;import{jsx as yo,jsxs as So}from"react/jsx-runtime";var ad="k-colorgradient-color-contrast",Kf=[],Df={},Bf={},sa=()=>So("div",{className:a(ad,"k-vbox"),children:[So("div",{className:"k-contrast-ratio",children:[yo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),So("span",{className:"k-contrast-validation !k-text-success",children:[yo(f,{icon:"check"}),yo(f,{icon:"check"})]})]}),So("div",{children:[yo("span",{children:"AA: 4.5"}),So("span",{className:"k-contrast-validation !k-text-success",children:["Pass",yo(f,{icon:"check"})]})]}),So("div",{children:[yo("span",{children:"AAA: 7.0"}),So("span",{className:"k-contrast-validation !k-text-error",children:["Fail",yo(f,{icon:"x"})]})]})]});sa.states=Kf;sa.options=Df;sa.className=ad;sa.defaultOptions=Bf;var rd="color-gradient",ld="colorgradient";import{jsx as xt,jsxs as er}from"react/jsx-runtime";var Hr="k-colorgradient",zf=[i.hover,i.focus,i.readonly,i.disabled],Uf={size:[s.undefined,s.small,s.medium,s.large]},Gt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ye=e=>{let{size:t,mode:o=Gt.mode,readonly:r=Gt.readonly,disabled:l=Gt.disabled,gradientStyle:n=Gt.gradientStyle,dragHandleStyle:d=Gt.dragHandleStyle,alphaStyle:m=Gt.alphaStyle,alphaStyleHorizontal:b=Gt.alphaStyleHorizontal,contrast:h=Gt.contrast,dir:N,hover:k,focus:u,hoverHandle:v,focusHandle:C,canvasOrientation:I=Gt.canvasOrientation,role:O,tabIndex:E,...F}=e;return er("div",{...F,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":l?"true":void 0,className:a(e.className,Hr,L(Hr,{size:t}),y(Hr,{hover:k,focus:u,readonly:r,disabled:l})),dir:N,children:[!I||I==="horizontal"&&er("div",{className:"k-colorgradient-canvas k-hstack",children:[xt("div",{className:"k-hsv-rectangle",style:n,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":C}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),er("div",{className:"k-hsv-controls k-hstack",children:[xt(hi,{className:"k-hue-slider",hover:v,focus:C}),o!=="rgb"&&o!=="hsv"&&xt(hi,{className:"k-alpha-slider",hover:v,focus:C,trackStyle:m})]})]}),I==="vertical"&&er("div",{className:"k-colorgradient-canvas k-vstack",children:[xt("div",{className:"k-hsv-rectangle",style:n,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":C}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),er("div",{className:"k-hsv-controls k-vstack",children:[xt(Ti,{className:"k-hue-slider",hover:v,focus:C}),o!=="rgb"&&o!=="hsv"&&xt(Ti,{className:"k-alpha-slider",hover:v,focus:C,trackStyle:b})]})]}),xt(na,{mode:e.mode,size:t}),h&&xt(sa,{})]})};ye.states=zf;ye.options=Uf;ye.className=Hr;ye.defaultOptions=Gt;ye.moduleName=rd;ye.folderName=ld;ye.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Ff}from"react/jsx-runtime";var _r=e=>Ff(ye,{...e});import{jsx as zH}from"react/jsx-runtime";import{jsx as VH}from"react/jsx-runtime";import{jsx as gi}from"react/jsx-runtime";var $f=ye.options,Vf=ye.states,Wf={...ye.defaultOptions,variant:"rgba"},Xf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Jf=[],da=e=>{let{variant:t,...o}=e;switch(t){case"hex":return gi(_r,{...o,mode:t});case"rgb":return gi(_r,{...o,mode:t});default:return gi(_r,{...o,mode:t})}};da.options=$f;da.states=Vf;da.variants=Xf;da.defaultOptions=Wf;da.modifiers=Jf;da.className=ye.className;import{jsx as qf}from"react/jsx-runtime";var xi=e=>qf("tr",{role:"row",children:e.children});import{jsx as Zf}from"react/jsx-runtime";var Ni="k-colorpalette-tile",Yf=[i.hover,i.focus,i.selected],Qf={},ca=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:n,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Zf("td",{...d,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:a(e.className,Ni,y(Ni,{hover:r,focus:l,selected:n})),style:m})};ca.states=Yf;ca.options=Qf;ca.className=Ni;var id="color-palette",nd="colorpalette";import{jsx as tr}from"react/jsx-runtime";var Kr="k-colorpalette",jf=[i.disabled],eT={size:[s.undefined,s.small,s.medium,s.large]},sd={columns:10},Ue=e=>{let{size:t,palette:o,columns:r=sd.columns,tileSize:l,disabled:n,...d}=e,m=[];if(o){let b=r||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/b)},(N,k)=>{let u=[];h.slice(k*b,(k+1)*b).map((C,I)=>{u.push(tr(ca,{color:C,tileSize:l},I))});let v=tr(xi,{children:u},k);m.push(v)})}return tr("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:a(e.className,Kr,y(Kr,{disabled:n}),L(Kr,{size:t})),children:tr("table",{className:"k-colorpalette-table",role:"none",children:tr("tbody",{children:m.length>0?m:e.children})})})};Ue.states=jf;Ue.options=eT;Ue.className=Kr;Ue.defaultOptions=sd;Ue.moduleName=id;Ue.folderName=nd;Ue.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Dr=Ue;var or={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as tT}from"react/jsx-runtime";var dd=e=>tT(Dr,{palette:or.basic,...e});import{jsx as M_}from"react/jsx-runtime";import{jsx as R_,jsxs as O_}from"react/jsx-runtime";import{jsx as sT}from"react/jsx-runtime";var oT=Ue.options,aT=Ue.states,rT={...Ue.defaultOptions,variant:"basic"},lT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],iT={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},nT=[],pa=e=>{let{variant:t="basic",...o}=e,r=iT[t];return sT(dd,{columns:r.columns,palette:r,...o})};pa.options=oT;pa.states=aT;pa.variants=lT;pa.defaultOptions=rT;pa.modifiers=nT;pa.className=Ue.className;var cd="color-editor",pd="coloreditor";import{jsx as Nt,jsxs as ma}from"react/jsx-runtime";var Br="k-coloreditor",dT=[i.focus],cT={size:[s.undefined,s.small,s.medium,s.large]},ar={view:"gradient",palette:or.office,actionButtons:!0,canvasOrientation:"horizontal"},Ne=e=>{let{size:t,view:o=ar.view,palette:r=ar.palette,color:l,currentColor:n,focus:d,focusView:m,dir:b,group:h,actionButtons:N=ar.actionButtons,canvasOrientation:k=ar.canvasOrientation,...u}=e;return ma("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",Br,L(Br,{size:t}),y(Br,{focus:d})),dir:b,children:[ma("div",{className:"k-coloreditor-header k-hstack",children:[Nt("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&ma(_,{fillMode:"flat",children:[Nt(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Nt(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Nt("div",{className:"k-spacer"}),ma("div",{className:"k-coloreditor-header-actions k-hstack",children:[Nt(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),ma("div",{className:"k-coloreditor-preview k-vstack",children:[Nt(mo,{className:"k-coloreditor-preview-color",color:l}),Nt(mo,{className:"k-coloreditor-current-color",color:n})]})]})]}),Nt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Nt(ye,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):Nt(Ue,{palette:r,size:t})}),N&&ma(ut,{className:"k-coloreditor-footer",alignment:"start",children:[Nt(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Nt(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ne.states=dT;Ne.options=cT;Ne.className=Br;Ne.defaultOptions=ar;Ne.moduleName=cd;Ne.folderName=pd;Ne.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ua=Ne;import{jsx as s1}from"react/jsx-runtime";import{jsx as m1}from"react/jsx-runtime";import{jsx as pT}from"react/jsx-runtime";var md=e=>pT(ua,{group:!0,currentColor:"fuchsia",...e});import{jsx as mT}from"react/jsx-runtime";var ud=e=>mT(ua,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as bd}from"react/jsx-runtime";var uT=Ne.options,bT=Ne.states,fT={...Ne.defaultOptions,variant:"gradient"},TT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],hT=[],ba=e=>{let{variant:t,...o}=e;return t==="palette"?bd(ud,{...o,color:"white"}):bd(md,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ba.options=uT;ba.states=bT;ba.variants=TT;ba.defaultOptions=fT;ba.modifiers=hT;ba.className=Ne.className;var fd="color-picker",Td="colorpicker";import{Fragment as NT,jsx as kt,jsxs as ki}from"react/jsx-runtime";var hd="k-colorpicker",gT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],xT={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},gd={arrowIconName:"chevron-down"},lt=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=gd.arrowIconName,prefix:n,suffix:d,value:m,placeholder:b,hover:h,focus:N,valid:k,invalid:u,required:v,disabled:C,valueIconName:I,popup:O,opened:E,adaptive:F,adaptiveSettings:be,adaptiveTitle:se,adaptiveSubtitle:Ge,...He}=e,et="colorpicker-popup";return ki(NT,{children:[ki(Et,{...He,size:t,rounded:o,fillMode:r,hover:h,focus:N,valid:k,invalid:u,required:v,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E||F?et:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:a(e.className,hd,"k-icon-picker"),children:[kt(ct,{children:n}),kt(vo,{placeholder:b,value:m,showValue:!1,valueIcon:kt(mo,{className:"k-value-icon",color:m,iconName:I}),valueIconName:I}),kt(pt,{children:d}),kt(c,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),E&&O&&kt(te,{id:et,className:"k-colorpicker-popup",children:O}),F&&kt(ge,{adaptive:!0,id:et,...be,header:kt(Ke,{actionsEnd:kt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ge}),footer:ki(ao,{children:[kt(c,{text:"Cancel",size:"large"}),kt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:kt(Ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};lt.states=gT;lt.options=xT;lt.className=hd;lt.defaultOptions=gd;lt.moduleName=fd;lt.folderName=Td;lt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Vt=lt;import{jsx as kT}from"react/jsx-runtime";var zr=e=>kT(Vt,{...e});import{jsx as q1}from"react/jsx-runtime";import{jsx as eK}from"react/jsx-runtime";import{jsx as rK}from"react/jsx-runtime";import{jsx as sK}from"react/jsx-runtime";import{jsx as mK}from"react/jsx-runtime";import{jsx as TK}from"react/jsx-runtime";import{jsx as Ao}from"react/jsx-runtime";var vT=Vt.options,wT=Vt.states,xd={...Vt.defaultOptions,variant:"color"},CT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],LT=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...r}={...xd,...e},l={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?Ao(Ne,{size:r.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Ao("div",{style:n,children:Ao(zr,{...r,...l})});case"icon":return Ao("div",{style:n,children:Ao(zr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return Ao("div",{style:n,children:Ao(zr,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};fa.options=vT;fa.states=wT;fa.variants=CT;fa.defaultOptions=xd;fa.modifiers=LT;fa.className=Vt.className;var vi="combobox",Nd=vi;import{Fragment as wi,jsx as Le,jsxs as rr}from"react/jsx-runtime";var kd="k-combobox",MT=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],yT={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},vd={separators:!0},Oe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=vd.separators,prefix:n,suffix:d,value:m,placeholder:b,hover:h,focus:N,valid:k,invalid:u,required:v,loading:C,disabled:I,popup:O,opened:E,readonly:F,adaptive:be,adaptiveSettings:se,adaptiveTitle:Ge,adaptiveSubtitle:He,adaptiveCustomValue:et,id:No,autocomplete:il,activeDescendant:Qt,"aria-label":fr,...nl}=e,sl=No?`${No}-listbox`:void 0;return rr(wi,{children:[rr(ve,{...nl,size:t,rounded:o,fillMode:r,hover:h,focus:N,valid:k,invalid:u,required:v,loading:C,disabled:I,readonly:F,className:a(e.className,kd),children:[n&&rr(wi,{children:[Le(ct,{children:n}),l&&Le(mt,{})]}),Le(ot,{id:No,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?sl:void 0,"aria-activedescendant":E&&Qt?Qt:void 0,"aria-autocomplete":il,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":fr,disabled:I,readOnly:F}),Le(_e,{valid:k,invalid:u,loading:C,disabled:I}),Le(qe,{loading:C,disabled:I}),Le(tt,{loading:C,disabled:I,readonly:F,value:m}),d&&rr(wi,{children:[l&&Le(mt,{}),Le(pt,{children:d})]}),Le(c,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),E&&O&&Le(te,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),be&&Le(ge,{adaptive:!0,id:No?`${No}-adaptive`:void 0,...se,header:Le(Ke,{actionsEnd:Le(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:Ge,subtitle:He}),children:Le("div",{className:"k-list-container",children:Le(q,{customValue:et?Le(so,{text:`Use "${m}"`}):void 0,size:"large",children:rr(de,{"aria-label":Ge||"Options",children:[Le(z,{text:"List item"}),Le(z,{text:"List item"}),Le(z,{text:"List item"})]})})})})]})};Oe.states=MT;Oe.options=yT;Oe.className=kd;Oe.defaultOptions=vd;Oe.moduleName=vi;Oe.folderName=Nd;Oe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var it=Oe;import{jsx as ST}from"react/jsx-runtime";var wd=e=>ST(it,{...e});import{jsx as ZK,jsxs as jK}from"react/jsx-runtime";import{jsx as lD,jsxs as iD}from"react/jsx-runtime";import{jsx as mD,jsxs as uD}from"react/jsx-runtime";import{Fragment as xD,jsx as gD}from"react/jsx-runtime";import{Fragment as LD,jsx as CD}from"react/jsx-runtime";import{jsx as ED,jsxs as RD}from"react/jsx-runtime";import{Fragment as BD,jsx as KD,jsxs as DD}from"react/jsx-runtime";import{jsx as $D}from"react/jsx-runtime";import{jsx as JD}from"react/jsx-runtime";import{jsx as eB,jsxs as tB}from"react/jsx-runtime";import{jsx as nB,jsxs as sB}from"react/jsx-runtime";import{jsx as uo,jsxs as PT}from"react/jsx-runtime";var AT=Oe.states,IT=Oe.defaultOptions,ET=Oe.options,RT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],OT=[],Ta=e=>{let{modifiers:t,...o}=e,r={},l=uo(q,{style:{width:300},size:o.size,children:PT(de,{children:[uo(z,{children:"List item"}),uo(z,{children:"List item"}),uo(z,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t?.[n]?uo(f,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t?.[n]?uo(oo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!t?.[n],r.popup=t?.[n]?l:void 0;break;default:break}}),uo("div",{children:uo(wd,{value:"Value",style:{width:300},...o,...r})})};Ta.options=ET;Ta.states=AT;Ta.variants=OT;Ta.defaultOptions=IT;Ta.modifiers=RT;Ta.className=Oe.className;var Ci="menu-button",Cd=Ci;import{jsx as _T}from"react/jsx-runtime";var Ld="k-menu-button",GT=[i.hover,i.focus,i.active,i.selected,i.disabled],HT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info,w.inverse]},Li={showArrow:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:h,icon:N,text:k,showArrow:u=Li.showArrow,arrowIconName:v=Li.arrowIconName,expanded:C,...I}=e;return _T(c,{...I,className:a(e.className,Ld),text:k,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:h,icon:N,showArrow:u,arrowIconName:v,"aria-expanded":C?"true":"false",...!k&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};ne.states=GT;ne.options=HT;ne.className=Ld;ne.defaultOptions=Li;ne.moduleName=Ci;ne.folderName=Cd;ne.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 zB}from"react/jsx-runtime";import{jsx as VB}from"react/jsx-runtime";import{jsx as qB}from"react/jsx-runtime";var nt="menu",vt=nt;import{jsx as lr,jsxs as Md}from"react/jsx-runtime";var Mi="k-menu-item",KT=[i.hover,i.focus,i.active,i.selected,i.disabled],DT={},yd={iconPosition:"before"},Pe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:m,first:b,last:h,showArrow:N,arrowIconName:k,iconPosition:u=yd.iconPosition,dir:v,children:C,expanded:I,...O}=e,E=k;return E||(E=v==="rtl"?"chevron-left":"chevron-right"),Md("li",{...O,className:a(e.className,Mi,"k-item",y(Mi,{focus:o,disabled:n,hover:t,active:r,selected:l}),{"k-first":b,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Md("span",{className:a("k-link k-menu-link"),children:[d&&u==="before"&&lr(f,{className:"k-menu-link-icon",icon:d}),lr("span",{className:"k-menu-link-text",children:m}),d&&u==="after"&&lr(f,{className:"k-menu-link-icon",icon:d}),N&&lr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:lr(f,{icon:E})})]}),C]})};Pe.states=KT;Pe.options=DT;Pe.className=Mi;Pe.defaultOptions=yd;Pe.moduleName=nt;Pe.folderName=vt;import{jsx as ir,jsxs as Sd}from"react/jsx-runtime";var yi="k-menu-item",BT=[i.hover,i.focus,i.active,i.selected,i.disabled],zT={},Si={dir:"ltr",iconPosition:"before"},U=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:m,first:b,last:h,showArrow:N,arrowIconName:k,iconPosition:u=Si.iconPosition,dir:v=Si.dir,children:C,popup:I,expanded:O,...E}=e,F=k;return F||(F=v==="rtl"?"chevron-left":"chevron-right"),Sd("li",{...E,className:a(e.className,yi,"k-item",y(yi,{focus:o,disabled:n}),{"k-first":b,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":O?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Sd("span",{className:a("k-link k-menu-link",y("k-menu-link",{hover:t,active:r,selected:l,disabled:n})),children:[d&&u==="before"&&ir(f,{className:"k-menu-link-icon",icon:d}),ir("span",{className:"k-menu-link-text",children:m}),d&&u==="after"&&ir(f,{className:"k-menu-link-icon",icon:d}),N&&ir("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ir(f,{icon:F})})]}),C,I]})};U.states=BT;U.options=zT;U.className=yi;U.defaultOptions=Si;U.moduleName=nt;U.folderName=vt;import{jsx as VT}from"react/jsx-runtime";var Ad="k-menu-scroll-wrapper",UT=[],FT={},$T={},Io=e=>{let{className:t,children:o,orientation:r,...l}=e;return VT("div",{...l,className:a(t,Ad,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};Io.states=UT;Io.options=FT;Io.className=Ad;Io.defaultOptions=$T;Io.moduleName=nt;Io.folderName=vt;var Id=Io;import{Fragment as Ai,jsx as Eo,jsxs as Fr}from"react/jsx-runtime";var Ii="k-menu",WT=[],XT={},$r={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},fe=e=>{let{children:t,orientation:o=$r.orientation,header:r=$r.header,scrollable:l,scrollButtonsPosition:n=$r.scrollButtonsPosition,wrapperStyles:d,dir:m,popup:b,contextMenu:h,...N}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=Eo("ul",{dir:m,...N,className:a(e.className,"k-reset",Ii,{[`${Ii}-${o}`]:o,"k-header":r}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Fr(Ai,{children:[l?Fr(Id,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&Fr(Ai,{children:[Eo(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Eo(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Eo(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,n==="end"&&Fr(Ai,{children:[Eo(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Eo(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Eo(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,b]})};fe.states=WT;fe.options=XT;fe.className=Ii;fe.defaultOptions=$r;fe.moduleName=nt;fe.folderName=vt;fe.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 JT}from"react/jsx-runtime";var Ei="k-separator",Ed={orientation:"horizontal"},bo=e=>{let{orientation:t=Ed.orientation,...o}=e;return JT("li",{...o,className:a(e.className,"k-item",Ei,{[`${Ei}-${t}`]:t}),role:"separator"})};bo.className=Ei;bo.defaultOptions=Ed;bo.moduleName=nt;bo.folderName=vt;import{Fragment as C2,jsx as L2}from"react/jsx-runtime";import{jsx as ZT}from"react/jsx-runtime";var Ri="k-menu-group",qT=[],YT={size:[s.undefined,s.small,s.medium,s.large]},QT={},Ce=e=>{let{children:t,size:o,...r}=e;return ZT("ul",{...r,className:a(e.className,Ri,L(Ri,{size:o})),role:"menu",children:t})};Ce.states=qT;Ce.options=YT;Ce.className=Ri;Ce.defaultOptions=QT;Ce.moduleName=nt;Ce.folderName=vt;import{Fragment as jT,jsx as ha,jsxs as eh}from"react/jsx-runtime";var Oi=e=>ha(fe,{children:eh(jT,{children:[ha(Pe,{first:!0,text:"Item 1"}),ha(Pe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),ha(Pe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),ha(Pe,{text:"Item 4"}),ha(Pe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as D2,jsx as _2,jsxs as K2}from"react/jsx-runtime";import{Fragment as $2,jsx as F2,jsxs as V2}from"react/jsx-runtime";import{Fragment as Y2,jsx as q2,jsxs as Q2}from"react/jsx-runtime";import{Fragment as o3,jsx as t3,jsxs as a3}from"react/jsx-runtime";import{jsx as Ro,jsxs as lh}from"react/jsx-runtime";var th={...fe.options,scrollable:{type:"boolean"}},oh=fe.states,Rd={...fe.defaultOptions,variant:"horizontal"},ah=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],rh=[{name:"opened",title:"Opened"}],ga=e=>{let{variant:t,modifiers:o,...r}={...Rd,...e},l={};return Object.keys(o||{}).forEach(n=>{n==="opened"&&(l.opened=!!o?.[n],l.popup=Ro(te,{className:"k-menu-popup",children:lh(Ce,{children:[Ro(U,{text:"Item 1"}),Ro(U,{text:"Item 2"}),Ro(bo,{}),Ro(U,{text:"Item 3"})]})}))}),t==="vertical"?Ro(Oi,{...r,...l,orientation:"vertical",style:{width:"200px"}}):Ro(Oi,{...r,...l})};ga.options=th;ga.states=oh;ga.variants=ah;ga.defaultOptions=Rd;ga.modifiers=rh;ga.className=fe.className;import{Fragment as G3,jsx as O3,jsxs as P3}from"react/jsx-runtime";import{jsx as D3}from"react/jsx-runtime";import{Fragment as ch,jsx as Ht,jsxs as Od}from"react/jsx-runtime";var ih=c.states,Pd={...c.defaultOptions,variant:"text"},nh=c.options,sh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dh=[{name:"opened",title:"Opened"}],xa=e=>{let{variant:t,modifiers:o,...r}={...Pd,...e},l={},n=Ht(te,{className:"k-menu-popup",children:Od(Ce,{size:r.size,children:[Ht(U,{first:!0,text:"Menu Item"}),Ht(U,{text:"Menu Item"}),Ht(U,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=Ht("div",{children:Ht(ne,{...r,...l,icon:"star"})});break;case"icon-and-text":d=Ht("div",{children:Ht(ne,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:d=Ht("div",{children:Ht(ne,{...r,...l,children:"Dropdown Button"})});break}return Od(ch,{children:[d,o?.opened&&n]})};xa.options=nh;xa.states=ih;xa.variants=sh;xa.defaultOptions=Pd;xa.modifiers=dh;xa.className=ne.className;var Pi="split-button",Gd=Pi;import{Fragment as uh,jsx as Gi,jsxs as Hd}from"react/jsx-runtime";var Hi="k-split-button",ph=[i.hover,i.focus,i.active,i.selected,i.disabled],mh={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info,w.inverse]},_d={arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:h,icon:N,text:k,arrowIconName:u=_d.arrowIconName,popup:v,opened:C,popupId:I,...O}=e;return Hd(uh,{children:[Hd("div",{...O,className:a(e.className,Hi,"k-button-group",L(Hi,{rounded:o})),children:[Gi(c,{text:k,icon:N,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:h,...!k&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Gi(c,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:r,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?I:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),C&&v&&Gi(te,{className:"k-menu-popup",children:v})]})};X.states=ph;X.options=mh;X.className=Hi;X.defaultOptions=_d;X.moduleName=Pi;X.folderName=Gd;X.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",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-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var _i=X;import{jsx as fh}from"react/jsx-runtime";var bh="k-toolbar-separator",Mt=e=>fh("div",{className:a(bh,e.className,"k-separator")});var Wt="toolbar",fo=Wt;import{Fragment as Ki,jsx as Q,jsxs as Na}from"react/jsx-runtime";var Xt="k-toolbar",Th=[i.focus],hh={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},gh={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:n,scrollButtons:d,scrollingPosition:m,section:b,...h}=e,N=[],k=(u,v)=>{let C=[];if(u.type===c&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push(Q(c,{...u.props,className:`${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===c)C.push(Q(c,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===Fa)C.push(Q(Fa,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===oo)C.push(Q(oo,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===ne)C.push(Q(ne,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===_i)C.push(Q(_i,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===_||u.props.className&&u.props.className.includes("k-button-group")){let I=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,F)=>{I.push(Q(c,{...E.props,className:`${E.props.className?E.props.className:""}`},`${F}-${new Date().getTime()}`))}),C.push(Q(_,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:I},`${v}-${new Date().getTime()}`))}else u.type===Oe?C.push(Q(Oe,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===ie?C.push(Q(ie,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===lt?C.push(Q(lt,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):C.push(u);C.forEach(I=>{N.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((v,C)=>{k(v,C)}),Na("div",{...h,className:a(e.className,Xt,L(Xt,{size:t,fillMode:o}),y(Xt,{focus:r}),{[`${Xt}-resizable`]:l,[`${Xt}-scrollable`]:n,[`${Xt}-scrollable-overlay`]:n&&d==="hidden",[`${Xt}-scrollable-${m}`]:m&&m!=="both",[`${Xt}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!n&&N,n&&d==="hidden"&&Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),n&&d==="start"&&Na(Ki,{children:[Na(_,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-left"})}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-right"})})]}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),n&&d==="end"&&Na(Ki,{children:[Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),Q(Mt,{className:"k-toolbar-button-separator"}),Na(_,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-left"})}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-right"})})]})]}),n&&(d==="around"||!d)&&Na(Ki,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-left"})}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-right"})})]})]})};pe.states=Th;pe.options=hh;pe.className=Xt;pe.defaultOptions=gh;pe.moduleName=Wt;pe.folderName=fo;pe.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as vh}from"react/jsx-runtime";var Kd="k-floating-toolbar",xh=[],Nh={},kh={},ka=e=>{let{...t}=e;return vh("div",{...t,className:a(e.className,Kd),children:e.children})};ka.states=xh;ka.options=Nh;ka.className=Kd;ka.defaultOptions=kh;ka.moduleName=Wt;ka.folderName=fo;import{jsx as Mh}from"react/jsx-runtime";var Di="k-toolbar-item",wh=[i.focus],Ch={},Lh={},va=e=>{let{focus:t,...o}=e;return Mh("div",{...o,className:a(e.className,Di,y(Di,{focus:t})),children:e.children})};va.states=wh;va.options=Ch;va.className=Di;va.defaultOptions=Lh;va.moduleName=Wt;va.folderName=fo;import{jsx as Dd}from"react/jsx-runtime";var Bd="k-toolbar-popup",yh=[],Sh={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ah={},Oo=e=>{let{size:t,fillMode:o,section:r,...l}=e;return Dd(te,{...l,className:a(e.className,Bd),children:r?Dd("span",{className:a("k-toolbar-items-list",L("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Oo.states=yh;Oo.options=Sh;Oo.className=Bd;Oo.defaultOptions=Ah;Oo.moduleName=Wt;Oo.folderName=fo;var Vr=Oo;import{jsx as U5}from"react/jsx-runtime";import{jsx as W5}from"react/jsx-runtime";import{jsx as Y5}from"react/jsx-runtime";import{jsx as oz,jsxs as az}from"react/jsx-runtime";import{jsx as nz}from"react/jsx-runtime";import{jsx as Jt,jsxs as Ph}from"react/jsx-runtime";var Ih=X.states,zd={...X.defaultOptions,variant:"text"},Eh=X.options,Rh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Oh=[{name:"opened",title:"Opened"}],wa=e=>{let{variant:t,modifiers:o,...r}={...zd,...e},l={},n=Ph(Ce,{size:r.size,children:[Jt(U,{first:!0,text:"Menu Item"}),Jt(U,{text:"Menu Item"}),Jt(U,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?n:"")}),t){case"icon-only":return Jt("div",{children:Jt(X,{...r,...l,icon:"star"})});case"icon-and-text":return Jt("div",{children:Jt(X,{...r,...l,icon:"star",children:"Split Button"})});default:return Jt("div",{children:Jt(X,{...r,...l,children:"Split Button"})})}};wa.options=Eh;wa.states=Ih;wa.variants=Rh;wa.defaultOptions=zd;wa.modifiers=Oh;wa.className=X.className;import{jsx as Po,jsxs as Gh}from"react/jsx-runtime";var Ud=e=>Po(pe,{children:[Po(c,{children:"Button"},"toolbar-button"),Po(ne,{text:"Menu button"},"toolbar-menu-button"),Po(X,{children:"Split button"},"toolbar-split-button"),Gh(_,{children:[Po(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Po(c,{icon:"align-center",children:"Center"}),Po(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Hz,jsxs as _z}from"react/jsx-runtime";import{jsx as st,jsxs as Fd}from"react/jsx-runtime";var $d=e=>st(pe,{scrollable:!0,...e,children:[st(c,{children:"Button"},"toolbar-button"),st(ne,{text:"Menu button"},"toolbar-menu-button"),st(X,{children:"Split button"},"toolbar-split-button"),Fd(_,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),st(c,{children:"Button"},"toolbar-button"),st(ne,{text:"Menu button"},"toolbar-menu-button"),st(X,{children:"Split button"},"toolbar-split-button"),Fd(_,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as dt,jsxs as Vd}from"react/jsx-runtime";var Wd=({scrollingPosition:e="start",...t})=>dt(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[dt(c,{children:"Button"},"toolbar-button"),dt(ne,{text:"Menu button"},"toolbar-menu-button"),dt(X,{children:"Split button"},"toolbar-split-button"),Vd(_,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),dt(c,{children:"Button"},"toolbar-button"),dt(ne,{text:"Menu button"},"toolbar-menu-button"),dt(X,{children:"Split button"},"toolbar-split-button"),Vd(_,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Hh,jsx as Qe,jsxs as Wr}from"react/jsx-runtime";var Xd=({fillMode:e,size:t,...o})=>Wr(Hh,{children:[Qe(pe,{section:!0,fillMode:e,size:t,children:[Qe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Wr(_,{fillMode:e,children:[Qe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Qe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Qe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Qe(Mt,{className:"k-toolbar-button-separator"}),Qe(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Wr(Vr,{size:t,fillMode:e,section:!0,...o,children:[Qe(X,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Qe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Qe(Mt,{}),Qe(ne,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Wr(_,{fillMode:e,children:[Qe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Qe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Qe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as TU,jsx as bU,jsxs as fU}from"react/jsx-runtime";import{Fragment as yU,jsx as LU,jsxs as MU}from"react/jsx-runtime";import{jsx as To}from"react/jsx-runtime";var _h=pe.options,Kh=pe.states,Jd={...pe.defaultOptions,variant:"default"},Dh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Bh=[],Ca=e=>{let{variant:t,...o}={...Jd,...e};switch(t){case"responsive":return To("div",{children:To(Xd,{style:{width:"583px"},...o})});case"overlay":return To("div",{children:To(Wd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return To("div",{children:To($d,{style:{width:"583px"},...o})});default:return To("div",{children:To(Ud,{style:{width:"583px"},...o})})}};Ca.options=_h;Ca.states=Kh;Ca.variants=Dh;Ca.defaultOptions=Jd;Ca.modifiers=Bh;Ca.className=pe.className;import{jsx as zh}from"react/jsx-runtime";var qd="k-grid-toolbar",Go=e=>zh(pe,{...e,className:a(e.className,qd),children:e.children});Go.className=qd;Go.moduleName=V;Go.folderName=J;import{jsx as Bi,jsxs as Fh}from"react/jsx-runtime";var zi="k-grid-stack-cell",Uh=[i.focus,i.selected],Xr=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:n,focus:d,selected:m,...b}=e;return Fh("div",{...b,className:a(e.className,zi,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":n},y(zi,{focus:d,selected:m})),children:[n&&Bi("span",{className:"k-dirty"}),t&&Bi("div",{className:"k-grid-stack-header",children:t}),Bi("div",{className:"k-grid-stack-content",children:o}),e.children]})};Xr.states=Uh;Xr.className=zi;Xr.moduleName=V;Xr.folderName=J;import{jsx as $h}from"react/jsx-runtime";var Yd="k-grid-stack-row",Jr=e=>{let{cols:t,...o}=e;return $h("div",{...o,className:a(e.className,Yd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Jr.className=Yd;Jr.moduleName=V;Jr.folderName=J;import{Fragment as h6,jsx as f6,jsxs as T6}from"react/jsx-runtime";import{Fragment as C6,jsx as v6,jsxs as w6}from"react/jsx-runtime";var Fe="column-menu",Ze=Fe;import{jsx as Xh}from"react/jsx-runtime";var Ui="k-column-menu",Vh=[],Wh={size:[s.undefined,s.small,s.medium,s.large]},Qd={view:"list"},qt=e=>{let{view:t=Qd.view,size:o,...r}=e;return Xh("div",{...r,className:a(e.className,Ui,L(Ui,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};qt.states=Vh;qt.options=Wh;qt.className=Ui;qt.defaultOptions=Qd;qt.moduleName=Fe;qt.folderName=Ze;qt.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};import{jsx as Zd}from"react/jsx-runtime";var Fi="k-column-list",Jh=[],qh={size:[s.undefined,s.small,s.medium,s.large]},Yh={},Ho=e=>{let{size:t,...o}=e;return Zd("div",{className:"k-column-list-wrapper",children:Zd("div",{...o,className:a(e.className,Fi,L(Fi,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};Ho.states=Jh;Ho.options=qh;Ho.className=Fi;Ho.defaultOptions=Yh;Ho.moduleName=Fe;Ho.folderName=Ze;import{jsx as jd,jsxs as eg}from"react/jsx-runtime";var $i="k-column-list-item",Qh=[i.focus,i.disabled,i.hover],Zh={},jh={},nr=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:n,...d}=e;return eg("span",{...d,className:a(e.className,$i,y($i,{focus:r,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[jd(Me,{disabled:n,checked:o,"aria-label":t}),jd("span",{className:"k-checkbox-label",children:t})]})};nr.states=Qh;nr.options=Zh;nr.className=$i;nr.defaultOptions=jh;import{jsx as Vi,jsxs as ec}from"react/jsx-runtime";var Wi="k-columnmenu-item",tg=[i.focus,i.selected],og={},ag={},Yt=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:n,sortIndex:d,...m}=e;return ec("div",{...m,className:a(e.className,Wi,y(Wi,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&Vi(f,{icon:l}),r,n&&ec("span",{className:"k-columnmenu-indicators",children:[Vi(f,{icon:n}),d&&Vi("span",{className:"k-sort-index",children:d})]}),e.children]})};Yt.states=tg;Yt.options=og;Yt.className=Wi;Yt.defaultOptions=ag;Yt.moduleName=Fe;Yt.folderName=Ze;import{jsx as W6}from"react/jsx-runtime";import{jsx as lg}from"react/jsx-runtime";var rg="k-columnmenu-item-content",tc=e=>lg("div",{...e,className:a(e.className,rg,"k-columns-item"),children:e.children});import{jsx as oc}from"react/jsx-runtime";var ac="k-filter-menu",ig=[],ng={},sg={},ho=e=>{let{...t}=e;return oc("form",{...t,className:a(e.className,ac),children:oc("div",{className:"k-filter-menu-container",children:e.children})})};ho.states=ig;ho.options=ng;ho.className=ac;ho.defaultOptions=sg;ho.moduleName=Fe;ho.folderName=Ze;import{jsx as a4}from"react/jsx-runtime";import{jsx as Xi,jsxs as mg}from"react/jsx-runtime";var dg="k-item",cg={size:[s.undefined,s.small,s.medium,s.large]},pg=[],Ji=e=>{let{text:t,size:o,...r}=e;return Xi("li",{...r,className:a(e.className,dg),children:mg("label",{className:"k-label k-checkbox-label",children:[Xi(Me,{size:o}),Xi("span",{children:t})]})})};Ji.states=pg;Ji.options=cg;import{jsx as La,jsxs as rc}from"react/jsx-runtime";var lc="k-expander",ug=[],bg={},fg={},_o=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:n,itemContent:d,expanderIcon:m,contentId:b,...h}=e,N=b||H("columnmenu-content"),k=!n&&!m?La(f,{icon:"chevron-down"}):n&&!m?La(f,{icon:"chevron-up"}):La(f,{icon:m});return rc("div",{...h,className:a(e.className,lc),children:[rc(Yt,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":N,children:[La("span",{className:"k-spacer"}),La("span",{className:"k-expander-indicator",children:k})]}),n&&La(tc,{id:N,children:d}),e.children]})};_o.states=ug;_o.options=bg;_o.className=lc;_o.defaultOptions=fg;_o.moduleName=Fe;_o.folderName=Ze;import{jsx as xg}from"react/jsx-runtime";var qi="k-group-menu",Tg=[],hg={size:[s.undefined,s.small,s.medium,s.large]},gg={},Ma=e=>{let{size:t,...o}=e;return xg("div",{...o,className:a(e.className,qi,L(qi,{size:t})),children:e.children})};Ma.states=Tg;Ma.options=hg;Ma.className=qi;Ma.defaultOptions=gg;Ma.moduleName=Fe;Ma.folderName=Ze;import{Fragment as wg,jsx as qr,jsxs as ic}from"react/jsx-runtime";var Yi="k-group-menu-item",Ng=[i.hover,i.selected],kg={},vg={},ya=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:n,...d}=e;return ic("div",{...d,className:a(e.className,Yi,y(Yi,{hover:t,selected:o})),children:[l&&qr("span",{className:"k-group-menu-item-actions",children:l}),qr("span",{className:"k-group-item-text",children:r}),n&&ic(wg,{children:[qr("span",{className:"k-spacer"}),qr("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};ya.states=Ng;ya.options=kg;ya.className=Yi;ya.defaultOptions=vg;ya.moduleName=Fe;ya.folderName=Ze;import{jsx as Ko}from"react/jsx-runtime";var Qi="k-group-menu-item-action",Cg=[i.hover,i.disabled,i.selected],Lg={size:[s.undefined,s.small,s.medium,s.large]};var Zi=e=>{let{hover:t,disabled:o,selected:r,size:l,type:n,...d}=e,m;switch(n){case"remove":m=Ko(f,{icon:"x-circle",size:l});break;case"add":m=Ko(f,{icon:"plus-circle",size:l});break;case"drag":m=Ko(f,{icon:"handle-drag-dots",size:l});break;case"up":m=Ko(f,{icon:"chevron-up",size:l});break;case"down":m=Ko(f,{icon:"chevron-down",size:l});break;default:m=Ko(f,{icon:n,size:l});break}return Ko("span",{...d,className:a(e.className,Qi,y(Qi,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:m})};Zi.options=Cg;Zi.options=Lg;Zi.className=Qi;import{jsx as I4}from"react/jsx-runtime";import{Fragment as _4,jsx as G4,jsxs as H4}from"react/jsx-runtime";import{jsx as Ag}from"react/jsx-runtime";var nc="k-tabstrip-items",Mg=[],yg={},Sg={tabAlignment:"start"},sr=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return Ag("ul",{...l,className:a(e.className,nc,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};sr.states=Mg;sr.options=yg;sr.className=nc;sr.defaultOptions=Sg;var sc=sr;import{jsx as Rg}from"react/jsx-runtime";var dc="k-tabstrip-items-wrapper",Ig=[],Eg={},cc={orientation:"horizontal"},dr=e=>{let{children:t,orientation:o=cc.orientation,...r}=e;return Rg("div",{...r,className:a(e.className,dc,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};dr.states=Ig;dr.options=Eg;dr.className=dc;dr.defaultOptions=cc;var pc=dr;var cr="tabstrip",Yr=cr;import{jsx as yt,jsxs as mc}from"react/jsx-runtime";var go="k-tabstrip",Og=[],Pg={size:[s.undefined,s.small,s.medium,s.large]},Qr={position:"top",tabAlignment:"start",scrollButtons:"around"},Ie=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:n,position:d=Qr.position,tabAlignment:m=Qr.tabAlignment,scrollButtons:b=Qr.scrollButtons,dir:h,scrollingPosition:N,overflow:k,...u}=e,v={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},C={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},I={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return mc("div",{dir:h,...u,className:a(go,e.className,{[`${go}-${d}`]:d,[`${go}-scrollable`]:o,[`${go}-scrollable-overlay`]:o&&(b==="hidden"||!b),[`${go}-scrollable-${N}`]:N&&N!=="both",[`${go}-overflow`]:k},L(go,{size:t})),children:[d==="bottom"&&r,mc(pc,{orientation:C[d],children:[o&&(b==="around"||b==="start")&&yt("span",{className:a("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`chevron-${v[d].prev}`})}),o&&b==="start"&&yt("span",{className:a("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`chevron-${v[d].next}`})}),yt(sc,{className:a({"k-tabstrip-items-scroll":o&&b==="hidden"}),tabAlignment:I[m],orientation:C[d],...n&&{id:n},children:l}),o&&b==="end"&&yt("span",{className:a("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`chevron-${v[d].prev}`})}),o&&(b==="around"||b==="end")&&yt("span",{className:a("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`chevron-${v[d].next}`})}),k&&yt("div",{className:"k-tabstrip-actions k-hstack",children:yt(ne,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&r]})};Ie.states=Og;Ie.options=Pg;Ie.className=go;Ie.defaultOptions=Qr;Ie.moduleName=cr;Ie.folderName=Yr;Ie.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};import{jsx as Kg}from"react/jsx-runtime";var uc="k-tabstrip-wrapper",Gg=[],Hg={},_g={},Sa=e=>{let{...t}=e;return Kg("div",{...t,className:a(e.className,uc),children:e.children})};Sa.states=Gg;Sa.options=Hg;Sa.className=uc;Sa.defaultOptions=_g;Sa.moduleName=cr;Sa.folderName=Yr;import{jsx as Zr,jsxs as ji}from"react/jsx-runtime";var en="k-tabstrip-item",Dg=[i.active,i.hover,i.disabled,i.focus],Bg={},bc={iconPosition:"before"},je=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:n,children:d,first:m,last:b,closable:h,icon:N,iconPosition:k=bc.iconPosition,value:u,actions:v,...C}=e;return ji("li",{...C,className:a(e.className,en,y(en,{hover:r,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":b}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[ji("span",{className:"k-link",children:[N&&k==="before"&&Zr(f,{icon:N}),u&&Zr("span",{className:"k-link-text",children:u}),N&&k==="after"&&Zr(f,{icon:N})]}),(v||h)&&ji("span",{className:"k-item-actions",children:[v,h&&Zr(c,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};je.states=Dg;je.options=Bg;je.className=en;je.item=bc;import{jsx as $g}from"react/jsx-runtime";var tn="k-tabstrip-content",zg=[i.active,i.focus],Ug={},Fg={},_t=e=>{let{active:t,focus:o,children:r,...l}=e;return $g("div",{...l,className:a(e.className,tn,y(tn,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};_t.states=zg;_t.options=Ug;_t.className=tn;_t.defaultOptions=Fg;import{Fragment as Vg,jsx as xo,jsxs as Wg}from"react/jsx-runtime";var St=({children:e,...t})=>xo(Ie,{tabStripItems:Wg(Vg,{children:[xo(je,{first:!0,value:"First"}),xo(je,{active:!0,value:"Second"}),xo(je,{value:"Third"}),xo(je,{value:"Fourth"}),xo(je,{last:!0,value:"Fifth"})]}),...t,children:e||xo(_t,{active:!0,children:xo("div",{children:"TabStrip Content"})})});import{jsx as Xg}from"react/jsx-runtime";var fc=e=>Xg(St,{position:"bottom",...e});import{jsx as Jg}from"react/jsx-runtime";var Tc=e=>Jg(St,{position:"right",...e});import{jsx as qg}from"react/jsx-runtime";var hc=e=>qg(St,{position:"left",...e});import{jsx as M7}from"react/jsx-runtime";import{Fragment as E7,jsx as I7,jsxs as R7}from"react/jsx-runtime";import{jsx as H7}from"react/jsx-runtime";import{Fragment as F7,jsx as U7,jsxs as $7}from"react/jsx-runtime";import{Fragment as q7,jsx as J7,jsxs as Y7}from"react/jsx-runtime";import{jsx as jr}from"react/jsx-runtime";var Yg={...Ie.options,scrollable:{type:"boolean"}},Qg=Ie.states,gc={...Ie.defaultOptions,scrollable:!1,variant:"up"},Zg=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],jg=[],Aa=e=>{let{variant:t,...o}={...gc,...e},r={};switch(t){case"right":return jr(Tc,{style:{height:"230px"},...o,...r,position:"right"});case"left":return jr(hc,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return jr(fc,{style:{width:"350px"},...o,...r,position:"bottom"});default:return jr(St,{style:{width:"350px"},...o,...r})}};Aa.options=Yg;Aa.states=Qg;Aa.variants=Zg;Aa.defaultOptions=gc;Aa.modifiers=jg;Aa.className=Ie.className;import{Fragment as yF,jsx as MF,jsxs as SF}from"react/jsx-runtime";import{Fragment as KF,jsx as HF,jsxs as _F}from"react/jsx-runtime";import{Fragment as JF,jsx as WF,jsxs as XF}from"react/jsx-runtime";import{Fragment as C9,jsx as v9,jsxs as w9}from"react/jsx-runtime";import{Fragment as E9,jsx as A9,jsxs as I9}from"react/jsx-runtime";import{Fragment as U9,jsx as B9,jsxs as z9}from"react/jsx-runtime";import{Fragment as ex,jsx as M,jsxs as ue}from"react/jsx-runtime";var xc=({contentClassName:e,...t})=>M(D,{_renderAriaRoot:!0,pager:M(ft,{refresh:!1}),children:ue(ex,{children:[M(oe,{children:M("div",{className:"k-grid-header-wrap",children:ue(re,{role:"none",children:[ue("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),ue(Z,{role:"rowgroup",children:[ue(S,{role:"row",children:[M(A,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),ue(S,{className:"k-filter-row",role:"row",children:[M(p,{role:"gridcell","aria-label":"Product Id filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M($,{"aria-label":"Product Id filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Name filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ce,{"aria-label":"Name filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Quantity filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ce,{"aria-label":"Quantity filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Unit Price filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M($,{"aria-label":"Unit Price filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Discontinued filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ie,{"aria-label":"Discontinued filter"}),M("div",{className:"k-filtercell-operator",children:M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),M(j,{children:M(ee,{className:e,children:ue(Y,{role:"none",children:[ue("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),ue(ae,{role:"rowgroup",children:[ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"1"}),M(p,{role:"gridcell",children:"Chai"}),M(p,{role:"gridcell",children:"10 boxes x 20 bags"}),M(p,{role:"gridcell",children:"18"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",alt:!0,children:[M(p,{role:"gridcell",children:"2"}),M(p,{role:"gridcell",children:"Chang"}),M(p,{role:"gridcell",children:"24 - 12 oz bottles"}),M(p,{role:"gridcell",children:"19"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"3"}),M(p,{role:"gridcell",children:"Aniseed Syrup"}),M(p,{role:"gridcell",children:"12 - 550 ml bottles"}),M(p,{role:"gridcell",children:"10"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",alt:!0,children:[M(p,{role:"gridcell",children:"4"}),M(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),M(p,{role:"gridcell",children:"48 - 6 oz jars"}),M(p,{role:"gridcell",children:"22"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"5"}),M(p,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),M(p,{role:"gridcell",children:"12 - 8 oz jars"}),M(p,{role:"gridcell",children:"25"}),M(p,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{jsx as el}from"react/jsx-runtime";var tx="k-chip-action";var ke=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=el(f,{icon:"x-circle",size:"small"});break;case"more":r=el(f,{icon:"more-vertical",size:"small"});break;default:return el(f,{icon:t,size:"small"})}return el("span",{...o,className:a(e.className,tx,`k-chip-${t}-action`),children:r})};var on="avatar",Nc=on;import{jsx as kc}from"react/jsx-runtime";var pr="k-avatar";var ox=[i.hover,i.focus,i.active,i.selected,i.disabled],ax={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary]},an={type:"text",border:!1},$e=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:n=an.type,border:d=an.border,...m}=e;return kc("div",{...m,className:a(e.className,pr,L(pr,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${pr}-bordered`]:d}),children:kc("span",{className:`${pr}-${n}`,children:e.children})})};$e.states=ox;$e.options=ax;$e.className=pr;$e.defaultOptions=an;$e.moduleName=on;$e.folderName=Nc;$e.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Do=$e;import{jsx as rx}from"react/jsx-runtime";var vc=e=>rx(Do,{type:"icon",...e});import{jsx as lx}from"react/jsx-runtime";var wc=e=>lx(Do,{type:"text",...e});import{jsx as ix}from"react/jsx-runtime";var Cc=e=>ix(Do,{type:"image",...e});import{jsx as g8}from"react/jsx-runtime";import{jsx as mr}from"react/jsx-runtime";var nx=$e.options,sx=$e.states,dx={...$e.defaultOptions,variant:"image"},cx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],px=[],Ia=e=>{let{variant:t,...o}=e;switch(t){case"icon":return mr(vc,{...o,children:mr(f,{icon:"star"})});case"text":return mr(wc,{...o,children:"JO"});default:return mr(Cc,{...o,children:mr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ia.options=nx;Ia.states=sx;Ia.variants=cx;Ia.defaultOptions=dx;Ia.modifiers=px;Ia.className=$e.className;var ur="chip",tl=ur;import{jsx as Ea,jsxs as bx}from"react/jsx-runtime";var ol="k-chip",mx=[i.hover,i.focus,i.active,i.selected,i.disabled],ux={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[w.undefined,w.base,w.success,w.warning,w.error,w.info]},Lc={avatarImage:"/packages/html/assets/avatar.jpg"},Te=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:n,icon:d,actions:m,showAvatar:b,avatarImage:h=Lc.avatarImage,hover:N,focus:k,active:u,selected:v,disabled:C,...I}=e;return bx("div",{...I,className:a(e.className,ol,L(ol,{size:t,rounded:o,fillMode:r,themeColor:l}),y(ol,{hover:N,focus:k,active:u,disabled:C,selected:v})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:v?"true":"false",...e.role==="option"&&v!==void 0&&{"aria-selected":v?"true":"false"},"aria-disabled":C?"true":void 0,children:[d&&Ea(f,{className:"k-chip-icon",icon:d,size:"small"}),b&&Ea($e,{className:"k-chip-avatar",type:"image",children:Ea("img",{src:h,alt:""})}),Ea("span",{className:"k-chip-content",children:e.children?e.children:n&&Ea("span",{className:"k-chip-label",children:n})}),m&&Ea("span",{className:"k-chip-actions",children:m})]})};Te.states=mx;Te.options=ux;Te.className=ol;Te.defaultOptions=Lc;Te.moduleName=ur;Te.folderName=tl;Te.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var wt=Te;import{jsx as gx}from"react/jsx-runtime";var rn="k-chip-list",fx=[],Tx={size:[s.undefined,s.small,s.medium,s.large]},hx={},he=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return gx("div",{...l,className:a(e.className,rn,L(rn,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:r||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};he.states=fx;he.options=Tx;he.className=rn;he.defaultOptions=hx;he.moduleName=ur;he.folderName=tl;he.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as J8}from"react/jsx-runtime";import{jsx as Z8}from"react/jsx-runtime";import{jsx as xx}from"react/jsx-runtime";var al=e=>xx(wt,{text:"text",...e});import{jsx as i$}from"react/jsx-runtime";import{jsx as c$}from"react/jsx-runtime";import{Fragment as T$,jsx as f$,jsxs as h$}from"react/jsx-runtime";import{jsx as v$,jsxs as w$}from"react/jsx-runtime";import{jsx as S$,jsxs as A$}from"react/jsx-runtime";import{jsx as G$,jsxs as H$}from"react/jsx-runtime";import{jsx as Ra,jsxs as Lx}from"react/jsx-runtime";var Nx={...wt.options,...he.options},kx=[],vx=he.states,wx={...wt.defaultOptions,...he.defaultOptions},Cx=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Oa=e=>{let{modifiers:t,className:o,...r}=e,l=t?.icon,n=t?.actions,d=t?.avatar;return Lx(he,{size:r.size,className:o,children:[Ra(al,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ra(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ra(al,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ra(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ra(al,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ra(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};Oa.options=Nx;Oa.states=vx;Oa.variants=kx;Oa.defaultOptions=wx;Oa.modifiers=Cx;Oa.className=he.className;import{jsx as ln}from"react/jsx-runtime";var Mx=Te.states,yx=Te.defaultOptions,Sx=Te.options,Ax=[],Ix=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Pa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":r.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!t?.[l],r.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":r.actions||(r.actions=[]),r.actions[0]=t?.[l]?ln(ke,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t?.[l]?ln(ke,{type:"remove"}):void 0;break;default:break}}),ln(Te,{...o,...r,children:"Chip component"})};Pa.options=Sx;Pa.states=Mx;Pa.variants=Ax;Pa.defaultOptions=yx;Pa.modifiers=Ix;Pa.className=Te.className;import{Fragment as nn,jsx as P,jsxs as Ve}from"react/jsx-runtime";var Mc=({dropClue:e,contentClassName:t,...o})=>P(D,{_renderAriaRoot:!0,groupingHeader:P(It,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:Ve(he,{role:"none",children:[P(Te,{icon:"sort-asc-small",text:"ID",role:"button",actions:Ve(nn,{children:[P(ke,{type:"more"}),P(ke,{type:"remove"})]})}),P(Te,{icon:"sort-desc-small",text:"Name",role:"button",actions:Ve(nn,{children:[P(ke,{type:"more"}),P(ke,{type:"remove"})]})})]})}),children:Ve(nn,{children:[P(oe,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:Ve(re,{role:"none",children:[Ve("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P(Z,{role:"rowgroup",children:Ve(S,{role:"row",children:[P(A,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(A,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(A,{colspan:1,columnTitle:"ID",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Name",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Price",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),P(j,{children:P(ee,{className:t,children:Ve(Y,{role:"none",children:[Ve("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),Ve(ae,{role:"rowgroup",children:[P(S,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"false",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"chevron-right"}),"ID: 1"]})})}),P(S,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"true",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"chevron-down"}),"ID: 2"]})})}),Ve(S,{className:"k-table-group-row k-grouping-row",role:"row",children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:5,role:"gridcell","aria-expanded":"true",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"chevron-down"}),"Name: Chang"]})})]}),Ve(S,{className:"k-master-row",role:"row",alt:!0,children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:0,role:"gridcell",children:"2"}),P(p,{colspan:0,role:"gridcell",children:"Chang"}),P(p,{colspan:0,role:"gridcell",children:"$19.00"}),P(p,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as CV,jsx as vV,jsxs as wV}from"react/jsx-runtime";import{Fragment as RV,jsx as IV,jsxs as EV}from"react/jsx-runtime";import{Fragment as DV,jsx as _V,jsxs as KV}from"react/jsx-runtime";import{Fragment as Ex,jsx as B,jsxs as We}from"react/jsx-runtime";var yc=({headerWrapClassName:e,contentClassName:t,...o})=>B(D,{_renderAriaRoot:!0,children:We(Ex,{children:[B(oe,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:We(re,{role:"none",children:[We("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),We(Z,{role:"rowgroup",children:[We(S,{role:"row",children:[B(A,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),B(A,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),We(S,{role:"row",children:[B(A,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),B(A,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),We(S,{role:"row",children:[B(A,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),B(A,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),B(j,{children:B(ee,{className:t,children:We(Y,{role:"none",children:[We("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),We(ae,{role:"rowgroup",children:[We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"1"}),B(p,{role:"gridcell",children:"Chai"}),B(p,{role:"gridcell",children:"39"}),B(p,{role:"gridcell",children:"18"})]}),We(S,{className:"k-master-row",alt:!0,role:"row",children:[B(p,{role:"gridcell",children:"2"}),B(p,{role:"gridcell",children:"Chang"}),B(p,{role:"gridcell",children:"17"}),B(p,{role:"gridcell",children:"19"})]}),We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"3"}),B(p,{role:"gridcell",children:"Aniseed Syrup"}),B(p,{role:"gridcell",children:"13"}),B(p,{role:"gridcell",children:"10"})]}),We(S,{className:"k-master-row",alt:!0,role:"row",children:[B(p,{role:"gridcell",children:"4"}),B(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),B(p,{role:"gridcell",children:"53"}),B(p,{role:"gridcell",children:"22"})]}),We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"5"}),B(p,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),B(p,{role:"gridcell",children:"0"}),B(p,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as QV,jsx as qV,jsxs as YV}from"react/jsx-runtime";import{Fragment as rW,jsx as oW,jsxs as aW}from"react/jsx-runtime";import{Fragment as Rx,jsx as K,jsxs as Ct}from"react/jsx-runtime";var Sc=e=>{let t=H("grid");return K(D,{_renderAriaRoot:!0,ariaRootId:t,toolbar:Ct(Go,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[K(c,{children:"Add new"}),K(c,{children:"Save Changes"}),K(c,{children:"Cancel Changes"})]}),children:Ct(Rx,{children:[K(oe,{children:K("div",{className:"k-grid-header-wrap",children:Ct(re,{role:"none",children:[Ct("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K(Z,{role:"rowgroup",children:Ct(S,{role:"row",children:[K(A,{columnTitle:"Name",role:"columnheader"}),K(A,{columnTitle:"Price",role:"columnheader"}),K(A,{columnTitle:"Available",role:"columnheader"}),K(A,{accessibleLabel:"Commands"})]})})]})})}),K(j,{children:K(ee,{children:K("div",{children:Ct(Y,{role:"none",children:[Ct("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),Ct(ae,{role:"rowgroup",children:[Ct(S,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[K(p,{role:"gridcell",children:K(ce,{value:"Towel","aria-label":"Name"})}),K(p,{role:"gridcell",children:K($,{value:"42","aria-label":"Price"})}),K(p,{role:"gridcell",children:K(Me,{"aria-label":"Available"})}),Ct(p,{className:"k-command-cell",role:"gridcell",children:[K(c,{children:"Add"}),K(c,{children:"Cancel"})]})]}),Ct(S,{className:"k-master-row",role:"row",children:[K(p,{role:"gridcell",children:"Chai"}),K(p,{role:"gridcell",children:"18"}),K(p,{role:"gridcell",children:"false"}),K(p,{className:"k-command-cell",role:"gridcell",children:K(c,{children:"Remove"})})]}),Ct(S,{className:"k-master-row",role:"row",alt:!0,children:[K(p,{role:"gridcell",children:"Chang"}),K(p,{role:"gridcell",children:"19"}),K(p,{role:"gridcell",children:"false"}),K(p,{className:"k-command-cell",role:"gridcell",children:K(c,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as IW,jsx as AW,jsxs as EW}from"react/jsx-runtime";var sn="context-menu",Ac=sn;import{jsx as Hx}from"react/jsx-runtime";var Ic="k-context-menu",Ox=[],Px={},Gx={},Xe=e=>{let{children:t,...o}=e;return Hx(Ce,{...o,className:a(e.className,Ic),role:"menu",children:t})};Xe.states=Ox;Xe.options=Px;Xe.className=Ic;Xe.defaultOptions=Gx;Xe.moduleName=sn;Xe.folderName=Ac;Xe.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{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-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."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};import{jsx as rl}from"react/jsx-runtime";var dn=e=>rl(Xe,{children:[rl(U,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),rl(U,{text:"Item 2"},"menu-item-2"),rl(U,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as QW,jsx as qW,jsxs as YW}from"react/jsx-runtime";import{jsx as br,jsxs as zx}from"react/jsx-runtime";var _x=fe.options,Kx=fe.states,Ec={...fe.defaultOptions,variant:"normal"},Dx=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],Bx=[],Ga=e=>{let{variant:t,...o}={...Ec,...e};return t==="separators"?zx(dn,{...o,style:{width:"130px"},children:[br(U,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),br(bo,{}),br(U,{text:"Item 2"},"menu-item-2"),br(U,{last:!0,text:"Item 3"},"menu-item-3")]}):br(dn,{...o,style:{width:"130px"}})};Ga.options=_x;Ga.states=Kx;Ga.variants=Dx;Ga.defaultOptions=Ec;Ga.modifiers=Bx;Ga.className=Xe.className;import{Fragment as xX,jsx as hX,jsxs as gX}from"react/jsx-runtime";import{Fragment as yX,jsx as MX,jsxs as SX}from"react/jsx-runtime";import{Fragment as _X,jsx as HX,jsxs as KX}from"react/jsx-runtime";import{Fragment as ll,jsx as T,jsxs as le}from"react/jsx-runtime";var Ux=D.options,Fx=D.states,Rc={...D.defaultOptions,variant:"normal"},$x=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],Vx=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ha=e=>{let{variant:t,modifiers:o,...r}={...Rc,...e},l={toolbar:void 0,pager:void 0},n=le(Go,{children:[T(c,{icon:"plus",children:"Add New"}),T(c,{icon:"file-pdf",children:"Export to PDF"}),T("span",{className:"k-spacer"}),T(ce,{prefix:T(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=T(xe,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(h=>{switch(h){case"toolbar":l.toolbar=o?.[h]?n:void 0;break;case"pager":l.pager=o?.[h]?d:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},b=le(ll,{children:[T(oe,{children:T("div",{className:"k-grid-header-wrap",children:le(re,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(Z,{children:le(S,{children:[T(A,{...m[t],columnTitle:"ID"}),T(A,{...m[t],columnTitle:"Product Name"}),T(A,{...m[t],columnTitle:"Units in Stock"}),T(A,{...m[t],columnTitle:"Units Price"})]})})]})})}),T(j,{children:T(ee,{children:le(Y,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(ae,{children:[le(S,{children:[T(p,{children:"1"}),T(p,{children:"Chai"}),T(p,{children:"39"}),T(p,{children:"18"})]}),le(S,{alt:!0,children:[T(p,{children:"2"}),T(p,{children:"Chang"}),T(p,{children:"17"}),T(p,{children:"19"})]}),le(S,{children:[T(p,{children:"3"}),T(p,{children:"Aniseed Syrup"}),T(p,{children:"13"}),T(p,{children:"10"})]}),le(S,{alt:!0,children:[T(p,{children:"4"}),T(p,{children:"Chef Anton's Cajun Seasoning"}),T(p,{children:"53"}),T(p,{children:"22"})]}),le(S,{children:[T(p,{children:"5"}),T(p,{children:"Chef Anton's Gumbo Mix"}),T(p,{children:"0"}),T(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return T(yc,{...r,...l});case"editing":return T(Sc,{...r,...l});case"grouping":return T(Mc,{...r,...l,groupingHeader:T(It,{children:le(he,{children:[T(Te,{icon:"sort-asc-small",actions:le(ll,{children:[T(ke,{type:"more"}),T(ke,{type:"remove"})]}),children:"ID"}),T(Te,{icon:"sort-desc-small",actions:le(ll,{children:[T(ke,{type:"more"}),T(ke,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return T(D,{...r,...l,children:le(ll,{children:[T(oe,{children:le("div",{className:"k-grid-header-wrap",children:[" ",le(re,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(Z,{children:le(S,{children:[T(A,{className:"k-drag-cell",accessibleLabel:"Reorder"}),T(A,{columnTitle:"ID"}),T(A,{columnTitle:"Product Name"}),T(A,{columnTitle:"Units in Stock"}),T(A,{columnTitle:"Units Price"})]})})]})]})}),T(j,{children:T(ee,{children:le(Y,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(ae,{children:[le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"1"}),T(p,{children:"Chai"}),T(p,{children:"39"}),T(p,{children:"18"})]}),le(S,{alt:!0,children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"2"}),T(p,{children:"Chang"}),T(p,{children:"17"}),T(p,{children:"19"})]}),le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"3"}),T(p,{children:"Aniseed Syrup"}),T(p,{children:"13"}),T(p,{children:"10"})]}),le(S,{alt:!0,children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"4"}),T(p,{children:"Chef Anton's Cajun Seasoning"}),T(p,{children:"53"}),T(p,{children:"22"})]}),le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"5"}),T(p,{children:"Chef Anton's Gumbo Mix"}),T(p,{children:"0"}),T(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return T(xc,{...r,...l});default:return T(D,{...r,...l,children:b})}};Ha.options=Ux;Ha.states=Fx;Ha.variants=$x;Ha.defaultOptions=Rc;Ha.modifiers=Vx;Ha.className=D.className;import{Fragment as Oc,jsx as R,jsxs as Je}from"react/jsx-runtime";var ZJ=({contentClassName:e,...t})=>{let o=H("grid"),r=H("grid-ctx-menu-pin");return Je(Oc,{children:[R(D,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:5,children:Je(Oc,{children:[R(oe,{children:R("div",{className:"k-grid-header-wrap",children:Je(re,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),R(Z,{role:"rowgroup",children:Je(S,{role:"row","aria-rowindex":1,children:[R(A,{accessibleLabel:"Row actions",role:"columnheader","aria-colindex":1}),R(A,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":2}),R(A,{columnTitle:"Job Title",role:"columnheader","aria-colindex":3}),R(A,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),R(Bo,{role:"none",children:R("div",{className:"k-grid-pinned-wrap",role:"none",children:Je(Y,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),R("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:Je(S,{className:"k-master-row",role:"row","aria-rowindex":1,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"unpin-outline",className:"k-action-icon"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),R(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),R(p,{role:"gridcell","aria-colindex":4,children:"UK"})]})})]})})}),R(j,{children:R(ee,{className:e,children:Je(Y,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),Je(ae,{role:"rowgroup",children:[Je(S,{className:"k-master-row",role:"row","aria-rowindex":2,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"pin-outline"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Sig Jeannel"}),R(p,{role:"gridcell","aria-colindex":3,children:"Human Resources Assistant III"}),R(p,{role:"gridcell","aria-colindex":4,children:"USA"})]}),Je(S,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"unpin-outline",className:"k-action-icon"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),R(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),R(p,{role:"gridcell","aria-colindex":4,children:"UK"})]}),Je(S,{className:"k-master-row",role:"row","aria-rowindex":4,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"pin-outline"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Ruthi Baldini"}),R(p,{role:"gridcell","aria-colindex":3,children:"Coordinator"}),R(p,{role:"gridcell","aria-colindex":4,children:"Canada"})]})]})]})})})]}),...t}),R(te,{className:"k-menu-popup",children:Je(Xe,{id:r,children:[R(U,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),R(U,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};export{ZJ as GridWithPinnedRowsPinColumn};
+var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var L=(e,t)=>a({[`${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:r,hover:l,focus:n,checked:d,active:m,selected:b,disabled:h,indeterminate:N,loading:k,empty:u,readonly:v,highlighted:C,...I}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":m,"k-selected":b,"k-disabled":h,"k-indeterminate":N&&!d,"k-loading":k,"k-empty":u,"k-readonly":v,"k-highlighted":C},Object.keys(I).reduce((O,E)=>(E.startsWith("k-")?O[E]=I[E]:O[`k-${E}`]=I[E],O),{}))};function pn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={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"},At={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},w={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 dl={};function H(e){return dl[e]=(dl[e]||0)+1,`k-${e}-${dl[e]}`}var V="grid",J=V;import{jsx as Kc,jsxs as Dc}from"react/jsx-runtime";var Tr="k-grid",Gc=[],Hc={size:[s.undefined,s.small,s.medium,s.large]},_c=[],mn={pagerPosition:"bottom"},D=e=>{let{size:t,pagerPosition:o=mn.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:m,resizable:b,ariaColCount:h,ariaRowCount:N,ariaRootId:k,ariaRole:u="grid",...v}=e;return Dc("div",{...v,className:a(e.className,Tr,{[`${Tr}-resizable`]:b},L(Tr,{size:t})),children:[r,o==="top"&&l,n,e.children&&m?Kc("div",{className:"k-grid-aria-root",role:u,id:k,"aria-colcount":h,"aria-rowcount":N,children:e.children}):e.children,d,o==="bottom"&&l]})};D.states=Gc;D.options=Hc;D.variants=_c;D.className=Tr;D.defaultOptions=mn;D.moduleName=V;D.folderName=J;D.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};import{jsx as Bc}from"react/jsx-runtime";var un="k-grid-header",oe=e=>{let{draggable:t,...o}=e;return Bc("div",{...o,className:a(e.className,un,{"k-grid-draggable-header":t}),children:e.children})};oe.className=un;oe.moduleName=V;oe.folderName=J;import{jsx as bn,jsxs as zc}from"react/jsx-runtime";var fn="k-grouping-header",It=e=>{let{dropHint:t,dropClue:o,...r}=e;return zc("div",{...r,className:a(e.className,fn),children:[o&&bn("div",{className:"k-grouping-dropclue"}),e.children,bn("div",{className:"k-grouping-drop-container",children:t})]})};It.className=fn;It.moduleName=V;It.folderName=J;import{jsx as Uc}from"react/jsx-runtime";var Tn="k-grid-pinned-container",Bo=e=>{let{position:t,...o}=e;return Uc("div",{...o,className:a(e.className,Tn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Bo.className=Tn;Bo.moduleName=V;Bo.folderName=J;import{jsx as Fc}from"react/jsx-runtime";var hn="k-grid-sticky-container",_a=e=>{let{position:t,...o}=e;return Fc("div",{...o,className:a(e.className,hn,{"k-pos-bottom":t==="bottom"}),children:e.children})};_a.className=hn;_a.moduleName=V;_a.folderName=J;var Se="table",Ee=Se;import{jsx as Xc}from"react/jsx-runtime";var gn="k-data-table",$c=[],Vc={size:[s.undefined,s.small,s.medium,s.large]},Wc={},Kt=e=>{let{size:t,...o}=e;return Xc("div",{...o,className:a(e.className,gn,L("k-table",{size:t})),children:e.children})};Kt.states=$c;Kt.options=Vc;Kt.className=gn;Kt.defaultOptions=Wc;Kt.moduleName=Se;Kt.folderName=Ee;import{jsx as Qc}from"react/jsx-runtime";var cl="k-table-header-wrap",Jc=[i.hover,i.focus,i.disabled],qc={},Yc={},Zt=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return Qc("div",{...n,className:a(e.className,cl,y(cl,{hover:o,focus:r,disabled:l})),children:t})};Zt.states=Jc;Zt.options=qc;Zt.className=cl;Zt.defaultOptions=Yc;Zt.moduleName=Se;Zt.folderName=Ee;import{jsx as tp}from"react/jsx-runtime";var pl="k-table",Zc=[],jc={size:[s.undefined,s.small,s.medium,s.large]},ep={},Re=e=>{let{size:t,...o}=e;return tp("table",{...o,className:a(e.className,pl,L(pl,{size:t})),children:e.children})};Re.states=Zc;Re.options=jc;Re.className=pl;Re.defaultOptions=ep;Re.moduleName=Se;Re.folderName=Ee;import{jsx as ml}from"react/jsx-runtime";var ul="k-table-header",op=[i.hover,i.focus,i.disabled],ap={},rp={},Dt=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return ml("div",{...n,className:a(e.className,ul,y(ul,{hover:o,focus:r,disabled:l})),children:ml(Zt,{children:ml(Re,{children:t})})})};Dt.states=op;Dt.options=ap;Dt.className=ul;Dt.defaultOptions=rp;Dt.moduleName=Se;Dt.folderName=Ee;import{jsx as sp}from"react/jsx-runtime";var xn="k-table-scroller",lp=[],ip={},np={},zo=e=>{let{children:t,...o}=e;return sp("div",{...o,className:a(e.className,xn),children:t})};zo.states=lp;zo.options=ip;zo.className=xn;zo.defaultOptions=np;zo.moduleName=Se;zo.folderName=Ee;import{jsx as JN}from"react/jsx-runtime";import{jsx as mp}from"react/jsx-runtime";var Nn="k-table-footer",dp=[],cp={},pp={},jt=e=>{let{children:t,...o}=e;return mp("div",{...o,className:a(e.className,Nn),children:t})};jt.states=dp;jt.options=cp;jt.className=Nn;jt.defaultOptions=pp;jt.moduleName=Se;jt.folderName=Ee;import{jsx as Tp}from"react/jsx-runtime";var bl="k-table-list",up=[],bp={size:[s.undefined,s.small,s.medium,s.large]},fp={},eo=e=>{let{size:t,virtualization:o,...r}=e;return Tp("ul",{...r,className:a(e.className,"k-table",bl,L(bl,{size:t}),{"k-virtual-table":o}),children:e.children})};eo.states=up;eo.options=bp;eo.className=bl;eo.defaultOptions=fp;eo.moduleName=Se;eo.folderName=Ee;import{jsx as gp}from"react/jsx-runtime";var hp="k-table-thead",Z=e=>gp("thead",{className:a(e.className,hp),children:e.children});import{jsx as Np}from"react/jsx-runtime";var xp="k-table-tbody",ae=e=>Np("tbody",{className:a(e.className,xp),children:e.children});import{jsx as mk}from"react/jsx-runtime";import{jsx as vp}from"react/jsx-runtime";var fl="k-table-row",kp=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],S=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:n,alt:d,...m}=e;return vp("tr",{...m,className:a(e.className,fl,{"k-table-alt-row":d},y(fl,{hover:t,focus:o,disabled:n,selected:r,highlighted:l})),children:e.children})};S.states=kp;S.className=fl;import{jsx as Cp}from"react/jsx-runtime";var Tl="k-table-row",wp=[i.hover,i.focus,i.selected,i.disabled],hr=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:n,...d}=e;return Cp("li",{...d,className:a(e.className,Tl,{"k-table-alt-row":n},y(Tl,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};hr.states=wp;hr.className=Tl;import{jsx as Lp}from"react/jsx-runtime";var kn="k-table-th",Bt=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,n=t||e.children;return Lp("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,kn),children:n})};Bt.className=kn;Bt.moduleName=Se;Bt.folderName=Ee;import{jsx as Mk}from"react/jsx-runtime";import{jsx as yp}from"react/jsx-runtime";var hl="k-table-td",Mp=[i.focus,i.selected,i.highlighted],p=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:n,rowspan:d,...m}=e,b=l||e.children;return yp("td",{colSpan:n,rowSpan:d,...m,className:a(e.className,hl,y(hl,{focus:t,selected:o,highlighted:r})),children:b})};p.states=Mp;p.className=hl;import{jsx as Ok}from"react/jsx-runtime";import{jsx as _k}from"react/jsx-runtime";import{jsx as zk}from"react/jsx-runtime";import{jsx as Vk}from"react/jsx-runtime";import{jsx as qk}from"react/jsx-runtime";import{jsx as ov,jsxs as av}from"react/jsx-runtime";import{jsx as nv,jsxs as sv}from"react/jsx-runtime";import{jsx as mv,jsxs as uv}from"react/jsx-runtime";import{Fragment as xv,jsx as hv,jsxs as gv}from"react/jsx-runtime";import{jsx as Ip}from"react/jsx-runtime";var Cn="k-grid-header-table",re=e=>Ip(Re,{...e,className:a(e.className,Cn),children:e.children});re.className=Cn;re.moduleName=V;re.folderName=J;import{Fragment as Pp,jsx as Ln}from"react/jsx-runtime";var gl="k-font-icon",Ep=[],Rp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info]},Op={},Ka=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:n,...d}=e;return r?Ln("span",{...d,className:a(e.className,gl,L(gl,{size:t}),{[`k-i-${r}`]:r,[`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"}):Ln(Pp,{})};Ka.states=Ep;Ka.options=Rp;Ka.className=gl;Ka.defaultOptions=Op;var Mn=Ka;import{Fragment as _p,jsx as gr}from"react/jsx-runtime";var xl="k-svg-icon",Gp=[],Hp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info],variant:[At.outline,At.solid,At.duotone]},Nl={viewBox:"0 0 24 24",variant:At.outline},Da=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:n=Nl.viewBox,variant:d=Nl.variant,icon:m,...b}=e;if(!m)return gr(_p,{});if(m==="none")return gr("span",{...b,className:a(e.className,xl,L("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?d&&m.variants?.[d]||m.variants?.outline||m.content:void 0;return gr("span",{...b,className:a(e.className,xl,L("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:gr("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:n,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};Da.states=Gp;Da.options=Hp;Da.className=xl;Da.defaultOptions=Nl;var kl=Da;import*as vl from"@progress/kendo-svg-icons";var yn="icon",Sn="icons";import{useContext as Dp}from"react";import{createContext as Kp}from"react";var An=Kp({iconsType:"svg"});import{Fragment as In,jsx as Ba}from"react/jsx-runtime";var xr="k-icon",Bp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),zp=[],Up={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info],variant:[At.outline,At.solid,At.duotone]},Nr={viewBox:"0 0 24 24",type:"svg",variant:At.outline},f=e=>{let{iconsType:t}=Dp(An),{size:o,themeColor:r,icon:l,type:n=t||Nr.type,rotate:d,flip:m,viewBox:b=Nr.viewBox,variant:h=Nr.variant,...N}=e;if(!l)return Ba(In,{});if((t||n)==="svg"){if(l==="none")return Ba(kl,{...N,className:a(e.className,xr),icon:l,size:o,variant:h});let u=vl[l]?l:Bp(`${l}-icon`);return vl[u]?Ba(kl,{...N,className:a(e.className,xr),icon:vl[u],size:o,themeColor:r,rotate:d,flip:m,viewBox:b,variant:h}):Ba(In,{})}return Ba(Mn,{...N,className:a(e.className,xr),icon:l,size:o,themeColor:r,rotate:d,flip:m})};f.states=zp;f.options=Up;f.defaultOptions=Nr;f.className=xr;f.moduleName=yn;f.folderName=Sn;f.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."}]};import{jsx as to,jsxs as wl}from"react/jsx-runtime";var Cl="k-header",Fp=[i.hover,i.focus,i.active],En={sortIcon:"sort-asc-small"},A=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:n,columnTitle:d,hover:m,focus:b,active:h,sortIcon:N=En.sortIcon,sortOrder:k,accessibleLabel:u,...v}=e;return wl(Bt,{...v,className:a(e.className,Cl,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},y(Cl,{hover:m,focus:b,active:h})),children:[d&&wl("span",{className:"k-cell-inner",children:[wl("span",{className:"k-link",children:[to("span",{className:"k-column-title",children:d}),o&&to("span",{className:"k-sort-icon",children:to(f,{icon:N})}),k&&to("span",{className:"k-sort-order",children:k})]}),t&&to("a",{className:a("k-grid-header-menu",{"k-active":h,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:to(f,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&u&&to("span",{className:"k-sr-only",children:u}),e.children,n&&to("span",{className:"k-column-resizer k-touch-action-none"})]})};A.states=Fp;A.className=Cl;A.defaultOptions=En;A.moduleName=V;A.folderName=J;import{jsx as $p}from"react/jsx-runtime";var Rn="k-grid-container",j=e=>$p("div",{...e,className:a(e.className,Rn),children:e.children});j.className=Rn;j.moduleName=V;j.folderName=J;import{jsx as Vp}from"react/jsx-runtime";var On="k-grid-content",ee=e=>Vp("div",{...e,className:a(e.className,On),children:e.children});ee.className=On;ee.moduleName=V;ee.folderName=J;import{jsx as Wp}from"react/jsx-runtime";var Pn="k-grid-table",Y=e=>Wp(Re,{...e,className:a(e.className,Pn),children:e.children});Y.className=Pn;Y.moduleName=V;Y.folderName=J;import{jsx as Xp}from"react/jsx-runtime";var Gn="k-grid-footer",kr=e=>Xp("div",{...e,className:a(e.className,Gn),children:e.children});kr.className=Gn;kr.moduleName=V;kr.folderName=J;import{jsx as Jp}from"react/jsx-runtime";var Hn="k-grid-footer-table",vr=e=>Jp(Re,{...e,className:a(e.className,Hn),children:e.children});vr.className=Hn;vr.moduleName=V;vr.folderName=J;var Ll="button",_n=Ll;import{Fragment as Zp,jsx as za,jsxs as Kn}from"react/jsx-runtime";var Ua="k-button",qp=["icon-button"],Yp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Qp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info,w.inverse]},Ml={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:n,showArrow:d=Ml.showArrow,arrowIconName:m=Ml.arrowIconName,variant:b,hover:h,focus:N,active:k,selected:u,disabled:v,togglable:C,ariaDisabled:I,icon:O,text:E,iconClassName:F,className:be,...se}=e,Ge=O!==void 0,He=e.children!==void 0;return Kn(t,{className:a(be,Ua,pn(Ua,b),L(Ua,{size:o,rounded:r,fillMode:l,themeColor:n}),y(Ua,{hover:h,focus:N,active:k,disabled:v||I,selected:u}),{"k-icon-button":!E&&!He&&Ge}),...se,"aria-pressed":C?u?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:v||void 0,children:[O&&za(f,{className:a(F,"k-button-icon"),icon:O}),E?Kn(Zp,{children:[E&&za("span",{className:"k-button-text",children:E}),e.children]}):e.children&&za("span",{className:"k-button-text",children:e.children}),d&&za("span",{className:"k-menu-button-arrow k-button-arrow",children:za(f,{icon:m})})]})};c.states=Yp;c.options=Qp;c.variants=qp;c.className=Ua;c.defaultOptions=Ml;c.moduleName=Ll;c.folderName=_n;c.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 jp}from"react/jsx-runtime";var oo=e=>jp(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as em}from"react/jsx-runtime";var Fa=e=>em(c,{icon:"folder",children:"Button",...e});import{jsx as tm}from"react/jsx-runtime";var ko=e=>tm(c,{children:"Button",...e});import{jsx as yl}from"react/jsx-runtime";var om=c.options,am=c.states,rm={...c.defaultOptions,variant:"text"},lm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],im=[],Uo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return yl(oo,{...o,icon:"star"});case"icon-and-text":return yl(Fa,{...o,icon:"star",children:"Button"});default:return yl(ko,{...o,children:"Button"})}};Uo.options=om;Uo.states=am;Uo.variants=lm;Uo.defaultOptions=rm;Uo.modifiers=im;Uo.className=c.className;var $a="input",wr=$a;import{jsx as cm}from"react/jsx-runtime";var Cr="k-input",nm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],sm={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},dm={},ve=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:h,fillMode:N,...k}=e;return cm("span",{...k,className:a(e.className,Cr,L(Cr,{size:b,rounded:h,fillMode:N}),y(Cr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m}))})};ve.states=nm;ve.options=sm;ve.className=Cr;ve.defaultOptions=dm;ve.moduleName=$a;ve.folderName=wr;import{jsx as bm}from"react/jsx-runtime";var Lr="k-picker",pm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],mm={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},um={},Et=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:h,fillMode:N,...k}=e;return bm("span",{...k,className:a(e.className,Lr,L(Lr,{size:b,rounded:h,fillMode:N}),y(Lr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m})),children:e.children})};Et.states=pm;Et.options=mm;Et.className=Lr;Et.defaultOptions=um;Et.moduleName=$a;Et.folderName=wr;import{Fragment as hm,jsx as Sl}from"react/jsx-runtime";var Dn="k-clear-value",fm=[i.disabled,i.loading,i.readonly],Tm={},tt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?Sl(hm,{}):Sl("span",{className:a(e.className,Dn),children:Sl(f,{icon:"x"})})};tt.states=fm;tt.options=Tm;tt.className=Dn;import{jsx as Nm}from"react/jsx-runtime";var Al="k-input-inner",gm=[],xm={},Mr={type:"text",autocomplete:"off",value:"",placeholder:""},ot=e=>{let{value:t=Mr.value,type:o=Mr.type,placeholder:r=Mr.placeholder,autocomplete:l=Mr.autocomplete,disabled:n,readOnly:d,...m}=e;return Nm("input",{...m,type:o,className:a(e.className,Al,L(Al,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};ot.states=gm;ot.options=xm;ot.className=Al;import{jsx as Bn,jsxs as wm}from"react/jsx-runtime";var Il="k-input-inner",km=[],vm={},vo=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:n,...d}=e;return wm("span",{...d,className:a(e.className,Il,L(Il,e)),children:[l,!l&&n&&Bn(f,{className:"k-input-value-icon",icon:n}),r&&!t&&o,r&&t&&Bn("span",{className:"k-input-value-text",children:t})]})};vo.states=km;vo.options=vm;vo.className=Il;import{jsx as Mm}from"react/jsx-runtime";var El="k-input-inner",Cm=[],Lm={},zn={value:"",placeholder:""},Rl=e=>{let{value:t=zn.value,placeholder:o=zn.placeholder,rows:r,disabled:l,...n}=e;return Mm("textarea",{...n,className:a(e.className,El,L(El,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};Rl.states=Cm;Rl.options=Lm;Rl.className=El;import{Fragment as Sm,jsx as Un}from"react/jsx-runtime";var Fn="k-input-loading-icon",ym=[i.disabled,i.loading],qe=e=>{let{disabled:t,loading:o}=e;return t||!o?Un(Sm,{}):Un("span",{className:a(e.className,Fn,"k-icon k-i-loading")})};qe.states=ym;qe.className=Fn;import{Fragment as Em,jsx as $n}from"react/jsx-runtime";var Vn="k-input-validation-icon",Am=[i.valid,i.invalid,i.disabled,i.loading],Im={},_e=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,n=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?$n(Em,{}):$n(f,{className:a(Vn),icon:n})};_e.states=Am;_e.options=Im;_e.className=Vn;import{Fragment as Pm,jsx as Wn}from"react/jsx-runtime";var Rm="k-input-prefix",Om={direction:"horizontal"},ct=e=>{let{direction:t=Om.direction,...o}=e;return e.children?Wn("span",{...o,className:a(Rm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Wn(Pm,{})};import{Fragment as _m,jsx as Xn}from"react/jsx-runtime";var Gm="k-input-suffix",Hm={direction:"horizontal"},pt=e=>{let{direction:t=Hm.direction,...o}=e;return e.children?Xn("span",{...o,className:a(Gm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Xn(_m,{})};import{jsx as dL}from"react/jsx-runtime";import{jsx as Dm}from"react/jsx-runtime";var Km="k-input-suffix-text",Ol=e=>{let{children:t,...o}=e;return Dm("span",{...o,className:a(Km,e.className),children:t})};import{jsx as zm}from"react/jsx-runtime";var Jn="k-input-separator",Bm={direction:"vertical"},mt=e=>{let{direction:t=Bm.direction,...o}=e;return zm("span",{...o,className:a(Jn,e.className,{[`${Jn}-${t}`]:t})})};import{Fragment as qn,jsx as Rt,jsxs as Pl}from"react/jsx-runtime";var Um=ve.states,Fm=ve.defaultOptions,$m=ve.options,Vm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Wm=[],Fo=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:n,readonly:d,...m}=e,b=t?.prefix,h=t?.suffix,N=t?.["clear-button"],k=t?.["validation-icon"],u=t?.separators;return Pl(ve,{...m,valid:o,invalid:r,loading:l,disabled:n,readonly:d,style:{width:300},children:[b&&Pl(qn,{children:[Rt(ct,{children:Rt(f,{icon:"lock"})}),u&&Rt(mt,{})]}),Rt(ot,{placeholder:"Placeholder",value:"Value"}),k&&Rt(_e,{valid:o,invalid:r,loading:l,disabled:n}),Rt(qe,{loading:l,disabled:n}),N&&Rt(tt,{loading:l,disabled:n,readonly:d,value:"Value"}),h&&Pl(qn,{children:[u&&Rt(mt,{}),Rt(pt,{children:Rt(ko,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Fo.options=$m;Fo.states=Um;Fo.variants=Wm;Fo.defaultOptions=Fm;Fo.modifiers=Vm;Fo.className=ve.className;var Gl="popup",Yn=Gl;import{jsx as Qn}from"react/jsx-runtime";var Zn="k-animation-container",Xm=[],Jm={},jn={positionMode:"absolute"},Ot=e=>{let{positionMode:t=jn.positionMode,animationStyle:o,offset:r,...l}=e;return Qn("div",{...l,style:{...r,...e.style},className:a(e.className,Zn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Qn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ot.states=Xm;Ot.options=Jm;Ot.className=Zn;Ot.defaultOptions=jn;Ot.moduleName=Gl;Ot.folderName=Yn;var Hl="popup",es=Hl;import{jsx as ts}from"react/jsx-runtime";var os="k-popup",qm=[],Ym={},as={positionMode:"absolute"},te=e=>{let{offset:t,positionMode:o=as.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:d,...m}=e;return ts(Ot,{positionMode:o,offset:t,animationStyle:r,className:l,role:n,"aria-label":d,children:ts("div",{...m,className:a(e.className,os),children:e.children})})};te.states=qm;te.options=Ym;te.className=os;te.defaultOptions=as;te.moduleName=Hl;te.folderName=es;te.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var _l="action-buttons",rs=_l;import{jsx as jm}from"react/jsx-runtime";var yr="k-actions",Qm=[],Zm={},Kl={alignment:"start",orientation:"horizontal"},ut=e=>{let{alignment:t=Kl.alignment,orientation:o=Kl.orientation,...r}=e;return jm("div",{...r,className:a(yr,{[`${yr}-${t}`]:t,[`${yr}-${o}`]:o},e.className),children:e.children})};ut.states=Qm;ut.options=Zm;ut.className=yr;ut.defaultOptions=Kl;ut.moduleName=_l;ut.folderName=rs;import{jsx as tu}from"react/jsx-runtime";var eu="k-actionsheet-footer",ls={alignment:"stretched",orientation:"horizontal"},ao=e=>{let{alignment:t=ls.alignment,orientation:o=ls.orientation,template:r,as:l=r?"div":ut,...n}=e;return tu(l,{...n,...!r&&{alignment:t,orientation:o},className:a(e.className,eu),children:e.children})};var Dl="searchbox",is=Dl;import{jsx as Va,jsxs as ru}from"react/jsx-runtime";var ns="k-searchbox",ou=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],au={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Bl={showIcon:!0,icon:"search"},at=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:h,required:N,loading:k,disabled:u,showIcon:v=Bl.showIcon,icon:C=Bl.icon,"aria-label":I,...O}=e;return ru(ve,{...O,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:h,required:N,loading:k,disabled:u,className:a(e.className,ns),children:[v&&Va(f,{className:"k-input-icon",icon:C}),Va(ot,{placeholder:o,value:t,"aria-label":I}),Va(qe,{...e}),Va(_e,{...e}),Va(tt,{...e})]})};at.states=ou;at.options=au;at.className=ns;at.defaultOptions=Bl;at.moduleName=Dl;at.folderName=is;import{jsx as SM}from"react/jsx-runtime";var zl="textbox",ss=zl;import{Fragment as ds,jsx as ro,jsxs as Ul}from"react/jsx-runtime";var cs="k-textbox",lu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],iu={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Sr={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Sr.separators,showClearButton:n=Sr.showClearButton,showValidationIcon:d=Sr.showValidationIcon,prefix:m,suffix:b,type:h,value:N,placeholder:k,hover:u,focus:v,valid:C,invalid:I,required:O,loading:E,disabled:F,readonly:be,id:se,"aria-label":Ge,"aria-describedby":He,...et}=e;return Ul(ve,{...et,size:t,rounded:o,fillMode:r,hover:u,focus:v,valid:C,invalid:I,required:O,loading:E,disabled:F,readonly:be,className:a(e.className,cs),children:[m&&Ul(ds,{children:[ro(ct,{children:m}),l&&ro(mt,{})]}),ro(ot,{id:se,placeholder:k,value:N,type:h,disabled:F,"aria-label":Ge,"aria-describedby":He,"aria-invalid":I?"true":void 0}),d&&ro(_e,{valid:C,invalid:I,loading:E,disabled:F}),ro(qe,{loading:E,disabled:F}),n&&ro(tt,{loading:E,disabled:F,readonly:be,value:N}),b&&Ul(ds,{children:[l&&ro(mt,{}),ro(pt,{children:b})]})]})};ce.states=lu;ce.options=iu;ce.className=cs;ce.defaultOptions=Sr;ce.moduleName=zl;ce.folderName=ss;ce.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 Wa=ce;import{jsx as nu}from"react/jsx-runtime";var ps=e=>nu(Wa,{...e});import{Fragment as WM,jsx as VM}from"react/jsx-runtime";import{Fragment as ZM,jsx as QM}from"react/jsx-runtime";import{jsx as oy}from"react/jsx-runtime";import{jsx as Fl}from"react/jsx-runtime";var su=ce.states,du=ce.defaultOptions,cu=ce.options,pu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],mu=[],$o=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?Fl(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[l]?Fl(ko,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;default:break}}),Fl(ps,{value:"Value",style:{width:300},...o,...r})};$o.options=cu;$o.states=su;$o.variants=mu;$o.defaultOptions=du;$o.modifiers=pu;$o.className=ce.className;import{jsx as lo,jsxs as $l}from"react/jsx-runtime";var ms="k-actionsheet-titlebar",uu={},Ke=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:n,input:d,inputValue:m,inputPlaceholder:b,adaptive:h,titleId:N,children:k,...u}=e;return $l("div",{...u,className:a(e.className,ms),children:[$l("div",{className:"k-actionsheet-titlebar-group",children:[r&&lo("div",{className:"k-actionsheet-actions",children:r}),!k&&$l("div",{className:"k-actionsheet-title",id:N,children:[t&&lo("div",{className:"k-text-center",children:t}),o&&lo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&lo("div",{className:"k-actionsheet-title",id:N,children:k}),l&&lo("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&lo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?lo(ce,{value:m,placeholder:b,size:h?"large":"medium","aria-label":t||b||"Input"}):lo(at,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Ke.className=ms;Ke.defaultOptions=uu;import{jsx as Vl,jsxs as hu}from"react/jsx-runtime";var Wl="k-actionsheet-view",bu=[],fu={},Tu={},Vo=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:n,titleId:d,...m}=e,b=l?.type===Ke&&Vl(Ke,{adaptive:t,titleId:d,...l?.props}),h=n?.type===ao&&Vl(ao,{...n?.props});return hu("div",{...m,className:a(e.className,Wl,{[`${Wl}-animated`]:o}),children:[b,Vl("div",{className:"k-actionsheet-content",children:r}),h]})};Vo.states=bu;Vo.options=fu;Vo.className=Wl;Vo.defaultOptions=Tu;var Xa="action-sheet",Ar=Xa;var Xl="overlay",us=Xl;import{jsx as ku}from"react/jsx-runtime";var bs="k-overlay",gu=[],xu={},Nu={},io=e=>{let{...t}=e;return ku("div",{...t,className:a(e.className,bs),children:e.children})};io.states=gu;io.options=xu;io.className=bs;io.defaultOptions=Nu;io.moduleName=Xl;io.folderName=us;import{jsx as Ir,jsxs as Cu}from"react/jsx-runtime";var fs="k-actionsheet",vu=[],wu={},Ja={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ge=e=>{let{side:t=Ja.side,fullscreen:o=Ja.fullscreen,adaptive:r=Ja.adaptive,overlay:l=Ja.overlay,template:n,children:d,header:m,footer:b,id:h,...N}=e,k=h&&!n&&m?`${h}-title`:void 0;return Cu("div",{className:"k-actionsheet-container",children:[l&&Ir(io,{}),Ir(Ot,{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:Ir("div",{...N,id:h,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:a(e.className,fs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:n||Ir(Vo,{header:m,footer:b,adaptive:r,titleId:k,...e,children:d})})})]})};ge.states=vu;ge.options=wu;ge.className=fs;ge.defaultOptions=Ja;ge.moduleName=Xa;ge.folderName=Ar;ge.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:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Su}from"react/jsx-runtime";var Ts="k-actionsheet-container",Lu=[],Mu={},yu={},Wo=e=>{let{children:t,...o}=e;return Su("div",{...o,className:Ts,children:t})};Wo.states=Lu;Wo.options=Mu;Wo.className=Ts;Wo.defaultOptions=yu;Wo.moduleName=Xa;Wo.folderName=Ar;import{jsx as Au}from"react/jsx-runtime";var Jl=e=>{let{...t}=e;return Au("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as Eu,jsx as qa,jsxs as ql}from"react/jsx-runtime";var Yl="k-actionsheet-item",Iu=[i.hover,i.focus,i.selected,i.disabled],no=e=>{let{iconName:t,text:o,description:r,hover:l,focus:n,selected:d,disabled:m,...b}=e;return ql("span",{...b,className:a(e.className,Yl,y(Yl,{hover:l,focus:n,selected:d,disabled:m})),children:[!e.children&&qa(Eu,{children:ql("span",{className:"k-actionsheet-action",children:[t&&qa("span",{className:"k-icon-wrap",children:qa(f,{className:"k-actionsheet-item-icon",icon:t})}),ql("span",{className:"k-actionsheet-item-text",children:[o&&qa("span",{className:"k-actionsheet-item-title",children:o}),r&&qa("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};no.states=Iu;no.className=Yl;import{jsx as tS,jsxs as oS}from"react/jsx-runtime";import{jsx as iS}from"react/jsx-runtime";import{jsx as cS}from"react/jsx-runtime";import{jsx as bS}from"react/jsx-runtime";import{jsx as Ae,jsxs as Ql}from"react/jsx-runtime";var Ru=ge.options,Ou=ge.states,gs={...ge.defaultOptions,variant:"normal"},Pu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Gu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Xo=e=>{let{variant:t,modifiers:o,...r}={...gs,...e},l={},n=Ql(Jl,{children:[Ae(no,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ae(no,{text:"Add to Favorites",iconName:"heart"}),Ae(no,{text:"Upload New",iconName:"upload",disabled:!0}),Ae("hr",{className:"k-hr"}),Ae(no,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":l.actionsStart=!!o?.[b],l.actionsEnd=!!o?.[b];break;case"subtitle":l.subtitle=o?.[b]?d:void 0;break;case"footer":l.footer=!!o?.[b];break;default:break}}),t==="adaptive"?Ae(ge,{...r,adaptive:!0,fullscreen:l.fullScreen,header:Ae(Ke,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?Ql(ao,{alignment:"stretched",children:[Ae(c,{text:"Cancel",size:"large",themeColor:"base"}),Ae(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):Ae(ge,{...r,fullscreen:l.fullScreen,header:Ae(Ke,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Ql(ao,{alignment:"stretched",children:[Ae(c,{text:"Apply",themeColor:"primary"}),Ae(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Xo.options=Ru;Xo.states=Ou;Xo.variants=Pu;Xo.defaultOptions=gs;Xo.modifiers=Gu;Xo.className=ge.className;import jl from"react";import{jsx as xs}from"react/jsx-runtime";var Hu="k-list-group-sticky-header",Zl=e=>xs("div",{className:a(Hu,e.className),children:xs("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ku}from"react/jsx-runtime";var _u="k-no-data",Er=e=>{let{live:t,...o}=e;return Ku("span",{...o,className:a(_u,e.className),"aria-live":t?"polite":void 0,children:e.children})};var wo="list",Jo=wo;import{jsx as Ns,jsxs as ks}from"react/jsx-runtime";var ei="k-list",Du=[],Bu={size:[s.undefined,s.small,s.medium,s.large]},zu={},q=e=>{let{size:t,virtualization:o,children:r,header:l,optionLabel:n,customValue:d,noData:m,screenReaders:b,...h}=e,k=jl.Children.toArray(r)[0],u=k?.props?.children?jl.Children.count(k.props.children):jl.Children.count(r);return ks("div",{...h,className:a(e.className,ei,L(ei,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&Ns(Zl,{children:l}),r||(m!==void 0?m:Ns(Er,{live:!0,children:"No data found."})),b&&r&&ks(Er,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};q.states=Du;q.options=Bu;q.className=ei;q.defaultOptions=zu;q.moduleName=wo;q.folderName=Jo;q.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Vu}from"react/jsx-runtime";var vs="k-list-container",Uu=[],Fu={},$u={},qo=e=>{let{...t}=e;return Vu("div",{...t,className:a(e.className,vs),children:e.children})};qo.states=Uu;qo.options=Fu;qo.className=vs;qo.defaultOptions=$u;qo.moduleName=wo;qo.folderName=Jo;var Co="checkbox",Yo=Co;import{jsx as ws}from"react/jsx-runtime";var Rr="k-checkbox",Wu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Xu={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full]},Ju={},Me=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:n,disabled:d,invalid:m,valid:b,required:h,size:N,rounded:k,wrapperRole:u,...v}=e;return ws("span",{className:"k-checkbox-wrap",role:u,children:ws("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:a(e.className,Rr,L(Rr,{size:N,rounded:k}),y(Rr,{hover:l,focus:n,disabled:d,invalid:m,valid:b,indeterminate:r,checked:o}))})})};Me.states=Wu;Me.options=Xu;Me.className=Rr;Me.defaultOptions=Ju;Me.moduleName=Co;Me.folderName=Yo;Me.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Lt=Me;import{jsx as Qu}from"react/jsx-runtime";var Cs="k-checkbox-list",qu=[],Yu={},Ls={layout:"vertical"},De=e=>{let{layout:t=Ls.layout,...o}=e;return Qu("ul",{...o,className:a(e.className,Cs,{[`k-list-${t}`]:t}),children:e.children})};De.states=qu;De.options=Yu;De.className=Cs;De.defaultOptions=Ls;De.moduleName=Co;De.folderName=Yo;import{jsx as tb}from"react/jsx-runtime";var Ms="k-checkbox-list-item",Zu=[],ju={},eb={},Be=e=>{let{...t}=e;return tb("li",{...t,className:a(e.className,Ms),children:e.children})};Be.states=Zu;Be.options=ju;Be.className=Ms;Be.defaultOptions=eb;Be.moduleName=Co;Be.folderName=Yo;import{Fragment as ob,jsx as ys,jsxs as ab}from"react/jsx-runtime";var zt=({children:e="Label",id:t="cb-label-after",...o})=>ab(ob,{children:[ys(Lt,{id:t,...o}),ys("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as wA,jsx as vA,jsxs as CA}from"react/jsx-runtime";import{Fragment as AA,jsx as SA,jsxs as IA}from"react/jsx-runtime";import{Fragment as GA,jsx as PA,jsxs as HA}from"react/jsx-runtime";import{jsx as BA}from"react/jsx-runtime";import{jsx as $A}from"react/jsx-runtime";import{jsx as JA}from"react/jsx-runtime";import{jsx as bt,jsxs as Ss}from"react/jsx-runtime";var rb=De.options,lb=De.states,ib={...De.defaultOptions,variant:"vertical"},nb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sb=[],Qo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ss(De,{layout:"horizontal",...o,children:[bt(Be,{children:bt(zt,{id:H("cb"),defaultChecked:!0,children:"Label"})}),bt(Be,{children:bt(zt,{id:H("cb"),children:"Label"})}),bt(Be,{children:bt(zt,{id:H("cb"),children:"Label"})})]}):Ss(De,{...o,children:[bt(Be,{children:bt(zt,{id:H("cb"),defaultChecked:!0,children:"Label"})}),bt(Be,{children:bt(zt,{id:H("cb"),children:"Label"})}),bt(Be,{children:bt(zt,{id:H("cb"),children:"Label"})})]})};Qo.options=rb;Qo.states=lb;Qo.variants=nb;Qo.defaultOptions=ib;Qo.modifiers=sb;Qo.className=De.className;import{jsx as bb}from"react/jsx-runtime";var db=Lt.options,cb=Lt.states,pb=Lt.defaultOptions,mb=[],ub=[],Zo=e=>bb(zt,{id:H("checkbox"),...e,defaultChecked:!0,children:"Label"});Zo.options=db;Zo.states=cb;Zo.variants=mb;Zo.defaultOptions=pb;Zo.modifiers=ub;Zo.className=Lt.className;import{jsx as Lo,jsxs as gb}from"react/jsx-runtime";var ti="k-list-item",fb=[i.hover,i.focus,i.selected,i.disabled],Tb={},hb={},z=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:n,showCheckbox:d,checked:m,hover:b,focus:h,selected:N,disabled:k,actions:u,description:v,id:C,...I}=e,O=t||e.children;return gb("li",{...I,id:C,role:r?"presentation":"option",tabIndex:r?void 0:h?0:-1,"aria-selected":!r&&N?"true":r?void 0:"false","aria-disabled":!r&&k?"true":void 0,className:a(e.className,r?"k-list-group-item":ti,y(ti,{hover:b,focus:h,disabled:k,selected:N})),children:[d&&Lo(Me,{checked:m}),l&&Lo("span",{className:"k-list-item-icon-wrapper",children:Lo(f,{icon:l,className:a("k-list-item-icon",n)})}),Lo("span",{className:"k-list-item-text",children:O}),u&&Lo("div",{className:"k-list-item-actions",children:u}),v&&Lo("span",{className:"k-list-item-description",children:v}),o&&o!==""&&Lo("div",{className:"k-list-item-group-label",children:o})]})};z.states=fb;z.options=Tb;z.className=ti;z.defaultOptions=hb;z.moduleName=wo;z.folderName=Jo;z.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Nb}from"react/jsx-runtime";var xb="k-list-ul",Ut=e=>{let{children:t,role:o,id:r,...l}=e;return Nb("ul",{...l,id:r,role:o,className:a(xb,e.className),children:t})};Ut.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as oi,jsxs as vb}from"react/jsx-runtime";var kb="k-list-content",de=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:n,...d}=e;return vb("div",{...d,className:a(kb,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:oi(Ut,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&oi("div",{className:"k-height-container",children:oi("div",{})})]})};de.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as KI,jsx as _I,jsxs as DI}from"react/jsx-runtime";import{jsx as ai,jsxs as Cb}from"react/jsx-runtime";var wb="k-list-group-item",Mo=e=>{let{groupIconName:t,...o}=e;return Cb("li",{...o,role:"presentation",className:a(wb,e.className),children:[t&&ai("span",{className:"k-list-item-icon-wrapper",children:ai(f,{icon:t,className:"k-list-item-icon"})}),ai("span",{className:"k-list-item-text",children:e.children})]})};Mo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Sb}from"react/jsx-runtime";var ri="k-list-optionlabel",Lb=[i.hover,i.focus,i.selected,i.disabled],Mb={},yb={},Or=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return Sb("div",{...d,className:a(ri,y(ri,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Or.states=Lb;Or.options=Mb;Or.className=ri;Or.defaultOptions=yb;import{jsx as Rb}from"react/jsx-runtime";var li="k-list-custom-value",Ab=[i.hover,i.focus,i.selected,i.disabled],Ib={},Eb={},so=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return Rb("div",{...d,className:a(li,y(li,{hover:o,focus:r,selected:l,disabled:n})),children:t})};so.states=Ab;so.options=Ib;so.className=li;so.defaultOptions=Eb;import{Fragment as tE,jsx as eE,jsxs as oE}from"react/jsx-runtime";import{Fragment as sE,jsx as nE,jsxs as dE}from"react/jsx-runtime";import{Fragment as TE,jsx as bE,jsxs as fE}from"react/jsx-runtime";import{Fragment as wE,jsx as kE,jsxs as vE}from"react/jsx-runtime";import{jsx as yE}from"react/jsx-runtime";import{Fragment as OE,jsx as RE,jsxs as PE}from"react/jsx-runtime";var As="dropdown-list",Is="dropdownlist";import{Fragment as Gb,jsx as ze,jsxs as ii}from"react/jsx-runtime";var Es="k-dropdownlist",Ob=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Pb={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ni={showValue:!0,arrowIconName:"chevron-down"},ie=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=ni.arrowIconName,showValue:n=ni.showValue,valueIconName:d,prefix:m,suffix:b,value:h,placeholder:N,hover:k,focus:u,valid:v,invalid:C,required:I,loading:O,disabled:E,readonly:F,popup:be,opened:se,adaptive:Ge,adaptiveSettings:He,adaptiveTitle:et,adaptiveSubtitle:No,adaptiveFilter:il,id:Qt,activeDescendant:fr,"aria-label":nl,...sl}=e,Pc=Qt?`${Qt}-listbox`:void 0,cn=Qt?`${Qt}-value`:void 0;return ii(Gb,{children:[ii(Et,{...sl,id:Qt,size:t,rounded:o,fillMode:r,hover:k,focus:u,valid:v,invalid:C,required:I,loading:O,disabled:E,readonly:F,className:a(e.className,Es,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?Pc:void 0,"aria-activedescendant":se&&fr?fr:void 0,"aria-describedby":se?cn:void 0,"aria-disabled":E?"true":void 0,"aria-label":nl,tabIndex:0,children:[ze(ct,{children:m}),ze(vo,{placeholder:N,value:h,showValue:n,valueIconName:d,id:cn}),ze(_e,{valid:v,invalid:C,loading:O,disabled:E}),ze(qe,{loading:O,disabled:E}),ze(pt,{children:b}),ze(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),se&&be&&ze(te,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:be}),Ge&&ze(ge,{adaptive:!0,...He,header:ze(Ke,{actionsEnd:ze(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:il,inputValue:h,inputPlaceholder:N,title:et,subtitle:No}),children:ze("div",{className:"k-list-container",children:ze(q,{size:"large",children:ii(de,{"aria-label":"Options",children:[ze(z,{text:"List item"}),ze(z,{text:"List item"}),ze(z,{text:"List item"})]})})})})]})};ie.states=Ob;ie.options=Pb;ie.className=Es;ie.defaultOptions=ni;ie.moduleName=As;ie.folderName=Is;ie.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as uR}from"react/jsx-runtime";import{jsx as xR,jsxs as NR}from"react/jsx-runtime";import{Fragment as AR,jsx as yR,jsxs as SR}from"react/jsx-runtime";import{jsx as PR}from"react/jsx-runtime";import{jsx as BR,jsxs as zR}from"react/jsx-runtime";import{Fragment as YR,jsx as JR,jsxs as qR}from"react/jsx-runtime";import{jsx as tO}from"react/jsx-runtime";import{Fragment as zb,jsx as co,jsxs as Rs}from"react/jsx-runtime";var Hb=ie.states,_b=ie.defaultOptions,Kb=ie.options,Db=[{name:"opened",title:"Opened"}],Bb=[],ea=e=>{let{modifiers:t,...o}=e,r={},l=Rs(zb,{children:[co("div",{className:"k-list-filter",children:co(at,{})}),co(q,{style:{width:300},size:o.size,children:Rs(de,{children:[co(z,{children:"List item"}),co(z,{children:"List item"}),co(z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(r.opened=!!t?.[n],r.popup=t?.[n]?l:void 0)}),co("div",{children:co(ie,{placeholder:"Value",style:{width:300},...o,...r})})};ea.options=Kb;ea.states=Hb;ea.variants=Bb;ea.defaultOptions=_b;ea.modifiers=Db;ea.className=ie.className;import{jsx as Os,jsxs as Wb}from"react/jsx-runtime";var Ps="k-spin-button",$b=[],Vb={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},si={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},po=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=si.increaseLabel,decreaseLabel:n=si.decreaseLabel,...d}=e;return Wb("span",{...d,className:a(Ps,e.className),children:[Os(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:r,"aria-label":l}),Os(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:r,"aria-label":n})]})};po.states=$b;po.options=Vb;po.className=Ps;po.defaultOptions=si;po.moduleName=null;po.folderName=null;var Gs="numeric-textbox",Hs="numerictextbox";import{Fragment as _s,jsx as Ft,jsxs as di}from"react/jsx-runtime";var Ks="k-numerictextbox",Xb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Jb={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Pr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Pr.separators,showClearButton:n=Pr.showClearButton,showSpinButton:d=Pr.showSpinButton,prefix:m,suffix:b,value:h,placeholder:N,hover:k,focus:u,valid:v,invalid:C,required:I,loading:O,disabled:E,readonly:F,id:be,"aria-label":se,"aria-describedby":Ge,...He}=e;return di(ve,{...He,size:t,rounded:o,fillMode:r,hover:k,focus:u,valid:v,invalid:C,required:I,loading:O,disabled:E,readonly:F,className:a(e.className,Ks),children:[m&&di(_s,{children:[Ft(ct,{children:m}),l&&Ft(mt,{})]}),Ft(ot,{id:be,placeholder:N,value:h,role:"spinbutton",disabled:E,"aria-label":se,"aria-describedby":Ge,"aria-invalid":C?"true":void 0}),Ft(_e,{valid:v,invalid:C,loading:O,disabled:E}),Ft(qe,{loading:O,disabled:E}),n&&Ft(tt,{loading:O,disabled:E,readonly:F,value:h}),b&&di(_s,{children:[l&&Ft(mt,{}),Ft(pt,{children:b})]}),d&&Ft(po,{className:"k-input-spinner",size:t,fillMode:r,disabled:E})]})};$.states=Xb;$.options=Jb;$.className=Ks;$.defaultOptions=Pr;$.moduleName=Gs;$.folderName=Hs;$.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .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-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Ya=$;import{jsx as qb}from"react/jsx-runtime";var Ds=e=>qb(Ya,{...e});import{Fragment as zO,jsx as BO}from"react/jsx-runtime";import{Fragment as XO,jsx as WO}from"react/jsx-runtime";import{jsx as QO}from"react/jsx-runtime";import{jsx as ci}from"react/jsx-runtime";var Yb=$.states,Qb=$.defaultOptions,Zb=$.options,jb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ef=[],ta=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?ci(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t?.[l]?ci(Ol,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;case"spin-button":r.showSpinButton=t?.[l];break;default:break}}),ci(Ds,{value:"Value",style:{width:300},...o,...r})};ta.options=Zb;ta.states=Yb;ta.variants=ef;ta.defaultOptions=Qb;ta.modifiers=jb;ta.className=$.className;var pi="pager",Bs=pi;import{Fragment as zs,jsx as Ye,jsxs as oa}from"react/jsx-runtime";var Gr="k-pager",tf=[i.focus,i.disabled],of={size:[s.undefined,s.small,s.medium,s.large]},rt={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},xe=e=>{let{responsive:t=rt.responsive,size:o,pagerSizeInfo:r=rt.pagerSizeInfo,pageTitleInfo:l=rt.pageTitleInfo,maxPagesInfo:n=rt.maxPagesInfo,itemsPerPage:d=rt.itemsPerPage,maxPages:m=rt.maxPages,currentPage:b=rt.currentPage,previousNext:h=rt.previousNext,type:N=rt.type,pageSizes:k=rt.pageSizes,refresh:u=rt.refresh,info:v=rt.info,focus:C,disabled:I,dir:O,...E}=e,F=[],be=[];for(let se=1;se<=m;se++)F.push(Ye(c,{selected:se===b,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${se}`,...se===b&&{"aria-current":"page"},children:se},se)),be.push(Ye("option",{selected:se===b,children:se},se));return oa("div",{dir:O,...E,className:a(e.className,Gr,L(Gr,{size:o}),y(Gr,{focus:C,disabled:I}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${b} of ${m}`,children:[oa("div",{className:a("k-pager-numbers-wrap"),children:[h&&oa(zs,{children:[Ye(c,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),Ye(c,{className:a("k-pager-nav"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),N==="numeric"&&Ye("div",{className:a("k-pager-numbers"),children:F}),N==="input"&&oa("span",{className:a("k-pager-input"),children:[l&&Ye("span",{children:"Page"}),Ye($,{value:`${b}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Ye("span",{children:n&&`of ${m}`})]}),h&&oa(zs,{children:[Ye(c,{className:a("k-pager-nav"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),Ye(c,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),k&&oa("span",{className:a("k-pager-sizes"),children:[Ye(ie,{value:`${d}`,size:o,"aria-label":"Items per page"}),r&&Ye("span",{children:"items per page"})]}),u&&Ye(c,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),v&&Ye("span",{className:a("k-pager-info"),children:v})]})};xe.states=tf;xe.options=of;xe.className=Gr;xe.defaultOptions=rt;xe.moduleName=pi;xe.folderName=Bs;xe.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};import{jsx as wP}from"react/jsx-runtime";import{jsx as yP}from"react/jsx-runtime";import{jsx as EP}from"react/jsx-runtime";import{jsx as Us}from"react/jsx-runtime";var af=xe.options,rf=xe.states,lf={...xe.defaultOptions,variant:"numeric"},nf=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],sf=[],aa=e=>{let{variant:t,...o}=e;return t==="input"?Us(xe,{...o,type:"input"}):Us(xe,{...o,type:"numeric"})};aa.options=af;aa.states=rf;aa.variants=nf;aa.defaultOptions=lf;aa.modifiers=sf;aa.className=xe.className;import{jsx as df}from"react/jsx-runtime";var Fs="k-grid-pager",ft=e=>df(xe,{...e,className:a(e.className,Fs),children:e.children});ft.className=Fs;ft.moduleName=V;ft.folderName=J;var mi="button",$s=mi;import{jsx as uf}from"react/jsx-runtime";var Qa="k-button-group",cf=[i.disabled],pf={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},mf={},_=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return uf("div",{role:"group",...l,className:a(e.className,Qa,L(Qa,{fillMode:t}),y(Qa,{disabled:o}),{[`${Qa}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};_.states=cf;_.options=pf;_.className=Qa;_.defaultOptions=mf;_.moduleName=mi;_.folderName=$s;_.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as r0,jsx as a0,jsxs as l0}from"react/jsx-runtime";import{Fragment as p0,jsx as c0,jsxs as m0}from"react/jsx-runtime";import{Fragment as g0,jsx as h0,jsxs as x0}from"react/jsx-runtime";import{Fragment as L0,jsx as C0,jsxs as M0}from"react/jsx-runtime";import{Fragment as R0,jsx as E0,jsxs as O0}from"react/jsx-runtime";import{Fragment as D0,jsx as K0,jsxs as B0}from"react/jsx-runtime";import{jsx as $t,jsxs as ui}from"react/jsx-runtime";var bf={...c.options,..._.options},ff=c.states,Tf={...c.defaultOptions,..._.defaultOptions,variant:"text-button"},hf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],gf=[],ra=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?ui(_,{fillMode:r.fillMode,className:o,children:[$t(c,{...r,icon:"star"}),$t(c,{...r,icon:"star"}),$t(c,{...r,icon:"star"})]}):t==="icon-text-button"?ui(_,{fillMode:r.fillMode,className:o,children:[$t(c,{...r,icon:"star",children:"First"}),$t(c,{...r,icon:"star",children:"Middle"}),$t(c,{...r,icon:"star",children:"Last"})]}):ui(_,{fillMode:r.fillMode,className:o,children:[$t(c,{...r,children:"First"}),$t(c,{...r,children:"Middle"}),$t(c,{...r,children:"Last"})]})};ra.options=bf;ra.states=ff;ra.variants=hf;ra.defaultOptions=Tf;ra.modifiers=gf;ra.className=_.className;import{jsx as Vs,jsxs as kf}from"react/jsx-runtime";var Ws="k-color-preview",xf=[],Nf={},mo=e=>{let{color:t,iconName:o,...r}=e;return kf("span",{...r,className:a(e.className,Ws,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Vs(f,{icon:o,className:"k-color-preview-icon"}),Vs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};mo.states=xf;mo.options=Nf;mo.className=Ws;var bi="slider",Xs=bi;import{jsx as la,jsxs as fi}from"react/jsx-runtime";var Za="k-slider",vf=[i.hover,i.focus,i.active,i.disabled,i.readonly],wf={},Tt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},me=e=>{let{type:t=Tt.type,orientation:o=Tt.orientation,gradientType:r=Tt.gradientType,readonly:l=Tt.readonly,disabled:n=Tt.disabled,handlePosition:d=Tt.handlePosition,showButtons:m=Tt.showButtons,showTicks:b=Tt.showTicks,value:h=Tt.value,min:N=Tt.min,max:k=Tt.max,startValue:u,endValue:v,hover:C,focus:I,active:O,trackStyle:E,dir:F,...be}=e,Ge=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),He,et;return o==="horizontal"?(He=F==="rtl"?"chevron-left":"chevron-right",et=F==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(He="chevron-up",et="chevron-down"),fi("div",{...be,className:a(Za,e.className,y(Za,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:F,children:[m&&la(c,{className:"k-button-decrease",rounded:"full",icon:et,tabIndex:-1,title:"Decrease"}),fi("div",{className:"k-slider-track-wrap",children:[b&&la("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),fi("div",{className:"k-slider-track",style:E,children:[la("div",{className:"k-slider-selection"}),t==="range"&&la("span",{className:a("k-draghandle","k-draghandle-start",y(Za,{hover:C,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":u??N,"aria-valuemin":N,"aria-valuemax":v??k,"aria-orientation":Ge,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),la("span",{className:a("k-draghandle",`k-draghandle-${d}`,y(Za,{hover:C,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?v??k:h,"aria-valuemin":t==="range"?u??N:N,"aria-valuemax":k,"aria-orientation":Ge,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?be["aria-label"]?`${be["aria-label"]} end`:"Range end":be["aria-label"]})]})]}),m&&la(c,{className:"k-button-increase",rounded:"full",icon:He,tabIndex:-1,title:"Increase"})]})};me.states=vf;me.options=wf;me.className=Za;me.defaultOptions=Tt;me.moduleName=bi;me.folderName=Xs;me.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Js}from"react/jsx-runtime";var qs="k-tick",Cf=[],Lf={},Ys={label:!1},G=e=>{let{style:t,label:o=Ys.label,orientation:r,large:l,text:n,...d}=e;return Js("li",{...d,role:"presentation",title:n||"Tick",className:a(e.className,qs,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&Js("span",{className:"k-label",children:n})})};G.states=Cf;G.options=Lf;G.className=qs;G.defaultOptions=Ys;import{Fragment as Mf,jsx as ht,jsxs as yf}from"react/jsx-runtime";var Qs=e=>ht(me,{"aria-label":e["aria-label"]||"Slider",children:yf(Mf,{children:[ht(G,{className:"k-first",label:!0,large:!0,text:"0"}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{label:!0,large:!0,text:"5"}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Sf,jsx as gt,jsxs as Af}from"react/jsx-runtime";var Zs=e=>gt(me,{children:Af(Sf,{children:[gt(G,{className:"k-first",label:!0,large:!0,text:"0"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{label:!0,large:!0,text:"5"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as MG,jsx as LG,jsxs as yG}from"react/jsx-runtime";import{Fragment as RG,jsx as EG,jsxs as OG}from"react/jsx-runtime";import{jsx as If}from"react/jsx-runtime";var Ti=e=>If(me,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Ef}from"react/jsx-runtime";var hi=e=>Ef(me,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as $G,jsx as FG,jsxs as VG}from"react/jsx-runtime";import{Fragment as YG,jsx as qG,jsxs as QG}from"react/jsx-runtime";import{jsx as Pt,jsxs as js}from"react/jsx-runtime";var Rf=me.options,Of=me.states,ed={...me.defaultOptions,variant:"horizontal",label:!0},Pf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Gf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ia=e=>{let{variant:t,modifiers:o,...r}={...ed,...e},l={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{l.showButtons=!!o?.[h];break}case"label":{l.label=!!o?.[h];break}case"tick":{l.showTicks=!!o?.[h];break}}});let{label:n=!0,showButtons:d,showTicks:m}=l,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?js(Zs,{showTicks:m,showButtons:d,style:{height:"300px",...b},...r,children:[Pt(G,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Pt(G,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Pt(G,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Pt(G,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Pt(G,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):js(Qs,{showTicks:m,showButtons:d,style:{width:"400px",...b},...r,children:[Pt(G,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Pt(G,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Pt(G,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Pt(G,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Pt(G,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ia.options=Rf;ia.states=Of;ia.variants=Pf;ia.defaultOptions=ed;ia.modifiers=Gf;ia.className=me.className;import{Fragment as ja,jsx as W,jsxs as we}from"react/jsx-runtime";var td="k-colorgradient-inputs",Hf=[],_f={size:[s.undefined,s.small,s.medium,s.large]},od={mode:"rgba"},na=e=>{let{mode:t=od.mode,size:o,...r}=e;return we("div",{...r,className:a(td,"k-hstack"),children:[W("div",{className:"k-vstack",children:W(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&we(ja,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&we(ja,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&we(ja,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&we(ja,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&W(ja,{children:we("div",{className:"k-vstack k-flex-1",children:[W(ce,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),W("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};na.states=Hf;na.options=_f;na.className=td;na.defaultOptions=od;import{jsx as yo,jsxs as So}from"react/jsx-runtime";var ad="k-colorgradient-color-contrast",Kf=[],Df={},Bf={},sa=()=>So("div",{className:a(ad,"k-vbox"),children:[So("div",{className:"k-contrast-ratio",children:[yo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),So("span",{className:"k-contrast-validation !k-text-success",children:[yo(f,{icon:"check"}),yo(f,{icon:"check"})]})]}),So("div",{children:[yo("span",{children:"AA: 4.5"}),So("span",{className:"k-contrast-validation !k-text-success",children:["Pass",yo(f,{icon:"check"})]})]}),So("div",{children:[yo("span",{children:"AAA: 7.0"}),So("span",{className:"k-contrast-validation !k-text-error",children:["Fail",yo(f,{icon:"x"})]})]})]});sa.states=Kf;sa.options=Df;sa.className=ad;sa.defaultOptions=Bf;var rd="color-gradient",ld="colorgradient";import{jsx as xt,jsxs as er}from"react/jsx-runtime";var Hr="k-colorgradient",zf=[i.hover,i.focus,i.readonly,i.disabled],Uf={size:[s.undefined,s.small,s.medium,s.large]},Gt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ye=e=>{let{size:t,mode:o=Gt.mode,readonly:r=Gt.readonly,disabled:l=Gt.disabled,gradientStyle:n=Gt.gradientStyle,dragHandleStyle:d=Gt.dragHandleStyle,alphaStyle:m=Gt.alphaStyle,alphaStyleHorizontal:b=Gt.alphaStyleHorizontal,contrast:h=Gt.contrast,dir:N,hover:k,focus:u,hoverHandle:v,focusHandle:C,canvasOrientation:I=Gt.canvasOrientation,role:O,tabIndex:E,...F}=e;return er("div",{...F,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":l?"true":void 0,className:a(e.className,Hr,L(Hr,{size:t}),y(Hr,{hover:k,focus:u,readonly:r,disabled:l})),dir:N,children:[!I||I==="horizontal"&&er("div",{className:"k-colorgradient-canvas k-hstack",children:[xt("div",{className:"k-hsv-rectangle",style:n,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":C}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),er("div",{className:"k-hsv-controls k-hstack",children:[xt(hi,{className:"k-hue-slider",hover:v,focus:C}),o!=="rgb"&&o!=="hsv"&&xt(hi,{className:"k-alpha-slider",hover:v,focus:C,trackStyle:m})]})]}),I==="vertical"&&er("div",{className:"k-colorgradient-canvas k-vstack",children:[xt("div",{className:"k-hsv-rectangle",style:n,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":C}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),er("div",{className:"k-hsv-controls k-vstack",children:[xt(Ti,{className:"k-hue-slider",hover:v,focus:C}),o!=="rgb"&&o!=="hsv"&&xt(Ti,{className:"k-alpha-slider",hover:v,focus:C,trackStyle:b})]})]}),xt(na,{mode:e.mode,size:t}),h&&xt(sa,{})]})};ye.states=zf;ye.options=Uf;ye.className=Hr;ye.defaultOptions=Gt;ye.moduleName=rd;ye.folderName=ld;ye.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Ff}from"react/jsx-runtime";var _r=e=>Ff(ye,{...e});import{jsx as zH}from"react/jsx-runtime";import{jsx as VH}from"react/jsx-runtime";import{jsx as gi}from"react/jsx-runtime";var $f=ye.options,Vf=ye.states,Wf={...ye.defaultOptions,variant:"rgba"},Xf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Jf=[],da=e=>{let{variant:t,...o}=e;switch(t){case"hex":return gi(_r,{...o,mode:t});case"rgb":return gi(_r,{...o,mode:t});default:return gi(_r,{...o,mode:t})}};da.options=$f;da.states=Vf;da.variants=Xf;da.defaultOptions=Wf;da.modifiers=Jf;da.className=ye.className;import{jsx as qf}from"react/jsx-runtime";var xi=e=>qf("tr",{role:"row",children:e.children});import{jsx as Zf}from"react/jsx-runtime";var Ni="k-colorpalette-tile",Yf=[i.hover,i.focus,i.selected],Qf={},ca=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:n,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Zf("td",{...d,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:a(e.className,Ni,y(Ni,{hover:r,focus:l,selected:n})),style:m})};ca.states=Yf;ca.options=Qf;ca.className=Ni;var id="color-palette",nd="colorpalette";import{jsx as tr}from"react/jsx-runtime";var Kr="k-colorpalette",jf=[i.disabled],eT={size:[s.undefined,s.small,s.medium,s.large]},sd={columns:10},Ue=e=>{let{size:t,palette:o,columns:r=sd.columns,tileSize:l,disabled:n,...d}=e,m=[];if(o){let b=r||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/b)},(N,k)=>{let u=[];h.slice(k*b,(k+1)*b).map((C,I)=>{u.push(tr(ca,{color:C,tileSize:l},I))});let v=tr(xi,{children:u},k);m.push(v)})}return tr("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:a(e.className,Kr,y(Kr,{disabled:n}),L(Kr,{size:t})),children:tr("table",{className:"k-colorpalette-table",role:"none",children:tr("tbody",{children:m.length>0?m:e.children})})})};Ue.states=jf;Ue.options=eT;Ue.className=Kr;Ue.defaultOptions=sd;Ue.moduleName=id;Ue.folderName=nd;Ue.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Dr=Ue;var or={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as tT}from"react/jsx-runtime";var dd=e=>tT(Dr,{palette:or.basic,...e});import{jsx as M_}from"react/jsx-runtime";import{jsx as R_,jsxs as O_}from"react/jsx-runtime";import{jsx as sT}from"react/jsx-runtime";var oT=Ue.options,aT=Ue.states,rT={...Ue.defaultOptions,variant:"basic"},lT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],iT={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},nT=[],pa=e=>{let{variant:t="basic",...o}=e,r=iT[t];return sT(dd,{columns:r.columns,palette:r,...o})};pa.options=oT;pa.states=aT;pa.variants=lT;pa.defaultOptions=rT;pa.modifiers=nT;pa.className=Ue.className;var cd="color-editor",pd="coloreditor";import{jsx as Nt,jsxs as ma}from"react/jsx-runtime";var Br="k-coloreditor",dT=[i.focus],cT={size:[s.undefined,s.small,s.medium,s.large]},ar={view:"gradient",palette:or.office,actionButtons:!0,canvasOrientation:"horizontal"},Ne=e=>{let{size:t,view:o=ar.view,palette:r=ar.palette,color:l,currentColor:n,focus:d,focusView:m,dir:b,group:h,actionButtons:N=ar.actionButtons,canvasOrientation:k=ar.canvasOrientation,...u}=e;return ma("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",Br,L(Br,{size:t}),y(Br,{focus:d})),dir:b,children:[ma("div",{className:"k-coloreditor-header k-hstack",children:[Nt("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&ma(_,{fillMode:"flat",children:[Nt(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Nt(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Nt("div",{className:"k-spacer"}),ma("div",{className:"k-coloreditor-header-actions k-hstack",children:[Nt(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),ma("div",{className:"k-coloreditor-preview k-vstack",children:[Nt(mo,{className:"k-coloreditor-preview-color",color:l}),Nt(mo,{className:"k-coloreditor-current-color",color:n})]})]})]}),Nt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Nt(ye,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):Nt(Ue,{palette:r,size:t})}),N&&ma(ut,{className:"k-coloreditor-footer",alignment:"start",children:[Nt(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Nt(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ne.states=dT;Ne.options=cT;Ne.className=Br;Ne.defaultOptions=ar;Ne.moduleName=cd;Ne.folderName=pd;Ne.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ua=Ne;import{jsx as s1}from"react/jsx-runtime";import{jsx as m1}from"react/jsx-runtime";import{jsx as pT}from"react/jsx-runtime";var md=e=>pT(ua,{group:!0,currentColor:"fuchsia",...e});import{jsx as mT}from"react/jsx-runtime";var ud=e=>mT(ua,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as bd}from"react/jsx-runtime";var uT=Ne.options,bT=Ne.states,fT={...Ne.defaultOptions,variant:"gradient"},TT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],hT=[],ba=e=>{let{variant:t,...o}=e;return t==="palette"?bd(ud,{...o,color:"white"}):bd(md,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ba.options=uT;ba.states=bT;ba.variants=TT;ba.defaultOptions=fT;ba.modifiers=hT;ba.className=Ne.className;var fd="color-picker",Td="colorpicker";import{Fragment as NT,jsx as kt,jsxs as ki}from"react/jsx-runtime";var hd="k-colorpicker",gT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],xT={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},gd={arrowIconName:"chevron-down"},lt=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=gd.arrowIconName,prefix:n,suffix:d,value:m,placeholder:b,hover:h,focus:N,valid:k,invalid:u,required:v,disabled:C,valueIconName:I,popup:O,opened:E,adaptive:F,adaptiveSettings:be,adaptiveTitle:se,adaptiveSubtitle:Ge,...He}=e,et="colorpicker-popup";return ki(NT,{children:[ki(Et,{...He,size:t,rounded:o,fillMode:r,hover:h,focus:N,valid:k,invalid:u,required:v,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E||F?et:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:a(e.className,hd,"k-icon-picker"),children:[kt(ct,{children:n}),kt(vo,{placeholder:b,value:m,showValue:!1,valueIcon:kt(mo,{className:"k-value-icon",color:m,iconName:I}),valueIconName:I}),kt(pt,{children:d}),kt(c,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),E&&O&&kt(te,{id:et,className:"k-colorpicker-popup",children:O}),F&&kt(ge,{adaptive:!0,id:et,...be,header:kt(Ke,{actionsEnd:kt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ge}),footer:ki(ao,{children:[kt(c,{text:"Cancel",size:"large"}),kt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:kt(Ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};lt.states=gT;lt.options=xT;lt.className=hd;lt.defaultOptions=gd;lt.moduleName=fd;lt.folderName=Td;lt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Vt=lt;import{jsx as kT}from"react/jsx-runtime";var zr=e=>kT(Vt,{...e});import{jsx as q1}from"react/jsx-runtime";import{jsx as eK}from"react/jsx-runtime";import{jsx as rK}from"react/jsx-runtime";import{jsx as sK}from"react/jsx-runtime";import{jsx as mK}from"react/jsx-runtime";import{jsx as TK}from"react/jsx-runtime";import{jsx as Ao}from"react/jsx-runtime";var vT=Vt.options,wT=Vt.states,xd={...Vt.defaultOptions,variant:"color"},CT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],LT=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...r}={...xd,...e},l={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?Ao(Ne,{size:r.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Ao("div",{style:n,children:Ao(zr,{...r,...l})});case"icon":return Ao("div",{style:n,children:Ao(zr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return Ao("div",{style:n,children:Ao(zr,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};fa.options=vT;fa.states=wT;fa.variants=CT;fa.defaultOptions=xd;fa.modifiers=LT;fa.className=Vt.className;var vi="combobox",Nd=vi;import{Fragment as wi,jsx as Le,jsxs as rr}from"react/jsx-runtime";var kd="k-combobox",MT=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],yT={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},vd={separators:!0},Oe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=vd.separators,prefix:n,suffix:d,value:m,placeholder:b,hover:h,focus:N,valid:k,invalid:u,required:v,loading:C,disabled:I,popup:O,opened:E,readonly:F,adaptive:be,adaptiveSettings:se,adaptiveTitle:Ge,adaptiveSubtitle:He,adaptiveCustomValue:et,id:No,autocomplete:il,activeDescendant:Qt,"aria-label":fr,...nl}=e,sl=No?`${No}-listbox`:void 0;return rr(wi,{children:[rr(ve,{...nl,size:t,rounded:o,fillMode:r,hover:h,focus:N,valid:k,invalid:u,required:v,loading:C,disabled:I,readonly:F,className:a(e.className,kd),children:[n&&rr(wi,{children:[Le(ct,{children:n}),l&&Le(mt,{})]}),Le(ot,{id:No,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?sl:void 0,"aria-activedescendant":E&&Qt?Qt:void 0,"aria-autocomplete":il,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":fr,disabled:I,readOnly:F}),Le(_e,{valid:k,invalid:u,loading:C,disabled:I}),Le(qe,{loading:C,disabled:I}),Le(tt,{loading:C,disabled:I,readonly:F,value:m}),d&&rr(wi,{children:[l&&Le(mt,{}),Le(pt,{children:d})]}),Le(c,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),E&&O&&Le(te,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),be&&Le(ge,{adaptive:!0,id:No?`${No}-adaptive`:void 0,...se,header:Le(Ke,{actionsEnd:Le(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:Ge,subtitle:He}),children:Le("div",{className:"k-list-container",children:Le(q,{customValue:et?Le(so,{text:`Use "${m}"`}):void 0,size:"large",children:rr(de,{"aria-label":Ge||"Options",children:[Le(z,{text:"List item"}),Le(z,{text:"List item"}),Le(z,{text:"List item"})]})})})})]})};Oe.states=MT;Oe.options=yT;Oe.className=kd;Oe.defaultOptions=vd;Oe.moduleName=vi;Oe.folderName=Nd;Oe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var it=Oe;import{jsx as ST}from"react/jsx-runtime";var wd=e=>ST(it,{...e});import{jsx as ZK,jsxs as jK}from"react/jsx-runtime";import{jsx as lD,jsxs as iD}from"react/jsx-runtime";import{jsx as mD,jsxs as uD}from"react/jsx-runtime";import{Fragment as xD,jsx as gD}from"react/jsx-runtime";import{Fragment as LD,jsx as CD}from"react/jsx-runtime";import{jsx as ED,jsxs as RD}from"react/jsx-runtime";import{Fragment as BD,jsx as KD,jsxs as DD}from"react/jsx-runtime";import{jsx as $D}from"react/jsx-runtime";import{jsx as JD}from"react/jsx-runtime";import{jsx as eB,jsxs as tB}from"react/jsx-runtime";import{jsx as nB,jsxs as sB}from"react/jsx-runtime";import{jsx as uo,jsxs as PT}from"react/jsx-runtime";var AT=Oe.states,IT=Oe.defaultOptions,ET=Oe.options,RT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],OT=[],Ta=e=>{let{modifiers:t,...o}=e,r={},l=uo(q,{style:{width:300},size:o.size,children:PT(de,{children:[uo(z,{children:"List item"}),uo(z,{children:"List item"}),uo(z,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t?.[n]?uo(f,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t?.[n]?uo(oo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!t?.[n],r.popup=t?.[n]?l:void 0;break;default:break}}),uo("div",{children:uo(wd,{value:"Value",style:{width:300},...o,...r})})};Ta.options=ET;Ta.states=AT;Ta.variants=OT;Ta.defaultOptions=IT;Ta.modifiers=RT;Ta.className=Oe.className;var Ci="menu-button",Cd=Ci;import{jsx as _T}from"react/jsx-runtime";var Ld="k-menu-button",GT=[i.hover,i.focus,i.active,i.selected,i.disabled],HT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info,w.inverse]},Li={showArrow:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:h,icon:N,text:k,showArrow:u=Li.showArrow,arrowIconName:v=Li.arrowIconName,expanded:C,...I}=e;return _T(c,{...I,className:a(e.className,Ld),text:k,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:h,icon:N,showArrow:u,arrowIconName:v,"aria-expanded":C?"true":"false",...!k&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};ne.states=GT;ne.options=HT;ne.className=Ld;ne.defaultOptions=Li;ne.moduleName=Ci;ne.folderName=Cd;ne.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 zB}from"react/jsx-runtime";import{jsx as VB}from"react/jsx-runtime";import{jsx as qB}from"react/jsx-runtime";var nt="menu",vt=nt;import{jsx as lr,jsxs as Md}from"react/jsx-runtime";var Mi="k-menu-item",KT=[i.hover,i.focus,i.active,i.selected,i.disabled],DT={},yd={iconPosition:"before"},Pe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:m,first:b,last:h,showArrow:N,arrowIconName:k,iconPosition:u=yd.iconPosition,dir:v,children:C,expanded:I,...O}=e,E=k;return E||(E=v==="rtl"?"chevron-left":"chevron-right"),Md("li",{...O,className:a(e.className,Mi,"k-item",y(Mi,{focus:o,disabled:n,hover:t,active:r,selected:l}),{"k-first":b,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Md("span",{className:a("k-link k-menu-link"),children:[d&&u==="before"&&lr(f,{className:"k-menu-link-icon",icon:d}),lr("span",{className:"k-menu-link-text",children:m}),d&&u==="after"&&lr(f,{className:"k-menu-link-icon",icon:d}),N&&lr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:lr(f,{icon:E})})]}),C]})};Pe.states=KT;Pe.options=DT;Pe.className=Mi;Pe.defaultOptions=yd;Pe.moduleName=nt;Pe.folderName=vt;import{jsx as ir,jsxs as Sd}from"react/jsx-runtime";var yi="k-menu-item",BT=[i.hover,i.focus,i.active,i.selected,i.disabled],zT={},Si={dir:"ltr",iconPosition:"before"},U=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:m,first:b,last:h,showArrow:N,arrowIconName:k,iconPosition:u=Si.iconPosition,dir:v=Si.dir,children:C,popup:I,expanded:O,...E}=e,F=k;return F||(F=v==="rtl"?"chevron-left":"chevron-right"),Sd("li",{...E,className:a(e.className,yi,"k-item",y(yi,{focus:o,disabled:n}),{"k-first":b,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":O?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Sd("span",{className:a("k-link k-menu-link",y("k-menu-link",{hover:t,active:r,selected:l,disabled:n})),children:[d&&u==="before"&&ir(f,{className:"k-menu-link-icon",icon:d}),ir("span",{className:"k-menu-link-text",children:m}),d&&u==="after"&&ir(f,{className:"k-menu-link-icon",icon:d}),N&&ir("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ir(f,{icon:F})})]}),C,I]})};U.states=BT;U.options=zT;U.className=yi;U.defaultOptions=Si;U.moduleName=nt;U.folderName=vt;import{jsx as VT}from"react/jsx-runtime";var Ad="k-menu-scroll-wrapper",UT=[],FT={},$T={},Io=e=>{let{className:t,children:o,orientation:r,...l}=e;return VT("div",{...l,className:a(t,Ad,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};Io.states=UT;Io.options=FT;Io.className=Ad;Io.defaultOptions=$T;Io.moduleName=nt;Io.folderName=vt;var Id=Io;import{Fragment as Ai,jsx as Eo,jsxs as Fr}from"react/jsx-runtime";var Ii="k-menu",WT=[],XT={},$r={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},fe=e=>{let{children:t,orientation:o=$r.orientation,header:r=$r.header,scrollable:l,scrollButtonsPosition:n=$r.scrollButtonsPosition,wrapperStyles:d,dir:m,popup:b,contextMenu:h,...N}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=Eo("ul",{dir:m,...N,className:a(e.className,"k-reset",Ii,{[`${Ii}-${o}`]:o,"k-header":r}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Fr(Ai,{children:[l?Fr(Id,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&Fr(Ai,{children:[Eo(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Eo(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Eo(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,n==="end"&&Fr(Ai,{children:[Eo(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Eo(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Eo(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,b]})};fe.states=WT;fe.options=XT;fe.className=Ii;fe.defaultOptions=$r;fe.moduleName=nt;fe.folderName=vt;fe.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 JT}from"react/jsx-runtime";var Ei="k-separator",Ed={orientation:"horizontal"},bo=e=>{let{orientation:t=Ed.orientation,...o}=e;return JT("li",{...o,className:a(e.className,"k-item",Ei,{[`${Ei}-${t}`]:t}),role:"separator"})};bo.className=Ei;bo.defaultOptions=Ed;bo.moduleName=nt;bo.folderName=vt;import{Fragment as C2,jsx as L2}from"react/jsx-runtime";import{jsx as ZT}from"react/jsx-runtime";var Ri="k-menu-group",qT=[],YT={size:[s.undefined,s.small,s.medium,s.large]},QT={},Ce=e=>{let{children:t,size:o,...r}=e;return ZT("ul",{...r,className:a(e.className,Ri,L(Ri,{size:o})),role:"menu",children:t})};Ce.states=qT;Ce.options=YT;Ce.className=Ri;Ce.defaultOptions=QT;Ce.moduleName=nt;Ce.folderName=vt;import{Fragment as jT,jsx as ha,jsxs as eh}from"react/jsx-runtime";var Oi=e=>ha(fe,{children:eh(jT,{children:[ha(Pe,{first:!0,text:"Item 1"}),ha(Pe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),ha(Pe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),ha(Pe,{text:"Item 4"}),ha(Pe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as D2,jsx as _2,jsxs as K2}from"react/jsx-runtime";import{Fragment as $2,jsx as F2,jsxs as V2}from"react/jsx-runtime";import{Fragment as Y2,jsx as q2,jsxs as Q2}from"react/jsx-runtime";import{Fragment as o3,jsx as t3,jsxs as a3}from"react/jsx-runtime";import{jsx as Ro,jsxs as lh}from"react/jsx-runtime";var th={...fe.options,scrollable:{type:"boolean"}},oh=fe.states,Rd={...fe.defaultOptions,variant:"horizontal"},ah=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],rh=[{name:"opened",title:"Opened"}],ga=e=>{let{variant:t,modifiers:o,...r}={...Rd,...e},l={};return Object.keys(o||{}).forEach(n=>{n==="opened"&&(l.opened=!!o?.[n],l.popup=Ro(te,{className:"k-menu-popup",children:lh(Ce,{children:[Ro(U,{text:"Item 1"}),Ro(U,{text:"Item 2"}),Ro(bo,{}),Ro(U,{text:"Item 3"})]})}))}),t==="vertical"?Ro(Oi,{...r,...l,orientation:"vertical",style:{width:"200px"}}):Ro(Oi,{...r,...l})};ga.options=th;ga.states=oh;ga.variants=ah;ga.defaultOptions=Rd;ga.modifiers=rh;ga.className=fe.className;import{Fragment as G3,jsx as O3,jsxs as P3}from"react/jsx-runtime";import{jsx as D3}from"react/jsx-runtime";import{Fragment as ch,jsx as Ht,jsxs as Od}from"react/jsx-runtime";var ih=c.states,Pd={...c.defaultOptions,variant:"text"},nh=c.options,sh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dh=[{name:"opened",title:"Opened"}],xa=e=>{let{variant:t,modifiers:o,...r}={...Pd,...e},l={},n=Ht(te,{className:"k-menu-popup",children:Od(Ce,{size:r.size,children:[Ht(U,{first:!0,text:"Menu Item"}),Ht(U,{text:"Menu Item"}),Ht(U,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=Ht("div",{children:Ht(ne,{...r,...l,icon:"star"})});break;case"icon-and-text":d=Ht("div",{children:Ht(ne,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:d=Ht("div",{children:Ht(ne,{...r,...l,children:"Dropdown Button"})});break}return Od(ch,{children:[d,o?.opened&&n]})};xa.options=nh;xa.states=ih;xa.variants=sh;xa.defaultOptions=Pd;xa.modifiers=dh;xa.className=ne.className;var Pi="split-button",Gd=Pi;import{Fragment as uh,jsx as Gi,jsxs as Hd}from"react/jsx-runtime";var Hi="k-split-button",ph=[i.hover,i.focus,i.active,i.selected,i.disabled],mh={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info,w.inverse]},_d={arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:h,icon:N,text:k,arrowIconName:u=_d.arrowIconName,popup:v,opened:C,popupId:I,...O}=e;return Hd(uh,{children:[Hd("div",{...O,className:a(e.className,Hi,"k-button-group",L(Hi,{rounded:o})),children:[Gi(c,{text:k,icon:N,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:h,...!k&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Gi(c,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:r,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?I:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),C&&v&&Gi(te,{className:"k-menu-popup",children:v})]})};X.states=ph;X.options=mh;X.className=Hi;X.defaultOptions=_d;X.moduleName=Pi;X.folderName=Gd;X.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",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-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var _i=X;import{jsx as fh}from"react/jsx-runtime";var bh="k-toolbar-separator",Mt=e=>fh("div",{className:a(bh,e.className,"k-separator")});var Wt="toolbar",fo=Wt;import{Fragment as Ki,jsx as Q,jsxs as Na}from"react/jsx-runtime";var Xt="k-toolbar",Th=[i.focus],hh={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},gh={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:n,scrollButtons:d,scrollingPosition:m,section:b,...h}=e,N=[],k=(u,v)=>{let C=[];if(u.type===c&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push(Q(c,{...u.props,className:`${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===c)C.push(Q(c,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===Fa)C.push(Q(Fa,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===oo)C.push(Q(oo,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===ne)C.push(Q(ne,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===_i)C.push(Q(_i,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===_||u.props.className&&u.props.className.includes("k-button-group")){let I=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,F)=>{I.push(Q(c,{...E.props,className:`${E.props.className?E.props.className:""}`},`${F}-${new Date().getTime()}`))}),C.push(Q(_,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:I},`${v}-${new Date().getTime()}`))}else u.type===Oe?C.push(Q(Oe,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===ie?C.push(Q(ie,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===lt?C.push(Q(lt,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):C.push(u);C.forEach(I=>{N.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((v,C)=>{k(v,C)}),Na("div",{...h,className:a(e.className,Xt,L(Xt,{size:t,fillMode:o}),y(Xt,{focus:r}),{[`${Xt}-resizable`]:l,[`${Xt}-scrollable`]:n,[`${Xt}-scrollable-overlay`]:n&&d==="hidden",[`${Xt}-scrollable-${m}`]:m&&m!=="both",[`${Xt}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!n&&N,n&&d==="hidden"&&Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),n&&d==="start"&&Na(Ki,{children:[Na(_,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-left"})}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-right"})})]}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),n&&d==="end"&&Na(Ki,{children:[Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),Q(Mt,{className:"k-toolbar-button-separator"}),Na(_,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-left"})}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-right"})})]})]}),n&&(d==="around"||!d)&&Na(Ki,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-left"})}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"chevron-right"})})]})]})};pe.states=Th;pe.options=hh;pe.className=Xt;pe.defaultOptions=gh;pe.moduleName=Wt;pe.folderName=fo;pe.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as vh}from"react/jsx-runtime";var Kd="k-floating-toolbar",xh=[],Nh={},kh={},ka=e=>{let{...t}=e;return vh("div",{...t,className:a(e.className,Kd),children:e.children})};ka.states=xh;ka.options=Nh;ka.className=Kd;ka.defaultOptions=kh;ka.moduleName=Wt;ka.folderName=fo;import{jsx as Mh}from"react/jsx-runtime";var Di="k-toolbar-item",wh=[i.focus],Ch={},Lh={},va=e=>{let{focus:t,...o}=e;return Mh("div",{...o,className:a(e.className,Di,y(Di,{focus:t})),children:e.children})};va.states=wh;va.options=Ch;va.className=Di;va.defaultOptions=Lh;va.moduleName=Wt;va.folderName=fo;import{jsx as Dd}from"react/jsx-runtime";var Bd="k-toolbar-popup",yh=[],Sh={size:[s.undefined,s.small,s.medium,s.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ah={},Oo=e=>{let{size:t,fillMode:o,section:r,...l}=e;return Dd(te,{...l,className:a(e.className,Bd),children:r?Dd("span",{className:a("k-toolbar-items-list",L("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Oo.states=yh;Oo.options=Sh;Oo.className=Bd;Oo.defaultOptions=Ah;Oo.moduleName=Wt;Oo.folderName=fo;var Vr=Oo;import{jsx as U5}from"react/jsx-runtime";import{jsx as W5}from"react/jsx-runtime";import{jsx as Y5}from"react/jsx-runtime";import{jsx as oz,jsxs as az}from"react/jsx-runtime";import{jsx as nz}from"react/jsx-runtime";import{jsx as Jt,jsxs as Ph}from"react/jsx-runtime";var Ih=X.states,zd={...X.defaultOptions,variant:"text"},Eh=X.options,Rh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Oh=[{name:"opened",title:"Opened"}],wa=e=>{let{variant:t,modifiers:o,...r}={...zd,...e},l={},n=Ph(Ce,{size:r.size,children:[Jt(U,{first:!0,text:"Menu Item"}),Jt(U,{text:"Menu Item"}),Jt(U,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?n:"")}),t){case"icon-only":return Jt("div",{children:Jt(X,{...r,...l,icon:"star"})});case"icon-and-text":return Jt("div",{children:Jt(X,{...r,...l,icon:"star",children:"Split Button"})});default:return Jt("div",{children:Jt(X,{...r,...l,children:"Split Button"})})}};wa.options=Eh;wa.states=Ih;wa.variants=Rh;wa.defaultOptions=zd;wa.modifiers=Oh;wa.className=X.className;import{jsx as Po,jsxs as Gh}from"react/jsx-runtime";var Ud=e=>Po(pe,{children:[Po(c,{children:"Button"},"toolbar-button"),Po(ne,{text:"Menu button"},"toolbar-menu-button"),Po(X,{children:"Split button"},"toolbar-split-button"),Gh(_,{children:[Po(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Po(c,{icon:"align-center",children:"Center"}),Po(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Hz,jsxs as _z}from"react/jsx-runtime";import{jsx as st,jsxs as Fd}from"react/jsx-runtime";var $d=e=>st(pe,{scrollable:!0,...e,children:[st(c,{children:"Button"},"toolbar-button"),st(ne,{text:"Menu button"},"toolbar-menu-button"),st(X,{children:"Split button"},"toolbar-split-button"),Fd(_,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),st(c,{children:"Button"},"toolbar-button"),st(ne,{text:"Menu button"},"toolbar-menu-button"),st(X,{children:"Split button"},"toolbar-split-button"),Fd(_,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as dt,jsxs as Vd}from"react/jsx-runtime";var Wd=({scrollingPosition:e="start",...t})=>dt(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[dt(c,{children:"Button"},"toolbar-button"),dt(ne,{text:"Menu button"},"toolbar-menu-button"),dt(X,{children:"Split button"},"toolbar-split-button"),Vd(_,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),dt(c,{children:"Button"},"toolbar-button"),dt(ne,{text:"Menu button"},"toolbar-menu-button"),dt(X,{children:"Split button"},"toolbar-split-button"),Vd(_,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Hh,jsx as Qe,jsxs as Wr}from"react/jsx-runtime";var Xd=({fillMode:e,size:t,...o})=>Wr(Hh,{children:[Qe(pe,{section:!0,fillMode:e,size:t,children:[Qe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Wr(_,{fillMode:e,children:[Qe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Qe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Qe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Qe(Mt,{className:"k-toolbar-button-separator"}),Qe(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Wr(Vr,{size:t,fillMode:e,section:!0,...o,children:[Qe(X,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Qe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Qe(Mt,{}),Qe(ne,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Wr(_,{fillMode:e,children:[Qe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Qe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Qe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as TU,jsx as bU,jsxs as fU}from"react/jsx-runtime";import{Fragment as yU,jsx as LU,jsxs as MU}from"react/jsx-runtime";import{jsx as To}from"react/jsx-runtime";var _h=pe.options,Kh=pe.states,Jd={...pe.defaultOptions,variant:"default"},Dh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Bh=[],Ca=e=>{let{variant:t,...o}={...Jd,...e};switch(t){case"responsive":return To("div",{children:To(Xd,{style:{width:"583px"},...o})});case"overlay":return To("div",{children:To(Wd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return To("div",{children:To($d,{style:{width:"583px"},...o})});default:return To("div",{children:To(Ud,{style:{width:"583px"},...o})})}};Ca.options=_h;Ca.states=Kh;Ca.variants=Dh;Ca.defaultOptions=Jd;Ca.modifiers=Bh;Ca.className=pe.className;import{jsx as zh}from"react/jsx-runtime";var qd="k-grid-toolbar",Go=e=>zh(pe,{...e,className:a(e.className,qd),children:e.children});Go.className=qd;Go.moduleName=V;Go.folderName=J;import{jsx as Bi,jsxs as Fh}from"react/jsx-runtime";var zi="k-grid-stack-cell",Uh=[i.focus,i.selected],Xr=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:n,focus:d,selected:m,...b}=e;return Fh("div",{...b,className:a(e.className,zi,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":n},y(zi,{focus:d,selected:m})),children:[n&&Bi("span",{className:"k-dirty"}),t&&Bi("div",{className:"k-grid-stack-header",children:t}),Bi("div",{className:"k-grid-stack-content",children:o}),e.children]})};Xr.states=Uh;Xr.className=zi;Xr.moduleName=V;Xr.folderName=J;import{jsx as $h}from"react/jsx-runtime";var Yd="k-grid-stack-row",Jr=e=>{let{cols:t,...o}=e;return $h("div",{...o,className:a(e.className,Yd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Jr.className=Yd;Jr.moduleName=V;Jr.folderName=J;import{Fragment as h6,jsx as f6,jsxs as T6}from"react/jsx-runtime";import{Fragment as C6,jsx as v6,jsxs as w6}from"react/jsx-runtime";var Fe="column-menu",Ze=Fe;import{jsx as Xh}from"react/jsx-runtime";var Ui="k-column-menu",Vh=[],Wh={size:[s.undefined,s.small,s.medium,s.large]},Qd={view:"list"},qt=e=>{let{view:t=Qd.view,size:o,...r}=e;return Xh("div",{...r,className:a(e.className,Ui,L(Ui,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};qt.states=Vh;qt.options=Wh;qt.className=Ui;qt.defaultOptions=Qd;qt.moduleName=Fe;qt.folderName=Ze;qt.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};import{jsx as Zd}from"react/jsx-runtime";var Fi="k-column-list",Jh=[],qh={size:[s.undefined,s.small,s.medium,s.large]},Yh={},Ho=e=>{let{size:t,...o}=e;return Zd("div",{className:"k-column-list-wrapper",children:Zd("div",{...o,className:a(e.className,Fi,L(Fi,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};Ho.states=Jh;Ho.options=qh;Ho.className=Fi;Ho.defaultOptions=Yh;Ho.moduleName=Fe;Ho.folderName=Ze;import{jsx as jd,jsxs as eg}from"react/jsx-runtime";var $i="k-column-list-item",Qh=[i.focus,i.disabled,i.hover],Zh={},jh={},nr=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:n,...d}=e;return eg("span",{...d,className:a(e.className,$i,y($i,{focus:r,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[jd(Me,{disabled:n,checked:o,"aria-label":t}),jd("span",{className:"k-checkbox-label",children:t})]})};nr.states=Qh;nr.options=Zh;nr.className=$i;nr.defaultOptions=jh;import{jsx as Vi,jsxs as ec}from"react/jsx-runtime";var Wi="k-columnmenu-item",tg=[i.focus,i.selected],og={},ag={},Yt=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:n,sortIndex:d,...m}=e;return ec("div",{...m,className:a(e.className,Wi,y(Wi,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&Vi(f,{icon:l}),r,n&&ec("span",{className:"k-columnmenu-indicators",children:[Vi(f,{icon:n}),d&&Vi("span",{className:"k-sort-index",children:d})]}),e.children]})};Yt.states=tg;Yt.options=og;Yt.className=Wi;Yt.defaultOptions=ag;Yt.moduleName=Fe;Yt.folderName=Ze;import{jsx as W6}from"react/jsx-runtime";import{jsx as lg}from"react/jsx-runtime";var rg="k-columnmenu-item-content",tc=e=>lg("div",{...e,className:a(e.className,rg,"k-columns-item"),children:e.children});import{jsx as oc}from"react/jsx-runtime";var ac="k-filter-menu",ig=[],ng={},sg={},ho=e=>{let{...t}=e;return oc("form",{...t,className:a(e.className,ac),children:oc("div",{className:"k-filter-menu-container",children:e.children})})};ho.states=ig;ho.options=ng;ho.className=ac;ho.defaultOptions=sg;ho.moduleName=Fe;ho.folderName=Ze;import{jsx as a4}from"react/jsx-runtime";import{jsx as Xi,jsxs as mg}from"react/jsx-runtime";var dg="k-item",cg={size:[s.undefined,s.small,s.medium,s.large]},pg=[],Ji=e=>{let{text:t,size:o,...r}=e;return Xi("li",{...r,className:a(e.className,dg),children:mg("label",{className:"k-label k-checkbox-label",children:[Xi(Me,{size:o}),Xi("span",{children:t})]})})};Ji.states=pg;Ji.options=cg;import{jsx as La,jsxs as rc}from"react/jsx-runtime";var lc="k-expander",ug=[],bg={},fg={},_o=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:n,itemContent:d,expanderIcon:m,contentId:b,...h}=e,N=b||H("columnmenu-content"),k=!n&&!m?La(f,{icon:"chevron-down"}):n&&!m?La(f,{icon:"chevron-up"}):La(f,{icon:m});return rc("div",{...h,className:a(e.className,lc),children:[rc(Yt,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":N,children:[La("span",{className:"k-spacer"}),La("span",{className:"k-expander-indicator",children:k})]}),n&&La(tc,{id:N,children:d}),e.children]})};_o.states=ug;_o.options=bg;_o.className=lc;_o.defaultOptions=fg;_o.moduleName=Fe;_o.folderName=Ze;import{jsx as xg}from"react/jsx-runtime";var qi="k-group-menu",Tg=[],hg={size:[s.undefined,s.small,s.medium,s.large]},gg={},Ma=e=>{let{size:t,...o}=e;return xg("div",{...o,className:a(e.className,qi,L(qi,{size:t})),children:e.children})};Ma.states=Tg;Ma.options=hg;Ma.className=qi;Ma.defaultOptions=gg;Ma.moduleName=Fe;Ma.folderName=Ze;import{Fragment as wg,jsx as qr,jsxs as ic}from"react/jsx-runtime";var Yi="k-group-menu-item",Ng=[i.hover,i.selected],kg={},vg={},ya=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:n,...d}=e;return ic("div",{...d,className:a(e.className,Yi,y(Yi,{hover:t,selected:o})),children:[l&&qr("span",{className:"k-group-menu-item-actions",children:l}),qr("span",{className:"k-group-item-text",children:r}),n&&ic(wg,{children:[qr("span",{className:"k-spacer"}),qr("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};ya.states=Ng;ya.options=kg;ya.className=Yi;ya.defaultOptions=vg;ya.moduleName=Fe;ya.folderName=Ze;import{jsx as Ko}from"react/jsx-runtime";var Qi="k-group-menu-item-action",Cg=[i.hover,i.disabled,i.selected],Lg={size:[s.undefined,s.small,s.medium,s.large]};var Zi=e=>{let{hover:t,disabled:o,selected:r,size:l,type:n,...d}=e,m;switch(n){case"remove":m=Ko(f,{icon:"x-circle",size:l});break;case"add":m=Ko(f,{icon:"plus-circle",size:l});break;case"drag":m=Ko(f,{icon:"handle-drag-dots",size:l});break;case"up":m=Ko(f,{icon:"chevron-up",size:l});break;case"down":m=Ko(f,{icon:"chevron-down",size:l});break;default:m=Ko(f,{icon:n,size:l});break}return Ko("span",{...d,className:a(e.className,Qi,y(Qi,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:m})};Zi.options=Cg;Zi.options=Lg;Zi.className=Qi;import{jsx as I4}from"react/jsx-runtime";import{Fragment as _4,jsx as G4,jsxs as H4}from"react/jsx-runtime";import{jsx as Ag}from"react/jsx-runtime";var nc="k-tabstrip-items",Mg=[],yg={},Sg={tabAlignment:"start"},sr=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return Ag("ul",{...l,className:a(e.className,nc,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};sr.states=Mg;sr.options=yg;sr.className=nc;sr.defaultOptions=Sg;var sc=sr;import{jsx as Rg}from"react/jsx-runtime";var dc="k-tabstrip-items-wrapper",Ig=[],Eg={},cc={orientation:"horizontal"},dr=e=>{let{children:t,orientation:o=cc.orientation,...r}=e;return Rg("div",{...r,className:a(e.className,dc,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};dr.states=Ig;dr.options=Eg;dr.className=dc;dr.defaultOptions=cc;var pc=dr;var cr="tabstrip",Yr=cr;import{jsx as yt,jsxs as mc}from"react/jsx-runtime";var go="k-tabstrip",Og=[],Pg={size:[s.undefined,s.small,s.medium,s.large]},Qr={position:"top",tabAlignment:"start",scrollButtons:"around"},Ie=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:n,position:d=Qr.position,tabAlignment:m=Qr.tabAlignment,scrollButtons:b=Qr.scrollButtons,dir:h,scrollingPosition:N,overflow:k,...u}=e,v={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},C={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},I={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return mc("div",{dir:h,...u,className:a(go,e.className,{[`${go}-${d}`]:d,[`${go}-scrollable`]:o,[`${go}-scrollable-overlay`]:o&&(b==="hidden"||!b),[`${go}-scrollable-${N}`]:N&&N!=="both",[`${go}-overflow`]:k},L(go,{size:t})),children:[d==="bottom"&&r,mc(pc,{orientation:C[d],children:[o&&(b==="around"||b==="start")&&yt("span",{className:a("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`chevron-${v[d].prev}`})}),o&&b==="start"&&yt("span",{className:a("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`chevron-${v[d].next}`})}),yt(sc,{className:a({"k-tabstrip-items-scroll":o&&b==="hidden"}),tabAlignment:I[m],orientation:C[d],...n&&{id:n},children:l}),o&&b==="end"&&yt("span",{className:a("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`chevron-${v[d].prev}`})}),o&&(b==="around"||b==="end")&&yt("span",{className:a("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`chevron-${v[d].next}`})}),k&&yt("div",{className:"k-tabstrip-actions k-hstack",children:yt(ne,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&r]})};Ie.states=Og;Ie.options=Pg;Ie.className=go;Ie.defaultOptions=Qr;Ie.moduleName=cr;Ie.folderName=Yr;Ie.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};import{jsx as Kg}from"react/jsx-runtime";var uc="k-tabstrip-wrapper",Gg=[],Hg={},_g={},Sa=e=>{let{...t}=e;return Kg("div",{...t,className:a(e.className,uc),children:e.children})};Sa.states=Gg;Sa.options=Hg;Sa.className=uc;Sa.defaultOptions=_g;Sa.moduleName=cr;Sa.folderName=Yr;import{jsx as Zr,jsxs as ji}from"react/jsx-runtime";var en="k-tabstrip-item",Dg=[i.active,i.hover,i.disabled,i.focus],Bg={},bc={iconPosition:"before"},je=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:n,children:d,first:m,last:b,closable:h,icon:N,iconPosition:k=bc.iconPosition,value:u,actions:v,...C}=e;return ji("li",{...C,className:a(e.className,en,y(en,{hover:r,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":b}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[ji("span",{className:"k-link",children:[N&&k==="before"&&Zr(f,{icon:N}),u&&Zr("span",{className:"k-link-text",children:u}),N&&k==="after"&&Zr(f,{icon:N})]}),(v||h)&&ji("span",{className:"k-item-actions",children:[v,h&&Zr(c,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};je.states=Dg;je.options=Bg;je.className=en;je.item=bc;import{jsx as $g}from"react/jsx-runtime";var tn="k-tabstrip-content",zg=[i.active,i.focus],Ug={},Fg={},_t=e=>{let{active:t,focus:o,children:r,...l}=e;return $g("div",{...l,className:a(e.className,tn,y(tn,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};_t.states=zg;_t.options=Ug;_t.className=tn;_t.defaultOptions=Fg;import{Fragment as Vg,jsx as xo,jsxs as Wg}from"react/jsx-runtime";var St=({children:e,...t})=>xo(Ie,{tabStripItems:Wg(Vg,{children:[xo(je,{first:!0,value:"First"}),xo(je,{active:!0,value:"Second"}),xo(je,{value:"Third"}),xo(je,{value:"Fourth"}),xo(je,{last:!0,value:"Fifth"})]}),...t,children:e||xo(_t,{active:!0,children:xo("div",{children:"TabStrip Content"})})});import{jsx as Xg}from"react/jsx-runtime";var fc=e=>Xg(St,{position:"bottom",...e});import{jsx as Jg}from"react/jsx-runtime";var Tc=e=>Jg(St,{position:"right",...e});import{jsx as qg}from"react/jsx-runtime";var hc=e=>qg(St,{position:"left",...e});import{jsx as M7}from"react/jsx-runtime";import{Fragment as E7,jsx as I7,jsxs as R7}from"react/jsx-runtime";import{jsx as H7}from"react/jsx-runtime";import{Fragment as F7,jsx as U7,jsxs as $7}from"react/jsx-runtime";import{Fragment as q7,jsx as J7,jsxs as Y7}from"react/jsx-runtime";import{jsx as jr}from"react/jsx-runtime";var Yg={...Ie.options,scrollable:{type:"boolean"}},Qg=Ie.states,gc={...Ie.defaultOptions,scrollable:!1,variant:"up"},Zg=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],jg=[],Aa=e=>{let{variant:t,...o}={...gc,...e},r={};switch(t){case"right":return jr(Tc,{style:{height:"230px"},...o,...r,position:"right"});case"left":return jr(hc,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return jr(fc,{style:{width:"350px"},...o,...r,position:"bottom"});default:return jr(St,{style:{width:"350px"},...o,...r})}};Aa.options=Yg;Aa.states=Qg;Aa.variants=Zg;Aa.defaultOptions=gc;Aa.modifiers=jg;Aa.className=Ie.className;import{Fragment as yF,jsx as MF,jsxs as SF}from"react/jsx-runtime";import{Fragment as KF,jsx as HF,jsxs as _F}from"react/jsx-runtime";import{Fragment as JF,jsx as WF,jsxs as XF}from"react/jsx-runtime";import{Fragment as C9,jsx as v9,jsxs as w9}from"react/jsx-runtime";import{Fragment as E9,jsx as A9,jsxs as I9}from"react/jsx-runtime";import{Fragment as U9,jsx as B9,jsxs as z9}from"react/jsx-runtime";import{Fragment as ex,jsx as M,jsxs as ue}from"react/jsx-runtime";var xc=({contentClassName:e,...t})=>M(D,{_renderAriaRoot:!0,pager:M(ft,{refresh:!1}),children:ue(ex,{children:[M(oe,{children:M("div",{className:"k-grid-header-wrap",children:ue(re,{role:"none",children:[ue("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),ue(Z,{role:"rowgroup",children:[ue(S,{role:"row",children:[M(A,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),ue(S,{className:"k-filter-row",role:"row",children:[M(p,{role:"gridcell","aria-label":"Product Id filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M($,{"aria-label":"Product Id filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Name filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ce,{"aria-label":"Name filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Quantity filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ce,{"aria-label":"Quantity filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Unit Price filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M($,{"aria-label":"Unit Price filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Discontinued filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ie,{"aria-label":"Discontinued filter"}),M("div",{className:"k-filtercell-operator",children:M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),M(j,{children:M(ee,{className:e,children:ue(Y,{role:"none",children:[ue("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),ue(ae,{role:"rowgroup",children:[ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"1"}),M(p,{role:"gridcell",children:"Chai"}),M(p,{role:"gridcell",children:"10 boxes x 20 bags"}),M(p,{role:"gridcell",children:"18"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",alt:!0,children:[M(p,{role:"gridcell",children:"2"}),M(p,{role:"gridcell",children:"Chang"}),M(p,{role:"gridcell",children:"24 - 12 oz bottles"}),M(p,{role:"gridcell",children:"19"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"3"}),M(p,{role:"gridcell",children:"Aniseed Syrup"}),M(p,{role:"gridcell",children:"12 - 550 ml bottles"}),M(p,{role:"gridcell",children:"10"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",alt:!0,children:[M(p,{role:"gridcell",children:"4"}),M(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),M(p,{role:"gridcell",children:"48 - 6 oz jars"}),M(p,{role:"gridcell",children:"22"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"5"}),M(p,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),M(p,{role:"gridcell",children:"12 - 8 oz jars"}),M(p,{role:"gridcell",children:"25"}),M(p,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{jsx as el}from"react/jsx-runtime";var tx="k-chip-action";var ke=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=el(f,{icon:"x-circle",size:"small"});break;case"more":r=el(f,{icon:"more-vertical",size:"small"});break;default:return el(f,{icon:t,size:"small"})}return el("span",{...o,className:a(e.className,tx,`k-chip-${t}-action`),children:r})};var on="avatar",Nc=on;import{jsx as kc}from"react/jsx-runtime";var pr="k-avatar";var ox=[i.hover,i.focus,i.active,i.selected,i.disabled],ax={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary]},an={type:"text",border:!1},$e=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:n=an.type,border:d=an.border,...m}=e;return kc("div",{...m,className:a(e.className,pr,L(pr,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${pr}-bordered`]:d}),children:kc("span",{className:`${pr}-${n}`,children:e.children})})};$e.states=ox;$e.options=ax;$e.className=pr;$e.defaultOptions=an;$e.moduleName=on;$e.folderName=Nc;$e.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Do=$e;import{jsx as rx}from"react/jsx-runtime";var vc=e=>rx(Do,{type:"icon",...e});import{jsx as lx}from"react/jsx-runtime";var wc=e=>lx(Do,{type:"text",...e});import{jsx as ix}from"react/jsx-runtime";var Cc=e=>ix(Do,{type:"image",...e});import{jsx as g8}from"react/jsx-runtime";import{jsx as mr}from"react/jsx-runtime";var nx=$e.options,sx=$e.states,dx={...$e.defaultOptions,variant:"image"},cx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],px=[],Ia=e=>{let{variant:t,...o}=e;switch(t){case"icon":return mr(vc,{...o,children:mr(f,{icon:"star"})});case"text":return mr(wc,{...o,children:"JO"});default:return mr(Cc,{...o,children:mr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ia.options=nx;Ia.states=sx;Ia.variants=cx;Ia.defaultOptions=dx;Ia.modifiers=px;Ia.className=$e.className;var ur="chip",tl=ur;import{jsx as Ea,jsxs as bx}from"react/jsx-runtime";var ol="k-chip",mx=[i.hover,i.focus,i.active,i.selected,i.disabled],ux={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[w.undefined,w.base,w.success,w.warning,w.error,w.info]},Lc={avatarImage:"/packages/html/assets/avatar.jpg"},Te=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:n,icon:d,actions:m,showAvatar:b,avatarImage:h=Lc.avatarImage,hover:N,focus:k,active:u,selected:v,disabled:C,...I}=e;return bx("div",{...I,className:a(e.className,ol,L(ol,{size:t,rounded:o,fillMode:r,themeColor:l}),y(ol,{hover:N,focus:k,active:u,disabled:C,selected:v})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:v?"true":"false",...e.role==="option"&&v!==void 0&&{"aria-selected":v?"true":"false"},"aria-disabled":C?"true":void 0,children:[d&&Ea(f,{className:"k-chip-icon",icon:d,size:"small"}),b&&Ea($e,{className:"k-chip-avatar",type:"image",children:Ea("img",{src:h,alt:""})}),Ea("span",{className:"k-chip-content",children:e.children?e.children:n&&Ea("span",{className:"k-chip-label",children:n})}),m&&Ea("span",{className:"k-chip-actions",children:m})]})};Te.states=mx;Te.options=ux;Te.className=ol;Te.defaultOptions=Lc;Te.moduleName=ur;Te.folderName=tl;Te.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var wt=Te;import{jsx as gx}from"react/jsx-runtime";var rn="k-chip-list",fx=[],Tx={size:[s.undefined,s.small,s.medium,s.large]},hx={},he=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return gx("div",{...l,className:a(e.className,rn,L(rn,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:r||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};he.states=fx;he.options=Tx;he.className=rn;he.defaultOptions=hx;he.moduleName=ur;he.folderName=tl;he.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as J8}from"react/jsx-runtime";import{jsx as Z8}from"react/jsx-runtime";import{jsx as xx}from"react/jsx-runtime";var al=e=>xx(wt,{text:"text",...e});import{jsx as i$}from"react/jsx-runtime";import{jsx as c$}from"react/jsx-runtime";import{Fragment as T$,jsx as f$,jsxs as h$}from"react/jsx-runtime";import{jsx as v$,jsxs as w$}from"react/jsx-runtime";import{jsx as S$,jsxs as A$}from"react/jsx-runtime";import{jsx as G$,jsxs as H$}from"react/jsx-runtime";import{jsx as Ra,jsxs as Lx}from"react/jsx-runtime";var Nx={...wt.options,...he.options},kx=[],vx=he.states,wx={...wt.defaultOptions,...he.defaultOptions},Cx=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Oa=e=>{let{modifiers:t,className:o,...r}=e,l=t?.icon,n=t?.actions,d=t?.avatar;return Lx(he,{size:r.size,className:o,children:[Ra(al,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ra(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ra(al,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ra(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ra(al,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ra(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};Oa.options=Nx;Oa.states=vx;Oa.variants=kx;Oa.defaultOptions=wx;Oa.modifiers=Cx;Oa.className=he.className;import{jsx as ln}from"react/jsx-runtime";var Mx=Te.states,yx=Te.defaultOptions,Sx=Te.options,Ax=[],Ix=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Pa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":r.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!t?.[l],r.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":r.actions||(r.actions=[]),r.actions[0]=t?.[l]?ln(ke,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t?.[l]?ln(ke,{type:"remove"}):void 0;break;default:break}}),ln(Te,{...o,...r,children:"Chip component"})};Pa.options=Sx;Pa.states=Mx;Pa.variants=Ax;Pa.defaultOptions=yx;Pa.modifiers=Ix;Pa.className=Te.className;import{Fragment as nn,jsx as P,jsxs as Ve}from"react/jsx-runtime";var Mc=({dropClue:e,contentClassName:t,...o})=>P(D,{_renderAriaRoot:!0,groupingHeader:P(It,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:Ve(he,{role:"none",children:[P(Te,{icon:"sort-asc-small",text:"ID",role:"button",actions:Ve(nn,{children:[P(ke,{type:"more"}),P(ke,{type:"remove"})]})}),P(Te,{icon:"sort-desc-small",text:"Name",role:"button",actions:Ve(nn,{children:[P(ke,{type:"more"}),P(ke,{type:"remove"})]})})]})}),children:Ve(nn,{children:[P(oe,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:Ve(re,{role:"none",children:[Ve("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P(Z,{role:"rowgroup",children:Ve(S,{role:"row",children:[P(A,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(A,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(A,{colspan:1,columnTitle:"ID",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Name",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Price",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),P(j,{children:P(ee,{className:t,children:Ve(Y,{role:"none",children:[Ve("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),Ve(ae,{role:"rowgroup",children:[P(S,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"false",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"chevron-right"}),"ID: 1"]})})}),P(S,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"true",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"chevron-down"}),"ID: 2"]})})}),Ve(S,{className:"k-table-group-row k-grouping-row",role:"row",children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:5,role:"gridcell","aria-expanded":"true",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"chevron-down"}),"Name: Chang"]})})]}),Ve(S,{className:"k-master-row",role:"row",alt:!0,children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:0,role:"gridcell",children:"2"}),P(p,{colspan:0,role:"gridcell",children:"Chang"}),P(p,{colspan:0,role:"gridcell",children:"$19.00"}),P(p,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as CV,jsx as vV,jsxs as wV}from"react/jsx-runtime";import{Fragment as RV,jsx as IV,jsxs as EV}from"react/jsx-runtime";import{Fragment as DV,jsx as _V,jsxs as KV}from"react/jsx-runtime";import{Fragment as Ex,jsx as B,jsxs as We}from"react/jsx-runtime";var yc=({headerWrapClassName:e,contentClassName:t,...o})=>B(D,{_renderAriaRoot:!0,children:We(Ex,{children:[B(oe,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:We(re,{role:"none",children:[We("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),We(Z,{role:"rowgroup",children:[We(S,{role:"row",children:[B(A,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),B(A,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),We(S,{role:"row",children:[B(A,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),B(A,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),We(S,{role:"row",children:[B(A,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),B(A,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),B(j,{children:B(ee,{className:t,children:We(Y,{role:"none",children:[We("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),We(ae,{role:"rowgroup",children:[We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"1"}),B(p,{role:"gridcell",children:"Chai"}),B(p,{role:"gridcell",children:"39"}),B(p,{role:"gridcell",children:"18"})]}),We(S,{className:"k-master-row",alt:!0,role:"row",children:[B(p,{role:"gridcell",children:"2"}),B(p,{role:"gridcell",children:"Chang"}),B(p,{role:"gridcell",children:"17"}),B(p,{role:"gridcell",children:"19"})]}),We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"3"}),B(p,{role:"gridcell",children:"Aniseed Syrup"}),B(p,{role:"gridcell",children:"13"}),B(p,{role:"gridcell",children:"10"})]}),We(S,{className:"k-master-row",alt:!0,role:"row",children:[B(p,{role:"gridcell",children:"4"}),B(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),B(p,{role:"gridcell",children:"53"}),B(p,{role:"gridcell",children:"22"})]}),We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"5"}),B(p,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),B(p,{role:"gridcell",children:"0"}),B(p,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as QV,jsx as qV,jsxs as YV}from"react/jsx-runtime";import{Fragment as rW,jsx as oW,jsxs as aW}from"react/jsx-runtime";import{Fragment as Rx,jsx as K,jsxs as Ct}from"react/jsx-runtime";var Sc=e=>{let t=H("grid");return K(D,{_renderAriaRoot:!0,ariaRootId:t,toolbar:Ct(Go,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[K(c,{children:"Add new"}),K(c,{children:"Save Changes"}),K(c,{children:"Cancel Changes"})]}),children:Ct(Rx,{children:[K(oe,{children:K("div",{className:"k-grid-header-wrap",children:Ct(re,{role:"none",children:[Ct("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K(Z,{role:"rowgroup",children:Ct(S,{role:"row",children:[K(A,{columnTitle:"Name",role:"columnheader"}),K(A,{columnTitle:"Price",role:"columnheader"}),K(A,{columnTitle:"Available",role:"columnheader"}),K(A,{accessibleLabel:"Commands"})]})})]})})}),K(j,{children:K(ee,{children:K("div",{children:Ct(Y,{role:"none",children:[Ct("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),Ct(ae,{role:"rowgroup",children:[Ct(S,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[K(p,{role:"gridcell",children:K(ce,{value:"Towel","aria-label":"Name"})}),K(p,{role:"gridcell",children:K($,{value:"42","aria-label":"Price"})}),K(p,{role:"gridcell",children:K(Me,{"aria-label":"Available"})}),Ct(p,{className:"k-command-cell",role:"gridcell",children:[K(c,{children:"Add"}),K(c,{children:"Cancel"})]})]}),Ct(S,{className:"k-master-row",role:"row",children:[K(p,{role:"gridcell",children:"Chai"}),K(p,{role:"gridcell",children:"18"}),K(p,{role:"gridcell",children:"false"}),K(p,{className:"k-command-cell",role:"gridcell",children:K(c,{children:"Remove"})})]}),Ct(S,{className:"k-master-row",role:"row",alt:!0,children:[K(p,{role:"gridcell",children:"Chang"}),K(p,{role:"gridcell",children:"19"}),K(p,{role:"gridcell",children:"false"}),K(p,{className:"k-command-cell",role:"gridcell",children:K(c,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as IW,jsx as AW,jsxs as EW}from"react/jsx-runtime";var sn="context-menu",Ac=sn;import{jsx as Hx}from"react/jsx-runtime";var Ic="k-context-menu",Ox=[],Px={},Gx={},Xe=e=>{let{children:t,...o}=e;return Hx(Ce,{...o,className:a(e.className,Ic),role:"menu",children:t})};Xe.states=Ox;Xe.options=Px;Xe.className=Ic;Xe.defaultOptions=Gx;Xe.moduleName=sn;Xe.folderName=Ac;Xe.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{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-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."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};import{jsx as rl}from"react/jsx-runtime";var dn=e=>rl(Xe,{children:[rl(U,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),rl(U,{text:"Item 2"},"menu-item-2"),rl(U,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as QW,jsx as qW,jsxs as YW}from"react/jsx-runtime";import{jsx as br,jsxs as zx}from"react/jsx-runtime";var _x=fe.options,Kx=fe.states,Ec={...fe.defaultOptions,variant:"normal"},Dx=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],Bx=[],Ga=e=>{let{variant:t,...o}={...Ec,...e};return t==="separators"?zx(dn,{...o,style:{width:"130px"},children:[br(U,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),br(bo,{}),br(U,{text:"Item 2"},"menu-item-2"),br(U,{last:!0,text:"Item 3"},"menu-item-3")]}):br(dn,{...o,style:{width:"130px"}})};Ga.options=_x;Ga.states=Kx;Ga.variants=Dx;Ga.defaultOptions=Ec;Ga.modifiers=Bx;Ga.className=Xe.className;import{Fragment as xX,jsx as hX,jsxs as gX}from"react/jsx-runtime";import{Fragment as yX,jsx as MX,jsxs as SX}from"react/jsx-runtime";import{Fragment as _X,jsx as HX,jsxs as KX}from"react/jsx-runtime";import{Fragment as ll,jsx as T,jsxs as le}from"react/jsx-runtime";var Ux=D.options,Fx=D.states,Rc={...D.defaultOptions,variant:"normal"},$x=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],Vx=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ha=e=>{let{variant:t,modifiers:o,...r}={...Rc,...e},l={toolbar:void 0,pager:void 0},n=le(Go,{children:[T(c,{icon:"plus",children:"Add New"}),T(c,{icon:"file-pdf",children:"Export to PDF"}),T("span",{className:"k-spacer"}),T(ce,{prefix:T(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=T(xe,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(h=>{switch(h){case"toolbar":l.toolbar=o?.[h]?n:void 0;break;case"pager":l.pager=o?.[h]?d:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},b=le(ll,{children:[T(oe,{children:T("div",{className:"k-grid-header-wrap",children:le(re,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(Z,{children:le(S,{children:[T(A,{...m[t],columnTitle:"ID"}),T(A,{...m[t],columnTitle:"Product Name"}),T(A,{...m[t],columnTitle:"Units in Stock"}),T(A,{...m[t],columnTitle:"Units Price"})]})})]})})}),T(j,{children:T(ee,{children:le(Y,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(ae,{children:[le(S,{children:[T(p,{children:"1"}),T(p,{children:"Chai"}),T(p,{children:"39"}),T(p,{children:"18"})]}),le(S,{alt:!0,children:[T(p,{children:"2"}),T(p,{children:"Chang"}),T(p,{children:"17"}),T(p,{children:"19"})]}),le(S,{children:[T(p,{children:"3"}),T(p,{children:"Aniseed Syrup"}),T(p,{children:"13"}),T(p,{children:"10"})]}),le(S,{alt:!0,children:[T(p,{children:"4"}),T(p,{children:"Chef Anton's Cajun Seasoning"}),T(p,{children:"53"}),T(p,{children:"22"})]}),le(S,{children:[T(p,{children:"5"}),T(p,{children:"Chef Anton's Gumbo Mix"}),T(p,{children:"0"}),T(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return T(yc,{...r,...l});case"editing":return T(Sc,{...r,...l});case"grouping":return T(Mc,{...r,...l,groupingHeader:T(It,{children:le(he,{children:[T(Te,{icon:"sort-asc-small",actions:le(ll,{children:[T(ke,{type:"more"}),T(ke,{type:"remove"})]}),children:"ID"}),T(Te,{icon:"sort-desc-small",actions:le(ll,{children:[T(ke,{type:"more"}),T(ke,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return T(D,{...r,...l,children:le(ll,{children:[T(oe,{children:le("div",{className:"k-grid-header-wrap",children:[" ",le(re,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(Z,{children:le(S,{children:[T(A,{className:"k-drag-cell",accessibleLabel:"Reorder"}),T(A,{columnTitle:"ID"}),T(A,{columnTitle:"Product Name"}),T(A,{columnTitle:"Units in Stock"}),T(A,{columnTitle:"Units Price"})]})})]})]})}),T(j,{children:T(ee,{children:le(Y,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(ae,{children:[le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"1"}),T(p,{children:"Chai"}),T(p,{children:"39"}),T(p,{children:"18"})]}),le(S,{alt:!0,children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"2"}),T(p,{children:"Chang"}),T(p,{children:"17"}),T(p,{children:"19"})]}),le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"3"}),T(p,{children:"Aniseed Syrup"}),T(p,{children:"13"}),T(p,{children:"10"})]}),le(S,{alt:!0,children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"4"}),T(p,{children:"Chef Anton's Cajun Seasoning"}),T(p,{children:"53"}),T(p,{children:"22"})]}),le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"5"}),T(p,{children:"Chef Anton's Gumbo Mix"}),T(p,{children:"0"}),T(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return T(xc,{...r,...l});default:return T(D,{...r,...l,children:b})}};Ha.options=Ux;Ha.states=Fx;Ha.variants=$x;Ha.defaultOptions=Rc;Ha.modifiers=Vx;Ha.className=D.className;import{Fragment as Oc,jsx as R,jsxs as Je}from"react/jsx-runtime";var ZJ=({contentClassName:e,...t})=>{let o=H("grid"),r=H("grid-ctx-menu-pin");return Je(Oc,{children:[R(D,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:5,children:Je(Oc,{children:[R(oe,{children:R("div",{className:"k-grid-header-wrap",children:Je(re,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),R(Z,{role:"rowgroup",children:Je(S,{role:"row","aria-rowindex":1,children:[R(A,{accessibleLabel:"Row actions",role:"columnheader","aria-colindex":1}),R(A,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":2}),R(A,{columnTitle:"Job Title",role:"columnheader","aria-colindex":3}),R(A,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),R(Bo,{role:"none",children:R("div",{className:"k-grid-pinned-wrap",role:"none",children:Je(Y,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),R("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:Je(S,{className:"k-master-row",role:"row","aria-rowindex":1,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"unpin",className:"k-action-icon"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),R(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),R(p,{role:"gridcell","aria-colindex":4,children:"UK"})]})})]})})}),R(j,{children:R(ee,{className:e,children:Je(Y,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),Je(ae,{role:"rowgroup",children:[Je(S,{className:"k-master-row",role:"row","aria-rowindex":2,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"pin"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Sig Jeannel"}),R(p,{role:"gridcell","aria-colindex":3,children:"Human Resources Assistant III"}),R(p,{role:"gridcell","aria-colindex":4,children:"USA"})]}),Je(S,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"unpin",className:"k-action-icon"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),R(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),R(p,{role:"gridcell","aria-colindex":4,children:"UK"})]}),Je(S,{className:"k-master-row",role:"row","aria-rowindex":4,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"pin"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Ruthi Baldini"}),R(p,{role:"gridcell","aria-colindex":3,children:"Coordinator"}),R(p,{role:"gridcell","aria-colindex":4,children:"Canada"})]})]})]})})})]}),...t}),R(te,{className:"k-menu-popup",children:Je(Xe,{id:r,children:[R(U,{first:!0,text:"Pin row to top",icon:"pin-top"}),R(U,{last:!0,text:"Pin row to bottom",icon:"pin-bottom"})]})})]})};export{ZJ as GridWithPinnedRowsPinColumn};