@progress/kendo-themes-html/dist/esm/upload/templates/upload-normal.mjs

A collection of HTML helpers used for developing Kendo UI themes

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 O=(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"}),x=(o,e)=>{let{valid:n,invalid:s,hover:i,focus:p,checked:r,active:f,selected:d,disabled:g,indeterminate:_,loading:E,empty:Q,readonly:U,highlighted:S,...T}=e;return a({"k-valid":n,"k-invalid":s,"k-hover":i,"k-focus":p,"k-checked":r,"k-active":f,"k-selected":d,"k-disabled":g,"k-indeterminate":_&&!r,"k-loading":E,"k-empty":Q,"k-readonly":U,"k-highlighted":S},Object.keys(T).reduce((P,b)=>(b.startsWith("k-")?P[b]=T[b]:P[`k-${b}`]=T[b],P),{}))};function me(o,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(s=>[`k-${s}`,!0]))}var l={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},L={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"},c={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 X="action-buttons",de=X;import{jsx as Ce}from"react/jsx-runtime";var H="k-actions",Oe=[],Le={},Y={alignment:"start",orientation:"horizontal"},M=o=>{let{alignment:e=Y.alignment,orientation:n=Y.orientation,...s}=o;return Ce("div",{...s,className:a(H,{[`${H}-${e}`]:e,[`${H}-${n}`]:n},o.className),children:o.children})};M.states=Oe;M.options=Le;M.className=H;M.defaultOptions=Y;M.moduleName=X;M.folderName=de;var ue=M;import{Fragment as Te,jsx as fe}from"react/jsx-runtime";var j="k-font-icon",_e=[],Ee={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},Ue={},I=o=>{let{size:e,themeColor:n,icon:s,rotate:i,flip:p,...r}=o;return s?fe("span",{...r,className:a(o.className,j,O(j,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):fe(Te,{})};I.states=_e;I.options=Ee;I.className=j;I.defaultOptions=Ue;var ge=I;import{Fragment as ze,jsx as V}from"react/jsx-runtime";var ee="k-svg-icon",Pe=[],Ie={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},Ne={viewBox:"0 0 24 24"},z=o=>{let{size:e,themeColor:n,rotate:s,flip:i,viewBox:p=Ne.viewBox,icon:r,...f}=o;if(!r)return V(ze,{});r==="none"&&{...f,className:a(o.className,ee,"k-none")};let d=typeof r=="object"&&r.name&&r.name;return V("span",{...f,className:a(o.className,ee,O("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:V("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof r=="object"?r.viewBox:p,dangerouslySetInnerHTML:typeof r=="object"?{__html:r.content}:void 0,children:r?void 0:o.children})})};z.states=Pe;z.options=Ie;z.className=ee;z.defaultOptions=Ne;var oe=z;import*as te from"@progress/kendo-svg-icons";var he="icon",xe="icons";import{Fragment as ke,jsx as K}from"react/jsx-runtime";var G="k-icon",Ke=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Re=[],De={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},se={viewBox:"0 0 24 24",type:"svg"},u=o=>{let{size:e,themeColor:n,icon:s,type:i=se.type,rotate:p,flip:r,viewBox:f=se.viewBox,...d}=o;if(!s)return K(ke,{});if(i==="svg"){if(s==="none")return K(oe,{...d,className:a(o.className,G),icon:s,size:e});let g=te[s]?s:Ke(`${s}-icon`);return te[g]?K(oe,{...d,className:a(o.className,G),icon:te[g],size:e,themeColor:n,rotate:p,flip:r,viewBox:f}):K(ke,{})}return K(ge,{...d,className:a(o.className,G),icon:s,size:e,themeColor:n,rotate:p,flip:r})};u.states=Re;u.options=De;u.defaultOptions=se;u.className=G;u.moduleName=he;u.folderName=xe;var ne="button",ve=ne;import{Fragment as He,jsx as R,jsxs as be}from"react/jsx-runtime";var D="k-button",we=["icon-button"],Fe=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],$e={size:[l.small,l.medium,l.large],rounded:[L.small,L.medium,L.large,L.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]},A={size:l.medium,rounded:L.medium,fillMode:y.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},m=o=>{let{size:e=A.size,rounded:n=A.rounded,fillMode:s=A.fillMode,themeColor:i=A.themeColor,showArrow:p=A.showArrow,arrowIconName:r=A.arrowIconName,variant:f,hover:d,focus:g,active:_,selected:E,disabled:Q,icon:U,text:S,iconClassName:T,...P}=o,b=U!==void 0,Se=o.children!==void 0;return be("button",{...P,className:a(o.className,D,me(D,f),O(D,{size:e,rounded:n,fillMode:s,themeColor:i}),x(D,{hover:d,focus:g,active:_,disabled:Q,selected:E}),{"k-icon-button":!S&&!Se&&b}),children:[U&&R(u,{className:a(T,"k-button-icon"),icon:U}),S?be(He,{children:[S&&R("span",{className:"k-button-text",children:S}),o.children]}):o.children&&R("span",{className:"k-button-text",children:o.children}),p&&R("span",{className:"k-menu-button-arrow k-button-arrow",children:R(u,{icon:r})})]})};m.states=Fe;m.options=$e;m.variants=we;m.className=D;m.defaultOptions=A;m.moduleName=ne;m.folderName=ve;import{jsx as wo}from"react/jsx-runtime";import{jsx as Vo}from"react/jsx-runtime";import{jsx as Zo}from"react/jsx-runtime";import{Fragment as w,jsx as k,jsxs as F}from"react/jsx-runtime";var ae="k-upload-dropzone",Ve=[c.hover],W=o=>{let{hover:e,status:n,...s}=o,i=k(w,{});switch(n){case"uploading":i=F(w,{children:[k(u,{icon:"upload"}),"Uploading..."]});break;case"done":i=F(w,{children:[k(u,{icon:"check"}),"Done"]});break;case"failed":i=F(w,{children:[k(u,{icon:"exclamation-circle"}),"Done"]});break;default:i=k(w,{});break}return F("div",{...s,className:a(o.className,ae,"k-dropzone",x(ae,{hover:e})),children:[F("div",{className:"k-upload-button-wrap",children:[k(m,{className:"k-upload-button",children:"Select files..."}),k("input",{id:"upload-input",className:"k-hidden"})]}),k("span",{className:a("k-dropzone-hint",{"k-hidden":n!=="upload"}),children:"Drop files here to upload"}),n!=="upload"&&k("span",{className:"k-upload-status",children:i})]})};W.states=Ve;W.className=ae;var re="upload",ye=re;import{jsx as q,jsxs as Me}from"react/jsx-runtime";var le="k-upload",Ge=[c.hover,c.disabled],We={},Ae={actionsLayout:"end"},h=o=>{let{async:e,empty:n,actions:s,actionsLayout:i=Ae.actionsLayout,hover:p,status:r,disabled:f,...d}=o;return Me("div",{...d,className:a(o.className,le,x(le,{disabled:f}),{"k-upload-async":e,"k-upload-empty":n}),children:[q(W,{status:r,hover:p}),o.children&&q("ul",{className:"k-upload-files",children:o.children}),s&&o.children&&Me(ue,{alignment:i,orientation:"horizontal",children:[q(m,{className:"k-clear-selected",children:"Clear"}),q(m,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};h.states=Ge;h.options=We;h.className=le;h.defaultOptions=Ae;h.moduleName=re;h.folderName=ye;var $="progressbar",Z=$;import{jsx as pe,jsxs as ie}from"react/jsx-runtime";var N="k-progressbar",qe=[c.disabled,c.indeterminate],Ze={},B={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},v=o=>{let{disabled:e,height:n,indeterminate:s=B.indeterminate,label:i=B.label,labelPosition:p=B.labelPosition,orientation:r=B.orientation,reverse:f=B.reverse,value:d=B.value,width:g,style:_,...E}=o;return ie("div",{...E,className:a(o.className,N,x(N,{disabled:e}),{[`${N}-${r}`]:r,[`${N}-indeterminate`]:s,[`${N}-reverse`]:f}),style:{..._,"--kendo-progressbar-value":d,[r==="horizontal"?"height":"width"]:r==="horizontal"?n:g},children:[pe("span",{className:a("k-progress-status-wrap",{[`k-progress-${p}`]:p&&!s}),children:i&&ie("span",{className:"k-progress-status",children:[d,"%"]})}),!s&&pe("div",{className:"k-progressbar-value k-selected",children:pe("span",{className:a("k-progress-status-wrap",{[`k-progress-${p}`]:p}),children:i&&ie("span",{className:"k-progress-status",children:[o.value,"%"]})})})]})};v.states=qe;v.options=Ze;v.className=N;v.defaultOptions=B;v.moduleName=$;v.folderName=Z;import{jsx as ce}from"react/jsx-runtime";var Be="k-chunk-progressbar",Je=(o,e)=>e<=o-1,Qe=[c.disabled,c.indeterminate],Xe={},J={chunkCount:5,orientation:"horizontal",progress:0},C=o=>{let{disabled:e,chunkCount:n=J.chunkCount,indeterminate:s,orientation:i=J.orientation,progress:p=J.progress,reverse:r,...f}=o;return ce("div",{...f,className:a(o.className,N,Be,x(N,{disabled:e}),{[`${N}-${i}`]:i,[`${N}-indeterminate`]:s,[`${N}-reverse`]:r}),children:ce("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(n)].map((d,g)=>ce("li",{className:a("k-progressbar-chunk",{"k-first":g===0,"k-last":g===[...Array(n)].length-1,"k-selected":Je(p,g)})},g))})})};C.states=Qe;C.options=Xe;C.className=Be;C.defaultOptions=J;C.moduleName=$;C.folderName=Z;import{jsx as Ot}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";import{jsx as Ft,jsxs as $t}from"react/jsx-runtime";import{Fragment as Yt,jsx as Qt,jsxs as Xt}from"react/jsx-runtime";import{Fragment as ls,jsx as as,jsxs as rs}from"react/jsx-runtime";import{Fragment as ds,jsx as ms,jsxs as us}from"react/jsx-runtime";import{Fragment as vs,jsx as xs,jsxs as ks}from"react/jsx-runtime";import{Fragment as Bs,jsx as As,jsxs as Ss}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var Ds=o=>eo(h,{async:!0,empty:!0,...o});export{Ds as UploadNormal};