@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 14.8 kB
JavaScript
var ne=Object.create;var it=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames;var le=Object.getPrototypeOf,me=Object.prototype.hasOwnProperty;var pe=(t,e)=>{for(var o in e)it(t,o,{get:e[o],enumerable:!0})},Kt=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of ae(e))!me.call(t,l)&&l!==o&&it(t,l,{get:()=>e[l],enumerable:!(r=re(e,l))||r.enumerable});return t};var ce=(t,e,o)=>(o=t!=null?ne(le(t)):{},Kt(e||!t||!t.__esModule?it(o,"default",{value:t,enumerable:!0}):o,t)),de=t=>Kt(it({},"__esModule",{value:!0}),t);var lo={};pe(lo,{ListBoxNormal:()=>ao});module.exports=de(lo);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...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 h=(t,e)=>i({[`${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"}),C=(t,e)=>{let{valid:o,invalid:r,hover:l,focus:p,checked:a,active:L,selected:d,disabled:u,indeterminate:N,loading:b,empty:f,readonly:x,highlighted:B,...K}=e;return i({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":p,"k-checked":a,"k-active":L,"k-selected":d,"k-disabled":u,"k-indeterminate":N&&!a,"k-loading":b,"k-empty":f,"k-readonly":x,"k-highlighted":B},Object.keys(K).reduce((M,E)=>(E.startsWith("k-")?M[E]=K[E]:M[`k-${E}`]=K[E],M),{}))};function zt(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(r=>[`k-${r}`,!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"},$={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},n={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},m={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 j=require("react/jsx-runtime"),pt="k-font-icon",ue=[],Le={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},fe={},tt=t=>{let{size:e,themeColor:o,icon:r,rotate:l,flip:p,...a}=t;return r?(0,j.jsx)("span",{...a,className:i(t.className,pt,h(pt,{size:e}),{[`k-i-${r}`]:r,[`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,{})};tt.states=ue;tt.options=Le;tt.className=pt;tt.defaultOptions=fe;var _t=tt;var U=require("react/jsx-runtime"),ct="k-svg-icon",xe=[],be={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},Ht={viewBox:"0 0 24 24"},et=t=>{let{size:e,themeColor:o,rotate:r,flip:l,viewBox:p=Ht.viewBox,icon:a,...L}=t;if(!a)return(0,U.jsx)(U.Fragment,{});a==="none"&&{...L,className:i(t.className,ct,"k-none")};let d=typeof a=="object"&&a.name&&a.name;return(0,U.jsx)("span",{...L,className:i(t.className,ct,h("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:(0,U.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:t.children})})};et.states=xe;et.options=be;et.className=ct;et.defaultOptions=Ht;var dt=et;var ut=ce(require("@progress/kendo-svg-icons"));var Bt="icon",Rt="icons";var z=require("react/jsx-runtime"),nt="k-icon",he=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ne=[],Ce={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},Lt={viewBox:"0 0 24 24",type:"svg"},y=t=>{let{size:e,themeColor:o,icon:r,type:l=Lt.type,rotate:p,flip:a,viewBox:L=Lt.viewBox,...d}=t;if(!r)return(0,z.jsx)(z.Fragment,{});if(l==="svg"){if(r==="none")return(0,z.jsx)(dt,{...d,className:i(t.className,nt),icon:r,size:e});let u=ut[r]?r:he(`${r}-icon`);return ut[u]?(0,z.jsx)(dt,{...d,className:i(t.className,nt),icon:ut[u],size:e,themeColor:o,rotate:p,flip:a,viewBox:L}):(0,z.jsx)(z.Fragment,{})}return(0,z.jsx)(_t,{...d,className:i(t.className,nt),icon:r,size:e,themeColor:o,rotate:p,flip:a})};y.states=Ne;y.options=Ce;y.defaultOptions=Lt;y.className=nt;y.moduleName=Bt;y.folderName=Rt;var ft="button",Dt=ft;var v=require("react/jsx-runtime"),ot="k-button",ke=["icon-button"],ge=[m.hover,m.focus,m.active,m.selected,m.disabled,m.generating],Ie={size:[s.small,s.medium,s.large],rounded:[k.small,k.medium,k.large,k.full],fillMode:[$.solid,$.flat,$.outline,$.clear,$.link],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark,n.inverse]},X={size:s.medium,rounded:k.medium,fillMode:$.solid,themeColor:n.base,showArrow:!1,arrowIconName:"caret-alt-down"},g=t=>{let{size:e=X.size,rounded:o=X.rounded,fillMode:r=X.fillMode,themeColor:l=X.themeColor,showArrow:p=X.showArrow,arrowIconName:a=X.arrowIconName,variant:L,hover:d,focus:u,active:N,selected:b,disabled:f,icon:x,text:B,iconClassName:K,...M}=t,E=x!==void 0,ie=t.children!==void 0;return(0,v.jsxs)("button",{...M,className:i(t.className,ot,zt(ot,L),h(ot,{size:e,rounded:o,fillMode:r,themeColor:l}),C(ot,{hover:d,focus:u,active:N,disabled:f,selected:b}),{"k-icon-button":!B&&!ie&&E}),children:[x&&(0,v.jsx)(y,{className:i(K,"k-button-icon"),icon:x}),B?(0,v.jsxs)(v.Fragment,{children:[B&&(0,v.jsx)("span",{className:"k-button-text",children:B}),t.children]}):t.children&&(0,v.jsx)("span",{className:"k-button-text",children:t.children}),p&&(0,v.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,v.jsx)(y,{icon:a})})]})};g.states=ge;g.options=Ie;g.variants=ke;g.className=ot;g.defaultOptions=X;g.moduleName=ft;g.folderName=Dt;var Me=require("react/jsx-runtime");var ye=require("react/jsx-runtime");var ve=require("react/jsx-runtime");var Gt=require("react/jsx-runtime"),Ee="k-no-data",st=t=>(0,Gt.jsx)("span",{className:i(Ee,t.className),children:t.children});var _="list",R=_;var A=require("react/jsx-runtime"),xt="k-list",Ae=[],Oe={size:[s.small,s.medium,s.large]},wt={size:s.medium},I=t=>{let{size:e=wt.size,virtualization:o,children:r,optionLabel:l,customValue:p,screenReaders:a,...L}=t,d,u,N,b,f=[];return r?r.map((x,B)=>{x.type===O?(x.props.root===!0?(d=x.props.label,x.props.children.map((K,M)=>{f.push((0,A.jsx)(c,{...K.props},`optChild-${M}-${new Date().getTime()}`))})):x.props.children.forEach((K,M)=>{let E="";M===0&&(E=x.props.label),f.push((0,A.jsx)(c,{className:M===0?"k-first":"",...K.props,groupLabel:E},`groupLabel-${M}-${new Date().getTime()}`))}),u=(0,A.jsx)(O,{label:d,virtualization:o,children:f})):x.type===c&&(f.push((0,A.jsx)(c,{...x.props},`${x.type}-${B}`)),N=(0,A.jsx)(q,{virtualization:o,children:f}),a&&(b=(0,A.jsxs)(st,{className:"k-sr-only",children:[f.length," items found."]})))}):b=(0,A.jsx)(st,{children:"No data found."}),(0,A.jsxs)("div",{...L,className:i(t.className,xt,h(xt,{size:e}),{"k-virtual-list":o}),children:[l,p,u,N,b]})};I.states=Ae;I.options=Oe;I.className=xt;I.defaultOptions=wt;I.moduleName=_;I.folderName=R;var $t=require("react/jsx-runtime"),Pt="k-list-container",Se=[],Te={},Ke={},Q=t=>{let{...e}=t;return(0,$t.jsx)("div",{...e,className:i(t.className,Pt),children:t.children})};Q.states=Se;Q.options=Te;Q.className=Pt;Q.defaultOptions=Ke;Q.moduleName=_;Q.folderName=R;var S=require("react/jsx-runtime"),bt="k-list",ze=[],_e={size:[s.small,s.medium,s.large]},Ut={size:s.medium},H=t=>{let{size:e=Ut.size,virtualization:o,children:r,...l}=t,p,a,L,d=[];return r?r.map((u,N)=>{u.type===O?(u.props.root===!0?(p=u.props.label,u.props.children.map((b,f)=>{d.push((0,S.jsx)(c,{...b.props},`optChild-${f}-${new Date().getTime()}`))})):(d.push((0,S.jsx)(Xt,{...u.props,children:u.props.label},`listChild-${N}`)),u.props.children.map((b,f)=>{d.push((0,S.jsx)(c,{...b.props},`fwOptChild-${f}-${new Date().getTime()}`))})),a=(0,S.jsx)(O,{label:p,virtualization:o,children:d})):u.type===c&&(d.push((0,S.jsx)(c,{...u.props},`${u.type}-${N}`)),L=(0,S.jsx)(q,{virtualization:o,children:d}))}):L=(0,S.jsx)(st,{children:"No data found."}),(0,S.jsxs)("div",{...l,className:i(t.className,bt,h(bt,{size:e}),{"k-virtual-list":o}),children:[a,L]})};H.states=ze;H.options=_e;H.className=bt;H.defaultOptions=Ut;H.moduleName=_;H.folderName=R;var F="checkbox",Y=F;var Nt=require("react/jsx-runtime"),rt="k-checkbox",He=[m.hover,m.focus,m.valid,m.invalid,m.required,m.disabled,m.checked,m.indeterminate],Be={size:[s.small,s.medium,s.large],rounded:[k.small,k.medium,k.large,k.full]},ht={size:s.medium,rounded:k.medium},T=t=>{let{id:e,checked:o,indeterminate:r,hover:l,focus:p,disabled:a,invalid:L,valid:d,required:u,size:N=ht.size,rounded:b=ht.rounded,...f}=t;return(0,Nt.jsx)("span",{className:"k-checkbox-wrap",children:(0,Nt.jsx)("input",{...f,id:e,type:"checkbox",defaultChecked:o,required:u,className:i(t.className,rt,h(rt,{size:N,rounded:b}),C(rt,{hover:l,focus:p,disabled:a,invalid:L,valid:d,indeterminate:r,checked:o}))})})};T.states=He;T.options=Be;T.className=rt;T.defaultOptions=ht;T.moduleName=F;T.folderName=Y;var Jt=require("react/jsx-runtime"),Ft="k-checkbox-list",Re=[],De={},Vt={layout:"vertical"},D=t=>{let{layout:e=Vt.layout,...o}=t;return(0,Jt.jsx)("ul",{...o,className:i(t.className,Ft,{[`k-list-${e}`]:e}),children:t.children})};D.states=Re;D.options=De;D.className=Ft;D.defaultOptions=Vt;D.moduleName=F;D.folderName=Y;var qt=require("react/jsx-runtime"),Wt="k-checkbox-list-item",Ge=[],we={},Pe={},G=t=>{let{...e}=t;return(0,qt.jsx)("li",{...e,className:i(t.className,Wt),children:t.children})};G.states=Ge;G.options=we;G.className=Wt;G.defaultOptions=Pe;G.moduleName=F;G.folderName=Y;var kt=require("react/jsx-runtime");var gt=require("react/jsx-runtime");var It=require("react/jsx-runtime");var Mt=require("react/jsx-runtime");var $e=require("react/jsx-runtime");var Ue=require("react/jsx-runtime");var V=require("react/jsx-runtime"),yt="k-list-item",Xe=[m.hover,m.focus,m.selected,m.disabled],Fe={},Ve={},c=t=>{let{text:e,groupLabel:o,group:r,showIcon:l,iconName:p,showCheckbox:a,checked:L,hover:d,focus:u,selected:N,disabled:b,...f}=t,x=e||t.children;return(0,V.jsxs)("li",{...f,className:i(t.className,r?"k-list-group-item":yt,C(yt,{hover:d,focus:u,disabled:b,selected:N})),children:[a&&(0,V.jsx)(T,{checked:L}),l&&(0,V.jsx)(y,{icon:p}),(0,V.jsx)("span",{className:"k-list-item-text",children:x}),o&&o!==""&&(0,V.jsx)("div",{className:"k-list-item-group-label",children:o})]})};c.states=Xe;c.options=Fe;c.className=yt;c.defaultOptions=Ve;c.moduleName=_;c.folderName=R;var Z=require("react/jsx-runtime"),Je="k-list-content",q=t=>{let{virtualization:e,...o}=t;return(0,Z.jsxs)("div",{...o,className:i(Je,t.className),children:[(0,Z.jsx)("ul",{className:i("k-list-ul"),children:t.children}),e&&(0,Z.jsx)("div",{className:"k-height-container",children:(0,Z.jsx)("div",{})})]})};var vt=require("react/jsx-runtime"),We="k-list-group-sticky-header",Qt=t=>(0,vt.jsx)("div",{className:i(We,t.className),children:(0,vt.jsx)("div",{className:"k-list-header-text",children:t.children})});var J=require("react/jsx-runtime"),O=t=>{let{virtualization:e,label:o}=t;return(0,J.jsxs)(J.Fragment,{children:[o&&(0,J.jsx)(Qt,{children:o}),t.children&&(0,J.jsx)(q,{virtualization:e,children:t.children})]})};var Et=require("react/jsx-runtime"),qe="k-list-group-item",Xt=t=>(0,Et.jsx)("li",{className:i(qe,t.className),children:(0,Et.jsx)("span",{className:"k-list-item-text",children:t.children})});var Yt=require("react/jsx-runtime"),At="k-list-optionlabel",Qe=[m.hover,m.focus,m.selected,m.disabled],Ye={},Ze={},at=t=>{let{text:e,hover:o,focus:r,selected:l,disabled:p,...a}=t;return(0,Yt.jsx)("div",{...a,className:i(At,C(At,{hover:o,focus:r,selected:l,disabled:p})),children:e})};at.states=Qe;at.options=Ye;at.className=At;at.defaultOptions=Ze;var Zt=require("react/jsx-runtime"),Ot="k-list-custom-value",je=[m.hover,m.focus,m.selected,m.disabled],to={},eo={},lt=t=>{let{text:e,hover:o,focus:r,selected:l,disabled:p,...a}=t;return(0,Zt.jsx)("div",{...a,className:i(Ot,C(Ot,{hover:o,focus:r,selected:l,disabled:p})),children:e})};lt.states=je;lt.options=to;lt.className=Ot;lt.defaultOptions=eo;var oo=require("react/jsx-runtime");var so=require("react/jsx-runtime");var jt=require("react/jsx-runtime");var te=require("react/jsx-runtime");var io=require("react/jsx-runtime");var ee=require("react/jsx-runtime");var oe=require("react/jsx-runtime");var St="listbox",se=St;var W=require("react/jsx-runtime"),mt="k-listbox",no=[m.disabled],ro={size:[s.small,s.medium,s.large]},Tt={size:s.medium,actionsPosition:"left"},w=t=>{let{size:e=Tt.size,disabled:o,children:r,actionsPosition:l=Tt.actionsPosition,actions:p,dir:a,...L}=t;return(0,W.jsxs)("div",{...L,dir:a,className:i(t.className,mt,h(mt,{size:e}),C(mt,{disabled:o}),{[`k-listbox-actions-${l}`]:l}),children:[p&&(0,W.jsx)("div",{className:"k-listbox-actions",children:p.map(d=>(0,W.jsx)(g,{icon:{left:a!=="rtl"?"caret-alt-left":"caret-alt-right",right:a!=="rtl"?"caret-alt-right":"caret-alt-left",to:a!=="rtl"?"caret-double-alt-right":"caret-double-alt-left",from:a!=="rtl"?"caret-double-alt-left":"caret-double-alt-right",up:"caret-alt-up",down:"caret-alt-down",x:"x"}[d],size:e},d))}),(0,W.jsx)("div",{className:i("k-list-scroller","k-selectable"),children:(0,W.jsx)(I,{size:e,children:r})})]})};w.states=no;w.options=ro;w.className=mt;w.defaultOptions=Tt;w.moduleName=St;w.folderName=se;var P=require("react/jsx-runtime"),ao=t=>(0,P.jsx)(w,{actions:["up","down","left","right","to","from","x"],children:[(0,P.jsx)(c,{children:"List item 1"},"ListItem1"),(0,P.jsx)(c,{children:"List item 2"},"ListItem2"),(0,P.jsx)(c,{children:"List item 3"},"ListItem3"),(0,P.jsx)(c,{children:"List item 4"},"ListItem4"),(0,P.jsx)(c,{children:"List item 5"},"ListItem5"),(0,P.jsx)(c,{children:"List item 6"},"ListItem6")],...t});