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

A collection of HTML helpers used for developing Kendo UI themes

var K=Object.create;var z=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var q=(t,e)=>{for(var i in e)z(t,i,{get:e[i],enumerable:!0})},L=(t,e,i,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of j(e))!U.call(t,r)&&r!==i&&z(t,r,{get:()=>e[r],enumerable:!(s=G(e,r))||s.enumerable});return t};var W=(t,e,i)=>(i=t!=null?K(D(t)):{},L(e||!t||!t.__esModule?z(i,"default",{value:t,enumerable:!0}):i,t)),J=t=>L(z({},"__esModule",{value:!0}),t);var le={};q(le,{FilePreview:()=>v,default:()=>ae});module.exports=J(le);var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((i,s)=>e[s]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var k=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${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"});var o={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var c={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},n={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"};var b=require("react/jsx-runtime"),M="k-font-icon",Q=[],X={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Y={},C=t=>{let{size:e,themeColor:i,icon:s,rotate:r,flip:u,...f}=t;return s?(0,b.jsx)("span",{...f,className:l(t.className,M,k(M,{size:e}),{[`k-i-${s}`]:s,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":u==="h"||u==="both","k-flip-v":u==="v"||u==="both"}),"aria-hidden":"true"}):(0,b.jsx)(b.Fragment,{})};C.states=Q;C.options=X;C.className=M;C.defaultOptions=Y;var _=C;var x=require("react/jsx-runtime"),T="k-svg-icon",Z=[],ee={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[c.outline,c.solid,c.duotone]},A={viewBox:"0 0 24 24",variant:c.outline},N=t=>{var w,y;let{size:e,themeColor:i,rotate:s,flip:r,viewBox:u=A.viewBox,variant:f=A.variant,icon:a,...I}=t;if(!a)return(0,x.jsx)(x.Fragment,{});if(a==="none")return(0,x.jsx)("span",{...I,className:l(t.className,T,k("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof a=="object"&&a.name&&a.name,g=typeof a=="object"?f&&((w=a.variants)==null?void 0:w[f])||((y=a.variants)==null?void 0:y.outline)||a.content:void 0;return(0,x.jsx)("span",{...I,className:l(t.className,T,k("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${i}`]:i,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,x.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:u,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:a?void 0:t.children})})};N.states=Z;N.options=ee;N.className=T;N.defaultOptions=A;var $=N;var E=W(require("@progress/kendo-svg-icons"));var F="icon",P="icons";var H=require("react");var B=require("react"),R=(0,B.createContext)({iconsType:"svg"});var d=require("react/jsx-runtime"),S="k-icon",te=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),oe=[],ne={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[c.outline,c.solid,c.duotone]},O={viewBox:"0 0 24 24",type:"svg",variant:c.outline},m=t=>{let{iconsType:e}=(0,H.useContext)(R),{size:i,themeColor:s,icon:r,type:u=e||O.type,rotate:f,flip:a,viewBox:I=O.viewBox,variant:h=O.variant,...g}=t;if(!r)return(0,d.jsx)(d.Fragment,{});if((e||u)==="svg"){if(r==="none")return(0,d.jsx)($,{...g,className:l(t.className,S),icon:r,size:i,variant:h});let y=E[r]?r:te(`${r}-icon`);return E[y]?(0,d.jsx)($,{...g,className:l(t.className,S),icon:E[y],size:i,themeColor:s,rotate:f,flip:a,viewBox:I,variant:h}):(0,d.jsx)(d.Fragment,{})}return(0,d.jsx)(_,{...g,className:l(t.className,S),icon:r,size:i,themeColor:s,rotate:f,flip:a})};m.states=oe;m.options=ne;m.defaultOptions=O;m.className=S;m.moduleName=F;m.folderName=P;m.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 p=require("react/jsx-runtime"),V="k-file-preview",ie=[],re={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge]},se={},v=t=>{let{size:e,icon:i,name:s,...r}=t;return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("span",{...r,className:l(V),children:(0,p.jsx)(m,{className:"k-file-icon",icon:i,size:e})}),(0,p.jsx)("span",{className:l(t.className,"k-file-name"),children:s})]})};v.states=ie;v.options=re;v.className=V;v.defaultOptions=se;var ae=v;