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

A collection of HTML helpers used for developing Kendo UI themes

var je=Object.create;var ee=Object.defineProperty;var et=Object.getOwnPropertyDescriptor;var tt=Object.getOwnPropertyNames;var ot=Object.getPrototypeOf,rt=Object.prototype.hasOwnProperty;var nt=(e,t)=>{for(var r in t)ee(e,r,{get:t[r],enumerable:!0})},Ee=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of tt(t))!rt.call(e,s)&&s!==r&&ee(e,s,{get:()=>t[s],enumerable:!(a=et(t,s))||a.enumerable});return e};var be=(e,t,r)=>(r=e!=null?je(ot(e)):{},Ee(t||!e||!e.__esModule?ee(r,"default",{value:e,enumerable:!0}):r,e)),at=e=>Ee(ee({},"__esModule",{value:!0}),e);var oo={};nt(oo,{TileLayoutNormal:()=>to});module.exports=at(oo);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 b=(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"}),C=(e,t)=>{let{valid:r,invalid:a,hover:s,focus:m,checked:l,active:u,selected:f,disabled:K,indeterminate:ie,loading:le,empty:de,readonly:Y,highlighted:D,...V}=t;return n({"k-valid":r,"k-invalid":a,"k-hover":s,"k-focus":m,"k-checked":l,"k-active":u,"k-selected":f,"k-disabled":K,"k-indeterminate":ie&&!l,"k-loading":le,"k-empty":de,"k-readonly":Y,"k-highlighted":D},Object.keys(V).reduce((q,v)=>(v.startsWith("k-")?q[v]=V[v]:q[`k-${v}`]=V[v],q),{}))};function Oe(e,t){if(!t)return{};let r=Array.isArray(t)?t:[t];return Object.fromEntries(r.map(a=>[`k-${a}`,!0]))}var i={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},H={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"},ge={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var B="tile-layout",I="tilelayout";var Se=require("react/jsx-runtime"),ve="k-tilelayout",st=[],it={},lt={},O=e=>{let{gap:t,columns:r,columnWidth:a,rowHeight:s,style:m,children:l}=e,u={gridTemplateColumns:`repeat(${r}, minmax(0px, ${a}))`,gridAutoRows:`minmax(0px, ${s})`,gap:t,...m};return(0,Se.jsx)("div",{className:n(e.className,ve),style:u,children:l})};O.states=st;O.options=it;O.className=ve;O.defaultOptions=lt;O.moduleName=B;O.folderName=I;var Je=be(require("react"));var _e=require("react/jsx-runtime"),dt="k-card-callout",ke=e=>{let{callout:t,...r}=e;return(0,_e.jsx)("span",{...r,className:n(e.className,dt,{[`k-callout-${ge.calloutMap[t]||t}`]:t})})};var p="card",N=p;var k=require("react/jsx-runtime"),te="k-card",mt=[d.hover,d.focus,d.selected,d.disabled],ct={themeColor:[o.primary,o.success,o.warning,o.error,o.info]},pt={},A=e=>{let{orientation:t,themeColor:r,callout:a,hover:s,focus:m,selected:l,disabled:u,...f}=e;return(0,k.jsxs)("div",{...f,className:n(e.className,te,b(te,{themeColor:r}),C(te,{hover:s,focus:m,disabled:u,selected:l}),{[`k-card-${t}`]:t,"k-card-with-callout":a}),children:[a&&a!=="true"&&(0,k.jsx)(ke,{callout:a}),(0,k.jsx)(k.Fragment,{children:e.children})]})};A.states=mt;A.options=ct;A.className=te;A.defaultOptions=pt;A.moduleName=p;A.folderName=N;var J=require("react/jsx-runtime"),me="k-card-list",ut=[],ft={},Ct={},w=e=>{let{...t}=e;return(0,J.jsx)("div",{...t,className:n(e.className,me,C(me,{})),children:(0,J.jsx)(J.Fragment,{children:e.children})})};w.states=ut;w.options=ft;w.className=me;w.defaultOptions=Ct;w.moduleName=p;w.folderName=N;var Ke=require("react/jsx-runtime"),Re="k-card-group",Nt=[],xt={},ht={},P=e=>{let{...t}=e;return(0,Ke.jsx)("div",{...t,className:n(e.className,Re),children:e.children})};P.states=Nt;P.options=xt;P.className=Re;P.defaultOptions=ht;P.moduleName=p;P.folderName=N;var De=require("react/jsx-runtime"),ce="k-card-wrap",At=[d.focus,d.selected],Lt={},Tt={},z=e=>{let{focus:t,selected:r,...a}=e;return(0,De.jsx)("div",{...a,className:n(e.className,ce,C(ce,{focus:t,selected:r})),children:e.children})};z.states=At;z.options=Lt;z.className=ce;z.defaultOptions=Tt;z.moduleName=p;z.folderName=N;var He=require("react/jsx-runtime"),pe="k-card-title",Mt=[d.hover,d.focus],U=e=>{let{hover:t,focus:r,...a}=e;return(0,He.jsx)("div",{...a,className:n(e.className,pe,C(pe,{hover:t,focus:r})),children:e.children})};U.states=Mt;U.className=pe;var Be=require("react/jsx-runtime"),yt="k-card-subtitle",oe=e=>{let{...t}=e;return(0,Be.jsx)("div",{...t,className:n(e.className,yt),children:e.children})};var Ie=require("react/jsx-runtime");var X=require("react/jsx-runtime"),ue="k-font-icon",Et=[],bt={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Ot={},Q=e=>{let{size:t,themeColor:r,icon:a,rotate:s,flip:m,...l}=e;return a?(0,X.jsx)("span",{...l,className:n(e.className,ue,b(ue,{size:t}),{[`k-i-${a}`]:a,[`k-color-${r}`]:r,[`k-rotate-${s}`]:s,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):(0,X.jsx)(X.Fragment,{})};Q.states=Et;Q.options=bt;Q.className=ue;Q.defaultOptions=Ot;var we=Q;var _=require("react/jsx-runtime"),fe="k-svg-icon",gt=[],vt={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Pe={viewBox:"0 0 24 24"},Z=e=>{let{size:t,themeColor:r,rotate:a,flip:s,viewBox:m=Pe.viewBox,icon:l,...u}=e;if(!l)return(0,_.jsx)(_.Fragment,{});l==="none"&&{...u,className:n(e.className,fe,"k-none")};let f=typeof l=="object"&&l.name&&l.name;return(0,_.jsx)("span",{...u,className:n(e.className,fe,b("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${r}`]:r,[`k-rotate-${a}`]:a,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:(0,_.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})})};Z.states=gt;Z.options=vt;Z.className=fe;Z.defaultOptions=Pe;var Ce=Z;var Ne=be(require("@progress/kendo-svg-icons"));var ze="icon",Ue="icons";var y=require("react/jsx-runtime"),re="k-icon",St=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),kt=[],_t={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},xe={viewBox:"0 0 24 24",type:"svg"},E=e=>{let{size:t,themeColor:r,icon:a,type:s=xe.type,rotate:m,flip:l,viewBox:u=xe.viewBox,...f}=e;if(!a)return(0,y.jsx)(y.Fragment,{});if(s==="svg"){if(a==="none")return(0,y.jsx)(Ce,{...f,className:n(e.className,re),icon:a,size:t});let K=Ne[a]?a:St(`${a}-icon`);return Ne[K]?(0,y.jsx)(Ce,{...f,className:n(e.className,re),icon:Ne[K],size:t,themeColor:r,rotate:m,flip:l,viewBox:u}):(0,y.jsx)(y.Fragment,{})}return(0,y.jsx)(we,{...f,className:n(e.className,re),icon:a,size:t,themeColor:r,rotate:m,flip:l})};E.states=kt;E.options=_t;E.defaultOptions=xe;E.className=re;E.moduleName=ze;E.folderName=Ue;var he="button",$e=he;var x=require("react/jsx-runtime"),j="k-button",Rt=["icon-button"],Kt=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],Dt={size:[i.small,i.medium,i.large],rounded:[H.small,H.medium,H.large,H.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]},R={size:i.medium,rounded:H.medium,fillMode:S.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{size:t=R.size,rounded:r=R.rounded,fillMode:a=R.fillMode,themeColor:s=R.themeColor,showArrow:m=R.showArrow,arrowIconName:l=R.arrowIconName,variant:u,hover:f,focus:K,active:ie,selected:le,disabled:de,icon:Y,text:D,iconClassName:V,...q}=e,v=Y!==void 0,Ze=e.children!==void 0;return(0,x.jsxs)("button",{...q,className:n(e.className,j,Oe(j,u),b(j,{size:t,rounded:r,fillMode:a,themeColor:s}),C(j,{hover:f,focus:K,active:ie,disabled:de,selected:le}),{"k-icon-button":!D&&!Ze&&v}),children:[Y&&(0,x.jsx)(E,{className:n(V,"k-button-icon"),icon:Y}),D?(0,x.jsxs)(x.Fragment,{children:[D&&(0,x.jsx)("span",{className:"k-button-text",children:D}),e.children]}):e.children&&(0,x.jsx)("span",{className:"k-button-text",children:e.children}),m&&(0,x.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,x.jsx)(E,{icon:l})})]})};c.states=Kt;c.options=Dt;c.variants=Rt;c.className=j;c.defaultOptions=R;c.moduleName=he;c.folderName=$e;var Ht=require("react/jsx-runtime");var Bt=require("react/jsx-runtime");var It=require("react/jsx-runtime");var L=require("react/jsx-runtime"),wt="k-card-header",ne=e=>{let{title:t,subtitle:r,details:a,...s}=e;return(0,L.jsxs)("div",{...s,className:n(e.className,wt),children:[t&&(0,L.jsx)(U,{children:t}),r&&(0,L.jsx)(oe,{children:r}),(0,L.jsx)(L.Fragment,{children:e.children}),a&&(0,L.jsx)("span",{className:"k-card-header-actions",children:(0,L.jsx)(c,{className:"k-card-details",icon:"more-vertical",rounded:"medium",size:"medium",fillMode:"flat",themeColor:"base"})})]})};var Pt=require("react/jsx-runtime");var T=require("react/jsx-runtime"),zt="k-card-body",ae=e=>{let{title:t,subtitle:r,details:a,...s}=e;return(0,T.jsxs)("div",{...s,className:n(e.className,zt),children:[t&&(0,T.jsx)(U,{children:t}),r&&(0,T.jsx)(oe,{children:r}),(0,T.jsx)(T.Fragment,{children:e.children}),a&&(0,T.jsx)("span",{className:"k-card-header-actions",children:(0,T.jsx)(c,{className:"k-card-details",icon:"more-vertical",rounded:"medium",size:"medium",fillMode:"flat",themeColor:"base"})})]})};var We=require("react/jsx-runtime"),Fe="k-card-deck",Ut=[],$t={},Ft={},$=e=>{let{...t}=e;return(0,We.jsx)("div",{...t,className:n(e.className,Fe),children:e.children})};$.states=Ut;$.options=$t;$.className=Fe;$.defaultOptions=Ft;$.moduleName=p;$.folderName=N;var Ye=require("react/jsx-runtime"),Ge="k-card-deck-scrollwrap",Wt=[],Gt={},Yt={},F=e=>{let{...t}=e;return(0,Ye.jsx)("div",{...t,className:n(e.className,Ge),children:e.children})};F.states=Wt;F.options=Gt;F.className=Ge;F.defaultOptions=Yt;F.moduleName=p;F.folderName=N;var Ae="action-buttons",Ve=Ae;var qe=require("react/jsx-runtime"),se="k-actions",Vt=[],qt={},Le={alignment:"start",orientation:"horizontal"},g=e=>{let{alignment:t=Le.alignment,orientation:r=Le.orientation,...a}=e;return(0,qe.jsx)("div",{...a,className:n(se,{[`${se}-${t}`]:t,[`${se}-${r}`]:r},e.className),children:e.children})};g.states=Vt;g.options=qt;g.className=se;g.defaultOptions=Le;g.moduleName=Ae;g.folderName=Ve;var Te=require("react/jsx-runtime");var Me=require("react/jsx-runtime");var W=require("react/jsx-runtime"),ye="k-tilelayout-item",Jt=[d.focus],Xt={},Qt={},h=e=>{let{header:t,body:r,focus:a,resize:s,style:m}=e;return(0,W.jsxs)(A,{className:n(e.className,ye,C(ye,{focus:a}),{"k-resize":s===!0,"k-resize-x":s==="horizontal","k-resize-y":s==="vertical"}),style:m,children:[t&&Je.default.isValidElement(t)?(0,W.jsx)(ne,{className:"k-tilelayout-item-header k-cursor-move",children:t}):(0,W.jsx)(ne,{className:"k-tilelayout-item-header k-cursor-move",title:t}),r&&(0,W.jsx)(ae,{className:"k-tilelayout-item-body",children:r})]})};h.states=Jt;h.options=Xt;h.className=ye;h.defaultOptions=Qt;h.moduleName=B;h.folderName=I;var Qe=require("react/jsx-runtime"),Xe="k-layout-item-hint",Zt=[],jt={},eo={},G=e=>{let{style:t}=e;return(0,Qe.jsx)("div",{className:Xe,style:t})};G.states=Zt;G.options=jt;G.className=Xe;G.defaultOptions=eo;G.moduleName=B;G.folderName=I;var M=require("react/jsx-runtime"),to=e=>(0,M.jsx)(O,{children:(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(h,{header:"Title goes here",body:"Content goes here"}),(0,M.jsx)(h,{header:"Title goes here",body:"Content goes here"}),(0,M.jsx)(h,{header:"Title goes here",body:"Content goes here"}),(0,M.jsx)(h,{header:"Title goes here",body:"Content goes here"})]}),...e});