@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 9.3 kB
JavaScript
var oe=Object.create;var O=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var se=Object.getOwnPropertyNames;var re=Object.getPrototypeOf,ne=Object.prototype.hasOwnProperty;var ae=(o,e)=>{for(var s in e)O(o,s,{get:e[s],enumerable:!0})},D=(o,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of se(e))!ne.call(o,a)&&a!==s&&O(o,a,{get:()=>e[a],enumerable:!(n=te(e,a))||n.enumerable});return o};var le=(o,e,s)=>(s=o!=null?oe(re(o)):{},D(e||!o||!o.__esModule?O(s,"default",{value:o,enumerable:!0}):s,o)),ie=o=>D(O({},"__esModule",{value:!0}),o);var Ie={};ae(Ie,{UPLOADFILEMULTIPLE_CLASSNAME:()=>X,UploadFileMultiple:()=>Pe});module.exports=ie(Ie);var i=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((s,n)=>e[n]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var B=(o,e)=>i({[`${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"}),M=(o,e)=>i({"k-valid":e.valid,"k-invalid":e.invalid,"k-hover":e.hover,"k-focus":e.focus,"k-checked":e.checked,"k-active":e.active,"k-selected":e.selected,"k-disabled":e.disabled,"k-indeterminate":e.indeterminate&&!e.checked,"k-loading":e.loading,"k-empty":e.empty,"k-readonly":e.readonly,"k-highlighted":e.highlighted});var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},w={small:"small",medium:"medium",large:"large",full:"full"},y={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"},u={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"};var P=require("react/jsx-runtime"),_="k-icon k-font-icon",ce=[],de={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]},me={},I=o=>{let{size:e,themeColor:s,icon:n,rotate:a,flip:c,...l}=o;return n?(0,P.jsx)("span",{...l,className:i(o.className,_,B(_,{size:e}),{[`k-i-${n}`]:n,[`k-color-${s}`]:s,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):(0,P.jsx)(P.Fragment,{})};I.states=ce;I.options=de;I.className=_;I.defaultOptions=me;var q=I;var N=require("react/jsx-runtime"),G="k-icon k-svg-icon",ue=[],pe={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]},J={viewBox:"0 0 24 24"},A=o=>{let{size:e,themeColor:s,rotate:n,flip:a,viewBox:c=J.viewBox,icon:l,...x}=o;if(!l)return(0,N.jsx)(N.Fragment,{});l==="none"&&{...x,className:i(o.className,G,"k-none")};let m=typeof l=="object"&&l.name&&l.name;return(0,N.jsx)("span",{...x,className:i(o.className,G,B("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${s}`]:s,[`k-rotate-${n}`]:n,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),children:(0,N.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:o.children})})};A.states=ue;A.options=pe;A.className=G;A.defaultOptions=J;var U=A;var Q=le(require("@progress/kendo-svg-icons")),k=require("react/jsx-runtime"),fe=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),he=[],ge={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]},V={viewBox:"0 0 24 24",type:"svg"},v=o=>{let{size:e,themeColor:s,icon:n,type:a=V.type,rotate:c,flip:l,viewBox:x=V.viewBox,...m}=o;if(!n)return(0,k.jsx)(k.Fragment,{});if(a==="svg"){if(n==="none")return(0,k.jsx)(U,{...m,icon:n,size:e});let f=fe(`${n}-icon`);return Q[f]?(0,k.jsx)(U,{...m,icon:Q[f],size:e,themeColor:s,rotate:c,flip:l,viewBox:x}):(0,k.jsx)(k.Fragment,{})}return(0,k.jsx)(q,{...m,icon:n,size:e,themeColor:s,rotate:c,flip:l})};v.states=he;v.options=ge;v.defaultOptions=V;var h=require("react/jsx-runtime"),T="k-button",xe=[u.hover,u.focus,u.active,u.selected,u.disabled],ke={size:[r.small,r.medium,r.large],rounded:[w.small,w.medium,w.large,w.full],fillMode:[y.solid,y.flat,y.outline,y.clear,y.link],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark,t.inverse]},C={size:r.medium,rounded:w.medium,fillMode:y.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},g=o=>{let{size:e=C.size,rounded:s=C.rounded,fillMode:n=C.fillMode,themeColor:a=C.themeColor,showArrow:c=C.showArrow,arrowIconName:l=C.arrowIconName,hover:x,focus:m,active:f,selected:R,disabled:H,icon:F,text:$,iconClassName:Y,...Z}=o,j=F!==void 0,ee=o.children!==void 0;return(0,h.jsxs)("button",{...Z,className:i(o.className,T,B(T,{size:e,rounded:s,fillMode:n,themeColor:a}),M(T,{hover:x,focus:m,active:f,disabled:H,selected:R}),{"k-icon-button":!$&&!ee&&j}),children:[F&&(0,h.jsx)(v,{className:i(Y,"k-button-icon"),icon:F}),$?(0,h.jsxs)(h.Fragment,{children:[$&&(0,h.jsx)("span",{className:"k-button-text",children:$}),o.children]}):o.children&&(0,h.jsx)("span",{className:"k-button-text",children:o.children}),c&&(0,h.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,h.jsx)(v,{icon:l})})]})};g.states=xe;g.options=ke;g.className=T;g.defaultOptions=C;var ve=require("react/jsx-runtime");var be=require("react/jsx-runtime");var ye=require("react/jsx-runtime");var b=require("react/jsx-runtime"),p="k-progressbar",Ne=[u.disabled,u.indeterminate],Ce={},S={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},z=o=>{let{disabled:e,height:s,indeterminate:n=S.indeterminate,label:a=S.label,labelPosition:c=S.labelPosition,orientation:l=S.orientation,reverse:x=S.reverse,value:m=S.value,width:f,style:R,...H}=o;return(0,b.jsxs)("div",{...H,className:i(o.className,p,M(p,{disabled:e}),{[`${p}-${l}`]:l,[`${p}-indeterminate`]:n,[`${p}-reverse`]:x}),style:{...R,"--kendo-progressbar-value":m,[l==="horizontal"?"height":"width"]:l==="horizontal"?s:f},children:[(0,b.jsx)("span",{className:i("k-progress-status-wrap",{[`k-progress-${c}`]:c&&!n}),children:a&&(0,b.jsxs)("span",{className:"k-progress-status",children:[m,"%"]})}),!n&&(0,b.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,b.jsx)("span",{className:i("k-progress-status-wrap",{[`k-progress-${c}`]:c}),children:a&&(0,b.jsxs)("span",{className:"k-progress-status",children:[o.value,"%"]})})})]})};z.states=Ne;z.options=Ce;z.className=p;z.defaultOptions=S;var K=require("react/jsx-runtime"),W="k-chunk-progressbar",Se=(o,e)=>e<=o-1,Be=[u.disabled,u.indeterminate],Me={},L={chunkCount:5,orientation:"horizontal",progress:0},E=o=>{let{disabled:e,chunkCount:s=L.chunkCount,indeterminate:n,orientation:a=L.orientation,progress:c=L.progress,reverse:l,...x}=o;return(0,K.jsx)("div",{...x,className:i(o.className,p,W,M(p,{disabled:e}),{[`${p}-${a}`]:a,[`${p}-indeterminate`]:n,[`${p}-reverse`]:l}),children:(0,K.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(s)].map((m,f)=>(0,K.jsx)("li",{className:i("k-progressbar-chunk",{"k-first":f===0,"k-last":f===[...Array(s)].length-1,"k-selected":Se(c,f)})},f))})})};E.states=Be;E.options=Me;E.className=W;E.defaultOptions=L;var we=require("react/jsx-runtime");var ze=require("react/jsx-runtime");var d=require("react/jsx-runtime"),X="k-file",Pe=o=>{let{status:e,progress:s,validationMsg:n,fileSummary:a,...c}=o;return(0,d.jsx)("li",{...c,className:i(o.className,X,{[`k-file-${e}`]:e}),children:(0,d.jsxs)("div",{className:"k-file-multiple",children:[(0,d.jsx)(z,{className:i({"k-hidden":e!=="progress"}),value:s,label:!1}),(0,d.jsx)("span",{className:"k-file-icon-wrapper",children:(0,d.jsx)(v,{className:"k-file-icon",icon:"copy",size:"xxlarge"})}),(0,d.jsxs)("div",{className:"k-multiple-files-wrapper",children:[o.children,a&&(0,d.jsx)("span",{className:i("k-file-summary",{"k-hidden":e!=="progress"}),children:a}),n&&(0,d.jsx)("span",{className:"k-file-validation-message",children:n})]}),(0,d.jsx)("div",{className:"k-upload-actions",children:e==="progress"?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("span",{className:"k-upload-pct",children:[s,"%"]}),(0,d.jsx)(g,{icon:"pause-sm",fillMode:"flat",className:"k-upload-action"}),(0,d.jsx)(g,{icon:"cancel",fillMode:"flat",className:"k-upload-action"})]}):(0,d.jsx)(g,{icon:"x",fillMode:"flat",className:"k-upload-action"})})]})})};