@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 2.82 kB
JavaScript
var n=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((t,s)=>e[s]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var A=(o,e)=>n({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"});var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"};var u="popup",M=u;import{jsx as N}from"react/jsx-runtime";var g="k-animation-container",_=[],R={},p={positionMode:"absolute",shown:!0},r=o=>{let{positionMode:e=p.positionMode,shown:t=p.shown,animationStyle:s,offset:l,...c}=o;return N("div",{...c,style:{...l,...o.style},className:n(o.className,g,{"k-animation-container-shown":t,"k-animation-container-fixed":e==="fixed"}),children:N("div",{className:"k-child-animation-container",style:s,children:o.children})})};r.states=_;r.options=R;r.className=g;r.defaultOptions=p;r.moduleName=u;r.folderName=M;var f="popup",b=f;import{jsx as O}from"react/jsx-runtime";var h="k-popup",v=[],C={},P={positionMode:"absolute"},i=o=>{let{offset:e,positionMode:t=P.positionMode,animationStyle:s,containerClassName:l,containerRole:c,containerAriaLabel:T,...L}=o;return O(r,{positionMode:t,offset:e,animationStyle:s,className:l,role:c,"aria-label":T,children:O("div",{...L,className:n(o.className,h),children:o.children})})};i.states=v;i.options=C;i.className=h;i.defaultOptions=P;i.moduleName=f;i.folderName=b;i.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var x="toolbar",k=x;import{jsx as E}from"react/jsx-runtime";var y="k-toolbar-popup",S=[],I={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},K={},a=o=>{let{size:e,fillMode:t,section:s,...l}=o;return E(i,{...l,className:n(o.className,y),children:s?E("span",{className:n("k-toolbar-items-list",A("k-toolbar-items-list",{size:e,fillMode:t})),role:"toolbar",children:o.children}):o.children})};a.states=S;a.options=I;a.className=y;a.defaultOptions=K;a.moduleName=x;a.folderName=k;var ce=a;export{y as TOOLBARPOPUP_CLASSNAME,a as ToolbarPopup,ce as default};