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

A collection of HTML helpers used for developing Kendo UI themes

var ze=Object.create;var J=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var Ue=Object.getOwnPropertyNames;var $e=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty;var Ge=(e,t)=>{for(var r in t)J(e,r,{get:t[r],enumerable:!0})},Ce=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ue(t))!Fe.call(e,i)&&i!==r&&J(e,i,{get:()=>t[i],enumerable:!(a=Pe(t,i))||a.enumerable});return e};var We=(e,t,r)=>(r=e!=null?ze($e(e)):{},Ce(t||!e||!e.__esModule?J(r,"default",{value:e,enumerable:!0}):r,e)),Ve=e=>Ce(J({},"__esModule",{value:!0}),e);var Rt={};Ge(Rt,{CardNormal:()=>Kt});module.exports=Ve(Rt);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((r,a)=>t[a]||t[r]&&r||null).filter(r=>r!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),h=(e,t)=>{let{valid:r,invalid:a,hover:i,focus:m,checked:l,active:x,selected:u,disabled:_,indeterminate:j,loading:ee,empty:te,readonly:P,highlighted:D,...U}=t;return n({"k-valid":r,"k-invalid":a,"k-hover":i,"k-focus":m,"k-checked":l,"k-active":x,"k-selected":u,"k-disabled":_,"k-indeterminate":j&&!l,"k-loading":ee,"k-empty":te,"k-readonly":P,"k-highlighted":D},Object.keys(U).reduce(($,g)=>(g.startsWith("k-")?$[g]=U[g]:$[`k-${g}`]=U[g],$),{}))};function Ne(e,t){if(!t)return{};let r=Array.isArray(t)?t:[t];return Object.fromEntries(r.map(a=>[`k-${a}`,!0]))}var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},K={small:"small",medium:"medium",large:"large",full:"full"},S={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},o={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},d={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"},xe={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Ae=require("react/jsx-runtime"),qe="k-card-callout",he=e=>{let{callout:t,...r}=e;return(0,Ae.jsx)("span",{...r,className:n(e.className,qe,{[`k-callout-${xe.calloutMap[t]||t}`]:t})})};var p="card",f=p;var y=require("react/jsx-runtime"),X="k-card",Je=[d.hover,d.focus,d.selected,d.disabled],Xe={themeColor:[o.primary,o.success,o.warning,o.error,o.info]},Ye={},b=e=>{let{orientation:t,themeColor:r,callout:a,hover:i,focus:m,selected:l,disabled:x,...u}=e;return(0,y.jsxs)("div",{...u,className:n(e.className,X,E(X,{themeColor:r}),h(X,{hover:i,focus:m,disabled:x,selected:l}),{[`k-card-${t}`]:t,"k-card-with-callout":a}),children:[a&&a!=="true"&&(0,y.jsx)(he,{callout:a}),(0,y.jsx)(y.Fragment,{children:e.children})]})};b.states=Je;b.options=Xe;b.className=X;b.defaultOptions=Ye;b.moduleName=p;b.folderName=f;var F=require("react/jsx-runtime"),oe="k-card-list",Qe=[],Ze={},je={},R=e=>{let{...t}=e;return(0,F.jsx)("div",{...t,className:n(e.className,oe,h(oe,{})),children:(0,F.jsx)(F.Fragment,{children:e.children})})};R.states=Qe;R.options=Ze;R.className=oe;R.defaultOptions=je;R.moduleName=p;R.folderName=f;var be=require("react/jsx-runtime"),Me="k-card-group",et=[],tt={},ot={},B=e=>{let{...t}=e;return(0,be.jsx)("div",{...t,className:n(e.className,Me),children:e.children})};B.states=et;B.options=tt;B.className=Me;B.defaultOptions=ot;B.moduleName=p;B.folderName=f;var ve=require("react/jsx-runtime"),re="k-card-wrap",rt=[d.focus,d.selected],nt={},at={},H=e=>{let{focus:t,selected:r,...a}=e;return(0,ve.jsx)("div",{...a,className:n(e.className,re,h(re,{focus:t,selected:r})),children:e.children})};H.states=rt;H.options=nt;H.className=re;H.defaultOptions=at;H.moduleName=p;H.folderName=f;var Le=require("react/jsx-runtime"),ne="k-card-title",st=[d.hover,d.focus],I=e=>{let{hover:t,focus:r,...a}=e;return(0,Le.jsx)("div",{...a,className:n(e.className,ne,h(ne,{hover:t,focus:r})),children:e.children})};I.states=st;I.className=ne;var Te=require("react/jsx-runtime"),it="k-card-subtitle",Y=e=>{let{...t}=e;return(0,Te.jsx)("div",{...t,className:n(e.className,it),children:e.children})};var Ee=require("react/jsx-runtime");var G=require("react/jsx-runtime"),ae="k-font-icon",lt=[],dt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},ct={},W=e=>{let{size:t,themeColor:r,icon:a,rotate:i,flip:m,...l}=e;return a?(0,G.jsx)("span",{...l,className:n(e.className,ae,E(ae,{size:t}),{[`k-i-${a}`]:a,[`k-color-${r}`]:r,[`k-rotate-${i}`]:i,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):(0,G.jsx)(G.Fragment,{})};W.states=lt;W.options=dt;W.className=ae;W.defaultOptions=ct;var ge=W;var O=require("react/jsx-runtime"),se="k-svg-icon",mt=[],pt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Se={viewBox:"0 0 24 24"},V=e=>{let{size:t,themeColor:r,rotate:a,flip:i,viewBox:m=Se.viewBox,icon:l,...x}=e;if(!l)return(0,O.jsx)(O.Fragment,{});l==="none"&&{...x,className:n(e.className,se,"k-none")};let u=typeof l=="object"&&l.name&&l.name;return(0,O.jsx)("span",{...x,className:n(e.className,se,E("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${r}`]:r,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:(0,O.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:m,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};V.states=mt;V.options=pt;V.className=se;V.defaultOptions=Se;var ie=V;var le=We(require("@progress/kendo-svg-icons"));var ye="icon",Oe="icons";var v=require("react/jsx-runtime"),Q="k-icon",ut=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ft=[],Ct={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},de={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{size:t,themeColor:r,icon:a,type:i=de.type,rotate:m,flip:l,viewBox:x=de.viewBox,...u}=e;if(!a)return(0,v.jsx)(v.Fragment,{});if(i==="svg"){if(a==="none")return(0,v.jsx)(ie,{...u,className:n(e.className,Q),icon:a,size:t});let _=le[a]?a:ut(`${a}-icon`);return le[_]?(0,v.jsx)(ie,{...u,className:n(e.className,Q),icon:le[_],size:t,themeColor:r,rotate:m,flip:l,viewBox:x}):(0,v.jsx)(v.Fragment,{})}return(0,v.jsx)(ge,{...u,className:n(e.className,Q),icon:a,size:t,themeColor:r,rotate:m,flip:l})};L.states=ft;L.options=Ct;L.defaultOptions=de;L.className=Q;L.moduleName=ye;L.folderName=Oe;var ce="button",ke=ce;var N=require("react/jsx-runtime"),q="k-button",Nt=["icon-button"],xt=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],ht={size:[s.small,s.medium,s.large],rounded:[K.small,K.medium,K.large,K.full],fillMode:[S.solid,S.flat,S.outline,S.clear,S.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},k={size:s.medium,rounded:K.medium,fillMode:S.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{size:t=k.size,rounded:r=k.rounded,fillMode:a=k.fillMode,themeColor:i=k.themeColor,showArrow:m=k.showArrow,arrowIconName:l=k.arrowIconName,variant:x,hover:u,focus:_,active:j,selected:ee,disabled:te,icon:P,text:D,iconClassName:U,...$}=e,g=P!==void 0,we=e.children!==void 0;return(0,N.jsxs)("button",{...$,className:n(e.className,q,Ne(q,x),E(q,{size:t,rounded:r,fillMode:a,themeColor:i}),h(q,{hover:u,focus:_,active:j,disabled:te,selected:ee}),{"k-icon-button":!D&&!we&&g}),children:[P&&(0,N.jsx)(L,{className:n(U,"k-button-icon"),icon:P}),D?(0,N.jsxs)(N.Fragment,{children:[D&&(0,N.jsx)("span",{className:"k-button-text",children:D}),e.children]}):e.children&&(0,N.jsx)("span",{className:"k-button-text",children:e.children}),m&&(0,N.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,N.jsx)(L,{icon:l})})]})};c.states=xt;c.options=ht;c.variants=Nt;c.className=q;c.defaultOptions=k;c.moduleName=ce;c.folderName=ke;var At=require("react/jsx-runtime");var Mt=require("react/jsx-runtime");var bt=require("react/jsx-runtime");var A=require("react/jsx-runtime"),vt="k-card-header",_e=e=>{let{title:t,subtitle:r,details:a,...i}=e;return(0,A.jsxs)("div",{...i,className:n(e.className,vt),children:[t&&(0,A.jsx)(I,{children:t}),r&&(0,A.jsx)(Y,{children:r}),(0,A.jsx)(A.Fragment,{children:e.children}),a&&(0,A.jsx)("span",{className:"k-card-header-actions",children:(0,A.jsx)(c,{className:"k-card-details",icon:"more-vertical",rounded:"medium",size:"medium",fillMode:"flat",themeColor:"base"})})]})};var Lt=require("react/jsx-runtime");var M=require("react/jsx-runtime"),Tt="k-card-body",me=e=>{let{title:t,subtitle:r,details:a,...i}=e;return(0,M.jsxs)("div",{...i,className:n(e.className,Tt),children:[t&&(0,M.jsx)(I,{children:t}),r&&(0,M.jsx)(Y,{children:r}),(0,M.jsx)(M.Fragment,{children:e.children}),a&&(0,M.jsx)("span",{className:"k-card-header-actions",children:(0,M.jsx)(c,{className:"k-card-details",icon:"more-vertical",rounded:"medium",size:"medium",fillMode:"flat",themeColor:"base"})})]})};var Ke=require("react/jsx-runtime"),De="k-card-deck",Et=[],gt={},St={},w=e=>{let{...t}=e;return(0,Ke.jsx)("div",{...t,className:n(e.className,De),children:e.children})};w.states=Et;w.options=gt;w.className=De;w.defaultOptions=St;w.moduleName=p;w.folderName=f;var Be=require("react/jsx-runtime"),Re="k-card-deck-scrollwrap",yt=[],Ot={},kt={},z=e=>{let{...t}=e;return(0,Be.jsx)("div",{...t,className:n(e.className,Re),children:e.children})};z.states=yt;z.options=Ot;z.className=Re;z.defaultOptions=kt;z.moduleName=p;z.folderName=f;var pe="action-buttons",He=pe;var Ie=require("react/jsx-runtime"),Z="k-actions",_t=[],Dt={},ue={alignment:"start",orientation:"horizontal"},T=e=>{let{alignment:t=ue.alignment,orientation:r=ue.orientation,...a}=e;return(0,Ie.jsx)("div",{...a,className:n(Z,{[`${Z}-${t}`]:t,[`${Z}-${r}`]:r},e.className),children:e.children})};T.states=_t;T.options=Dt;T.className=Z;T.defaultOptions=ue;T.moduleName=pe;T.folderName=He;var fe=require("react/jsx-runtime");var C=require("react/jsx-runtime"),Kt=e=>(0,C.jsx)(b,{orientation:"vertical",children:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(_e,{children:"Card Header"}),(0,C.jsx)(me,{children:(0,C.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,C.jsxs)(T,{className:"k-card-actions",children:[(0,C.jsx)(c,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,C.jsx)(c,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});