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