@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 7.54 kB
JavaScript
var se=Object.create;var L=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var de=(o,e)=>{for(var n in e)L(o,n,{get:e[n],enumerable:!0})},j=(o,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of le(e))!ce.call(o,i)&&i!==n&&L(o,i,{get:()=>e[i],enumerable:!(s=ie(e,i))||s.enumerable});return o};var me=(o,e,n)=>(n=o!=null?se(ae(o)):{},j(e||!o||!o.__esModule?L(n,"default",{value:o,enumerable:!0}):n,o)),ue=o=>j(L({},"__esModule",{value:!0}),o);var _e={};de(_e,{TextButtonGroup:()=>Se});module.exports=ue(_e);var a=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((n,s)=>e[s]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var b=(o,e)=>a({[`${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.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"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=(o,e)=>{let{valid:n,invalid:s,hover:i,focus:m,checked:l,active:N,selected:p,disabled:k,indeterminate:U,loading:$,empty:G,readonly:T,highlighted:B,...A}=e;return a({"k-valid":n,"k-invalid":s,"k-hover":i,"k-focus":m,"k-checked":l,"k-active":N,"k-selected":p,"k-disabled":k,"k-indeterminate":U&&!l,"k-loading":$,"k-empty":G,"k-readonly":T,"k-highlighted":B},Object.keys(A).reduce((S,v)=>(v.startsWith("k-")?S[v]=A[v]:S[`k-${v}`]=A[v],S),{}))};function J(o,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(s=>[`k-${s}`,!0]))}var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},C={small:"small",medium:"medium",large:"large",full:"full"},c={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},t={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},f={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",generating:"generating",expanded:"expanded"};var P="button",Q=P;var Y=require("react/jsx-runtime"),_="k-button-group",pe=[f.disabled],fe={fillMode:[c.solid,c.flat,c.outline,c.clear,c.link]},X={fillMode:c.solid},y=o=>{let{fillMode:e=X.fillMode,disabled:n,stretched:s,...i}=o;return(0,Y.jsx)("div",{...i,className:a(o.className,_,b(_,{fillMode:e}),K(_,{disabled:n}),{[`${_}-stretched`]:s}),children:o.children})};y.states=pe;y.options=fe;y.className=_;y.defaultOptions=X;y.moduleName=P;y.folderName=Q;var I=require("react/jsx-runtime"),F="k-font-icon",xe=[],he={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},ge={},w=o=>{let{size:e,themeColor:n,icon:s,rotate:i,flip:m,...l}=o;return s?(0,I.jsx)("span",{...l,className:a(o.className,F,b(F,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):(0,I.jsx)(I.Fragment,{})};w.states=xe;w.options=he;w.className=F;w.defaultOptions=ge;var Z=w;var M=require("react/jsx-runtime"),H="k-svg-icon",Ne=[],be={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},ee={viewBox:"0 0 24 24"},E=o=>{let{size:e,themeColor:n,rotate:s,flip:i,viewBox:m=ee.viewBox,icon:l,...N}=o;if(!l)return(0,M.jsx)(M.Fragment,{});l==="none"&&{...N,className:a(o.className,H,"k-none")};let p=typeof l=="object"&&l.name&&l.name;return(0,M.jsx)("span",{...N,className:a(o.className,H,b("k-icon",{size:e}),{[`k-svg-i-${p}`]:p,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:(0,M.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:m,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:o.children})})};E.states=Ne;E.options=be;E.className=H;E.defaultOptions=ee;var D=E;var V=me(require("@progress/kendo-svg-icons"));var oe="icon",te="icons";var x=require("react/jsx-runtime"),R="k-icon",ye=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ve=[],Me={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},q={viewBox:"0 0 24 24",type:"svg"},h=o=>{let{size:e,themeColor:n,icon:s,type:i=q.type,rotate:m,flip:l,viewBox:N=q.viewBox,...p}=o;if(!s)return(0,x.jsx)(x.Fragment,{});if(i==="svg"){if(s==="none")return(0,x.jsx)(D,{...p,className:a(o.className,R),icon:s,size:e});let k=V[s]?s:ye(`${s}-icon`);return V[k]?(0,x.jsx)(D,{...p,className:a(o.className,R),icon:V[k],size:e,themeColor:n,rotate:m,flip:l,viewBox:N}):(0,x.jsx)(x.Fragment,{})}return(0,x.jsx)(Z,{...p,className:a(o.className,R),icon:s,size:e,themeColor:n,rotate:m,flip:l})};h.states=ve;h.options=Me;h.defaultOptions=q;h.className=R;h.moduleName=oe;h.folderName=te;var W="button",ne=W;var u=require("react/jsx-runtime"),z="k-button",Oe=["icon-button"],ke=[f.hover,f.focus,f.active,f.selected,f.disabled,f.generating],Be={size:[r.small,r.medium,r.large],rounded:[C.small,C.medium,C.large,C.full],fillMode:[c.solid,c.flat,c.outline,c.clear,c.link],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark,t.inverse]},O={size:r.medium,rounded:C.medium,fillMode:c.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},d=o=>{let{size:e=O.size,rounded:n=O.rounded,fillMode:s=O.fillMode,themeColor:i=O.themeColor,showArrow:m=O.showArrow,arrowIconName:l=O.arrowIconName,variant:N,hover:p,focus:k,active:U,selected:$,disabled:G,icon:T,text:B,iconClassName:A,...S}=o,v=T!==void 0,re=o.children!==void 0;return(0,u.jsxs)("button",{...S,className:a(o.className,z,J(z,N),b(z,{size:e,rounded:n,fillMode:s,themeColor:i}),K(z,{hover:p,focus:k,active:U,disabled:G,selected:$}),{"k-icon-button":!B&&!re&&v}),children:[T&&(0,u.jsx)(h,{className:a(A,"k-button-icon"),icon:T}),B?(0,u.jsxs)(u.Fragment,{children:[B&&(0,u.jsx)("span",{className:"k-button-text",children:B}),o.children]}):o.children&&(0,u.jsx)("span",{className:"k-button-text",children:o.children}),m&&(0,u.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,u.jsx)(h,{icon:l})})]})};d.states=ke;d.options=Be;d.variants=Oe;d.className=z;d.defaultOptions=O;d.moduleName=W;d.folderName=ne;var Ce=require("react/jsx-runtime");var Te=require("react/jsx-runtime");var Ae=require("react/jsx-runtime");var g=require("react/jsx-runtime"),Se=o=>(0,g.jsx)(y,{children:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(d,{className:"k-group-start",...o,children:"First"}),(0,g.jsx)(d,{...o,children:"Middle"}),(0,g.jsx)(d,{className:"k-group-end",...o,children:"Last"})]})});