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

A collection of HTML helpers used for developing Kendo UI themes

var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((r,s)=>e[s]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var T=(t,e)=>i({[`${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"}),z=(t,e)=>{let{valid:r,invalid:s,hover:m,focus:l,checked:a,active:p,selected:c,disabled:h,indeterminate:k,loading:b,empty:$,readonly:E,highlighted:v,..._}=e;return i({"k-valid":r,"k-invalid":s,"k-hover":m,"k-focus":l,"k-checked":a,"k-active":p,"k-selected":c,"k-disabled":h,"k-indeterminate":k&&!a,"k-loading":b,"k-empty":$,"k-readonly":E,"k-highlighted":v},Object.keys(_).reduce((B,A)=>(A.startsWith("k-")?B[A]=_[A]:B[`k-${A}`]=_[A],B),{}))};function se(t,e){if(!e)return{};let r=Array.isArray(e)?e:[e];return Object.fromEntries(r.map(s=>[`k-${s}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},y={small:"small",medium:"medium",large:"large",full:"full"},g={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},o={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},f={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 re,jsx as M,jsxs as F}from"react/jsx-runtime";var Ee=[f.focus],V=t=>{let{type:e,focus:r,separator:s,...m}=t,l,a=["00","01","02","03","04","05","06","07","08","09"];switch(e){case"dd":l="Day";break;case"HH":l="Hour";break;case"mm":l="Minute";break;case"ss":l="Second";break;case"SSS":l="Millisecond",a=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":l="AM/PM",a=["AM","PM"];break;default:l="Column Name";break}let p=a.map(c=>M(re,{children:M("li",{className:"k-item",children:M("span",{children:c})})}));return F(re,{children:[s&&M("div",{className:"k-time-separator",children:":"}),F("div",{...m,className:i(t.className,"k-time-list-wrapper",z("k-time-list-wrapper",{focus:r})),children:[M("span",{className:"k-title",children:l}),M("div",{className:"k-time-list",children:F("div",{className:"k-content k-scrollable k-time-container",children:[M("ul",{className:"k-reset",style:{transform:"translateY(97px)"},children:p}),M("div",{className:"k-scrollable-placeholder"})]})})]})]})};V.states=Ee;import{jsx as pt,jsxs as ut}from"react/jsx-runtime";var G="action-buttons",ie=G;import{jsx as Le}from"react/jsx-runtime";var K="k-actions",_e=[],Be={},q={alignment:"start",orientation:"horizontal"},u=t=>{let{alignment:e=q.alignment,orientation:r=q.orientation,...s}=t;return Le("div",{...s,className:i(K,{[`${K}-${e}`]:e,[`${K}-${r}`]:r},t.className),children:t.children})};u.states=_e;u.options=Be;u.className=K;u.defaultOptions=q;u.moduleName=G;u.folderName=ie;import{Fragment as we,jsx as ae}from"react/jsx-runtime";var J="k-font-icon",Ie=[],He={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Pe={},L=t=>{let{size:e,themeColor:r,icon:s,rotate:m,flip:l,...a}=t;return s?ae("span",{...a,className:i(t.className,J,T(J,{size:e}),{[`k-i-${s}`]:s,[`k-color-${r}`]:r,[`k-rotate-${m}`]:m,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):ae(we,{})};L.states=Ie;L.options=He;L.className=J;L.defaultOptions=Pe;var le=L;import{Fragment as Ke,jsx as D}from"react/jsx-runtime";var X="k-svg-icon",Re=[],ze={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},me={viewBox:"0 0 24 24"},I=t=>{let{size:e,themeColor:r,rotate:s,flip:m,viewBox:l=me.viewBox,icon:a,...p}=t;if(!a)return D(Ke,{});a==="none"&&{...p,className:i(t.className,X,"k-none")};let c=typeof a=="object"&&a.name&&a.name;return D("span",{...p,className:i(t.className,X,T("k-icon",{size:e}),{[`k-svg-i-${c}`]:c,[`k-color-${r}`]:r,[`k-rotate-${s}`]:s,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),children:D("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:l,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:t.children})})};I.states=Re;I.options=ze;I.className=X;I.defaultOptions=me;var W=I;import*as Y from"@progress/kendo-svg-icons";var ce="icon",de="icons";import{Fragment as pe,jsx as H}from"react/jsx-runtime";var U="k-icon",De=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ue=[],$e={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Q={viewBox:"0 0 24 24",type:"svg"},N=t=>{let{size:e,themeColor:r,icon:s,type:m=Q.type,rotate:l,flip:a,viewBox:p=Q.viewBox,...c}=t;if(!s)return H(pe,{});if(m==="svg"){if(s==="none")return H(W,{...c,className:i(t.className,U),icon:s,size:e});let h=Y[s]?s:De(`${s}-icon`);return Y[h]?H(W,{...c,className:i(t.className,U),icon:Y[h],size:e,themeColor:r,rotate:l,flip:a,viewBox:p}):H(pe,{})}return H(le,{...c,className:i(t.className,U),icon:s,size:e,themeColor:r,rotate:l,flip:a})};N.states=Ue;N.options=$e;N.defaultOptions=Q;N.className=U;N.moduleName=ce;N.folderName=de;var Z="button",ue=Z;import{Fragment as qe,jsx as P,jsxs as fe}from"react/jsx-runtime";var w="k-button",Fe=["icon-button"],Ve=[f.hover,f.focus,f.active,f.selected,f.disabled,f.generating],Ge={size:[n.small,n.medium,n.large],rounded:[y.small,y.medium,y.large,y.full],fillMode:[g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},C={size:n.medium,rounded:y.medium,fillMode:g.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},d=t=>{let{size:e=C.size,rounded:r=C.rounded,fillMode:s=C.fillMode,themeColor:m=C.themeColor,showArrow:l=C.showArrow,arrowIconName:a=C.arrowIconName,variant:p,hover:c,focus:h,active:k,selected:b,disabled:$,icon:E,text:v,iconClassName:_,...B}=t,A=E!==void 0,ye=t.children!==void 0;return fe("button",{...B,className:i(t.className,w,se(w,p),T(w,{size:e,rounded:r,fillMode:s,themeColor:m}),z(w,{hover:c,focus:h,active:k,disabled:$,selected:b}),{"k-icon-button":!v&&!ye&&A}),children:[E&&P(N,{className:i(_,"k-button-icon"),icon:E}),v?fe(qe,{children:[v&&P("span",{className:"k-button-text",children:v}),t.children]}):t.children&&P("span",{className:"k-button-text",children:t.children}),l&&P("span",{className:"k-menu-button-arrow k-button-arrow",children:P(N,{icon:a})})]})};d.states=Ve;d.options=Ge;d.variants=Fe;d.className=w;d.defaultOptions=C;d.moduleName=Z;d.folderName=ue;import{jsx as Jt}from"react/jsx-runtime";import{jsx as Qt}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";import{jsx as uo,jsxs as fo}from"react/jsx-runtime";var j="popup",Ne=j;import{jsx as xe}from"react/jsx-runtime";var he="k-animation-container",Je=[],Xe={},Te={positionMode:"absolute"},S=t=>{let{positionMode:e=Te.positionMode,animationStyle:r,offset:s,...m}=t;return xe("div",{...m,style:{...s,...t.style},className:i(t.className,he,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:xe("div",{className:"k-child-animation-container",style:r,children:t.children})})};S.states=Je;S.options=Xe;S.className=he;S.defaultOptions=Te;S.moduleName=j;S.folderName=Ne;var ee="popup",Me=ee;import{jsx as Se}from"react/jsx-runtime";var Ae="k-popup",We=[],Ye={},ge={positionMode:"absolute"},x=t=>{let{offset:e,positionMode:r=ge.positionMode,animationStyle:s,...m}=t;return Se(S,{positionMode:r,offset:e,animationStyle:s,children:Se("div",{...m,className:i(t.className,Ae),children:t.children})})};x.states=We;x.options=Ye;x.className=Ae;x.defaultOptions=ge;x.moduleName=ee;x.folderName=Me;import{Fragment as Ko,jsx as Ro,jsxs as zo}from"react/jsx-runtime";import{Fragment as Wo,jsx as Jo,jsxs as Xo}from"react/jsx-runtime";import{Fragment as rn,jsx as nn,jsxs as sn}from"react/jsx-runtime";var Oe="time-selector",ke="timeselector";import{Fragment as oe,jsx as R,jsxs as be}from"react/jsx-runtime";var ne="k-timeselector",Qe=[],Ze={size:[n.small,n.medium,n.large]},ve={size:n.medium},O=t=>{let{size:e=ve.size,header:r,fastSelection:s,columns:m,focusedColumn:l,...a}=t,p=m.map(function(c,h){let k=!1,b=!0;return c===l&&(k=!0),(h===0||c==="tt")&&(b=!1),R(oe,{children:R(V,{type:c,focus:k,separator:b})})});return be("div",{...a,className:i(t.className,ne,T(ne,{size:e})),children:[R(oe,{children:r}),R(oe,{children:s}),be("div",{className:"k-time-list-container",children:[R("span",{className:"k-time-highlight"}),p]})]})};O.states=Qe;O.options=Ze;O.className=ne;O.defaultOptions=ve;O.moduleName=Oe;O.folderName=ke;var te=O;export{O as TimeSelector,te as default};