@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 3.28 kB
JavaScript
var u=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var S=(o,e)=>{for(var t in e)u(o,t,{get:e[t],enumerable:!0})},I=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of v(e))!C.call(o,n)&&n!==t&&u(o,n,{get:()=>e[n],enumerable:!(i=R(e,n))||i.enumerable});return o};var K=o=>I(u({},"__esModule",{value:!0}),o);var j={};S(j,{TOOLBARPOPUP_CLASSNAME:()=>b,ToolbarPopup:()=>l,default:()=>B});module.exports=K(j);var r=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((t,i)=>e[i]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var O=(o,e)=>r({[`${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 p="popup",h=p;var x=require("react/jsx-runtime"),P="k-animation-container",D=[],$={},f={positionMode:"absolute",shown:!0},a=o=>{let{positionMode:e=f.positionMode,shown:t=f.shown,animationStyle:i,offset:n,...c}=o;return(0,x.jsx)("div",{...c,style:{...n,...o.style},className:r(o.className,P,{"k-animation-container-shown":t,"k-animation-container-fixed":e==="fixed"}),children:(0,x.jsx)("div",{className:"k-child-animation-container",style:i,children:o.children})})};a.states=D;a.options=$;a.className=P;a.defaultOptions=f;a.moduleName=p;a.folderName=h;var A="popup",k=A;var M=require("react/jsx-runtime"),E="k-popup",z=[],H={},y={positionMode:"absolute"},s=o=>{let{offset:e,positionMode:t=y.positionMode,animationStyle:i,containerClassName:n,containerRole:c,containerAriaLabel:L,..._}=o;return(0,M.jsx)(a,{positionMode:t,offset:e,animationStyle:i,className:n,role:c,"aria-label":L,children:(0,M.jsx)("div",{..._,className:r(o.className,E),children:o.children})})};s.states=z;s.options=H;s.className=E;s.defaultOptions=y;s.moduleName=A;s.folderName=k;s.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 N="toolbar",T=N;var g=require("react/jsx-runtime"),b="k-toolbar-popup",U=[],w={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},F={},l=o=>{let{size:e,fillMode:t,section:i,...n}=o;return(0,g.jsx)(s,{...n,className:r(o.className,b),children:i?(0,g.jsx)("span",{className:r("k-toolbar-items-list",O("k-toolbar-items-list",{size:e,fillMode:t})),role:"toolbar",children:o.children}):o.children})};l.states=U;l.options=w;l.className=b;l.defaultOptions=F;l.moduleName=N;l.folderName=T;var B=l;