UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 22.4 kB
var Lt=Object.create;var Se=Object.defineProperty;var wt=Object.getOwnPropertyDescriptor;var Rt=Object.getOwnPropertyNames;var Bt=Object.getPrototypeOf,Kt=Object.prototype.hasOwnProperty;var Vt=(e,t)=>{for(var o in t)Se(e,o,{get:t[o],enumerable:!0})},et=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Rt(t))!Kt.call(e,s)&&s!==o&&Se(e,s,{get:()=>t[s],enumerable:!(i=wt(t,s))||i.enumerable});return e};var $t=(e,t,o)=>(o=e!=null?Lt(Bt(e)):{},et(t||!e||!e.__esModule?Se(o,"default",{value:e,enumerable:!0}):o,e)),Ft=e=>et(Se({},"__esModule",{value:!0}),e);var tn={};Vt(tn,{TIMEPICKER_CLASSNAME:()=>je,TimePicker:()=>ae,default:()=>en});module.exports=Ft(tn);var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...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 b=(e,t)=>a({[`${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.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),O=(e,t)=>a({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var l={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},m={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",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"};var tt=require("react/jsx-runtime"),Ne="k-input",_t=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Xt={size:[l.small,l.medium,l.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline]},ve={size:l.medium,rounded:l.medium,fillMode:f.solid},v=e=>{let{hover:t,focus:o,disabled:i,invalid:s,valid:r,loading:c,readonly:u,size:d=ve.size,rounded:x=ve.rounded,fillMode:S=ve.fillMode,...g}=e;return(0,tt.jsx)("span",{...g,className:a(e.className,Ne,b(Ne,{size:d,rounded:x,fillMode:S}),O(Ne,{hover:t,focus:o,disabled:i,invalid:s,valid:r,loading:c,readonly:u}))})};v.states=_t;v.options=Xt;v.className=Ne;v.defaultOptions=ve;var ot=require("react/jsx-runtime"),be="k-picker",Dt=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Jt={size:[l.small,l.medium,l.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline]},ge={size:l.medium,rounded:p.medium,fillMode:f.solid},ye=e=>{let{hover:t,focus:o,disabled:i,invalid:s,valid:r,loading:c,readonly:u,size:d=ge.size,rounded:x=ge.rounded,fillMode:S=ge.fillMode,...g}=e;return(0,ot.jsx)("span",{...g,className:a(e.className,be,b(be,{size:d,rounded:x,fillMode:S}),O(be,{hover:t,focus:o,disabled:i,invalid:s,valid:r,loading:c,readonly:u})),children:e.children})};ye.states=Dt;ye.options=Jt;ye.className=be;ye.defaultOptions=ge;var se=require("react/jsx-runtime"),ze="k-icon k-font-icon",qt=[],Gt={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},Ut={},le=e=>{let{size:t,themeColor:o,icon:i,rotate:s,flip:r,...c}=e;return i?(0,se.jsx)("span",{...c,className:a(e.className,ze,b(ze,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"})}):(0,se.jsx)(se.Fragment,{})};le.states=qt;le.options=Gt;le.className=ze;le.defaultOptions=Ut;var nt=le;var J=require("react/jsx-runtime"),Oe="k-icon k-svg-icon",Wt=[],Yt={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},at={viewBox:"0 0 24 24"},re=e=>{let{size:t,themeColor:o,rotate:i,flip:s,viewBox:r=at.viewBox,icon:c,...u}=e;if(!c)return(0,J.jsx)(J.Fragment,{});c==="none"&&{...u,className:a(e.className,Oe,"k-none")};let d=typeof c=="object"&&c.name&&c.name;return(0,J.jsx)("span",{...u,className:a(e.className,Oe,b("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:(0,J.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:r,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};re.states=Wt;re.options=Yt;re.className=Oe;re.defaultOptions=at;var Pe=re;var it=$t(require("@progress/kendo-svg-icons")),w=require("react/jsx-runtime"),Qt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Zt=[],jt={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},Le={viewBox:"0 0 24 24",type:"svg"},y=e=>{let{size:t,themeColor:o,icon:i,type:s=Le.type,rotate:r,flip:c,viewBox:u=Le.viewBox,...d}=e;if(!i)return(0,w.jsx)(w.Fragment,{});if(s==="svg"){if(i==="none")return(0,w.jsx)(Pe,{...d,icon:i,size:t});let x=Qt(`${i}-icon`);return it[x]?(0,w.jsx)(Pe,{...d,icon:it[x],size:t,themeColor:o,rotate:r,flip:c,viewBox:u}):(0,w.jsx)(w.Fragment,{})}return(0,w.jsx)(nt,{...d,icon:i,size:t,themeColor:o,rotate:r,flip:c})};y.states=Zt;y.options=jt;y.defaultOptions=Le;var Z=require("react/jsx-runtime"),st="k-clear-value",eo=[n.disabled,n.loading,n.readonly],to={},R=e=>{let{disabled:t,loading:o,readonly:i,value:s}=e;return t||i||o||!s?(0,Z.jsx)(Z.Fragment,{}):(0,Z.jsx)("span",{className:a(e.className,st),children:(0,Z.jsx)(y,{icon:"x"})})};R.states=eo;R.options=to;R.className=st;var lt=require("react/jsx-runtime"),we="k-input-inner",oo=[],no={},ke={type:"text",autocomplete:"off",value:"",placeholder:""},B=e=>{let{value:t=ke.value,type:o=ke.type,placeholder:i=ke.placeholder,autocomplete:s=ke.autocomplete,...r}=e;return(0,lt.jsx)("input",{...r,type:o,className:a(e.className,we,b(we,e)),placeholder:i,autoComplete:s,defaultValue:t})};B.states=oo;B.options=no;B.className=we;var ce=require("react/jsx-runtime"),Re="k-input-inner",ao=[],io={},Be=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:s,valueIconName:r,...c}=e;return(0,ce.jsxs)("span",{...c,className:a(e.className,Re,b(Re,e)),children:[s,!s&&r&&(0,ce.jsx)(y,{className:"k-input-value-icon",icon:r}),i&&!t&&o,i&&t&&(0,ce.jsx)("span",{className:"k-input-value-text",children:t})]})};Be.states=ao;Be.options=io;Be.className=Re;var ct=require("react/jsx-runtime"),Ke="k-input-inner",so=[],lo={},rt={value:"",placeholder:""},Ve=e=>{let{value:t=rt.value,placeholder:o=rt.placeholder,rows:i,...s}=e;return(0,ct.jsx)("textarea",{...s,className:a(e.className,Ke,b(Ke,e)),placeholder:o,rows:i,defaultValue:t})};Ve.states=so;Ve.options=lo;Ve.className=Ke;var me=require("react/jsx-runtime"),mt="k-input-loading-icon",ro=[n.disabled,n.loading],F=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,me.jsx)(me.Fragment,{}):(0,me.jsx)("span",{className:a(e.className,mt,"k-icon k-i-loading")})};F.states=ro;F.className=mt;var de=require("react/jsx-runtime"),dt="k-input-validation-icon",co=[n.valid,n.invalid,n.disabled,n.loading],mo={},K=e=>{let{valid:t,invalid:o,disabled:i,loading:s}=e,r=o?"warning-circle":"check-circle";return i||s||!!!(t||o)?(0,de.jsx)(de.Fragment,{}):(0,de.jsx)(y,{className:a(dt),icon:r})};K.states=co;K.options=mo;K.className=dt;var pe=require("react/jsx-runtime"),po="k-input-prefix",uo={direction:"horizontal"},Ie=e=>{let{direction:t=uo.direction,...o}=e;return e.children?(0,pe.jsx)("span",{...o,className:a(po,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,pe.jsx)(pe.Fragment,{})};var ue=require("react/jsx-runtime"),fo="k-input-suffix",ho={direction:"horizontal"},Me=e=>{let{direction:t=ho.direction,...o}=e;return e.children?(0,ue.jsx)("span",{...o,className:a(fo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ue.jsx)(ue.Fragment,{})};var xo=require("react/jsx-runtime");var So=require("react/jsx-runtime");var ut=require("react/jsx-runtime"),pt="k-input-separator",No={direction:"vertical"},$e=e=>{let{direction:t=No.direction,...o}=e;return(0,ut.jsx)("span",{...o,className:a(pt,e.className,{[`${pt}-${t}`]:t})})};var z=require("react/jsx-runtime"),Te="k-button",vo=[n.hover,n.focus,n.active,n.selected,n.disabled],bo={size:[l.small,l.medium,l.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},q={size:l.medium,rounded:p.medium,fillMode:f.solid,themeColor:m.base,showArrow:!1,arrowIconName:"caret-alt-down"},N=e=>{let{size:t=q.size,rounded:o=q.rounded,fillMode:i=q.fillMode,themeColor:s=q.themeColor,showArrow:r=q.showArrow,arrowIconName:c=q.arrowIconName,hover:u,focus:d,active:x,selected:S,disabled:g,icon:P,text:M,iconClassName:E,...L}=e,ie=P!==void 0,$=e.children!==void 0;return(0,z.jsxs)("button",{...L,className:a(e.className,Te,b(Te,{size:t,rounded:o,fillMode:i,themeColor:s}),O(Te,{hover:u,focus:d,active:x,disabled:g,selected:S}),{"k-icon-button":!M&&!$&&ie}),children:[P&&(0,z.jsx)(y,{className:a(E,"k-button-icon"),icon:P}),M?(0,z.jsxs)(z.Fragment,{children:[M&&(0,z.jsx)("span",{className:"k-button-text",children:M}),e.children]}):e.children&&(0,z.jsx)("span",{className:"k-button-text",children:e.children}),r&&(0,z.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,z.jsx)(y,{icon:c})})]})};N.states=vo;N.options=bo;N.className=Te;N.defaultOptions=q;var go=require("react/jsx-runtime");var yo=require("react/jsx-runtime");var ko=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),ft="k-animation-container",Io=[],Mo={},ht={positionMode:"absolute"},_=e=>{let{positionMode:t=ht.positionMode,animationStyle:o,offset:i,...s}=e;return(0,Fe.jsx)("div",{...s,style:{...i,...e.style},className:a(e.className,ft,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Fe.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};_.states=Io;_.options=Mo;_.className=ft;_.defaultOptions=ht;var _e=require("react/jsx-runtime"),xt="k-popup",To=[],Ao={},St={positionMode:"absolute"},V=e=>{let{offset:t,positionMode:o=St.positionMode,animationStyle:i,...s}=e;return(0,_e.jsx)(_,{positionMode:o,offset:t,animationStyle:i,children:(0,_e.jsx)("div",{...s,className:a(e.className,xt),children:e.children})})};V.states=To;V.options=Ao;V.className=xt;V.defaultOptions=St;var T=require("react/jsx-runtime"),Xe="k-timeselector",Co=[],Ho={size:[l.small,l.medium,l.large]},Nt={size:l.medium},G=e=>{let{size:t=Nt.size,header:o,fastSelection:i,columns:s,focusedColumn:r,...c}=e,u=s.map(function(d,x){let S=!1,g=!0;return d===r&&(S=!0),(x===0||d==="tt")&&(g=!1),(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(De,{type:d,focus:S,separator:g})})});return(0,T.jsxs)("div",{...c,className:a(e.className,Xe,b(Xe,{size:t})),children:[(0,T.jsx)(T.Fragment,{children:o}),(0,T.jsx)(T.Fragment,{children:i}),(0,T.jsxs)("div",{className:"k-time-list-container",children:[(0,T.jsx)("span",{className:"k-time-highlight"}),u]})]})};G.states=Co;G.options=Ho;G.className=Xe;G.defaultOptions=Nt;var k=require("react/jsx-runtime"),Eo=[n.focus],De=e=>{let{type:t,focus:o,separator:i,...s}=e,r,c=["00","01","02","03","04","05","06","07","08","09"];switch(t){case"dd":r="Day";break;case"HH":r="Hour";break;case"mm":r="Minute";break;case"ss":r="Second";break;case"SSS":r="Millisecond",c=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":r="AM/PM",c=["AM","PM"];break;default:r="Column Name";break}let u=c.map(d=>(0,k.jsx)(k.Fragment,{children:(0,k.jsx)("li",{className:"k-item",children:(0,k.jsx)("span",{children:d})})}));return(0,k.jsxs)(k.Fragment,{children:[i&&(0,k.jsx)("div",{className:"k-time-separator",children:":"}),(0,k.jsxs)("div",{...s,className:a(e.className,"k-time-list-wrapper",O("k-time-list-wrapper",{focus:o})),children:[(0,k.jsx)("span",{className:"k-title",children:r}),(0,k.jsx)("div",{className:"k-time-list",children:(0,k.jsxs)("div",{className:"k-content k-scrollable k-time-container",children:[(0,k.jsx)("ul",{className:"k-reset",style:{transform:"translateY(97px)"},children:u}),(0,k.jsx)("div",{className:"k-scrollable-placeholder"})]})})]})]})};De.states=Eo;var Ae=require("react/jsx-runtime"),zo="k-time-header",j=e=>{let{title:t,...o}=e;return(0,Ae.jsxs)("div",{...o,className:a(e.className,zo),children:[t!=null&&(0,Ae.jsx)("span",{className:"k-title",children:t}),e.children]})};var vt=require("react/jsx-runtime"),Ce="k-actions",Oo=[],Po={},Je={alignment:"start",orientation:"horizontal"},C=e=>{let{alignment:t=Je.alignment,orientation:o=Je.orientation,...i}=e;return(0,vt.jsx)("div",{...i,className:a(Ce,{[`${Ce}-${t}`]:t,[`${Ce}-${o}`]:o},e.className),children:e.children})};C.states=Oo;C.options=Po;C.className=Ce;C.defaultOptions=Je;var bt=require("react/jsx-runtime");var qe=require("react/jsx-runtime");var Ge=require("react/jsx-runtime");var Ue=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),Lo="k-actionsheet-footer",yt={alignment:"stretched",orientation:"horizontal"},fe=e=>{let{alignment:t=yt.alignment,orientation:o=yt.orientation,template:i,as:s=i?"div":C,...r}=e;return(0,kt.jsx)(s,{...r,...!i&&{alignment:t,orientation:o},className:a(e.className,Lo),children:e.children})};var X=require("react/jsx-runtime"),It="k-searchbox",wo=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Ro={size:[l.small,l.medium,l.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline]},We={showIcon:!0,icon:"search",size:v.defaultOptions.size,rounded:v.defaultOptions.rounded,fillMode:v.defaultOptions.fillMode},ee=e=>{let{value:t,placeholder:o,size:i,rounded:s,fillMode:r,hover:c,focus:u,valid:d,invalid:x,required:S,loading:g,disabled:P,showIcon:M=We.showIcon,icon:E=We.icon,...L}=e;return(0,X.jsxs)(v,{...L,size:i,rounded:s,fillMode:r,hover:c,focus:u,valid:d,invalid:x,required:S,loading:g,disabled:P,className:a(e.className,It),children:[M&&(0,X.jsx)(y,{className:"k-input-icon",icon:E}),(0,X.jsx)(B,{placeholder:o,value:t}),(0,X.jsx)(F,{...e}),(0,X.jsx)(K,{...e}),(0,X.jsx)(R,{...e})]})};ee.states=wo;ee.options=Ro;ee.className=It;ee.defaultOptions=We;var Bo=require("react/jsx-runtime");var I=require("react/jsx-runtime"),Mt="k-textbox",Ko=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Vo={size:[l.small,l.medium,l.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline]},U={showClearButton:!0,showValidationIcon:!0,size:v.defaultOptions.size,rounded:v.defaultOptions.rounded,fillMode:v.defaultOptions.fillMode,separators:!0},te=e=>{let{size:t=U.size,rounded:o=U.rounded,fillMode:i=U.fillMode,separators:s=U.separators,showClearButton:r=U.showClearButton,showValidationIcon:c=U.showValidationIcon,prefix:u,suffix:d,type:x,value:S,placeholder:g,hover:P,focus:M,valid:E,invalid:L,required:ie,loading:$,disabled:Q,readonly:xe,...Ee}=e;return(0,I.jsxs)(v,{...Ee,size:t,rounded:o,fillMode:i,hover:P,focus:M,valid:E,invalid:L,required:ie,loading:$,disabled:Q,readonly:xe,className:a(e.className,Mt),children:[u&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Ie,{children:u}),s&&(0,I.jsx)($e,{})]}),(0,I.jsx)(B,{placeholder:g,value:S,type:x}),c&&(0,I.jsx)(K,{valid:E,invalid:L,loading:$,disabled:Q}),(0,I.jsx)(F,{loading:$,disabled:Q}),r&&(0,I.jsx)(R,{loading:$,disabled:Q,readonly:xe,value:S}),d&&(0,I.jsxs)(I.Fragment,{children:[s&&(0,I.jsx)($e,{}),(0,I.jsx)(Me,{children:d})]})]})};te.states=Ko;te.options=Vo;te.className=Mt;te.defaultOptions=U;var $o=require("react/jsx-runtime");var At=require("react/jsx-runtime");var Ct=require("react/jsx-runtime");var A=require("react/jsx-runtime"),Ht="k-actionsheet-titlebar",Fo={},D=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:s,filter:r,input:c,inputValue:u,inputPlaceholder:d,adaptive:x,children:S,...g}=e;return(0,A.jsxs)("div",{...g,className:a(e.className,Ht),children:[(0,A.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[i&&(0,A.jsx)("div",{className:"k-actionsheet-actions",children:i}),!S&&(0,A.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,A.jsx)("div",{className:"k-text-center",children:t}),o&&(0,A.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),S&&(0,A.jsx)("div",{className:"k-actionsheet-title",children:S}),s&&(0,A.jsx)("div",{className:"k-actionsheet-actions",children:s})]}),(c||r)&&(0,A.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,A.jsx)(te,{value:u,placeholder:d,size:x?"large":"medium"}):(0,A.jsx)(ee,{placeholder:"Filter",size:x?"large":"medium"})})]})};D.className=Ht;D.defaultOptions=Fo;var oe=require("react/jsx-runtime"),Ye="k-actionsheet-view",_o=[],Xo={},Do={},ne=e=>{let{adaptive:t,animated:o,children:i,header:s,footer:r,...c}=e,u=(s==null?void 0:s.type)===D&&(0,oe.jsx)(D,{adaptive:t,...s==null?void 0:s.props}),d=(r==null?void 0:r.type)===fe&&(0,oe.jsx)(fe,{...r==null?void 0:r.props});return(0,oe.jsxs)("div",{...c,className:a(e.className,Ye,{[`${Ye}-animated`]:o}),children:[u,(0,oe.jsx)("div",{className:"k-actionsheet-content",children:i}),d]})};ne.states=_o;ne.options=Xo;ne.className=Ye;ne.defaultOptions=Do;var W=require("react/jsx-runtime"),Et="k-actionsheet",Jo=[],qo={},he={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=he.side,fullscreen:o=he.fullscreen,adaptive:i=he.adaptive,overlay:s=he.overlay,template:r,children:c,header:u,footer:d,...x}=e;return(0,W.jsxs)("div",{className:"k-actionsheet-container",children:[s&&(0,W.jsx)("div",{className:"k-overlay"}),(0,W.jsx)(_,{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,W.jsx)("div",{...x,className:a(e.className,Et,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:r||(0,W.jsx)(ne,{header:u,footer:d,adaptive:i,...e,children:c})})})]})};Y.states=Jo;Y.options=qo;Y.className=Et;Y.defaultOptions=he;var Go=require("react/jsx-runtime");var H=require("react/jsx-runtime"),Qe="k-actionsheet-item",Uo=[n.hover,n.focus,n.selected,n.disabled],Ze=e=>{let{iconName:t,text:o,description:i,hover:s,focus:r,selected:c,disabled:u,...d}=e;return(0,H.jsxs)("span",{...d,className:a(e.className,Qe,O(Qe,{hover:s,focus:r,selected:c,disabled:u})),children:[!e.children&&(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,H.jsx)("span",{className:"k-icon-wrap",children:(0,H.jsx)(y,{className:"k-actionsheet-item-icon",icon:t})}),(0,H.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,H.jsx)("span",{className:"k-actionsheet-item-title",children:o}),i&&(0,H.jsx)("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Ze.states=Uo;Ze.className=Qe;var zt=require("react/jsx-runtime");var Wo=require("react/jsx-runtime");var Yo=require("react/jsx-runtime");var Qo=require("react/jsx-runtime");var h=require("react/jsx-runtime"),je="k-timepicker",Zo=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],jo={size:[l.small,l.medium,l.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[f.solid,f.flat,f.outline]},He={size:v.defaultOptions.size,rounded:v.defaultOptions.rounded,fillMode:v.defaultOptions.fillMode},ae=e=>{let{size:t=He.size,rounded:o=He.rounded,fillMode:i=He.fillMode,prefix:s,suffix:r,value:c,placeholder:u,hover:d,focus:x,valid:S,invalid:g,required:P,loading:M,disabled:E,readonly:L,opened:ie,adaptive:$,adaptiveSettings:Q,adaptiveTitle:xe,adaptiveSubtitle:Ee,...Pt}=e;return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)(v,{...Pt,size:t,rounded:o,fillMode:i,hover:d,focus:x,valid:S,invalid:g,required:P,loading:M,disabled:E,readonly:L,className:a(e.className,je),children:[(0,h.jsx)(Ie,{children:s}),(0,h.jsx)(B,{placeholder:u,value:c}),(0,h.jsx)(K,{valid:S,invalid:g,loading:M,disabled:E}),(0,h.jsx)(F,{loading:M,disabled:E}),(0,h.jsx)(R,{loading:M,disabled:E,readonly:L,value:c}),(0,h.jsx)(Me,{children:r}),(0,h.jsx)(N,{className:"k-input-button",icon:"clock",rounded:null,size:t,fillMode:i})]}),ie&&(0,h.jsxs)(V,{className:"k-list-container k-timepicker-popup",children:[(0,h.jsx)(G,{columns:["HH","mm","ss","tt"],focusedColumn:"mm",header:(0,h.jsx)(j,{title:"10:00:00 AM",children:(0,h.jsx)(N,{fillMode:"flat",className:"k-time-now",children:"Now"})})}),(0,h.jsxs)(C,{alignment:"stretched",className:"k-time-footer",children:[(0,h.jsx)(N,{themeColor:"primary",className:"k-time-accept",children:"Set"}),(0,h.jsx)(N,{className:"k-time-cancel",children:"Cancel"})]})]}),$&&(0,h.jsx)(Y,{adaptive:!0,...Q,header:(0,h.jsx)(D,{actionsEnd:(0,h.jsx)(N,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),title:xe,subtitle:Ee}),footer:(0,h.jsxs)(fe,{children:[(0,h.jsx)(N,{text:"Cancel",size:"large",themeColor:"base"}),(0,h.jsx)(N,{text:"Set time",size:"large",themeColor:"primary"})]}),children:(0,h.jsx)(G,{size:"large",columns:["HH","mm","ss","tt"],focusedColumn:"HH",header:(0,h.jsx)(j,{title:"10:00:00 \u0410\u041C",children:(0,h.jsx)(N,{size:"large",fillMode:"flat",className:"k-time-now",children:"Now"})})})})]})};ae.states=Zo;ae.options=jo;ae.className=je;ae.defaultOptions=He;var en=ae;