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

A collection of HTML helpers used for developing Kendo UI themes

var te=Object.create;var I=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var ie=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty;var ae=(o,e)=>{for(var n in e)I(o,n,{get:e[n],enumerable:!0})},G=(o,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of re(e))!se.call(o,r)&&r!==n&&I(o,r,{get:()=>e[r],enumerable:!(s=ne(e,r))||s.enumerable});return o};var le=(o,e,n)=>(n=o!=null?te(ie(o)):{},G(e||!o||!o.__esModule?I(n,"default",{value:o,enumerable:!0}):n,o)),de=o=>G(I({},"__esModule",{value:!0}),o);var Se={};ae(Se,{DropzoneNormal:()=>F});module.exports=de(Se);var l=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...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)=>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.themeColor}`]:e.themeColor},{"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-rounded-none":e.rounded==="none"}),V=(o,e)=>{let{valid:n,invalid:s,hover:r,focus:c,checked:m,active:a,selected:N,disabled:g,indeterminate:x,loading:b,empty:h,readonly:ee,highlighted:oe,...A}=e;return l({"k-valid":n,"k-invalid":s,"k-hover":r,"k-focus":c,"k-checked":m,"k-active":a,"k-selected":N,"k-disabled":g,"k-indeterminate":x&&!m,"k-loading":b,"k-empty":h,"k-readonly":ee,"k-highlighted":oe},Object.keys(A).reduce((T,z)=>(z.startsWith("k-")?T[z]=A[z]:T[`k-${z}`]=A[z],T),{}))};var i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var p={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},t={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},w={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 C=require("react/jsx-runtime"),_="k-font-icon",ce=[],me={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info]},pe={},S=o=>{let{size:e,themeColor:n,icon:s,rotate:r,flip:c,...m}=o;return s?(0,C.jsx)("span",{...m,className:l(o.className,_,O(_,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):(0,C.jsx)(C.Fragment,{})};S.states=ce;S.options=me;S.className=_;S.defaultOptions=pe;var U=S;var v=require("react/jsx-runtime"),L="k-svg-icon",ue=[],fe={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info],variant:[p.outline,p.solid,p.duotone]},P={viewBox:"0 0 24 24",variant:p.outline},E=o=>{var b,h;let{size:e,themeColor:n,rotate:s,flip:r,viewBox:c=P.viewBox,variant:m=P.variant,icon:a,...N}=o;if(!a)return(0,v.jsx)(v.Fragment,{});if(a==="none")return(0,v.jsx)("span",{...N,className:l(o.className,L,O("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let g=typeof a=="object"&&a.name&&a.name,x=typeof a=="object"?m&&((b=a.variants)==null?void 0:b[m])||((h=a.variants)==null?void 0:h.outline)||a.content:void 0;return(0,v.jsx)("span",{...N,className:l(o.className,L,O("k-icon",{size:e}),{[`k-svg-i-${g}`]:g,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,v.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:c,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:a?void 0:o.children})})};E.states=ue;E.options=fe;E.className=L;E.defaultOptions=P;var $=E;var R=le(require("@progress/kendo-svg-icons"));var Z="icon",j="icons";var W=require("react");var q=require("react"),J=(0,q.createContext)({iconsType:"svg"});var u=require("react/jsx-runtime"),M="k-icon",xe=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ge=[],he={size:[i.undefined,i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info],variant:[p.outline,p.solid,p.duotone]},D={viewBox:"0 0 24 24",type:"svg",variant:p.outline},f=o=>{let{iconsType:e}=(0,W.useContext)(J),{size:n,themeColor:s,icon:r,type:c=e||D.type,rotate:m,flip:a,viewBox:N=D.viewBox,variant:g=D.variant,...x}=o;if(!r)return(0,u.jsx)(u.Fragment,{});if((e||c)==="svg"){if(r==="none")return(0,u.jsx)($,{...x,className:l(o.className,M),icon:r,size:n,variant:g});let h=R[r]?r:xe(`${r}-icon`);return R[h]?(0,u.jsx)($,{...x,className:l(o.className,M),icon:R[h],size:n,themeColor:s,rotate:m,flip:a,viewBox:N,variant:g}):(0,u.jsx)(u.Fragment,{})}return(0,u.jsx)(U,{...x,className:l(o.className,M),icon:r,size:n,themeColor:s,rotate:m,flip:a})};f.states=ge;f.options=he;f.defaultOptions=D;f.className=M;f.moduleName=Z;f.folderName=j;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var B="dropzone",Q=B;var y=require("react/jsx-runtime"),H="k-external-dropzone",ve=[w.disabled,w.hover],ye={},K={icon:"upload",hint:"Drag and drop files here to upload"},d=o=>{let{hover:e,disabled:n,icon:s=K.icon,hint:r=K.hint,note:c,...m}=o;return(0,y.jsx)("div",{...m,className:l(o.className,H,V(H,{disabled:n}),{"k-external-dropzone-hover":e}),children:(0,y.jsxs)("div",{className:"k-dropzone-inner",children:[s&&(0,y.jsx)(f,{icon:s,className:"k-dropzone-icon",size:"xxxlarge"}),r&&(0,y.jsx)("span",{className:"k-dropzone-hint",children:r}),c&&(0,y.jsx)("span",{className:"k-dropzone-note",children:c})]})})};d.states=ve;d.options=ye;d.className=H;d.defaultOptions=K;d.moduleName=B;d.folderName=Q;var Ne=require("react/jsx-runtime");var X=require("react/jsx-runtime"),ke=d.options,be=d.states,ze=d.defaultOptions,Oe=[{name:"note",title:"Note"}],Ce=[],k=o=>{let{modifiers:e,...n}=o,s={};return Object.keys(e||{}).forEach(r=>{r==="note"&&(s.note=e!=null&&e[r]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),(0,X.jsx)(F,{style:{width:"500px"},...n,...s})};k.options=ke;k.states=be;k.variants=Ce;k.defaultOptions=ze;k.modifiers=Oe;k.className=d.className;var Y=require("react/jsx-runtime"),F=o=>(0,Y.jsx)(d,{...o});