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

A collection of HTML helpers used for developing Kendo UI themes

var Ee=Object.create;var G=Object.defineProperty;var Ue=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var Pe=Object.getPrototypeOf,Ie=Object.prototype.hasOwnProperty;var ze=(o,e)=>{for(var s in e)G(o,s,{get:e[s],enumerable:!0})},ge=(o,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Te(e))!Ie.call(o,a)&&a!==s&&G(o,a,{get:()=>e[a],enumerable:!(n=Ue(e,a))||n.enumerable});return o};var Ke=(o,e,s)=>(s=o!=null?Ee(Pe(o)):{},ge(e||!o||!o.__esModule?G(s,"default",{value:o,enumerable:!0}):s,o)),Re=o=>ge(G({},"__esModule",{value:!0}),o);var go={};ze(go,{UploadNormal:()=>fo});module.exports=Re(go);var r=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...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 U=(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.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"}),v=(o,e)=>{let{valid:s,invalid:n,hover:a,focus:p,checked:l,active:g,selected:u,disabled:N,indeterminate:I,loading:z,empty:Y,readonly:K,highlighted:E,...R}=e;return r({"k-valid":s,"k-invalid":n,"k-hover":a,"k-focus":p,"k-checked":l,"k-active":g,"k-selected":u,"k-disabled":N,"k-indeterminate":I&&!l,"k-loading":z,"k-empty":Y,"k-readonly":K,"k-highlighted":E},Object.keys(R).reduce((D,B)=>(B.startsWith("k-")?D[B]=R[B]:D[`k-${B}`]=R[B],D),{}))};function Ne(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"},T={small:"small",medium:"medium",large:"large",full:"full"},S={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"},m={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 j="action-buttons",he=j;var ke=require("react/jsx-runtime"),W="k-actions",De=[],we={},ee={alignment:"start",orientation:"horizontal"},O=o=>{let{alignment:e=ee.alignment,orientation:s=ee.orientation,...n}=o;return(0,ke.jsx)("div",{...n,className:r(W,{[`${W}-${e}`]:e,[`${W}-${s}`]:s},o.className),children:o.children})};O.states=De;O.options=we;O.className=W;O.defaultOptions=ee;O.moduleName=j;O.folderName=he;var xe=O;var w=require("react/jsx-runtime"),oe="k-font-icon",Fe=[],$e={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]},He={},F=o=>{let{size:e,themeColor:s,icon:n,rotate:a,flip:p,...l}=o;return n?(0,w.jsx)("span",{...l,className:r(o.className,oe,U(oe,{size:e}),{[`k-i-${n}`]:n,[`k-color-${s}`]:s,[`k-rotate-${a}`]:a,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):(0,w.jsx)(w.Fragment,{})};F.states=Fe;F.options=$e;F.className=oe;F.defaultOptions=He;var ve=F;var L=require("react/jsx-runtime"),te="k-svg-icon",Ve=[],Ge={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]},be={viewBox:"0 0 24 24"},$=o=>{let{size:e,themeColor:s,rotate:n,flip:a,viewBox:p=be.viewBox,icon:l,...g}=o;if(!l)return(0,L.jsx)(L.Fragment,{});l==="none"&&{...g,className:r(o.className,te,"k-none")};let u=typeof l=="object"&&l.name&&l.name;return(0,L.jsx)("span",{...g,className:r(o.className,te,U("k-icon",{size:e}),{[`k-svg-i-${u}`]:u,[`k-color-${s}`]:s,[`k-rotate-${n}`]:n,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),children:(0,L.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:p,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:o.children})})};$.states=Ve;$.options=Ge;$.className=te;$.defaultOptions=be;var se=$;var ne=Ke(require("@progress/kendo-svg-icons"));var ye="icon",Me="icons";var b=require("react/jsx-runtime"),q="k-icon",We=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),qe=[],Ze={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]},ae={viewBox:"0 0 24 24",type:"svg"},f=o=>{let{size:e,themeColor:s,icon:n,type:a=ae.type,rotate:p,flip:l,viewBox:g=ae.viewBox,...u}=o;if(!n)return(0,b.jsx)(b.Fragment,{});if(a==="svg"){if(n==="none")return(0,b.jsx)(se,{...u,className:r(o.className,q),icon:n,size:e});let N=ne[n]?n:We(`${n}-icon`);return ne[N]?(0,b.jsx)(se,{...u,className:r(o.className,q),icon:ne[N],size:e,themeColor:s,rotate:p,flip:l,viewBox:g}):(0,b.jsx)(b.Fragment,{})}return(0,b.jsx)(ve,{...u,className:r(o.className,q),icon:n,size:e,themeColor:s,rotate:p,flip:l})};f.states=qe;f.options=Ze;f.defaultOptions=ae;f.className=q;f.moduleName=ye;f.folderName=Me;var re="button",Ae=re;var x=require("react/jsx-runtime"),H="k-button",Je=["icon-button"],Qe=[m.hover,m.focus,m.active,m.selected,m.disabled,m.generating],Xe={size:[i.small,i.medium,i.large],rounded:[T.small,T.medium,T.large,T.full],fillMode:[S.solid,S.flat,S.outline,S.clear,S.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:i.medium,rounded:T.medium,fillMode:S.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},d=o=>{let{size:e=C.size,rounded:s=C.rounded,fillMode:n=C.fillMode,themeColor:a=C.themeColor,showArrow:p=C.showArrow,arrowIconName:l=C.arrowIconName,variant:g,hover:u,focus:N,active:I,selected:z,disabled:Y,icon:K,text:E,iconClassName:R,...D}=o,B=K!==void 0,_e=o.children!==void 0;return(0,x.jsxs)("button",{...D,className:r(o.className,H,Ne(H,g),U(H,{size:e,rounded:s,fillMode:n,themeColor:a}),v(H,{hover:u,focus:N,active:I,disabled:Y,selected:z}),{"k-icon-button":!E&&!_e&&B}),children:[K&&(0,x.jsx)(f,{className:r(R,"k-button-icon"),icon:K}),E?(0,x.jsxs)(x.Fragment,{children:[E&&(0,x.jsx)("span",{className:"k-button-text",children:E}),o.children]}):o.children&&(0,x.jsx)("span",{className:"k-button-text",children:o.children}),p&&(0,x.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,x.jsx)(f,{icon:l})})]})};d.states=Qe;d.options=Xe;d.variants=Je;d.className=H;d.defaultOptions=C;d.moduleName=re;d.folderName=Ae;var Ye=require("react/jsx-runtime");var je=require("react/jsx-runtime");var eo=require("react/jsx-runtime");var c=require("react/jsx-runtime"),le="k-upload-dropzone",oo=[m.hover],Z=o=>{let{hover:e,status:s,...n}=o,a=(0,c.jsx)(c.Fragment,{});switch(s){case"uploading":a=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(f,{icon:"upload"}),"Uploading..."]});break;case"done":a=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(f,{icon:"check"}),"Done"]});break;case"failed":a=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(f,{icon:"exclamation-circle"}),"Done"]});break;default:a=(0,c.jsx)(c.Fragment,{});break}return(0,c.jsxs)("div",{...n,className:r(o.className,le,"k-dropzone",v(le,{hover:e})),children:[(0,c.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,c.jsx)(d,{className:"k-upload-button",children:"Select files..."}),(0,c.jsx)("input",{id:"upload-input",className:"k-hidden"})]}),(0,c.jsx)("span",{className:r("k-dropzone-hint",{"k-hidden":s!=="upload"}),children:"Drop files here to upload"}),s!=="upload"&&(0,c.jsx)("span",{className:"k-upload-status",children:a})]})};Z.states=oo;Z.className=le;var ie="upload",Be=ie;var y=require("react/jsx-runtime"),pe="k-upload",to=[m.hover,m.disabled],so={},Se={actionsLayout:"end"},k=o=>{let{async:e,empty:s,actions:n,actionsLayout:a=Se.actionsLayout,hover:p,status:l,disabled:g,...u}=o;return(0,y.jsxs)("div",{...u,className:r(o.className,pe,v(pe,{disabled:g}),{"k-upload-async":e,"k-upload-empty":s}),children:[(0,y.jsx)(Z,{status:l,hover:p}),o.children&&(0,y.jsx)("ul",{className:"k-upload-files",children:o.children}),n&&o.children&&(0,y.jsxs)(xe,{alignment:a,orientation:"horizontal",children:[(0,y.jsx)(d,{className:"k-clear-selected",children:"Clear"}),(0,y.jsx)(d,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};k.states=to;k.options=so;k.className=pe;k.defaultOptions=Se;k.moduleName=ie;k.folderName=Be;var V="progressbar",J=V;var M=require("react/jsx-runtime"),h="k-progressbar",no=[m.disabled,m.indeterminate],ao={},_={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},A=o=>{let{disabled:e,height:s,indeterminate:n=_.indeterminate,label:a=_.label,labelPosition:p=_.labelPosition,orientation:l=_.orientation,reverse:g=_.reverse,value:u=_.value,width:N,style:I,...z}=o;return(0,M.jsxs)("div",{...z,className:r(o.className,h,v(h,{disabled:e}),{[`${h}-${l}`]:l,[`${h}-indeterminate`]:n,[`${h}-reverse`]:g}),style:{...I,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?s:N},children:[(0,M.jsx)("span",{className:r("k-progress-status-wrap",{[`k-progress-${p}`]:p&&!n}),children:a&&(0,M.jsxs)("span",{className:"k-progress-status",children:[u,"%"]})}),!n&&(0,M.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,M.jsx)("span",{className:r("k-progress-status-wrap",{[`k-progress-${p}`]:p}),children:a&&(0,M.jsxs)("span",{className:"k-progress-status",children:[o.value,"%"]})})})]})};A.states=no;A.options=ao;A.className=h;A.defaultOptions=_;A.moduleName=V;A.folderName=J;var X=require("react/jsx-runtime"),Oe="k-chunk-progressbar",ro=(o,e)=>e<=o-1,lo=[m.disabled,m.indeterminate],io={},Q={chunkCount:5,orientation:"horizontal",progress:0},P=o=>{let{disabled:e,chunkCount:s=Q.chunkCount,indeterminate:n,orientation:a=Q.orientation,progress:p=Q.progress,reverse:l,...g}=o;return(0,X.jsx)("div",{...g,className:r(o.className,h,Oe,v(h,{disabled:e}),{[`${h}-${a}`]:a,[`${h}-indeterminate`]:n,[`${h}-reverse`]:l}),children:(0,X.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(s)].map((u,N)=>(0,X.jsx)("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(s)].length-1,"k-selected":ro(p,N)})},N))})})};P.states=lo;P.options=io;P.className=Oe;P.defaultOptions=Q;P.moduleName=V;P.folderName=J;var po=require("react/jsx-runtime");var co=require("react/jsx-runtime");var Le=require("react/jsx-runtime");var ce=require("react/jsx-runtime");var me=require("react/jsx-runtime");var de=require("react/jsx-runtime");var ue=require("react/jsx-runtime");var fe=require("react/jsx-runtime");var Ce=require("react/jsx-runtime"),fo=o=>(0,Ce.jsx)(k,{async:!0,empty:!0,...o});