@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 12 kB
JavaScript
var Xe=Object.create;var Q=Object.defineProperty;var Fe=Object.getOwnPropertyDescriptor;var Ue=Object.getOwnPropertyNames;var Ve=Object.getPrototypeOf,Je=Object.prototype.hasOwnProperty;var We=(e,t)=>{for(var o in t)Q(e,o,{get:t[o],enumerable:!0})},ke=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of Ue(t))!Je.call(e,l)&&l!==o&&Q(e,l,{get:()=>t[l],enumerable:!(n=Fe(t,l))||n.enumerable});return e};var qe=(e,t,o)=>(o=e!=null?Xe(Ve(e)):{},ke(t||!e||!e.__esModule?Q(o,"default",{value:e,enumerable:!0}):o,e)),Qe=e=>ke(Q({},"__esModule",{value:!0}),e);var Dt={};We(Dt,{AngularListWithGrouping:()=>Gt});module.exports=Qe(Dt);var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var k=(e,t)=>s({[`${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"}),T=(e,t)=>{let{valid:o,invalid:n,hover:l,focus:p,checked:a,active:L,selected:d,disabled:u,indeterminate:C,loading:x,empty:f,readonly:b,highlighted:te,...R}=t;return s({"k-valid":o,"k-invalid":n,"k-hover":l,"k-focus":p,"k-checked":a,"k-active":L,"k-selected":d,"k-disabled":u,"k-indeterminate":C&&!a,"k-loading":x,"k-empty":f,"k-readonly":b,"k-highlighted":te},Object.keys(R).reduce((M,O)=>(O.startsWith("k-")?M[O]=R[O]:M[`k-${O}`]=R[O],M),{}))};var i={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},w={small:"small",medium:"medium",large:"large",full:"full"};var r={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 ge=require("react/jsx-runtime"),Ye="k-no-data",V=e=>(0,ge.jsx)("span",{className:s(Ye,e.className),children:e.children});var S="list",K=S;var g=require("react/jsx-runtime"),oe="k-list",Ze=[],je={size:[i.small,i.medium,i.large]},ve={size:i.medium},v=e=>{let{size:t=ve.size,virtualization:o,children:n,optionLabel:l,customValue:p,screenReaders:a,...L}=e,d,u,C,x,f=[];return n?n.map((b,te)=>{b.type===h?(b.props.root===!0?(d=b.props.label,b.props.children.map((R,M)=>{f.push((0,g.jsx)(m,{...R.props},`optChild-${M}-${new Date().getTime()}`))})):b.props.children.forEach((R,M)=>{let O="";M===0&&(O=b.props.label),f.push((0,g.jsx)(m,{className:M===0?"k-first":"",...R.props,groupLabel:O},`groupLabel-${M}-${new Date().getTime()}`))}),u=(0,g.jsx)(h,{label:d,virtualization:o,children:f})):b.type===m&&(f.push((0,g.jsx)(m,{...b.props},`${b.type}-${te}`)),C=(0,g.jsx)(B,{virtualization:o,children:f}),a&&(x=(0,g.jsxs)(V,{className:"k-sr-only",children:[f.length," items found."]})))}):x=(0,g.jsx)(V,{children:"No data found."}),(0,g.jsxs)("div",{...L,className:s(e.className,oe,k(oe,{size:t}),{"k-virtual-list":o}),children:[l,p,u,C,x]})};v.states=Ze;v.options=je;v.className=oe;v.defaultOptions=ve;v.moduleName=S;v.folderName=K;var ye=require("react/jsx-runtime"),Ie="k-list-container",et=[],tt={},ot={},X=e=>{let{...t}=e;return(0,ye.jsx)("div",{...t,className:s(e.className,Ie),children:e.children})};X.states=et;X.options=tt;X.className=Ie;X.defaultOptions=ot;X.moduleName=S;X.folderName=K;var I=require("react/jsx-runtime"),se="k-list",st=[],it={size:[i.small,i.medium,i.large]},Ee={size:i.medium},y=e=>{let{size:t=Ee.size,virtualization:o,children:n,...l}=e,p,a,L,d=[];return n?n.map((u,C)=>{u.type===h?(u.props.root===!0?(p=u.props.label,u.props.children.map((x,f)=>{d.push((0,I.jsx)(m,{...x.props},`optChild-${f}-${new Date().getTime()}`))})):(d.push((0,I.jsx)(Me,{...u.props,children:u.props.label},`listChild-${C}`)),u.props.children.map((x,f)=>{d.push((0,I.jsx)(m,{...x.props},`fwOptChild-${f}-${new Date().getTime()}`))})),a=(0,I.jsx)(h,{label:p,virtualization:o,children:d})):u.type===m&&(d.push((0,I.jsx)(m,{...u.props},`${u.type}-${C}`)),L=(0,I.jsx)(B,{virtualization:o,children:d}))}):L=(0,I.jsx)(V,{children:"No data found."}),(0,I.jsxs)("div",{...l,className:s(e.className,se,k(se,{size:t}),{"k-virtual-list":o}),children:[a,L]})};y.states=st;y.options=it;y.className=se;y.defaultOptions=Ee;y.moduleName=S;y.folderName=K;var G="checkbox",F=G;var ne=require("react/jsx-runtime"),Y="k-checkbox",nt=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.checked,c.indeterminate],rt={size:[i.small,i.medium,i.large],rounded:[w.small,w.medium,w.large,w.full]},ie={size:i.medium,rounded:w.medium},E=e=>{let{id:t,checked:o,indeterminate:n,hover:l,focus:p,disabled:a,invalid:L,valid:d,required:u,size:C=ie.size,rounded:x=ie.rounded,...f}=e;return(0,ne.jsx)("span",{className:"k-checkbox-wrap",children:(0,ne.jsx)("input",{...f,id:t,type:"checkbox",defaultChecked:o,required:u,className:s(e.className,Y,k(Y,{size:C,rounded:x}),T(Y,{hover:l,focus:p,disabled:a,invalid:L,valid:d,indeterminate:n,checked:o}))})})};E.states=nt;E.options=rt;E.className=Y;E.defaultOptions=ie;E.moduleName=G;E.folderName=F;var Oe=require("react/jsx-runtime"),Se="k-checkbox-list",at=[],lt={},Ae={layout:"vertical"},z=e=>{let{layout:t=Ae.layout,...o}=e;return(0,Oe.jsx)("ul",{...o,className:s(e.className,Se,{[`k-list-${t}`]:t}),children:e.children})};z.states=at;z.options=lt;z.className=Se;z.defaultOptions=Ae;z.moduleName=G;z.folderName=F;var Ke=require("react/jsx-runtime"),Te="k-checkbox-list-item",mt=[],pt={},ct={},H=e=>{let{...t}=e;return(0,Ke.jsx)("li",{...t,className:s(e.className,Te),children:e.children})};H.states=mt;H.options=pt;H.className=Te;H.defaultOptions=ct;H.moduleName=G;H.folderName=F;var ae=require("react/jsx-runtime");var le=require("react/jsx-runtime");var me=require("react/jsx-runtime");var pe=require("react/jsx-runtime");var dt=require("react/jsx-runtime");var ut=require("react/jsx-runtime");var J=require("react/jsx-runtime"),ce="k-font-icon",Lt=[],ft={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},xt={},W=e=>{let{size:t,themeColor:o,icon:n,rotate:l,flip:p,...a}=e;return n?(0,J.jsx)("span",{...a,className:s(e.className,ce,k(ce,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):(0,J.jsx)(J.Fragment,{})};W.states=Lt;W.options=ft;W.className=ce;W.defaultOptions=xt;var ze=W;var D=require("react/jsx-runtime"),de="k-svg-icon",bt=[],ht={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},He={viewBox:"0 0 24 24"},q=e=>{let{size:t,themeColor:o,rotate:n,flip:l,viewBox:p=He.viewBox,icon:a,...L}=e;if(!a)return(0,D.jsx)(D.Fragment,{});a==="none"&&{...L,className:s(e.className,de,"k-none")};let d=typeof a=="object"&&a.name&&a.name;return(0,D.jsx)("span",{...L,className:s(e.className,de,k("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:(0,D.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:p,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:e.children})})};q.states=bt;q.options=ht;q.className=de;q.defaultOptions=He;var ue=q;var Le=qe(require("@progress/kendo-svg-icons"));var _e="icon",Re="icons";var A=require("react/jsx-runtime"),Z="k-icon",Ct=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Nt=[],kt={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},fe={viewBox:"0 0 24 24",type:"svg"},_=e=>{let{size:t,themeColor:o,icon:n,type:l=fe.type,rotate:p,flip:a,viewBox:L=fe.viewBox,...d}=e;if(!n)return(0,A.jsx)(A.Fragment,{});if(l==="svg"){if(n==="none")return(0,A.jsx)(ue,{...d,className:s(e.className,Z),icon:n,size:t});let u=Le[n]?n:Ct(`${n}-icon`);return Le[u]?(0,A.jsx)(ue,{...d,className:s(e.className,Z),icon:Le[u],size:t,themeColor:o,rotate:p,flip:a,viewBox:L}):(0,A.jsx)(A.Fragment,{})}return(0,A.jsx)(ze,{...d,className:s(e.className,Z),icon:n,size:t,themeColor:o,rotate:p,flip:a})};_.states=Nt;_.options=kt;_.defaultOptions=fe;_.className=Z;_.moduleName=_e;_.folderName=Re;var $=require("react/jsx-runtime"),xe="k-list-item",gt=[c.hover,c.focus,c.selected,c.disabled],vt={},It={},m=e=>{let{text:t,groupLabel:o,group:n,showIcon:l,iconName:p,showCheckbox:a,checked:L,hover:d,focus:u,selected:C,disabled:x,...f}=e,b=t||e.children;return(0,$.jsxs)("li",{...f,className:s(e.className,n?"k-list-group-item":xe,T(xe,{hover:d,focus:u,disabled:x,selected:C})),children:[a&&(0,$.jsx)(E,{checked:L}),l&&(0,$.jsx)(_,{icon:p}),(0,$.jsx)("span",{className:"k-list-item-text",children:b}),o&&o!==""&&(0,$.jsx)("div",{className:"k-list-item-group-label",children:o})]})};m.states=gt;m.options=vt;m.className=xe;m.defaultOptions=It;m.moduleName=S;m.folderName=K;var U=require("react/jsx-runtime"),yt="k-list-content",B=e=>{let{virtualization:t,...o}=e;return(0,U.jsxs)("div",{...o,className:s(yt,e.className),children:[(0,U.jsx)("ul",{className:s("k-list-ul"),children:e.children}),t&&(0,U.jsx)("div",{className:"k-height-container",children:(0,U.jsx)("div",{})})]})};var be=require("react/jsx-runtime"),Et="k-list-group-sticky-header",Ge=e=>(0,be.jsx)("div",{className:s(Et,e.className),children:(0,be.jsx)("div",{className:"k-list-header-text",children:e.children})});var P=require("react/jsx-runtime"),h=e=>{let{virtualization:t,label:o}=e;return(0,P.jsxs)(P.Fragment,{children:[o&&(0,P.jsx)(Ge,{children:o}),e.children&&(0,P.jsx)(B,{virtualization:t,children:e.children})]})};var he=require("react/jsx-runtime"),Mt="k-list-group-item",Me=e=>(0,he.jsx)("li",{className:s(Mt,e.className),children:(0,he.jsx)("span",{className:"k-list-item-text",children:e.children})});var De=require("react/jsx-runtime"),Ce="k-list-optionlabel",St=[c.hover,c.focus,c.selected,c.disabled],At={},Ot={},j=e=>{let{text:t,hover:o,focus:n,selected:l,disabled:p,...a}=e;return(0,De.jsx)("div",{...a,className:s(Ce,T(Ce,{hover:o,focus:n,selected:l,disabled:p})),children:t})};j.states=St;j.options=At;j.className=Ce;j.defaultOptions=Ot;var $e=require("react/jsx-runtime"),Ne="k-list-custom-value",Tt=[c.hover,c.focus,c.selected,c.disabled],Kt={},zt={},ee=e=>{let{text:t,hover:o,focus:n,selected:l,disabled:p,...a}=e;return(0,$e.jsx)("div",{...a,className:s(Ne,T(Ne,{hover:o,focus:n,selected:l,disabled:p})),children:t})};ee.states=Tt;ee.options=Kt;ee.className=Ne;ee.defaultOptions=zt;var Ht=require("react/jsx-runtime");var _t=require("react/jsx-runtime");var Pe=require("react/jsx-runtime");var we=require("react/jsx-runtime");var Rt=require("react/jsx-runtime");var Be=require("react/jsx-runtime");var N=require("react/jsx-runtime"),Gt=e=>(0,N.jsxs)(y,{...e,children:[(0,N.jsxs)(h,{label:"Group 1",root:!0,children:[(0,N.jsx)(m,{children:"List item 1.1"}),(0,N.jsx)(m,{children:"List item 1.2"}),(0,N.jsx)(m,{children:"List item 1.3"})]}),(0,N.jsxs)(h,{label:"Group 2",children:[(0,N.jsx)(m,{children:"List item 2.1"}),(0,N.jsx)(m,{children:"List item 2.2"}),(0,N.jsx)(m,{children:"List item 2.3"})]})]});