@progress/kendo-themes-html/dist/esm/pdf-viewer/pdf-viewer.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(e,t)=>n({[`${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"}),M=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:d,active:c,selected:m,disabled:x,indeterminate:f,loading:g,empty:u,readonly:L,highlighted:k,...S}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":d,"k-active":c,"k-selected":m,"k-disabled":x,"k-indeterminate":f&&!d,"k-loading":g,"k-empty":u,"k-readonly":L,"k-highlighted":k},Object.keys(S).reduce((I,y)=>(y.startsWith("k-")?I[y]=S[y]:I[`k-${y}`]=S[y],I),{}))};function Kn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Je={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},N={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 Ya={};function z(e){return Ya[e]=(Ya[e]||0)+1,`k-${e}-${Ya[e]}`}import{Fragment as hl,jsx as _n}from"react/jsx-runtime";var Qa="k-font-icon",ml=[],fl={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info]},bl={},Ro=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?_n("span",{...d,className:n(e.className,Qa,C(Qa,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):_n(hl,{})};Ro.states=ml;Ro.options=fl;Ro.className=Qa;Ro.defaultOptions=bl;var Dn=Ro;import{Fragment as kl,jsx as da}from"react/jsx-runtime";var ja="k-svg-icon",xl=[],gl={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Je.outline,Je.solid,Je.duotone]},er={viewBox:"0 0 24 24",variant:Je.outline},Ko=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=er.viewBox,variant:d=er.variant,icon:c,...m}=e;if(!c)return da(kl,{});if(c==="none")return da("span",{...m,className:n(e.className,ja,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,f=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return da("span",{...m,className:n(e.className,ja,C("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:da("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};Ko.states=xl;Ko.options=gl;Ko.className=ja;Ko.defaultOptions=er;var tr=Ko;import*as or from"@progress/kendo-svg-icons";var zn="icon",Hn="icons";import{useContext as vl}from"react";import{createContext as Nl}from"react";var Un=Nl({iconsType:"svg"});import{Fragment as Fn,jsx as _o}from"react/jsx-runtime";var pa="k-icon",Ll=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ml=[],Sl={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Je.outline,Je.solid,Je.duotone]},ca={viewBox:"0 0 24 24",type:"svg",variant:Je.outline},v=e=>{let{iconsType:t}=vl(Un),{size:o,themeColor:a,icon:r,type:s=t||ca.type,rotate:d,flip:c,viewBox:m=ca.viewBox,variant:x=ca.variant,...f}=e;if(!r)return _o(Fn,{});if((t||s)==="svg"){if(r==="none")return _o(tr,{...f,className:n(e.className,pa),icon:r,size:o,variant:x});let u=or[r]?r:Ll(`${r}-icon`);return or[u]?_o(tr,{...f,className:n(e.className,pa),icon:or[u],size:o,themeColor:a,rotate:d,flip:c,viewBox:m,variant:x}):_o(Fn,{})}return _o(Dn,{...f,className:n(e.className,pa),icon:r,size:o,themeColor:a,rotate:d,flip:c})};v.states=Ml;v.options=Sl;v.defaultOptions=ca;v.className=pa;v.moduleName=zn;v.folderName=Hn;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var ar="button",Gn=ar;import{Fragment as Vn,jsx as Xt,jsxs as $n}from"react/jsx-runtime";var Do="k-button",Il=["icon-button"],yl=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Cl={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},rr={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=rr.showArrow,arrowIconName:c=rr.arrowIconName,variant:m,hover:x,focus:f,active:g,selected:u,disabled:L,togglable:k,ariaDisabled:S,icon:I,iconSize:y,text:O,iconClassName:$,className:H,...pe}=e,ce=I!=null,ue=e.children!==void 0;return $n(t,{className:n(H,Do,Kn(Do,m),C(Do,{size:o,rounded:a,fillMode:r,themeColor:s}),M(Do,{hover:x,focus:f,active:g,disabled:L||S,selected:u}),{"k-icon-button":!O&&!ue&&ce}),"aria-pressed":k?u?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:L||void 0,children:[typeof I=="string"&&I&&Xt(v,{className:n($,"k-button-icon"),icon:I,size:y}),I&&typeof I!="string"&&Xt(Vn,{children:I}),O?$n(Vn,{children:[O&&Xt("span",{className:"k-button-text",children:O}),e.children]}):e.children&&Xt("span",{className:"k-button-text",children:e.children}),d&&Xt("span",{className:"k-menu-button-arrow k-button-arrow",children:Xt(v,{icon:c})})]})};l.states=yl;l.options=Cl;l.variants=Il;l.className=Do;l.defaultOptions=rr;l.moduleName=ar;l.folderName=Gn;l.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 El}from"react/jsx-runtime";var mt=e=>El(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Tl}from"react/jsx-runtime";var zo=e=>Tl(l,{icon:"folder",children:"Button",...e});import{jsx as Al}from"react/jsx-runtime";var At=e=>Al(l,{children:"Button",...e});import{jsx as nr}from"react/jsx-runtime";var Ol=l.options,Pl=l.states,wl={...l.defaultOptions,variant:"text"},Bl=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rl=[],qt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return nr(mt,{...o,icon:"star"});case"icon-and-text":return nr(zo,{...o,icon:"star",children:"Button"});default:return nr(At,{...o,children:"Button"})}};qt.options=Ol;qt.states=Pl;qt.variants=Bl;qt.defaultOptions=wl;qt.modifiers=Rl;qt.className=l.className;var ir="button",Xn=ir;import{jsx as zl}from"react/jsx-runtime";var Ho="k-button-group",Kl=[i.disabled],_l={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Dl={},E=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return zl("div",{role:"group",...r,className:n(e.className,Ho,C(Ho,{fillMode:t}),M(Ho,{disabled:o}),{[`${Ho}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};E.states=Kl;E.options=_l;E.className=Ho;E.defaultOptions=Dl;E.moduleName=ir;E.folderName=Xn;E.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 gh,jsx as xh,jsxs as kh}from"react/jsx-runtime";import{Fragment as Ih,jsx as Sh,jsxs as yh}from"react/jsx-runtime";import{Fragment as Ph,jsx as Oh,jsxs as wh}from"react/jsx-runtime";import{Fragment as zh,jsx as Dh,jsxs as Hh}from"react/jsx-runtime";import{Fragment as Xh,jsx as $h,jsxs as qh}from"react/jsx-runtime";import{Fragment as jh,jsx as Qh,jsxs as ex}from"react/jsx-runtime";import{jsx as ot,jsxs as sr}from"react/jsx-runtime";var Hl={...l.options,...E.options},Ul=l.states,Fl={...l.defaultOptions,...E.defaultOptions,variant:"text-button"},Gl=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Vl=[],Jt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?sr(E,{fillMode:a.fillMode,className:o,children:[ot(l,{...a,icon:"star"}),ot(l,{...a,icon:"star"}),ot(l,{...a,icon:"star"})]}):t==="icon-text-button"?sr(E,{fillMode:a.fillMode,className:o,children:[ot(l,{...a,icon:"star",children:"First"}),ot(l,{...a,icon:"star",children:"Middle"}),ot(l,{...a,icon:"star",children:"Last"})]}):sr(E,{fillMode:a.fillMode,className:o,children:[ot(l,{...a,children:"First"}),ot(l,{...a,children:"Middle"}),ot(l,{...a,children:"Last"})]})};Jt.options=Hl;Jt.states=Ul;Jt.variants=Gl;Jt.defaultOptions=Fl;Jt.modifiers=Vl;Jt.className=E.className;var Uo="input",ua=Uo;import{jsx as Jl}from"react/jsx-runtime";var ma="k-input",$l=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Xl={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ql={},Z=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c,size:m,rounded:x,fillMode:f,...g}=e;return Jl("span",{...g,className:n(e.className,ma,C(ma,{size:m,rounded:x,fillMode:f}),M(ma,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c}))})};Z.states=$l;Z.options=Xl;Z.className=ma;Z.defaultOptions=ql;Z.moduleName=Uo;Z.folderName=ua;import{jsx as Ql}from"react/jsx-runtime";var fa="k-picker",Wl=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Zl={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Yl={},We=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c,size:m,rounded:x,fillMode:f,...g}=e;return Ql("span",{...g,className:n(e.className,fa,C(fa,{size:m,rounded:x,fillMode:f}),M(fa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c})),children:e.children})};We.states=Wl;We.options=Zl;We.className=fa;We.defaultOptions=Yl;We.moduleName=Uo;We.folderName=ua;import{Fragment as td,jsx as lr}from"react/jsx-runtime";var qn="k-clear-value",jl=[i.disabled,i.loading,i.readonly],ed={},Ie=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?lr(td,{}):lr("span",{className:n(e.className,qn),children:lr(v,{icon:"x"})})};Ie.states=jl;Ie.options=ed;Ie.className=qn;import{jsx as rd}from"react/jsx-runtime";var dr="k-input-inner",od=[],ad={},ba={type:"text",autocomplete:"off",value:"",placeholder:""},ye=e=>{let{value:t=ba.value,type:o=ba.type,placeholder:a=ba.placeholder,autocomplete:r=ba.autocomplete,disabled:s,readOnly:d,...c}=e;return rd("input",{...c,type:o,className:n(e.className,dr,C(dr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};ye.states=od;ye.options=ad;ye.className=dr;import{jsx as Jn,jsxs as sd}from"react/jsx-runtime";var pr="k-input-inner",nd=[],id={},Ot=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return sd("span",{...d,className:n(e.className,pr,C(pr,e)),children:[r,!r&&s&&Jn(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Jn("span",{className:"k-input-value-text",children:t})]})};Ot.states=nd;Ot.options=id;Ot.className=pr;import{jsx as pd}from"react/jsx-runtime";var cr="k-input-inner",ld=[],dd={},Wn={value:"",placeholder:""},ur=e=>{let{value:t=Wn.value,placeholder:o=Wn.placeholder,rows:a,disabled:r,...s}=e;return pd("textarea",{...s,className:n(e.className,cr,C(cr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ur.states=ld;ur.options=dd;ur.className=cr;import{Fragment as ud,jsx as Zn}from"react/jsx-runtime";var Yn="k-input-loading-icon",cd=[i.disabled,i.loading],ke=e=>{let{disabled:t,loading:o}=e;return t||!o?Zn(ud,{}):Zn("span",{className:n(e.className,Yn,"k-icon k-i-loading")})};ke.states=cd;ke.className=Yn;import{Fragment as bd,jsx as Qn}from"react/jsx-runtime";var jn="k-input-validation-icon",md=[i.valid,i.invalid,i.disabled,i.loading],fd={},me=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?Qn(bd,{}):Qn(v,{className:n(jn),icon:s})};me.states=md;me.options=fd;me.className=jn;import{Fragment as gd,jsx as ei}from"react/jsx-runtime";var hd="k-input-prefix",xd={direction:"horizontal"},we=e=>{let{direction:t=xd.direction,...o}=e;return e.children?ei("span",{...o,className:n(hd,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ei(gd,{})};import{Fragment as vd,jsx as ti}from"react/jsx-runtime";var kd="k-input-suffix",Nd={direction:"horizontal"},Be=e=>{let{direction:t=Nd.direction,...o}=e;return e.children?ti("span",{...o,className:n(kd,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ti(vd,{})};import{jsx as eg}from"react/jsx-runtime";import{jsx as Md}from"react/jsx-runtime";var Ld="k-input-suffix-text",mr=e=>{let{children:t,...o}=e;return Md("span",{...o,className:n(Ld,e.className),children:t})};import{jsx as Id}from"react/jsx-runtime";var oi="k-input-separator",Sd={direction:"vertical"},Re=e=>{let{direction:t=Sd.direction,...o}=e;return Id("span",{...o,className:n(oi,e.className,{[`${oi}-${t}`]:t})})};import{Fragment as ai,jsx as Ze,jsxs as fr}from"react/jsx-runtime";var yd=Z.states,Cd=Z.defaultOptions,Ed=Z.options,Td=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ad=[],Wt=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...c}=e,m=t?.prefix,x=t?.suffix,f=t?.["clear-button"],g=t?.["validation-icon"],u=t?.separators;return fr(Z,{...c,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[m&&fr(ai,{children:[Ze(we,{children:Ze(v,{icon:"lock"})}),u&&Ze(Re,{})]}),Ze(ye,{placeholder:"Placeholder",value:"Value"}),g&&Ze(me,{valid:o,invalid:a,loading:r,disabled:s}),Ze(ke,{loading:r,disabled:s}),f&&Ze(Ie,{loading:r,disabled:s,readonly:d,value:"Value"}),x&&fr(ai,{children:[u&&Ze(Re,{}),Ze(Be,{children:Ze(At,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Wt.options=Ed;Wt.states=yd;Wt.variants=Ad;Wt.defaultOptions=Cd;Wt.modifiers=Td;Wt.className=Z.className;var br="popup",ri=br;import{jsx as ni}from"react/jsx-runtime";var ii="k-animation-container",Od=[],Pd={},hr={positionMode:"absolute",shown:!0},Ye=e=>{let{positionMode:t=hr.positionMode,shown:o=hr.shown,animationStyle:a,offset:r,...s}=e;return ni("div",{...s,style:{...r,...e.style},className:n(e.className,ii,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ni("div",{className:"k-child-animation-container",style:a,children:e.children})})};Ye.states=Od;Ye.options=Pd;Ye.className=ii;Ye.defaultOptions=hr;Ye.moduleName=br;Ye.folderName=ri;var xr="popup",si=xr;import{jsx as li}from"react/jsx-runtime";var di="k-popup",wd=[],Bd={},pi={positionMode:"absolute"},V=e=>{let{offset:t,positionMode:o=pi.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...c}=e;return li(Ye,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:li("div",{...c,className:n(e.className,di),children:e.children})})};V.states=wd;V.options=Bd;V.className=di;V.defaultOptions=pi;V.moduleName=xr;V.folderName=si;V.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 gr="action-buttons",ci=gr;import{jsx as _d}from"react/jsx-runtime";var ha="k-actions",Rd=[],Kd={},kr={alignment:"start",orientation:"horizontal"},Xe=e=>{let{alignment:t=kr.alignment,orientation:o=kr.orientation,...a}=e;return _d("div",{...a,className:n(ha,{[`${ha}-${t}`]:t,[`${ha}-${o}`]:o},e.className),children:e.children})};Xe.states=Rd;Xe.options=Kd;Xe.className=ha;Xe.defaultOptions=kr;Xe.moduleName=gr;Xe.folderName=ci;var ui=Xe;import{jsx as zd}from"react/jsx-runtime";var Dd="k-actionsheet-footer",mi={alignment:"stretched",orientation:"horizontal"},ft=e=>{let{alignment:t=mi.alignment,orientation:o=mi.orientation,template:a,as:r=a?"div":Xe,...s}=e;return zd(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Dd),children:e.children})};var Nr="searchbox",fi=Nr;import{jsx as Fo,jsxs as Fd}from"react/jsx-runtime";var bi="k-searchbox",Hd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Ud={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},vr={showIcon:!0,icon:"search"},Ke=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:c,valid:m,invalid:x,required:f,loading:g,disabled:u,showIcon:L=vr.showIcon,icon:k=vr.icon,"aria-label":S,...I}=e;return Fd(Z,{...I,size:a,rounded:r,fillMode:s,hover:d,focus:c,valid:m,invalid:x,required:f,loading:g,disabled:u,className:n(e.className,bi),children:[L&&Fo(v,{className:"k-input-icon",icon:k}),Fo(ye,{placeholder:o,value:t,"aria-label":S}),Fo(ke,{...e}),Fo(me,{...e}),Fo(Ie,{...e})]})};Ke.states=Hd;Ke.options=Ud;Ke.className=bi;Ke.defaultOptions=vr;Ke.moduleName=Nr;Ke.folderName=fi;import{jsx as kk}from"react/jsx-runtime";var Lr="textbox",hi=Lr;import{Fragment as xi,jsx as bt,jsxs as Mr}from"react/jsx-runtime";var gi="k-textbox",Gd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Vd={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},xa={showClearButton:!0,showValidationIcon:!0,separators:!0},j=e=>{let{size:t,rounded:o,fillMode:a,separators:r=xa.separators,showClearButton:s=xa.showClearButton,showValidationIcon:d=xa.showValidationIcon,prefix:c,suffix:m,type:x,value:f,placeholder:g,hover:u,focus:L,valid:k,invalid:S,required:I,loading:y,disabled:O,readonly:$,id:H,"aria-label":pe,"aria-describedby":ce,...ue}=e;return Mr(Z,{...ue,size:t,rounded:o,fillMode:a,hover:u,focus:L,valid:k,invalid:S,required:I,loading:y,disabled:O,readonly:$,className:n(e.className,gi),children:[c&&Mr(xi,{children:[bt(we,{children:c}),r&&bt(Re,{})]}),bt(ye,{id:H,placeholder:g,value:f,type:x,disabled:O,"aria-label":pe,"aria-describedby":ce,"aria-invalid":S?"true":void 0}),d&&bt(me,{valid:k,invalid:S,loading:y,disabled:O}),bt(ke,{loading:y,disabled:O}),s&&bt(Ie,{loading:y,disabled:O,readonly:$,value:f}),m&&Mr(xi,{children:[r&&bt(Re,{}),bt(Be,{children:m})]})]})};j.states=Gd;j.options=Vd;j.className=gi;j.defaultOptions=xa;j.moduleName=Lr;j.folderName=hi;j.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 Go=j;import{jsx as $d}from"react/jsx-runtime";var ki=e=>$d(Go,{...e});import{Fragment as _k,jsx as Kk}from"react/jsx-runtime";import{Fragment as Gk,jsx as Fk}from"react/jsx-runtime";import{jsx as qk}from"react/jsx-runtime";import{jsx as Sr}from"react/jsx-runtime";var Xd=j.states,qd=j.defaultOptions,Jd=j.options,Wd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Zd=[],Zt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Sr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Sr(At,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Sr(ki,{value:"Value",style:{width:300},...o,...a})};Zt.options=Jd;Zt.states=Xd;Zt.variants=Zd;Zt.defaultOptions=qd;Zt.modifiers=Wd;Zt.className=j.className;import{jsx as ht,jsxs as Ir}from"react/jsx-runtime";var Ni="k-actionsheet-titlebar",Yd={},fe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:c,inputPlaceholder:m,adaptive:x,titleId:f,children:g,...u}=e;return Ir("div",{...u,className:n(e.className,Ni),children:[Ir("div",{className:"k-actionsheet-titlebar-group",children:[a&&ht("div",{className:"k-actionsheet-actions",children:a}),!g&&Ir("div",{className:"k-actionsheet-title",id:f,children:[t&&ht("div",{className:"k-text-center",children:t}),o&&ht("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&ht("div",{className:"k-actionsheet-title",id:f,children:g}),r&&ht("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&ht("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?ht(j,{value:c,placeholder:m,size:x?"large":"medium","aria-label":t||m||"Input"}):ht(Ke,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};fe.className=Ni;fe.defaultOptions=Yd;import{jsx as yr,jsxs as tp}from"react/jsx-runtime";var Cr="k-actionsheet-view",Qd=[],jd={},ep={},Yt=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...c}=e,m=r?.type===fe&&yr(fe,{adaptive:t,titleId:d,...r?.props}),x=s?.type===ft&&yr(ft,{...s?.props});return tp("div",{...c,className:n(e.className,Cr,{[`${Cr}-animated`]:o}),children:[m,yr("div",{className:"k-actionsheet-content",children:a}),x]})};Yt.states=Qd;Yt.options=jd;Yt.className=Cr;Yt.defaultOptions=ep;var Vo="action-sheet",ga=Vo;var Er="overlay",vi=Er;import{jsx as np}from"react/jsx-runtime";var Li="k-overlay",op=[],ap={},rp={},xt=e=>{let{...t}=e;return np("div",{...t,className:n(e.className,Li),children:e.children})};xt.states=op;xt.options=ap;xt.className=Li;xt.defaultOptions=rp;xt.moduleName=Er;xt.folderName=vi;import{jsx as ka,jsxs as lp}from"react/jsx-runtime";var Mi="k-actionsheet",ip=[],sp={},$o={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},q=e=>{let{side:t=$o.side,fullscreen:o=$o.fullscreen,adaptive:a=$o.adaptive,overlay:r=$o.overlay,template:s,children:d,header:c,footer:m,id:x,...f}=e,g=x&&!s&&c?`${x}-title`:void 0;return lp("div",{className:"k-actionsheet-container",children:[r&&ka(xt,{}),ka(Ye,{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:ka("div",{...f,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:n(e.className,Mi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||ka(Yt,{header:c,footer:m,adaptive:a,titleId:g,...e,children:d})})})]})};q.states=ip;q.options=sp;q.className=Mi;q.defaultOptions=$o;q.moduleName=Vo;q.folderName=ga;q.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 up}from"react/jsx-runtime";var Si="k-actionsheet-container",dp=[],pp={},cp={},Qt=e=>{let{children:t,...o}=e;return up("div",{...o,className:Si,children:t})};Qt.states=dp;Qt.options=pp;Qt.className=Si;Qt.defaultOptions=cp;Qt.moduleName=Vo;Qt.folderName=ga;import{jsx as mp}from"react/jsx-runtime";var Tr=e=>{let{...t}=e;return mp("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as bp,jsx as Xo,jsxs as Ar}from"react/jsx-runtime";var Or="k-actionsheet-item",fp=[i.hover,i.focus,i.selected,i.disabled],gt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:c,...m}=e;return Ar("span",{...m,className:n(e.className,Or,M(Or,{hover:r,focus:s,selected:d,disabled:c})),children:[!e.children&&Xo(bp,{children:Ar("span",{className:"k-actionsheet-action",children:[t&&Xo("span",{className:"k-icon-wrap",children:Xo(v,{className:"k-actionsheet-item-icon",icon:t})}),Ar("span",{className:"k-actionsheet-item-text",children:[o&&Xo("span",{className:"k-actionsheet-item-title",children:o}),a&&Xo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};gt.states=fp;gt.className=Or;import{jsx as XN,jsxs as qN}from"react/jsx-runtime";import{jsx as YN}from"react/jsx-runtime";import{jsx as tv}from"react/jsx-runtime";import{jsx as nv}from"react/jsx-runtime";import{jsx as ie,jsxs as Pr}from"react/jsx-runtime";var hp=q.options,xp=q.states,yi={...q.defaultOptions,variant:"normal"},gp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],kp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],jt=e=>{let{variant:t,modifiers:o,...a}={...yi,...e},r={},s=Pr(Tr,{children:[ie(gt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ie(gt,{text:"Add to Favorites",iconName:"heart"}),ie(gt,{text:"Upload New",iconName:"upload",disabled:!0}),ie("hr",{className:"k-hr"}),ie(gt,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(m=>{switch(m){case"actions":r.actionsStart=!!o?.[m],r.actionsEnd=!!o?.[m];break;case"subtitle":r.subtitle=o?.[m]?d:void 0;break;case"footer":r.footer=!!o?.[m];break;default:break}}),t==="adaptive"?ie(q,{...a,adaptive:!0,fullscreen:r.fullScreen,header:ie(fe,{actionsStart:r.actionsStart?ie(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ie(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:r.subtitle}),footer:r.footer?Pr(ft,{alignment:"stretched",children:[ie(l,{text:"Cancel",size:"large",themeColor:"base"}),ie(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ie(q,{...a,fullscreen:r.fullScreen,header:ie(fe,{actionsStart:r.actionsStart?ie(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ie(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Pr(ft,{alignment:"stretched",children:[ie(l,{text:"Apply",themeColor:"primary"}),ie(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};jt.options=hp;jt.states=xp;jt.variants=gp;jt.defaultOptions=yi;jt.modifiers=kp;jt.className=q.className;import Br from"react";import{jsx as Ci}from"react/jsx-runtime";var Np="k-list-group-sticky-header",wr=e=>Ci("div",{className:n(Np,e.className),children:Ci("div",{className:"k-list-header-text",children:e.children})});import{jsx as Lp}from"react/jsx-runtime";var vp="k-no-data",Na=e=>{let{live:t,...o}=e;return Lp("span",{...o,className:n(vp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Pt="list",eo=Pt;import{jsx as Ei,jsxs as Ti}from"react/jsx-runtime";var Rr="k-list",Mp=[],Sp={size:[p.undefined,p.small,p.medium,p.large]},Ip={},R=e=>{let{size:t,virtualization:o,children:a,header:r,selectAll:s,optionLabel:d,customValue:c,noData:m,screenReaders:x,...f}=e,u=Br.Children.toArray(a)[0],L=u?.props?.children?Br.Children.count(u.props.children):Br.Children.count(a);return Ti("div",{...f,className:n(e.className,Rr,C(Rr,{size:t}),{"k-virtual-list":o}),children:[d,s,c,r&&Ei(wr,{children:r}),a||(m!==void 0?m:Ei(Na,{live:!0,children:"No data found."})),x&&a&&Ti(Na,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=Mp;R.options=Sp;R.className=Rr;R.defaultOptions=Ip;R.moduleName=Pt;R.folderName=eo;R.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 Tp}from"react/jsx-runtime";var Ai="k-list-container",yp=[],Cp={},Ep={},to=e=>{let{...t}=e;return Tp("div",{...t,className:n(e.className,Ai),children:e.children})};to.states=yp;to.options=Cp;to.className=Ai;to.defaultOptions=Ep;to.moduleName=Pt;to.folderName=eo;var wt="checkbox",oo=wt;import{jsx as Oi}from"react/jsx-runtime";var va="k-checkbox",Ap=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Op={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Pp={},Ne=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:c,valid:m,required:x,size:f,rounded:g,wrapperRole:u,...L}=e;return Oi("span",{className:"k-checkbox-wrap",role:u,children:Oi("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:n(e.className,va,C(va,{size:f,rounded:g}),M(va,{hover:r,focus:s,disabled:d,invalid:c,valid:m,indeterminate:a,checked:o}))})})};Ne.states=Ap;Ne.options=Op;Ne.className=va;Ne.defaultOptions=Pp;Ne.moduleName=wt;Ne.folderName=oo;Ne.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 qe=Ne;import{jsx as Rp}from"react/jsx-runtime";var Pi="k-checkbox-list",wp=[],Bp={},wi={layout:"vertical"},be=e=>{let{layout:t=wi.layout,...o}=e;return Rp("ul",{...o,className:n(e.className,Pi,{[`k-list-${t}`]:t}),children:e.children})};be.states=wp;be.options=Bp;be.className=Pi;be.defaultOptions=wi;be.moduleName=wt;be.folderName=oo;import{jsx as zp}from"react/jsx-runtime";var Bi="k-checkbox-list-item",Kp=[],_p={},Dp={},he=e=>{let{...t}=e;return zp("li",{...t,className:n(e.className,Bi),children:e.children})};he.states=Kp;he.options=_p;he.className=Bi;he.defaultOptions=Dp;he.moduleName=wt;he.folderName=oo;import{Fragment as Hp,jsx as Ri,jsxs as Up}from"react/jsx-runtime";var at=({children:e="Label",id:t="cb-label-after",...o})=>Up(Hp,{children:[Ri(qe,{id:t,...o}),Ri("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as fL,jsx as mL,jsxs as bL}from"react/jsx-runtime";import{Fragment as NL,jsx as kL,jsxs as vL}from"react/jsx-runtime";import{Fragment as yL,jsx as IL,jsxs as CL}from"react/jsx-runtime";import{jsx as OL}from"react/jsx-runtime";import{jsx as RL}from"react/jsx-runtime";import{jsx as zL}from"react/jsx-runtime";import{jsx as _e,jsxs as Ki}from"react/jsx-runtime";var Fp=be.options,Gp=be.states,Vp={...be.defaultOptions,variant:"vertical"},$p=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Xp=[],ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ki(be,{layout:"horizontal",...o,children:[_e(he,{children:_e(at,{id:z("cb"),defaultChecked:!0,children:"Label"})}),_e(he,{children:_e(at,{id:z("cb"),children:"Label"})}),_e(he,{children:_e(at,{id:z("cb"),children:"Label"})})]}):Ki(be,{...o,children:[_e(he,{children:_e(at,{id:z("cb"),defaultChecked:!0,children:"Label"})}),_e(he,{children:_e(at,{id:z("cb"),children:"Label"})}),_e(he,{children:_e(at,{id:z("cb"),children:"Label"})})]})};ao.options=Fp;ao.states=Gp;ao.variants=$p;ao.defaultOptions=Vp;ao.modifiers=Xp;ao.className=be.className;import{jsx as Qp}from"react/jsx-runtime";var qp=qe.options,Jp=qe.states,Wp=qe.defaultOptions,Zp=[],Yp=[],ro=e=>Qp(at,{id:z("checkbox"),...e,defaultChecked:!0,children:"Label"});ro.options=qp;ro.states=Jp;ro.variants=Zp;ro.defaultOptions=Wp;ro.modifiers=Yp;ro.className=qe.className;import{jsx as Bt,jsxs as oc}from"react/jsx-runtime";var Kr="k-list-item",jp=[i.hover,i.focus,i.selected,i.disabled],ec={},tc={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:c,hover:m,focus:x,selected:f,disabled:g,actions:u,description:L,id:k,...S}=e,I=t||e.children;return oc("li",{...S,id:k,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&f?"true":a?void 0:"false","aria-disabled":!a&&g?"true":void 0,className:n(e.className,a?"k-list-group-item":Kr,M(Kr,{hover:m,focus:x,disabled:g,selected:f})),children:[d&&Bt(Ne,{checked:c}),r&&Bt("span",{className:"k-list-item-icon-wrapper",children:Bt(v,{icon:r,className:n("k-list-item-icon",s)})}),Bt("span",{className:"k-list-item-text",children:I}),u&&Bt("div",{className:"k-list-item-actions",children:u}),L&&Bt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Bt("div",{className:"k-list-item-group-label",children:o})]})};P.states=jp;P.options=ec;P.className=Kr;P.defaultOptions=tc;P.moduleName=Pt;P.folderName=eo;P.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 rc}from"react/jsx-runtime";var ac="k-list-ul",rt=e=>{let{children:t,role:o,id:a,...r}=e;return rc("ul",{...r,id:a,role:o,className:n(ac,e.className),children:t})};rt.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 _r,jsxs as ic}from"react/jsx-runtime";var nc="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return ic("div",{...d,className:n(nc,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:_r(rt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&_r("div",{className:"k-height-container",children:_r("div",{})})]})};U.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{jsx as Dr,jsxs as pc}from"react/jsx-runtime";var La="k-list-sticky-header",sc=[i.hover,i.focus,i.selected],lc={},dc={},Ma=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:r,hover:s,focus:d,selected:c,...m}=e;return Dr("div",{...m,className:n(La,e.className),children:pc("div",{className:n(`${La}-item`,M(`${La}-item`,{hover:s,focus:d,selected:c})),children:[o&&Dr(Ne,{checked:a,indeterminate:r,"aria-label":t}),Dr("span",{className:"k-list-item-text",children:t})]})})};Ma.states=sc;Ma.options=lc;Ma.className=La;Ma.defaultOptions=dc;import{Fragment as wM,jsx as PM,jsxs as BM}from"react/jsx-runtime";import{jsx as zr,jsxs as uc}from"react/jsx-runtime";var cc="k-list-group-item",Rt=e=>{let{groupIconName:t,...o}=e;return uc("li",{...o,role:"presentation",className:n(cc,e.className),children:[t&&zr("span",{className:"k-list-item-icon-wrapper",children:zr(v,{icon:t,className:"k-list-item-icon"})}),zr("span",{className:"k-list-item-text",children:e.children})]})};Rt.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 hc}from"react/jsx-runtime";var Hr="k-list-optionlabel",mc=[i.hover,i.focus,i.selected,i.disabled],fc={},bc={},Sa=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return hc("div",{...d,className:n(Hr,M(Hr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Sa.states=mc;Sa.options=fc;Sa.className=Hr;Sa.defaultOptions=bc;import{jsx as Nc}from"react/jsx-runtime";var Ur="k-list-custom-value",xc=[i.hover,i.focus,i.selected,i.disabled],gc={},kc={},kt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Nc("div",{...d,className:n(Ur,M(Ur,{hover:o,focus:a,selected:r,disabled:s})),children:t})};kt.states=xc;kt.options=gc;kt.className=Ur;kt.defaultOptions=kc;import{Fragment as ZM,jsx as WM,jsxs as YM}from"react/jsx-runtime";import{Fragment as aS,jsx as oS,jsxs as rS}from"react/jsx-runtime";import{Fragment as cS,jsx as dS,jsxs as pS}from"react/jsx-runtime";import{Fragment as gS,jsx as hS,jsxs as xS}from"react/jsx-runtime";import{jsx as LS}from"react/jsx-runtime";import{Fragment as ES,jsx as CS,jsxs as TS}from"react/jsx-runtime";var Fr="combobox",_i=Fr;import{Fragment as Gr,jsx as ee,jsxs as qo}from"react/jsx-runtime";var Di="k-combobox",vc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Lc={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},zi={separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=zi.separators,prefix:s,suffix:d,value:c,placeholder:m,hover:x,focus:f,valid:g,invalid:u,required:L,loading:k,disabled:S,popup:I,opened:y,readonly:O,adaptive:$,adaptiveSettings:H,adaptiveTitle:pe,adaptiveSubtitle:ce,adaptiveCustomValue:ue,id:Tt,autocomplete:Ja,activeDescendant:ut,"aria-label":la,...Wa}=e,Za=Tt?`${Tt}-listbox`:void 0;return qo(Gr,{children:[qo(Z,{...Wa,size:t,rounded:o,fillMode:a,hover:x,focus:f,valid:g,invalid:u,required:L,loading:k,disabled:S,readonly:O,className:n(e.className,Di),children:[s&&qo(Gr,{children:[ee(we,{children:s}),r&&ee(Re,{})]}),ee(ye,{id:Tt,placeholder:m,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?Za:void 0,"aria-activedescendant":y&&ut?ut:void 0,"aria-autocomplete":Ja,"aria-invalid":u?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":la,disabled:S,readOnly:O}),ee(me,{valid:g,invalid:u,loading:k,disabled:S}),ee(ke,{loading:k,disabled:S}),ee(Ie,{loading:k,disabled:S,readonly:O,value:c}),d&&qo(Gr,{children:[r&&ee(Re,{}),ee(Be,{children:d})]}),ee(l,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),y&&I&&ee(V,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:I}),$&&ee(q,{adaptive:!0,id:Tt?`${Tt}-adaptive`:void 0,...H,header:ee(fe,{actionsEnd:ee(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:m,title:pe,subtitle:ce}),children:ee("div",{className:"k-list-container",children:ee(R,{customValue:ue?ee(kt,{text:`Use "${c}"`}):void 0,size:"large",children:qo(U,{"aria-label":pe||"Options",children:[ee(P,{text:"List item"}),ee(P,{text:"List item"}),ee(P,{text:"List item"})]})})})})]})};oe.states=vc;oe.options=Lc;oe.className=Di;oe.defaultOptions=zi;oe.moduleName=Fr;oe.folderName=_i;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 Ce=oe;import{jsx as Mc}from"react/jsx-runtime";var Hi=e=>Mc(Ce,{...e});import{jsx as mI,jsxs as fI}from"react/jsx-runtime";import{jsx as NI,jsxs as vI}from"react/jsx-runtime";import{jsx as CI,jsxs as EI}from"react/jsx-runtime";import{Fragment as BI,jsx as wI}from"react/jsx-runtime";import{Fragment as HI,jsx as zI}from"react/jsx-runtime";import{jsx as XI,jsxs as qI}from"react/jsx-runtime";import{Fragment as ty,jsx as jI,jsxs as ey}from"react/jsx-runtime";import{jsx as ny}from"react/jsx-runtime";import{jsx as dy}from"react/jsx-runtime";import{jsx as by,jsxs as hy}from"react/jsx-runtime";import{jsx as Ly,jsxs as My}from"react/jsx-runtime";import{jsx as Nt,jsxs as Tc}from"react/jsx-runtime";var Sc=oe.states,Ic=oe.defaultOptions,yc=oe.options,Cc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Ec=[],no=e=>{let{modifiers:t,...o}=e,a={},r=Nt(R,{style:{width:300},size:o.size,children:Tc(U,{children:[Nt(P,{children:"List item"}),Nt(P,{children:"List item"}),Nt(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Nt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Nt(mt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),Nt("div",{children:Nt(Hi,{value:"Value",style:{width:300},...o,...a})})};no.options=yc;no.states=Sc;no.variants=Ec;no.defaultOptions=Ic;no.modifiers=Cc;no.className=oe.className;var Vr="dropzone",Ui=Vr;import{jsx as Ia,jsxs as Pc}from"react/jsx-runtime";var $r="k-external-dropzone",Ac=[i.disabled,i.hover],Oc={},Xr={icon:"upload",hint:"Drag and drop files here to upload"},ve=e=>{let{hover:t,disabled:o,icon:a=Xr.icon,hint:r=Xr.hint,note:s,...d}=e;return Ia("div",{...d,className:n(e.className,$r,M($r,{disabled:o}),{"k-external-dropzone-hover":t}),children:Pc("div",{className:"k-dropzone-inner",children:[a&&Ia(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),r&&Ia("span",{className:"k-dropzone-hint",children:r}),s&&Ia("span",{className:"k-dropzone-note",children:s})]})})};ve.states=Ac;ve.options=Oc;ve.className=$r;ve.defaultOptions=Xr;ve.moduleName=Vr;ve.folderName=Ui;import{jsx as wc}from"react/jsx-runtime";var ya=e=>wc(ve,{...e});import{jsx as nC}from"react/jsx-runtime";import{jsx as zc}from"react/jsx-runtime";var Bc=ve.options,Rc=ve.states,Kc=ve.defaultOptions,_c=[{name:"note",title:"Note"}],Dc=[],io=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{r==="note"&&(a.note=t?.[r]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),zc(ya,{style:{width:"500px"},...o,...a})};io.options=Bc;io.states=Rc;io.variants=Dc;io.defaultOptions=Kc;io.modifiers=_c;io.className=ve.className;var qr="menu-button",Fi=qr;import{jsx as Fc}from"react/jsx-runtime";var Gi="k-menu-button",Hc=[i.hover,i.focus,i.active,i.selected,i.disabled],Uc={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},Jr={showArrow:!0,arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:c,selected:m,disabled:x,icon:f,text:g,showArrow:u=Jr.showArrow,arrowIconName:L=Jr.arrowIconName,expanded:k,...S}=e;return Fc(l,{...S,className:n(e.className,Gi),text:g,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:c,selected:m,disabled:x,ariaDisabled:x||void 0,icon:f,showArrow:u,arrowIconName:L,"aria-expanded":k?"true":"false",...!g&&f&&!e["aria-label"]&&{"aria-label":"Menu"}})};_.states=Hc;_.options=Uc;_.className=Gi;_.defaultOptions=Jr;_.moduleName=qr;_.folderName=Fi;_.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."},{se