@progress/kendo-themes-html/dist/cjs/upload/upload-file.js

A collection of HTML helpers used for developing Kendo UI themes

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