UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 2.13 kB
var s=(...a)=>a.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((n,i)=>e[i]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var g=(a,e)=>{let{valid:n,invalid:i,hover:d,focus:t,checked:r,active:c,selected:m,disabled:u,indeterminate:b,loading:v,empty:p,readonly:$,highlighted:M,...x}=e;return s({"k-valid":n,"k-invalid":i,"k-hover":d,"k-focus":t,"k-checked":r,"k-active":c,"k-selected":m,"k-disabled":u,"k-indeterminate":b&&!r,"k-loading":v,"k-empty":p,"k-readonly":$,"k-highlighted":M},Object.keys(x).reduce((k,o)=>(o.startsWith("k-")?k[o]=x[o]:k[`k-${o}`]=x[o],k),{}))};var h={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"};import{Fragment as T,jsx as l,jsxs as f}from"react/jsx-runtime";var S=[h.focus],y=a=>{let{type:e,focus:n,separator:i,...d}=a,t,r=["00","01","02","03","04","05","06","07","08","09"];switch(e){case"dd":t="Day";break;case"HH":t="Hour";break;case"mm":t="Minute";break;case"ss":t="Second";break;case"SSS":t="Millisecond",r=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":t="AM/PM",r=["AM","PM"];break;default:t="Column Name";break}let c=r.map((m,u)=>l("li",{className:"k-item",role:"option","aria-selected":"false",children:l("span",{children:m})},u));return f(T,{children:[i&&l("div",{className:"k-time-separator",children:":"}),f("div",{...d,className:s(a.className,"k-time-list-wrapper",g("k-time-list-wrapper",{focus:n})),children:[l("span",{className:"k-title",children:t}),l("div",{className:"k-time-list",role:"listbox","aria-label":t,children:f("div",{className:"k-content k-scrollable k-time-container",children:[l("ul",{className:"k-reset",style:{transform:"translateY(97px)"},role:"none",children:c}),l("div",{className:"k-scrollable-placeholder"})]})})]})]})};y.states=S;var q=y;export{y as TimeSelectorColumn,q as default};