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