@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.73 kB
JavaScript
var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var c={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{jsx as m}from"react/jsx-runtime";var u="k-animation-container",y=[],M={},f={positionMode:"absolute"},a=t=>{let{positionMode:e=f.positionMode,animationStyle:o,offset:n,...s}=t;return m("div",{...s,style:{...n,...t.style},className:i(t.className,u,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:m("div",{className:"k-child-animation-container",style:o,children:t.children})})};a.states=y;a.options=M;a.className=u;a.defaultOptions=f;import{jsx as x}from"react/jsx-runtime";var h="k-popup",p=[],b={},v={positionMode:"absolute"},l=t=>{let{offset:e,positionMode:o=v.positionMode,animationStyle:n,...s}=t;return x(a,{positionMode:o,offset:e,animationStyle:n,children:x("div",{...s,className:i(t.className,h),children:t.children})})};l.states=p;l.options=b;l.className=h;l.defaultOptions=v;import{Fragment as S,jsx as d,jsxs as k}from"react/jsx-runtime";var g="k-popover",P=[],N={},A={},r=t=>{let{callout:e,title:o,body:n,...s}=t;return k(l,{...s,className:i(t.className,g),children:[e&&d("div",{className:i("k-popover-callout",{[`k-callout-${c.calloutMap[e]||e}`]:e})}),k("div",{className:"k-popover-inner",children:[o&&d("div",{className:"k-popover-header",children:o}),n&&d("div",{className:"k-popover-body",children:n}),d(S,{children:t.children})]})]})};r.states=P;r.options=N;r.className=g;r.defaultOptions=A;var V=r;export{g as POPOVER_CLASSNAME,r as Popover,V as default};