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