UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 9.55 kB
var Ke=Object.create;var X=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var He=Object.getOwnPropertyNames;var ze=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty;var Be=(t,e)=>{for(var o in e)X(t,o,{get:e[o],enumerable:!0})},he=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of He(e))!Ge.call(t,l)&&l!==o&&X(t,l,{get:()=>e[l],enumerable:!(r=_e(e,l))||r.enumerable});return t};var Pe=(t,e,o)=>(o=t!=null?Ke(ze(t)):{},he(e||!t||!t.__esModule?X(o,"default",{value:t,enumerable:!0}):o,t)),$e=t=>he(X({},"__esModule",{value:!0}),t);var ft={};Be(ft,{TREEVIEW_CLASSNAME:()=>q,Treeview:()=>h,default:()=>ht});module.exports=$e(ft);var n=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((o,r)=>e[r]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var k=(t,e)=>n({[`${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.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),I=(t,e)=>{let{valid:o,invalid:r,hover:l,focus:m,checked:a,active:d,selected:f,disabled:w,indeterminate:A,loading:R,empty:K,readonly:_,highlighted:F,...L}=e;return n({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":m,"k-checked":a,"k-active":d,"k-selected":f,"k-disabled":w,"k-indeterminate":A&&!a,"k-loading":R,"k-empty":K,"k-readonly":_,"k-highlighted":F},Object.keys(L).reduce((E,N)=>(N.startsWith("k-")?E[N]=L[N]:E[`k-${N}`]=L[N],E),{}))};var i={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},O={small:"small",medium:"medium",large:"large",full:"full"};var s={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},c={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 g="checkbox",S=g;var j=require("react/jsx-runtime"),V="k-checkbox",De=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.checked,c.indeterminate],Fe={size:[i.small,i.medium,i.large],rounded:[O.small,O.medium,O.large,O.full]},Z={size:i.medium,rounded:O.medium},v=t=>{let{id:e,checked:o,indeterminate:r,hover:l,focus:m,disabled:a,invalid:d,valid:f,required:w,size:A=Z.size,rounded:R=Z.rounded,...K}=t;return(0,j.jsx)("span",{className:"k-checkbox-wrap",children:(0,j.jsx)("input",{...K,id:e,type:"checkbox",defaultChecked:o,required:w,className:n(t.className,V,k(V,{size:A,rounded:R}),I(V,{hover:l,focus:m,disabled:a,invalid:d,valid:f,indeterminate:r,checked:o}))})})};v.states=De;v.options=Fe;v.className=V;v.defaultOptions=Z;v.moduleName=g;v.folderName=S;var ve=require("react/jsx-runtime"),fe="k-checkbox-list",Xe=[],Ve={},ue={layout:"vertical"},T=t=>{let{layout:e=ue.layout,...o}=t;return(0,ve.jsx)("ul",{...o,className:n(t.className,fe,{[`k-list-${e}`]:e}),children:t.children})};T.states=Xe;T.options=Ve;T.className=fe;T.defaultOptions=ue;T.moduleName=g;T.folderName=S;var be=require("react/jsx-runtime"),Ce="k-checkbox-list-item",Ue=[],We={},Je={},y=t=>{let{...e}=t;return(0,be.jsx)("li",{...e,className:n(t.className,Ce),children:t.children})};y.states=Ue;y.options=We;y.className=Ce;y.defaultOptions=Je;y.moduleName=g;y.folderName=S;var te=require("react/jsx-runtime");var oe=require("react/jsx-runtime");var re=require("react/jsx-runtime");var ie=require("react/jsx-runtime");var qe=require("react/jsx-runtime");var Qe=require("react/jsx-runtime");var H=require("react/jsx-runtime"),se="k-font-icon",Ye=[],Ze={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},je={},z=t=>{let{size:e,themeColor:o,icon:r,rotate:l,flip:m,...a}=t;return r?(0,H.jsx)("span",{...a,className:n(t.className,se,k(se,{size:e}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):(0,H.jsx)(H.Fragment,{})};z.states=Ye;z.options=Ze;z.className=se;z.defaultOptions=je;var we=z;var M=require("react/jsx-runtime"),ne="k-svg-icon",et=[],tt={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},ke={viewBox:"0 0 24 24"},G=t=>{let{size:e,themeColor:o,rotate:r,flip:l,viewBox:m=ke.viewBox,icon:a,...d}=t;if(!a)return(0,M.jsx)(M.Fragment,{});a==="none"&&{...d,className:n(t.className,ne,"k-none")};let f=typeof a=="object"&&a.name&&a.name;return(0,M.jsx)("span",{...d,className:n(t.className,ne,k("k-icon",{size:e}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:(0,M.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:m,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:t.children})})};G.states=et;G.options=tt;G.className=ne;G.defaultOptions=ke;var le=G;var ae=Pe(require("@progress/kendo-svg-icons"));var Te="icon",ye="icons";var b=require("react/jsx-runtime"),U="k-icon",ot=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),rt=[],it={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},me={viewBox:"0 0 24 24",type:"svg"},C=t=>{let{size:e,themeColor:o,icon:r,type:l=me.type,rotate:m,flip:a,viewBox:d=me.viewBox,...f}=t;if(!r)return(0,b.jsx)(b.Fragment,{});if(l==="svg"){if(r==="none")return(0,b.jsx)(le,{...f,className:n(t.className,U),icon:r,size:e});let w=ae[r]?r:ot(`${r}-icon`);return ae[w]?(0,b.jsx)(le,{...f,className:n(t.className,U),icon:ae[w],size:e,themeColor:o,rotate:m,flip:a,viewBox:d}):(0,b.jsx)(b.Fragment,{})}return(0,b.jsx)(we,{...f,className:n(t.className,U),icon:r,size:e,themeColor:o,rotate:m,flip:a})};C.states=rt;C.options=it;C.defaultOptions=me;C.className=U;C.moduleName=Te;C.folderName=ye;var ce=require("react/jsx-runtime"),Ee=require("react"),st="k-treeview-group",x=t=>{let{children:e,dir:o}=t,r=[];return e&&(Array.isArray(e)?e.map((l,m)=>{l.type===B&&r.push((0,Ee.createElement)(B,{...l.props,dir:o,key:m}))}):e.type===B&&r.push((0,ce.jsx)(B,{...e.props,dir:o}))),(0,ce.jsx)("ul",{className:n(t.className,st),children:r})};var P=require("react/jsx-runtime"),pe="k-treeview-leaf",nt=[c.hover,c.focus,c.selected],lt={},W=t=>{let{text:e,showIcon:o,icon:r,hover:l,focus:m,selected:a,...d}=t;return(0,P.jsxs)("span",{...d,className:n(t.className,pe,I(pe,{hover:l,focus:m,selected:a})),children:[o&&(0,P.jsx)(C,{icon:r}),(0,P.jsx)("span",{className:"k-treeview-leaf-text",children:e})]})};W.states=nt;W.options=lt;W.className=pe;var Ne=W;var $="treeview",J=$;var u=require("react/jsx-runtime"),ge=require("react"),Ie="k-treeview-item",at=[c.hover,c.focus,c.selected,c.disabled],mt={},ct={},p=t=>{let{leafClassName:e,children:o,hasChildren:r,expanded:l,text:m,showIcon:a,icon:d,showCheckbox:f,checked:w,hover:A,focus:R,selected:K,disabled:_,top:F,bottom:L,dir:E,...N}=t,xe=r||o,Q=[];return o&&(Array.isArray(o)?o.map((Y,Re)=>{Y.type===x&&Q.push((0,ge.createElement)(x,{...Y.props,dir:E,key:Re},Y.props.children))}):o.type===x&&Q.push((0,u.jsx)(x,{...o.props,dir:E,children:o.props.children}))),(0,u.jsxs)("li",{...N,className:n(t.className,Ie),children:[(0,u.jsxs)("span",{className:n({"k-treeview-top":F,"k-treeview-bot":L,"k-treeview-mid":!F&&!L}),children:[xe&&(0,u.jsx)("span",{className:n("k-treeview-toggle",I("k-treeview-toggle",{disabled:_})),children:(0,u.jsx)(C,{icon:l?"caret-alt-down":E==="rtl"?"caret-alt-left":"caret-alt-right"})}),f&&(0,u.jsx)(v,{checked:w,disabled:_}),(0,u.jsx)(Ne,{className:n(e,I(e,{disabled:_})),text:m,showIcon:a,icon:d,hover:A,focus:R,selected:K})]}),l&&xe&&(0,u.jsx)(u.Fragment,{children:Q})]})};p.states=at;p.options=mt;p.className=Ie;p.defaultOptions=ct;p.moduleName=$;p.folderName=J;var B=p;var pt=require("react/jsx-runtime");var Me=require("react/jsx-runtime");var Le=require("react/jsx-runtime");var Oe=require("react/jsx-runtime");var Se=require("react/jsx-runtime");var D=require("react/jsx-runtime"),de=require("react"),q="k-treeview",dt=[],xt={size:[i.small,i.medium,i.large]},Ae={size:i.medium},h=t=>{let{size:e=Ae.size,children:o,dir:r,...l}=t,m=[];return o&&(Array.isArray(o)?o.map((a,d)=>{a.type===p&&m.push((0,de.createElement)(p,{...a.props,dir:r,key:d})),a.type===x&&m.push((0,de.createElement)(x,{...a.props,dir:r,key:d}))}):(o.type===p&&m.push((0,D.jsx)(p,{...o.props,dir:r})),o.type===x&&m.push((0,D.jsx)(x,{...o.props,dir:r})))),(0,D.jsx)("div",{...l,dir:r,className:n(t.className,q,k(q,{size:e})),children:(0,D.jsx)(x,{className:"k-treeview-lines",dir:r,children:m})})};h.states=dt;h.options=xt;h.className=q;h.defaultOptions=Ae;h.moduleName=$;h.folderName=J;var ht=h;