@progress/kendo-themes-html/dist/cjs/colorgradient/demos/colorgradient.js

A collection of HTML helpers used for developing Kendo UI themes

var Qi=Object.create;var Rt=Object.defineProperty;var Zi=Object.getOwnPropertyDescriptor;var ji=Object.getOwnPropertyNames;var en=Object.getPrototypeOf,tn=Object.prototype.hasOwnProperty;var on=(e,t)=>{for(var o in t)Rt(e,o,{get:t[o],enumerable:!0})},ra=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of ji(t))!tn.call(e,a)&&a!==o&&Rt(e,a,{get:()=>t[a],enumerable:!(i=Zi(t,a))||i.enumerable});return e};var la=(e,t,o)=>(o=e!=null?Qi(en(e)):{},ra(t||!e||!e.__esModule?Rt(o,"default",{value:e,enumerable:!0}):o,e)),an=e=>ra(Rt({},"__esModule",{value:!0}),e);var fl={};on(fl,{ColorgradientDemo:()=>_e,default:()=>ul});module.exports=an(fl);var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var w=(e,t)=>s({[`${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"}),E=(e,t)=>{let{valid:o,invalid:i,hover:a,focus:r,checked:d,active:c,selected:u,disabled:b,indeterminate:f,loading:N,empty:k,readonly:I,highlighted:y,...T}=t;return s({"k-valid":o,"k-invalid":i,"k-hover":a,"k-focus":r,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":b,"k-indeterminate":f&&!d,"k-loading":N,"k-empty":k,"k-readonly":I,"k-highlighted":y},Object.keys(T).reduce((S,C)=>(C.startsWith("k-")?S[C]=T[C]:S[`k-${C}`]=T[C],S),{}))};function da(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Ne={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={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 oo={};function _(e){return oo[e]=(oo[e]||0)+1,`k-${e}-${oo[e]}`}var bt=require("react/jsx-runtime"),ao="k-font-icon",nn=[],sn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},rn={},ht=e=>{let{size:t,themeColor:o,icon:i,rotate:a,flip:r,...d}=e;return i?(0,bt.jsx)("span",{...d,className:s(e.className,ao,w(ao,{size:t}),{[`k-i-${i}`]:i,[`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"}):(0,bt.jsx)(bt.Fragment,{})};ht.states=nn;ht.options=sn;ht.className=ao;ht.defaultOptions=rn;var ca=ht;var He=require("react/jsx-runtime"),io="k-svg-icon",ln=[],dn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[Ne.outline,Ne.solid,Ne.duotone]},no={viewBox:"0 0 24 24",variant:Ne.outline},xt=e=>{var N,k;let{size:t,themeColor:o,rotate:i,flip:a,viewBox:r=no.viewBox,variant:d=no.variant,icon:c,...u}=e;if(!c)return(0,He.jsx)(He.Fragment,{});if(c==="none")return(0,He.jsx)("span",{...u,className:s(e.className,io,w("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name,f=typeof c=="object"?d&&((N=c.variants)==null?void 0:N[d])||((k=c.variants)==null?void 0:k.outline)||c.content:void 0;return(0,He.jsx)("span",{...u,className:s(e.className,io,w("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:(0,He.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:r,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};xt.states=ln;xt.options=dn;xt.className=io;xt.defaultOptions=no;var so=xt;var ro=la(require("@progress/kendo-svg-icons"));var pa="icon",ma="icons";var ba=require("react");var ua=require("react"),fa=(0,ua.createContext)({iconsType:"svg"});var Ie=require("react/jsx-runtime"),Kt="k-icon",cn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),pn=[],mn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[Ne.outline,Ne.solid,Ne.duotone]},Pt={viewBox:"0 0 24 24",type:"svg",variant:Ne.outline},L=e=>{let{iconsType:t}=(0,ba.useContext)(fa),{size:o,themeColor:i,icon:a,type:r=t||Pt.type,rotate:d,flip:c,viewBox:u=Pt.viewBox,variant:b=Pt.variant,...f}=e;if(!a)return(0,Ie.jsx)(Ie.Fragment,{});if((t||r)==="svg"){if(a==="none")return(0,Ie.jsx)(so,{...f,className:s(e.className,Kt),icon:a,size:o,variant:b});let k=ro[a]?a:cn(`${a}-icon`);return ro[k]?(0,Ie.jsx)(so,{...f,className:s(e.className,Kt),icon:ro[k],size:o,themeColor:i,rotate:d,flip:c,viewBox:u,variant:b}):(0,Ie.jsx)(Ie.Fragment,{})}return(0,Ie.jsx)(ca,{...f,className:s(e.className,Kt),icon:a,size:o,themeColor:i,rotate:d,flip:c})};L.states=pn;L.options=mn;L.defaultOptions=Pt;L.className=Kt;L.moduleName=pa;L.folderName=ma;L.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 lo="button",ha=lo;var ie=require("react/jsx-runtime"),vt="k-button",un=["icon-button"],fn=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],bn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},co={showArrow:!1,arrowIconName:"chevron-down"},g=e=>{let{as:t="button",size:o,rounded:i,fillMode:a,themeColor:r,showArrow:d=co.showArrow,arrowIconName:c=co.arrowIconName,variant:u,hover:b,focus:f,active:N,selected:k,disabled:I,togglable:y,ariaDisabled:T,icon:S,iconSize:C,text:R,iconClassName:$,className:re,...ve}=e,me=S!=null,Se=e.children!==void 0;return(0,ie.jsxs)(t,{className:s(re,vt,da(vt,u),w(vt,{size:o,rounded:i,fillMode:a,themeColor:r}),E(vt,{hover:b,focus:f,active:N,disabled:I||T,selected:k}),{"k-icon-button":!R&&!Se&&me}),"aria-pressed":y?k?"true":"false":void 0,...ve,"aria-disabled":T?"true":void 0,disabled:I||void 0,children:[typeof S=="string"&&S&&(0,ie.jsx)(L,{className:s($,"k-button-icon"),icon:S,size:C}),S&&typeof S!="string"&&(0,ie.jsx)(ie.Fragment,{children:S}),R?(0,ie.jsxs)(ie.Fragment,{children:[R&&(0,ie.jsx)("span",{className:"k-button-text",children:R}),e.children]}):e.children&&(0,ie.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,ie.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ie.jsx)(L,{icon:c})})]})};g.states=fn;g.options=bn;g.variants=un;g.className=vt;g.defaultOptions=co;g.moduleName=lo;g.folderName=ha;g.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var va=require("react/jsx-runtime"),xa=e=>(0,va.jsx)(g,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var ga=require("react/jsx-runtime"),Na=e=>(0,ga.jsx)(g,{icon:"folder",children:"Button",...e});var ka=require("react/jsx-runtime"),De=e=>(0,ka.jsx)(g,{children:"Button",...e});var _t=require("react/jsx-runtime"),hn=g.options,xn=g.states,vn={...g.defaultOptions,variant:"text"},Nn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gn=[],Ge=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,_t.jsx)(xa,{...o,icon:"star"});case"icon-and-text":return(0,_t.jsx)(Na,{...o,icon:"star",children:"Button"});default:return(0,_t.jsx)(De,{...o,children:"Button"})}};Ge.options=hn;Ge.states=xn;Ge.variants=Nn;Ge.defaultOptions=vn;Ge.modifiers=gn;Ge.className=g.className;var po="slider",La=po;var ue=require("react/jsx-runtime"),Nt="k-slider",kn=[n.hover,n.focus,n.active,n.disabled,n.readonly],Ln={},le={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},M=e=>{let{type:t=le.type,orientation:o=le.orientation,gradientType:i=le.gradientType,readonly:a=le.readonly,disabled:r=le.disabled,handlePosition:d=le.handlePosition,showButtons:c=le.showButtons,showTicks:u=le.showTicks,value:b=le.value,min:f=le.min,max:N=le.max,startValue:k,endValue:I,hover:y,focus:T,active:S,trackStyle:C,dir:R,...$}=e,ve=(()=>{if(t==="gradient"&&i==="2d")return"undefined";if(o==="vertical")return"vertical"})(),me,Se;return o==="horizontal"?(me=R==="rtl"?"chevron-left":"chevron-right",Se=R==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(me="chevron-up",Se="chevron-down"),(0,ue.jsxs)("div",{...$,className:s(Nt,e.className,E(Nt,{readonly:a,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:R,children:[c&&(0,ue.jsx)(g,{className:"k-button-decrease",rounded:"full",icon:Se,tabIndex:-1,title:"Decrease"}),(0,ue.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,ue.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,ue.jsxs)("div",{className:"k-slider-track",style:C,children:[(0,ue.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,ue.jsx)("span",{className:s("k-draghandle","k-draghandle-start",E(Nt,{hover:y,focus:T,active:S})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":k??f,"aria-valuemin":f,"aria-valuemax":I??N,"aria-orientation":ve,"aria-disabled":r?"true":void 0,"aria-readonly":a?"true":void 0,"aria-label":$["aria-label"]?`${$["aria-label"]} start`:"Range start"}),(0,ue.jsx)("span",{className:s("k-draghandle",`k-draghandle-${d}`,E(Nt,{hover:y,focus:T,active:S})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":t==="range"?I??N:b,"aria-valuemin":t==="range"?k??f:f,"aria-valuemax":N,"aria-orientation":ve,"aria-disabled":r?"true":void 0,"aria-readonly":a?"true":void 0,"aria-label":t==="range"?$["aria-label"]?`${$["aria-label"]} end`:"Range end":$["aria-label"]})]})]}),c&&(0,ue.jsx)(g,{className:"k-button-increase",rounded:"full",icon:me,tabIndex:-1,title:"Increase"})]})};M.states=kn;M.options=Ln;M.className=Nt;M.defaultOptions=le;M.moduleName=po;M.folderName=La;M.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."}]};var mo=require("react/jsx-runtime"),Sa="k-tick",Sn=[],In={},Ia={label:!1},x=e=>{let{style:t,label:o=Ia.label,orientation:i,large:a,text:r,...d}=e;return(0,mo.jsx)("li",{...d,role:"presentation",title:r||"Tick",className:s(e.className,Sa,{[`k-tick-${i}`]:i,"k-tick-large":a}),style:t,children:o&&(0,mo.jsx)("span",{className:"k-label",children:r})})};x.states=Sn;x.options=In;x.className=Sa;x.defaultOptions=Ia;var U=require("react/jsx-runtime"),ya=e=>(0,U.jsx)(M,{"aria-label":e["aria-label"]||"Slider",children:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(x,{className:"k-first",label:!0,large:!0,text:"0"}),(0,U.jsx)(x,{}),(0,U.jsx)(x,{}),(0,U.jsx)(x,{}),(0,U.jsx)(x,{}),(0,U.jsx)(x,{label:!0,large:!0,text:"5"}),(0,U.jsx)(x,{}),(0,U.jsx)(x,{}),(0,U.jsx)(x,{}),(0,U.jsx)(x,{}),(0,U.jsx)(x,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var V=require("react/jsx-runtime"),Ca=e=>(0,V.jsx)(M,{children:(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(x,{className:"k-first",label:!0,large:!0,text:"0"}),(0,V.jsx)(x,{}),(0,V.jsx)(x,{}),(0,V.jsx)(x,{}),(0,V.jsx)(x,{}),(0,V.jsx)(x,{label:!0,large:!0,text:"5"}),(0,V.jsx)(x,{}),(0,V.jsx)(x,{}),(0,V.jsx)(x,{}),(0,V.jsx)(x,{}),(0,V.jsx)(x,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var uo=require("react/jsx-runtime");var fo=require("react/jsx-runtime");var Aa=require("react/jsx-runtime"),bo=e=>(0,Aa.jsx)(M,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ta=require("react/jsx-runtime"),ho=e=>(0,Ta.jsx)(M,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var xo=require("react/jsx-runtime");var vo=require("react/jsx-runtime");var ee=require("react/jsx-runtime"),yn=M.options,Cn=M.states,Ea={...M.defaultOptions,variant:"horizontal",label:!0},An=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tn=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Xe=e=>{let{variant:t,modifiers:o,...i}=e,a=Ea.label,r={};Object.keys(o||{}).forEach(c=>{switch(c){case"button":{r.showButtons=!!(o!=null&&o[c]);break}case"label":{a=!!(o!=null&&o[c]);break}case"tick":{r.showTicks=!!(o!=null&&o[c]);break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,ee.jsxs)(Ca,{style:{height:"300px",...d},...i,...r,children:[(0,ee.jsx)(x,{label:a,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,ee.jsx)(x,{label:a,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,ee.jsx)(x,{label:a,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,ee.jsx)(x,{label:a,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,ee.jsx)(x,{label:a,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,ee.jsxs)(ya,{style:{width:"400px",...d},...i,...r,children:[(0,ee.jsx)(x,{label:a,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,ee.jsx)(x,{label:a,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,ee.jsx)(x,{label:a,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,ee.jsx)(x,{label:a,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,ee.jsx)(x,{label:a,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Xe.options=yn;Xe.states=Cn;Xe.variants=An;Xe.defaultOptions=Ea;Xe.modifiers=Tn;Xe.className=M.className;var gt="input",Ht=gt;var Ma=require("react/jsx-runtime"),Dt="k-input",En=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Mn={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},On={},B=e=>{let{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c,size:u,rounded:b,fillMode:f,...N}=e;return(0,Ma.jsx)("span",{...N,className:s(e.className,Dt,w(Dt,{size:u,rounded:b,fillMode:f}),E(Dt,{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c}))})};B.states=En;B.options=Mn;B.className=Dt;B.defaultOptions=On;B.moduleName=gt;B.folderName=Ht;var Oa=require("react/jsx-runtime"),Bt="k-picker",wn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Rn={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Kn={},Te=e=>{let{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c,size:u,rounded:b,fillMode:f,...N}=e;return(0,Oa.jsx)("span",{...N,className:s(e.className,Bt,w(Bt,{size:u,rounded:b,fillMode:f}),E(Bt,{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:d,readonly:c})),children:e.children})};Te.states=wn;Te.options=Rn;Te.className=Bt;Te.defaultOptions=Kn;Te.moduleName=gt;Te.folderName=Ht;var $e=require("react/jsx-runtime"),wa="k-clear-value",Pn=[n.disabled,n.loading,n.readonly],_n={},fe=e=>{let{disabled:t,loading:o,readonly:i,value:a}=e;return t||i||o||!a?(0,$e.jsx)($e.Fragment,{}):(0,$e.jsx)("span",{className:s(e.className,wa),children:(0,$e.jsx)(L,{icon:"x"})})};fe.states=Pn;fe.options=_n;fe.className=wa;var Ra=require("react/jsx-runtime"),No="k-input-inner",Hn=[],Dn={},zt={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=zt.value,type:o=zt.type,placeholder:i=zt.placeholder,autocomplete:a=zt.autocomplete,disabled:r,readOnly:d,...c}=e;return(0,Ra.jsx)("input",{...c,type:o,className:s(e.className,No,w(No,e)),placeholder:i,autoComplete:a,defaultValue:t,disabled:r||void 0,readOnly:d||void 0})};be.states=Hn;be.options=Dn;be.className=No;var kt=require("react/jsx-runtime"),go="k-input-inner",Bn=[],zn={},Lt=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:a,valueIconName:r,...d}=e;return(0,kt.jsxs)("span",{...d,className:s(e.className,go,w(go,e)),children:[a,!a&&r&&(0,kt.jsx)(L,{className:"k-input-value-icon",icon:r}),i&&!t&&o,i&&t&&(0,kt.jsx)("span",{className:"k-input-value-text",children:t})]})};Lt.states=Bn;Lt.options=zn;Lt.className=go;var Pa=require("react/jsx-runtime"),ko="k-input-inner",Un=[],Vn={},Ka={value:"",placeholder:""},Lo=e=>{let{value:t=Ka.value,placeholder:o=Ka.placeholder,rows:i,disabled:a,...r}=e;return(0,Pa.jsx)("textarea",{...r,className:s(e.className,ko,w(ko,e)),placeholder:o,rows:i,defaultValue:t,disabled:a||void 0})};Lo.states=Un;Lo.options=Vn;Lo.className=ko;var St=require("react/jsx-runtime"),_a="k-input-loading-icon",Fn=[n.disabled,n.loading],de=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,St.jsx)(St.Fragment,{}):(0,St.jsx)("span",{className:s(e.className,_a,"k-icon k-i-loading")})};de.states=Fn;de.className=_a;var It=require("react/jsx-runtime"),Ha="k-input-validation-icon",Gn=[n.valid,n.invalid,n.disabled,n.loading],Xn={},ne=e=>{let{valid:t,invalid:o,disabled:i,loading:a}=e,r=o?"warning-circle":"check-circle";return i||a||!!!(t||o)?(0,It.jsx)(It.Fragment,{}):(0,It.jsx)(L,{className:s(Ha),icon:r})};ne.states=Gn;ne.options=Xn;ne.className=Ha;var yt=require("react/jsx-runtime"),$n="k-input-prefix",qn={direction:"horizontal"},Ee=e=>{let{direction:t=qn.direction,...o}=e;return e.children?(0,yt.jsx)("span",{...o,className:s($n,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,yt.jsx)(yt.Fragment,{})};var Ct=require("react/jsx-runtime"),Wn="k-input-suffix",Jn={direction:"horizontal"},Me=e=>{let{direction:t=Jn.direction,...o}=e;return e.children?(0,Ct.jsx)("span",{...o,className:s(Wn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ct.jsx)(Ct.Fragment,{})};var Yn=require("react/jsx-runtime");var Da=require("react/jsx-runtime"),Qn="k-input-suffix-text",So=e=>{let{children:t,...o}=e;return(0,Da.jsx)("span",{...o,className:s(Qn,e.className),children:t})};var za=require("react/jsx-runtime"),Ba="k-input-separator",Zn={direction:"vertical"},ye=e=>{let{direction:t=Zn.direction,...o}=e;return(0,za.jsx)("span",{...o,className:s(Ba,e.className,{[`${Ba}-${t}`]:t})})};var z=require("react/jsx-runtime"),jn=B.states,es=B.defaultOptions,ts=B.options,os=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],as=[],qe=e=>{let{modifiers:t,valid:o,invalid:i,loading:a,disabled:r,readonly:d,...c}=e,u=t==null?void 0:t.prefix,b=t==null?void 0:t.suffix,f=t==null?void 0:t["clear-button"],N=t==null?void 0:t["validation-icon"],k=t==null?void 0:t.separators;return(0,z.jsxs)(B,{...c,valid:o,invalid:i,loading:a,disabled:r,readonly:d,style:{width:300},children:[u&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(Ee,{children:(0,z.jsx)(L,{icon:"lock"})}),k&&(0,z.jsx)(ye,{})]}),(0,z.jsx)(be,{placeholder:"Placeholder",value:"Value"}),N&&(0,z.jsx)(ne,{valid:o,invalid:i,loading:a,disabled:r}),(0,z.jsx)(de,{loading:a,disabled:r}),f&&(0,z.jsx)(fe,{loading:a,disabled:r,readonly:d,value:"Value"}),b&&(0,z.jsxs)(z.Fragment,{children:[k&&(0,z.jsx)(ye,{}),(0,z.jsx)(Me,{children:(0,z.jsx)(De,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};qe.options=ts;qe.states=jn;qe.variants=as;qe.defaultOptions=es;qe.modifiers=os;qe.className=B.className;var At=require("react/jsx-runtime"),Ua="k-spin-button",ss=[],rs={size:[l.undefined,l.small,l.medium,l.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Io={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Oe=e=>{let{size:t,fillMode:o,disabled:i,increaseLabel:a=Io.increaseLabel,decreaseLabel:r=Io.decreaseLabel,...d}=e;return(0,At.jsxs)("span",{...d,className:s(Ua,e.className),children:[(0,At.jsx)(g,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:i,"aria-label":a}),(0,At.jsx)(g,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:i,"aria-label":r})]})};Oe.states=ss;Oe.options=rs;Oe.className=Ua;Oe.defaultOptions=Io;Oe.moduleName=null;Oe.folderName=null;var Va="numeric-textbox",Fa="numerictextbox";var F=require("react/jsx-runtime"),Ga="k-numerictextbox",ls=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],ds={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ut={showSpinButton:!0,showClearButton:!0,separators:!0},A=e=>{let{size:t,rounded:o,fillMode:i,separators:a=Ut.separators,showClearButton:r=Ut.showClearButton,showSpinButton:d=Ut.showSpinButton,prefix:c,suffix:u,value:b,placeholder:f,hover:N,focus:k,valid:I,invalid:y,required:T,loading:S,disabled:C,readonly:R,id:$,"aria-label":re,"aria-describedby":ve,...me}=e;return(0,F.jsxs)(B,{...me,size:t,rounded:o,fillMode:i,hover:N,focus:k,valid:I,invalid:y,required:T,loading:S,disabled:C,readonly:R,className:s(e.className,Ga),children:[c&&(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(Ee,{children:c}),a&&(0,F.jsx)(ye,{})]}),(0,F.jsx)(be,{id:$,placeholder:f,value:b,role:"spinbutton",disabled:C,"aria-label":re,"aria-describedby":ve,"aria-invalid":y?"true":void 0}),(0,F.jsx)(ne,{valid:I,invalid:y,loading:S,disabled:C}),(0,F.jsx)(de,{loading:S,disabled:C}),r&&(0,F.jsx)(fe,{loading:S,disabled:C,readonly:R,value:b}),u&&(0,F.jsxs)(F.Fragment,{children:[a&&(0,F.jsx)(ye,{}),(0,F.jsx)(Me,{children:u})]}),d&&(0,F.jsx)(Oe,{className:"k-input-spinner",size:t,fillMode:i,disabled:C})]})};A.states=ls;A.options=ds;A.className=Ga;A.defaultOptions=Ut;A.moduleName=Va;A.folderName=Fa;A.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 Tt=A;var $a=require("react/jsx-runtime"),Xa=e=>(0,$a.jsx)(Tt,{...e});var yo="popup",qa=yo;var Ao=require("react/jsx-runtime"),Wa="k-animation-container",cs=[],ps={},Co={positionMode:"absolute",shown:!0},ge=e=>{let{positionMode:t=Co.positionMode,shown:o=Co.shown,animationStyle:i,offset:a,...r}=e;return(0,Ao.jsx)("div",{...r,style:{...a,...e.style},className:s(e.className,Wa,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Ao.jsx)("div",{className:"k-child-animation-container",style:i,children:e.children})})};ge.states=cs;ge.options=ps;ge.className=Wa;ge.defaultOptions=Co;ge.moduleName=yo;ge.folderName=qa;var To="popup",Ja=To;var Eo=require("react/jsx-runtime"),Ya="k-popup",ms=[],us={},Qa={positionMode:"absolute"},Ce=e=>{let{offset:t,positionMode:o=Qa.positionMode,animationStyle:i,containerClassName:a,containerRole:r,containerAriaLabel:d,...c}=e;return(0,Eo.jsx)(ge,{positionMode:o,offset:t,animationStyle:i,className:a,role:r,"aria-label":d,children:(0,Eo.jsx)("div",{...c,className:s(e.className,Ya),children:e.children})})};Ce.states=ms;Ce.options=us;Ce.className=Ya;Ce.defaultOptions=Qa;Ce.moduleName=To;Ce.folderName=Ja;Ce.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Mo="action-buttons",Za=Mo;var ja=require("react/jsx-runtime"),Vt="k-actions",fs=[],bs={},Oo={alignment:"start",orientation:"horizontal"},we=e=>{let{alignment:t=Oo.alignment,orientation:o=Oo.orientation,...i}=e;return(0,ja.jsx)("div",{...i,className:s(Vt,{[`${Vt}-${t}`]:t,[`${Vt}-${o}`]:o},e.className),children:e.children})};we.states=fs;we.options=bs;we.className=Vt;we.defaultOptions=Oo;we.moduleName=Mo;we.folderName=Za;var ti=require("react/jsx-runtime"),hs="k-actionsheet-footer",ei={alignment:"stretched",orientation:"horizontal"},We=e=>{let{alignment:t=ei.alignment,orientation:o=ei.orientation,template:i,as:a=i?"div":we,...r}=e;return(0,ti.jsx)(a,{...r,...!i&&{alignment:t,orientation:o},className:s(e.className,hs),children:e.children})};var wo="searchbox",oi=wo;var Re=require("react/jsx-runtime"),ai="k-searchbox",xs=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],vs={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ro={showIcon:!0,icon:"search"},ce=e=>{let{value:t,placeholder:o,size:i,rounded:a,fillMode:r,hover:d,focus:c,valid:u,invalid:b,required:f,loading:N,disabled:k,showIcon:I=Ro.showIcon,icon:y=Ro.icon,"aria-label":T,...S}=e;return(0,Re.jsxs)(B,{...S,size:i,rounded:a,fillMode:r,hover:d,focus:c,valid:u,invalid:b,required:f,loading:N,disabled:k,className:s(e.className,ai),children:[I&&(0,Re.jsx)(L,{className:"k-input-icon",icon:y}),(0,Re.jsx)(be,{placeholder:o,value:t,"aria-label":T}),(0,Re.jsx)(de,{...e}),(0,Re.jsx)(ne,{...e}),(0,Re.jsx)(fe,{...e})]})};ce.states=xs;ce.options=vs;ce.className=ai;ce.defaultOptions=Ro;ce.moduleName=wo;ce.folderName=oi;var Ns=require("react/jsx-runtime");var Ko="textbox",ii=Ko;var q=require("react/jsx-runtime"),ni="k-textbox",gs=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ks={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ft={showClearButton:!0,showValidationIcon:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:i,separators:a=Ft.separators,showClearButton:r=Ft.showClearButton,showValidationIcon:d=Ft.showValidationIcon,prefix:c,suffix:u,type:b,value:f,placeholder:N,hover:k,focus:I,valid:y,invalid:T,required:S,loading:C,disabled:R,readonly:$,id:re,"aria-label":ve,"aria-describedby":me,...Se}=e;return(0,q.jsxs)(B,{...Se,size:t,rounded:o,fillMode:i,hover:k,focus:I,valid:y,invalid:T,required:S,loading:C,disabled:R,readonly:$,className:s(e.className,ni),children:[c&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(Ee,{children:c}),a&&(0,q.jsx)(ye,{})]}),(0,q.jsx)(be,{id:re,placeholder:N,value:f,type:b,disabled:R,"aria-label":ve,"aria-describedby":me,"aria-invalid":T?"true":void 0}),d&&(0,q.jsx)(ne,{valid:y,invalid:T,loading:C,disabled:R}),(0,q.jsx)(de,{loading:C,disabled:R}),r&&(0,q.jsx)(fe,{loading:C,disabled:R,readonly:$,value:f}),u&&(0,q.jsxs)(q.Fragment,{children:[a&&(0,q.jsx)(ye,{}),(0,q.jsx)(Me,{children:u})]})]})};G.states=gs;G.options=ks;G.className=ni;G.defaultOptions=Ft;G.moduleName=Ko;G.folderName=ii;G.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 Et=G;var ri=require("react/jsx-runtime"),si=e=>(0,ri.jsx)(Et,{...e});var li=require("react/jsx-runtime");var di=require("react/jsx-runtime");var Ls=require("react/jsx-runtime");var Gt=require("react/jsx-runtime"),Ss=G.states,Is=G.defaultOptions,ys=G.options,Cs=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],As=[],Je=e=>{let{modifiers:t,...o}=e,i={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":i.prefix=t!=null&&t[a]?(0,Gt.jsx)(L,{icon:"lock"}):void 0;break;case"suffix":i.suffix=t!=null&&t[a]?(0,Gt.jsx)(De,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":i.showClearButton=t==null?void 0:t[a];break;default:break}}),(0,Gt.jsx)(si,{value:"Value",style:{width:300},...o,...i})};Je.options=ys;Je.states=Ss;Je.variants=As;Je.defaultOptions=Is;Je.modifiers=Cs;Je.className=G.className;var se=require("react/jsx-runtime"),ci="k-actionsheet-titlebar",Ts={},he=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:a,filter:r,input:d,inputValue:c,inputPlaceholder:u,adaptive:b,titleId:f,children:N,...k}=e;return(0,se.jsxs)("div",{...k,className:s(e.className,ci),children:[(0,se.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[i&&(0,se.jsx)("div",{className:"k-actionsheet-actions",children:i}),!N&&(0,se.jsxs)("div",{className:"k-actionsheet-title",id:f,children:[t&&(0,se.jsx)("div",{className:"k-text-center",children:t}),o&&(0,se.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&(0,se.jsx)("div",{className:"k-actionsheet-title",id:f,children:N}),a&&(0,se.jsx)("div",{className:"k-actionsheet-actions",children:a})]}),(d||r)&&(0,se.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,se.jsx)(G,{value:c,placeholder:u,size:b?"large":"medium","aria-label":t||u||"Input"}):(0,se.jsx)(ce,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};he.className=ci;he.defaultOptions=Ts;var Ye=require("react/jsx-runtime"),Po="k-actionsheet-view",Es=[],Ms={},Os={},Qe=e=>{let{adaptive:t,animated:o,children:i,header:a,footer:r,titleId:d,...c}=e,u=(a==null?void 0:a.type)===he&&(0,Ye.jsx)(he,{adaptive:t,titleId:d,...a==null?void 0:a.props}),b=(r==null?void 0:r.type)===We&&(0,Ye.jsx)(We,{...r==null?void 0:r.props});return(0,Ye.jsxs)("div",{...c,className:s(e.className,Po,{[`${Po}-animated`]:o}),children:[u,(0,Ye.jsx)("div",{className:"k-actionsheet-content",children:i}),b]})};Qe.states=Es;Qe.options=Ms;Qe.className=Po;Qe.defaultOptions=Os;var Mt="action-sheet",Xt=Mt;var _o="overlay",pi=_o;var ui=require("react/jsx-runtime"),mi="k-overlay",ws=[],Rs={},Ks={},Ke=e=>{let{...t}=e;return(0,ui.jsx)("div",{...t,className:s(e.className,mi),children:e.children})};Ke.states=ws;Ke.options=Rs;Ke.className=mi;Ke.defaultOptions=Ks;Ke.moduleName=_o;Ke.folderName=pi;var Be=require("react/jsx-runtime"),fi="k-actionsheet",Ps=[],_s={},Ot={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},X=e=>{let{side:t=Ot.side,fullscreen:o=Ot.fullscreen,adaptive:i=Ot.adaptive,overlay:a=Ot.overlay,template:r,children:d,header:c,footer:u,id:b,...f}=e,N=b&&!r&&c?`${b}-title`:void 0;return(0,Be.jsxs)("div",{className:"k-actionsheet-container",children:[a&&(0,Be.jsx)(Ke,{}),(0,Be.jsx)(ge,{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:(0,Be.jsx)("div",{...f,id:b,role:"dialog","aria-modal":a?"true":void 0,"aria-labelledby":N,className:s(e.className,fi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:r||(0,Be.jsx)(Qe,{header:c,footer:u,adaptive:i,titleId:N,...e,children:d})})})]})};X.states=Ps;X.options=_s;X.className=fi;X.defaultOptions=Ot;X.moduleName=Mt;X.folderName=Xt;X.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."}]};var hi=require("react/jsx-runtime"),bi="k-actionsheet-container",Hs=[],Ds={},Bs={},Ze=e=>{let{children:t,...o}=e;return(0,hi.jsx)("div",{...o,className:bi,children:t})};Ze.states=Hs;Ze.options=Ds;Ze.className=bi;Ze.defaultOptions=Bs;Ze.moduleName=Mt;Ze.folderName=Xt;var xi=require("react/jsx-runtime"),Ho=e=>{let{...t}=e;return(0,xi.jsx)("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};var pe=require("react/jsx-runtime"),Do="k-actionsheet-item",zs=[n.hover,n.focus,n.selected,n.disabled],Pe=e=>{let{iconName:t,text:o,description:i,hover:a,focus:r,selected:d,disabled:c,...u}=e;return(0,pe.jsxs)("span",{...u,className:s(e.className,Do,E(Do,{hover:a,focus:r,selected:d,disabled:c})),children:[!e.children&&(0,pe.jsx)(pe.Fragment,{children:(0,pe.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,pe.jsx)("span",{className:"k-icon-wrap",children:(0,pe.jsx)(L,{className:"k-actionsheet-item-icon",icon:t})}),(0,pe.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,pe.jsx)("span",{className:"k-actionsheet-item-title",children:o}),i&&(0,pe.jsx)("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Pe.states=zs;Pe.className=Do;var vi=require("react/jsx-runtime");var Us=require("react/jsx-runtime");var Vs=require("react/jsx-runtime");var Fs=require("react/jsx-runtime");var K=require("react/jsx-runtime"),Gs=X.options,Xs=X.states,gi={...X.defaultOptions,variant:"normal"},$s=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],qs=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],je=e=>{let{variant:t,modifiers:o,...i}={...gi,...e},a={},r=(0,K.jsxs)(Ho,{children:[(0,K.jsx)(Pe,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,K.jsx)(Pe,{text:"Add to Favorites",iconName:"heart"}),(0,K.jsx)(Pe,{text:"Upload New",iconName:"upload",disabled:!0}),(0,K.jsx)("hr",{className:"k-hr"}),(0,K.jsx)(Pe,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(a.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":a.actionsStart=!!(o!=null&&o[u]),a.actionsEnd=!!(o!=null&&o[u]);break;case"subtitle":a.subtitle=o!=null&&o[u]?d:void 0;break;case"footer":a.footer=!!(o!=null&&o[u]);break;default:break}}),t==="adaptive"?(0,K.jsx)(X,{...i,adaptive:!0,fullscreen:a.fullScreen,header:(0,K.jsx)(he,{actionsStart:a.actionsStart?(0,K.jsx)(g,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?(0,K.jsx)(g,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:a.subtitle}),footer:a.footer?(0,K.jsxs)(We,{alignment:"stretched",children:[(0,K.jsx)(g,{text:"Cancel",size:"large",themeColor:"base"}),(0,K.jsx)(g,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):(0,K.jsx)(X,{...i,fullscreen:a.fullScreen,header:(0,K.jsx)(he,{actionsStart:a.actionsStart?(0,K.jsx)(g,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:a.actionsEnd?(0,K.jsx)(g,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:a.subtitle}),footer:a.footer?(0,K.jsxs)(We,{alignment:"stretched",children:[(0,K.jsx)(g,{text:"Apply",themeColor:"primary"}),(0,K.jsx)(g,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};je.options=Gs;je.states=Xs;je.variants=$s;je.defaultOptions=gi;je.modifiers=qs;je.className=X.className;var $t=la(require("react"));var Bo=require("react/jsx-runtime"),Ws="k-list-group-sticky-header",zo=e=>(0,Bo.jsx)("div",{className:s(Ws,e.className),children:(0,Bo.jsx)("div",{className:"k-list-header-text",children:e.children})});var ki=require("react/jsx-runtime"),Js="k-no-data",Uo=e=>{let{live:t,...o}=e;return(0,ki.jsx)("span",{...o,className:s(Js,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ze="list",et=ze;var tt=require("react/jsx-runtime"),Vo="k-list",Ys=[],Qs={size:[l.undefined,l.small,l.medium,l.large]},Zs={},H=e=>{var y;let{size:t,virtualization:o,children:i,header:a,selectAll:r,optionLabel:d,customValue:c,noData:u,screenReaders:b,...f}=e,k=$t.default.Children.toArray(i)[0],I=(y=k==null?void 0:k.props)!=null&&y.children?$t.default.Children.count(k.props.children):$t.default.Children.count(i);return(0,tt.jsxs)("div",{...f,className:s(e.className,Vo,w(Vo,{size:t}),{"k-virtual-list":o}),children:[d,r,c,a&&(0,tt.jsx)(zo,{children:a}),i||(u!==void 0?u:(0,tt.jsx)(Uo,{live:!0,children:"No data found."})),b&&i&&(0,tt.jsxs)(Uo,{className:"k-sr-only",live:!0,children:[I," items found."]})]})};H.states=Ys;H.options=Qs;H.className=Vo;H.defaultOptions=Zs;H.moduleName=ze;H.folderName=et;H.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Si=require("react/jsx-runtime"),Li="k-list-container",js=[],er={},tr={},ot=e=>{let{...t}=e;return(0,Si.jsx)("div",{...t,className:s(e.className,Li),children:e.children})};ot.states=js;ot.options=er;ot.className=Li;ot.defaultOptions=tr;ot.moduleName=ze;ot.folderName=et;var Ue="checkbox",at=Ue;var Fo=require("react/jsx-runtime"),qt="k-checkbox",or=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],ar={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},ir={},te=e=>{let{id:t,checked:o,indeterminate:i,hover:a,focus:r,disabled:d,invalid:c,valid:u,required:b,size:f,rounded:N,wrapperRole:k,...I}=e;return(0,Fo.jsx)("span",{className:"k-checkbox-wrap",role:k,children:(0,Fo.jsx)("input",{...I,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:s(e.className,qt,w(qt,{size:f,rounded:N}),E(qt,{hover:a,focus:r,disabled:d,invalid:c,valid:u,indeterminate:i,checked:o}))})})};te.states=or;te.options=ar;te.className=qt;te.defaultOptions=ir;te.moduleName=Ue;te.folderName=at;te.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 xe=te;var Ci=require("react/jsx-runtime"),Ii="k-checkbox-list",nr=[],sr={},yi={layout:"vertical"},Q=e=>{let{layout:t=yi.layout,...o}=e;return(0,Ci.jsx)("ul",{...o,className:s(e.className,Ii,{[`k-list-${t}`]:t}),children:e.children})};Q.states=nr;Q.options=sr;Q.className=Ii;Q.defaultOptions=yi;Q.moduleName=Ue;Q.folderName=at;var Ti=require("react/jsx-runtime"),Ai="k-checkbox-list-item",rr=[],lr={},dr={},Z=e=>{let{...t}=e;return(0,Ti.jsx)("li",{...t,className:s(e.className,Ai),children:e.children})};Z.states=rr;Z.options=lr;Z.className=Ai;Z.defaultOptions=dr;Z.moduleName=Ue;Z.folderName=at;var Ve=require("react/jsx-runtime"),Ae=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(xe,{id:t,...o}),(0,Ve.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Go=require("react/jsx-runtime");var Xo=require("react/jsx-runtime");var $o=require("react/jsx-runtime");var cr=require("react/jsx-runtime");var pr=require("react/jsx-runtime");var mr=require("react/jsx-runtime");var W=require("react/jsx-runtime"),ur=Q.options,fr=Q.states,br={...Q.defaultOptions,variant:"vertical"},hr=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],xr=[],it=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,W.jsxs)(Q,{layout:"horizontal",...o,children:[(0,W.jsx)(Z,{children:(0,W.jsx)(Ae,{id:_("cb"),defaultChecked:!0,children:"Label"})}),(0,W.jsx)(Z,{children:(0,W.jsx)(Ae,{id:_("cb"),children:"Label"})}),(0,W.jsx)(Z,{children:(0,W.jsx)(Ae,{id:_("cb"),children:"Label"})})]}):(0,W.jsxs)(Q,{...o,children:[(0,W.jsx)(Z,{children:(0,W.jsx)(Ae,{id:_("cb"),defaultChecked:!0,children:"Label"})}),(0,W.jsx)(Z,{children:(0,W.jsx)(Ae,{id:_("cb"),children:"Label"})}),(0,W.jsx)(Z,{children:(0,W.jsx)(Ae,{id:_("cb"),children:"Label"})})]})};it.options=ur;it.states=fr;it.variants=hr;it.defaultOptions=br;it.modifiers=xr;it.className=Q.className;var Ei=require("react/jsx-runtime"),vr=xe.options,Nr=xe.states,gr=xe.defaultOptions,kr=[],Lr=[],nt=e=>(0,Ei.jsx)(Ae,{id:_("checkbox"),...e,defaultChecked:!0,children:"Label"});nt.options=vr;nt.states=Nr;nt.variants=kr;nt.defaultOptions=gr;nt.modifiers=Lr;nt.className=xe.className;var ke=require("react/jsx-runtime"),qo="k-list-item",Sr=[n.hover,n.focus,n.selected,n.disabled],Ir={},yr={},O=e=>{let{text:t,groupLabel:o,group:i,iconName:a,iconClassName:r,showCheckbox:d,checked:c,hover:u,focus:b,selected:f,disabled:N,actions:k,description:I,id:y,...T}=e,S=t||e.children;return(0,ke.jsxs)("li",{...T,id:y,role:i?"presentation":"option",tabIndex:i?void 0:b?0:-1,"aria-selected":!i&&f?"true":i?void 0:"false","aria-disabled":!i&&N?"true":void 0,className:s(e.className,i?"k-list-group-item":qo,E(qo,{hover:u,focus:b,disabled:N,selected:f})),children:[d&&(0,ke.jsx)(te,{checked:c}),a&&(0,ke.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ke.jsx)(L,{icon:a,className:s("k-list-item-icon",r)})}),(0,ke.jsx)("span",{className:"k-list-item-text",children:S}),k&&(0,ke.jsx)("div",{className:"k-list-item-actions",children:k}),I&&(0,ke.jsx)("span",{className:"k-list-item-description",children:I}),o&&o!==""&&(0,ke.jsx)("div",{className:"k-list-item-group-label",children:o})]})};O.states=Sr;O.options=Ir;O.className=qo;O.defaultOptions=yr;O.moduleName=ze;O.folderName=et;O.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."}]};var Mi=require("react/jsx-runtime"),Cr="k-list-ul",Fe=e=>{let{children:t,role:o,id:i,...a}=e;return(0,Mi.jsx)("ul",{...a,id:i,role:o,className:s(Cr,e.className),children:t})};Fe.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."}]};var st=require("react/jsx-runtime"),Ar="k-list-content",j=e=>{let{virtualization:t,grouping:o,"aria-label":i,"aria-labelledby":a,listboxId:r,...d}=e;return(0,st.jsxs)("div",{...d,className:s(Ar,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?i:void 0,"aria-labelledby":o?a:void 0,children:[o?e.children:(0,st.jsx)(Fe,{role:"listbox",id:r,"aria-label":i,"aria-labelledby":a,children:e.children}),t&&(0,st.jsx)("div",{className:"k-height-container",children:(0,st.jsx)("div",{})})]})};j.ariaSpec={selector:".k-list-