@progress/kendo-themes-html/dist/esm/time-selector/time-selector-column.mjs

A collection of HTML helpers used for developing Kendo UI themes

var r=(...i)=>i.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((a,s)=>e[s]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var o=(i,e)=>r({"k-valid":e.valid,"k-invalid":e.invalid,"k-hover":e.hover,"k-focus":e.focus,"k-checked":e.checked,"k-active":e.active,"k-selected":e.selected,"k-disabled":e.disabled,"k-indeterminate":e.indeterminate&&!e.checked,"k-loading":e.loading,"k-empty":e.empty,"k-readonly":e.readonly,"k-highlighted":e.highlighted});var c={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"};import{Fragment as m,jsx as l,jsxs as d}from"react/jsx-runtime";var f=[c.focus],u=i=>{let{type:e,focus:a,separator:s,...k}=i,t,n=["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",n=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":t="AM/PM",n=["AM","PM"];break;default:t="Column Name";break}let x=n.map(h=>l(m,{children:l("li",{className:"k-item",children:l("span",{children:h})})}));return d(m,{children:[s&&l("div",{className:"k-time-separator",children:":"}),d("div",{...k,className:r(i.className,"k-time-list-wrapper",o("k-time-list-wrapper",{focus:a})),children:[l("span",{className:"k-title",children:t}),l("div",{className:"k-time-list",children:d("div",{className:"k-content k-scrollable k-time-container",children:[l("ul",{className:"k-reset",style:{transform:"translateY(97px)"},children:x}),l("div",{className:"k-scrollable-placeholder"})]})})]})]})};u.states=f;var N=u;export{u as TimeSelectorColumn,N as default};