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

A collection of HTML helpers used for developing Kendo UI themes

var r=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((l,a)=>e[a]||e[l]&&l||null).filter(l=>l!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(t,e)=>r({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),C=(t,e)=>{let{valid:l,invalid:a,hover:i,focus:c,checked:d,active:x,selected:m,disabled:h,indeterminate:b,loading:M,empty:v,readonly:y,highlighted:T,...O}=e;return r({"k-valid":l,"k-invalid":a,"k-hover":i,"k-focus":c,"k-checked":d,"k-active":x,"k-selected":m,"k-disabled":h,"k-indeterminate":b&&!d,"k-loading":M,"k-empty":v,"k-readonly":y,"k-highlighted":T},Object.keys(O).reduce((k,L)=>(L.startsWith("k-")?k[L]=O[L]:k[`k-${L}`]=O[L],k),{}))};function ue(t,e){if(!e)return{};let l=Array.isArray(e)?e:[e];return Object.fromEntries(l.map(a=>[`k-${a}`,!0]))}var o={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={small:"small",medium:"medium",large:"large",full:"full"},p={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},n={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={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 B="input",F=B;import{jsx as He}from"react/jsx-runtime";var V="k-input",_e=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Pe={size:[o.small,o.medium,o.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[p.solid,p.flat,p.outline]},q={size:o.medium,rounded:o.medium,fillMode:p.solid},g=t=>{let{hover:e,focus:l,disabled:a,invalid:i,valid:c,loading:d,readonly:x,size:m=q.size,rounded:h=q.rounded,fillMode:b=q.fillMode,...M}=t;return He("span",{...M,className:r(t.className,V,f(V,{size:m,rounded:h,fillMode:b}),C(V,{hover:e,focus:l,disabled:a,invalid:i,valid:c,loading:d,readonly:x}))})};g.states=_e;g.options=Pe;g.className=V;g.defaultOptions=q;g.moduleName=B;g.folderName=F;import{jsx as Ke}from"react/jsx-runtime";var G="k-picker",we=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Re={size:[o.small,o.medium,o.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[p.solid,p.flat,p.outline]},W={size:o.medium,rounded:u.medium,fillMode:p.solid},z=t=>{let{hover:e,focus:l,disabled:a,invalid:i,valid:c,loading:d,readonly:x,size:m=W.size,rounded:h=W.rounded,fillMode:b=W.fillMode,...M}=t;return Ke("span",{...M,className:r(t.className,G,f(G,{size:m,rounded:h,fillMode:b}),C(G,{hover:e,focus:l,disabled:a,invalid:i,valid:c,loading:d,readonly:x})),children:t.children})};z.states=we;z.options=Re;z.className=G;z.defaultOptions=W;z.moduleName=B;z.folderName=F;import{Fragment as Fe,jsx as me}from"react/jsx-runtime";var j="k-font-icon",Ue=[],De={size:[o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},$e={},_=t=>{let{size:e,themeColor:l,icon:a,rotate:i,flip:c,...d}=t;return a?me("span",{...d,className:r(t.className,j,f(j,{size:e}),{[`k-i-${a}`]:a,[`k-color-${l}`]:l,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):me(Fe,{})};_.states=Ue;_.options=De;_.className=j;_.defaultOptions=$e;var fe=_;import{Fragment as Ge,jsx as J}from"react/jsx-runtime";var ee="k-svg-icon",Ve=[],qe={size:[o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},Ne={viewBox:"0 0 24 24"},P=t=>{let{size:e,themeColor:l,rotate:a,flip:i,viewBox:c=Ne.viewBox,icon:d,...x}=t;if(!d)return J(Ge,{});d==="none"&&{...x,className:r(t.className,ee,"k-none")};let m=typeof d=="object"&&d.name&&d.name;return J("span",{...x,className:r(t.className,ee,f("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${l}`]:l,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:J("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:t.children})})};P.states=Ve;P.options=qe;P.className=ee;P.defaultOptions=Ne;var te=P;import*as oe from"@progress/kendo-svg-icons";var xe="icon",he="icons";import{Fragment as Ie,jsx as H}from"react/jsx-runtime";var Q="k-icon",We=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Je=[],Qe={size:[o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},ne={viewBox:"0 0 24 24",type:"svg"},N=t=>{let{size:e,themeColor:l,icon:a,type:i=ne.type,rotate:c,flip:d,viewBox:x=ne.viewBox,...m}=t;if(!a)return H(Ie,{});if(i==="svg"){if(a==="none")return H(te,{...m,className:r(t.className,Q),icon:a,size:e});let h=oe[a]?a:We(`${a}-icon`);return oe[h]?H(te,{...m,className:r(t.className,Q),icon:oe[h],size:e,themeColor:l,rotate:c,flip:d,viewBox:x}):H(Ie,{})}return H(fe,{...m,className:r(t.className,Q),icon:a,size:e,themeColor:l,rotate:c,flip:d})};N.states=Je;N.options=Qe;N.defaultOptions=ne;N.className=Q;N.moduleName=xe;N.folderName=he;import{Fragment as Ze,jsx as se}from"react/jsx-runtime";var Me="k-clear-value",Xe=[s.disabled,s.loading,s.readonly],Ye={},w=t=>{let{disabled:e,loading:l,readonly:a,value:i}=t;return e||a||l||!i?se(Ze,{}):se("span",{className:r(t.className,Me),children:se(N,{icon:"x"})})};w.states=Xe;w.options=Ye;w.className=Me;import{jsx as tt}from"react/jsx-runtime";var ae="k-input-inner",je=[],et={},X={type:"text",autocomplete:"off",value:"",placeholder:""},R=t=>{let{value:e=X.value,type:l=X.type,placeholder:a=X.placeholder,autocomplete:i=X.autocomplete,...c}=t;return tt("input",{...c,type:l,className:r(t.className,ae,f(ae,t)),placeholder:a,autoComplete:i,defaultValue:e})};R.states=je;R.options=et;R.className=ae;import{jsx as ge,jsxs as st}from"react/jsx-runtime";var le="k-input-inner",ot=[],nt={},re=t=>{let{value:e,placeholder:l,showValue:a,valueIcon:i,valueIconName:c,...d}=t;return st("span",{...d,className:r(t.className,le,f(le,t)),children:[i,!i&&c&&ge(N,{className:"k-input-value-icon",icon:c}),a&&!e&&l,a&&e&&ge("span",{className:"k-input-value-text",children:e})]})};re.states=ot;re.options=nt;re.className=le;import{jsx as rt}from"react/jsx-runtime";var ie="k-input-inner",at=[],lt={},be={value:"",placeholder:""},de=t=>{let{value:e=be.value,placeholder:l=be.placeholder,rows:a,...i}=t;return rt("textarea",{...i,className:r(t.className,ie,f(ie,t)),placeholder:l,rows:a,defaultValue:e})};de.states=at;de.options=lt;de.className=ie;import{Fragment as dt,jsx as ve}from"react/jsx-runtime";var ye="k-input-loading-icon",it=[s.disabled,s.loading],Y=t=>{let{disabled:e,loading:l}=t;return e||!l?ve(dt,{}):ve("span",{className:r(t.className,ye,"k-icon k-i-loading")})};Y.states=it;Y.className=ye;import{Fragment as ut,jsx as Te}from"react/jsx-runtime";var Se="k-input-validation-icon",pt=[s.valid,s.invalid,s.disabled,s.loading],ct={},K=t=>{let{valid:e,invalid:l,disabled:a,loading:i}=t,c=l?"warning-circle":"check-circle";return a||i||!!!(e||l)?Te(ut,{}):Te(N,{className:r(Se),icon:c})};K.states=pt;K.options=ct;K.className=Se;import{Fragment as Eo,jsx as Ao}from"react/jsx-runtime";import{Fragment as _o,jsx as Po}from"react/jsx-runtime";import{jsx as Ko}from"react/jsx-runtime";import{jsx as Fo}from"react/jsx-runtime";import{jsx as Wo}from"react/jsx-runtime";var pe="button",Oe=pe;import{Fragment as xt,jsx as U,jsxs as ke}from"react/jsx-runtime";var D="k-button",mt=["icon-button"],ft=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Nt={size:[o.small,o.medium,o.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[p.solid,p.flat,p.outline,p.clear,p.link],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark,n.inverse]},E={size:o.medium,rounded:u.medium,fillMode:p.solid,themeColor:n.base,showArrow:!1,arrowIconName:"caret-alt-down"},I=t=>{let{size:e=E.size,rounded:l=E.rounded,fillMode:a=E.fillMode,themeColor:i=E.themeColor,showArrow:c=E.showArrow,arrowIconName:d=E.arrowIconName,variant:x,hover:m,focus:h,active:b,selected:M,disabled:v,icon:y,text:T,iconClassName:O,...k}=t,L=y!==void 0,Be=t.children!==void 0;return ke("button",{...k,className:r(t.className,D,ue(D,x),f(D,{size:e,rounded:l,fillMode:a,themeColor:i}),C(D,{hover:m,focus:h,active:b,disabled:v,selected:M}),{"k-icon-button":!T&&!Be&&L}),children:[y&&U(N,{className:r(O,"k-button-icon"),icon:y}),T?ke(xt,{children:[T&&U("span",{className:"k-button-text",children:T}),t.children]}):t.children&&U("span",{className:"k-button-text",children:t.children}),c&&U("span",{className:"k-menu-button-arrow k-button-arrow",children:U(N,{icon:d})})]})};I.states=ft;I.options=Nt;I.variants=mt;I.className=D;I.defaultOptions=E;I.moduleName=pe;I.folderName=Oe;import{jsx as In}from"react/jsx-runtime";import{jsx as vn}from"react/jsx-runtime";import{jsx as On}from"react/jsx-runtime";import{jsx as Le,jsxs as bt}from"react/jsx-runtime";var Ee="k-spin-button",Mt=[],gt={size:[o.small,o.medium,o.large],fillMode:[p.solid,p.flat,p.outline,p.clear,p.link]},ce={size:o.medium,fillMode:p.solid},S=t=>{let{size:e=ce.size,fillMode:l=ce.fillMode,...a}=t;return bt("span",{...a,className:r(Ee,t.className),children:[Le(I,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:e,fillMode:l}),Le(I,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:e,fillMode:l})]})};S.states=Mt;S.options=gt;S.className=Ee;S.defaultOptions=ce;S.moduleName=null;S.folderName=null;var Ae="date-input",Ce="dateinput";import{jsx as $,jsxs as Tt}from"react/jsx-runtime";var ze="k-dateinput",vt=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],yt={size:[o.small,o.medium,o.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[p.solid,p.flat,p.outline]},Z={size:g.defaultOptions.size,rounded:g.defaultOptions.rounded,fillMode:g.defaultOptions.fillMode},A=t=>{let{size:e=Z.size,rounded:l=Z.rounded,fillMode:a=Z.fillMode,value:i,placeholder:c,hover:d,focus:x,valid:m,invalid:h,required:b,loading:M,disabled:v,readonly:y,showClearButton:T,showSpinButton:O,...k}=t;return Tt(g,{...k,size:e,rounded:l,fillMode:a,hover:d,focus:x,valid:m,invalid:h,required:b,loading:M,disabled:v,readonly:y,className:r(t.className,ze),children:[$(R,{placeholder:c,value:i}),$(K,{valid:m,invalid:h,loading:M,disabled:v}),$(Y,{loading:M,disabled:v}),T&&$(w,{loading:M,disabled:v,readonly:y,value:i}),O&&$(S,{className:"k-input-spinner",size:e,fillMode:a})]})};A.states=vt;A.options=yt;A.className=ze;A.defaultOptions=Z;A.moduleName=Ae;A.folderName=Ce;var Gn=A;export{ze as DATEINPUT_CLASSNAME,A as DateInput,Gn as default};