@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 13.1 kB
JavaScript
var De=Object.create;var ee=Object.defineProperty;var We=Object.getOwnPropertyDescriptor;var Fe=Object.getOwnPropertyNames;var Ue=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty;var Ve=(e,t)=>{for(var o in t)ee(e,o,{get:t[o],enumerable:!0})},be=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Fe(t))!Ge.call(e,i)&&i!==o&&ee(e,i,{get:()=>t[i],enumerable:!(r=We(t,i))||r.enumerable});return e};var Ze=(e,t,o)=>(o=e!=null?De(Ue(e)):{},be(t||!e||!e.__esModule?ee(o,"default",{value:e,enumerable:!0}):o,e)),qe=e=>be(ee({},"__esModule",{value:!0}),e);var Rt={};Ve(Rt,{WizardNormal:()=>Lt});module.exports=qe(Rt);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var G=(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"}),N=(e,t)=>{let{valid:o,invalid:r,hover:i,focus:c,checked:a,active:d,selected:m,disabled:u,indeterminate:B,loading:T,empty:_,readonly:z,highlighted:k,...L}=t;return n({"k-valid":o,"k-invalid":r,"k-hover":i,"k-focus":c,"k-checked":a,"k-active":d,"k-selected":m,"k-disabled":u,"k-indeterminate":B&&!a,"k-loading":T,"k-empty":_,"k-readonly":z,"k-highlighted":k},Object.keys(L).reduce((w,E)=>(E.startsWith("k-")?w[E]=L[E]:w[`k-${E}`]=L[E],w),{}))};function ve(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var l={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},V={small:"small",medium:"medium",large:"large",full:"full"},K={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},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"},p={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 ae="wizard",ke=ae;var ye=require("react/jsx-runtime"),q="k-wizard",Je=[p.disabled],Xe={},ie={orientation:"horizontal",contentPosition:"right"},M=e=>{let{disabled:t,orientation:o=ie.orientation,contentPosition:r=ie.contentPosition,...i}=e;return(0,ye.jsx)("div",{...i,className:n(e.className,q,N(q,{disabled:t}),{[`${q}-${o}`]:o,[`${q}-${r}`]:r&&o!=="horizontal"}),children:e.children})};M.states=Je;M.options=Xe;M.className=q;M.defaultOptions=ie;M.moduleName=ae;M.folderName=ke;var J=require("react/jsx-runtime"),le="k-font-icon",Qe=[],Ye={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},je={},X=e=>{let{size:t,themeColor:o,icon:r,rotate:i,flip:c,...a}=e;return r?(0,J.jsx)("span",{...a,className:n(e.className,le,G(le,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):(0,J.jsx)(J.Fragment,{})};X.states=Qe;X.options=Ye;X.className=le;X.defaultOptions=je;var Ee=X;var I=require("react/jsx-runtime"),ce="k-svg-icon",et=[],tt={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.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"},Q=e=>{let{size:t,themeColor:o,rotate:r,flip:i,viewBox:c=Me.viewBox,icon:a,...d}=e;if(!a)return(0,I.jsx)(I.Fragment,{});a==="none"&&{...d,className:n(e.className,ce,"k-none")};let m=typeof a=="object"&&a.name&&a.name;return(0,I.jsx)("span",{...d,className:n(e.className,ce,G("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:(0,I.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:c,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:e.children})})};Q.states=et;Q.options=tt;Q.className=ce;Q.defaultOptions=Me;var pe=Q;var de=Ze(require("@progress/kendo-svg-icons"));var Ae="icon",Ce="icons";var A=require("react/jsx-runtime"),te="k-icon",ot=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),st=[],rt={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.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"},S=e=>{let{size:t,themeColor:o,icon:r,type:i=me.type,rotate:c,flip:a,viewBox:d=me.viewBox,...m}=e;if(!r)return(0,A.jsx)(A.Fragment,{});if(i==="svg"){if(r==="none")return(0,A.jsx)(pe,{...m,className:n(e.className,te),icon:r,size:t});let u=de[r]?r:ot(`${r}-icon`);return de[u]?(0,A.jsx)(pe,{...m,className:n(e.className,te),icon:de[u],size:t,themeColor:o,rotate:c,flip:a,viewBox:d}):(0,A.jsx)(A.Fragment,{})}return(0,A.jsx)(Ee,{...m,className:n(e.className,te),icon:r,size:t,themeColor:o,rotate:c,flip:a})};S.states=st;S.options=rt;S.defaultOptions=me;S.className=te;S.moduleName=Ae;S.folderName=Ce;var ue="button",Oe=ue;var b=require("react/jsx-runtime"),Y="k-button",nt=["icon-button"],at=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],it={size:[l.small,l.medium,l.large],rounded:[V.small,V.medium,V.large,V.full],fillMode:[K.solid,K.flat,K.outline,K.clear,K.link],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark,s.inverse]},$={size:l.medium,rounded:V.medium,fillMode:K.solid,themeColor:s.base,showArrow:!1,arrowIconName:"caret-alt-down"},h=e=>{let{size:t=$.size,rounded:o=$.rounded,fillMode:r=$.fillMode,themeColor:i=$.themeColor,showArrow:c=$.showArrow,arrowIconName:a=$.arrowIconName,variant:d,hover:m,focus:u,active:B,selected:T,disabled:_,icon:z,text:k,iconClassName:L,...w}=e,E=z!==void 0,ne=e.children!==void 0;return(0,b.jsxs)("button",{...w,className:n(e.className,Y,ve(Y,d),G(Y,{size:t,rounded:o,fillMode:r,themeColor:i}),N(Y,{hover:m,focus:u,active:B,disabled:_,selected:T}),{"k-icon-button":!k&&!ne&&E}),children:[z&&(0,b.jsx)(S,{className:n(L,"k-button-icon"),icon:z}),k?(0,b.jsxs)(b.Fragment,{children:[k&&(0,b.jsx)("span",{className:"k-button-text",children:k}),e.children]}):e.children&&(0,b.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,b.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,b.jsx)(S,{icon:a})})]})};h.states=at;h.options=it;h.variants=nt;h.className=Y;h.defaultOptions=$;h.moduleName=ue;h.folderName=Oe;var lt=require("react/jsx-runtime");var ct=require("react/jsx-runtime");var pt=require("react/jsx-runtime");var x=require("react/jsx-runtime"),fe="k-wizard-step",dt=[p.focus],mt={},ut=(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("span",{className:"k-wizard-buttons-left",children:(0,x.jsx)("span",{className:"k-wizard-pager",children:"Step 2 of 3"})}),(0,x.jsxs)("span",{className:"k-wizard-buttons-right",children:[(0,x.jsx)(h,{children:"Previous"}),(0,x.jsx)(h,{themeColor:"primary",children:"Next"})]})]}),Pe={buttons:ut},H=e=>{let{focus:t,buttons:o=Pe.buttons,...r}=e;return(0,x.jsxs)("div",{...r,className:n(e.className,fe,N(fe,{focus:t})),children:[(0,x.jsx)("div",{className:"k-wizard-content",children:e.children}),o&&(0,x.jsx)("div",{className:"k-wizard-buttons",children:o})]})};H.states=dt;H.options=mt;H.className=fe;H.defaultOptions=Pe;var Le=require("react/jsx-runtime"),ze="k-wizard-steps",ft=[],ht={},xt={},D=e=>(0,Le.jsx)("div",{...e,className:n(e.className,ze),children:e.children});D.states=ft;D.options=ht;D.className=ze;D.defaultOptions=xt;var he="stepper",Re=he;var Te=require("react/jsx-runtime"),Be="k-stepper",Nt=[],St={},gt={},C=e=>{let{style:t,...o}=e;return(0,Te.jsx)("nav",{...o,style:t,className:n(e.className,Be),children:e.children})};C.options=St;C.states=Nt;C.className=Be;C.defaultOptions=gt;C.moduleName=he;C.folderName=Re;var we=require("react/jsx-runtime"),xe="k-step-list",bt=[],vt={},_e={orientation:"horizontal"},W=e=>{let{style:t,orientation:o=_e.orientation,...r}=e;return(0,we.jsx)("ol",{...r,style:t,className:n(e.className,xe,{[`${xe}-${o}`]:o}),children:e.children})};W.options=vt;W.states=bt;W.className=xe;W.defaultOptions=_e;var f=require("react/jsx-runtime"),y="k-step",kt=[p.disabled,p.hover,p.focus,p.invalid,p.valid],yt={},Et={},O=e=>{let{style:t,disabled:o,hover:r,focus:i,invalid:c,valid:a,optional:d,first:m,done:u,current:B,last:T,label:_,text:z,icon:k,stepContent:L,...w}=e,E=c?"warning-circle":"check-circle",ne=!!(a||c);return(0,f.jsxs)("li",{...w,style:t,className:n(e.className,y,{[`${y}-done`]:u,[`${y}-first`]:m,[`${y}-current`]:B,[`${y}-last`]:T,[`${y}-optional`]:d,[`${y}-success`]:a,[`${y}-error`]:c},N(y,{hover:r,focus:i,disabled:o})),children:[(0,f.jsxs)("a",{href:"#",className:"k-step-link",children:[z&&!k&&(0,f.jsx)("span",{className:"k-step-indicator",children:(0,f.jsx)("span",{className:"k-step-indicator-text",children:z})}),k&&(0,f.jsx)("span",{className:"k-step-indicator",children:(0,f.jsx)(S,{className:"k-step-indicator-icon",icon:k})}),d&&!_&&(0,f.jsx)("span",{className:"k-step-label",children:(0,f.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})}),_&&(0,f.jsxs)("span",{className:"k-step-label",children:[(0,f.jsx)("span",{className:"k-step-text",children:_}),ne&&(0,f.jsx)(S,{icon:E}),d&&(0,f.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})]})]}),L&&(0,f.jsx)("div",{className:"k-step-content",style:{height:"140px"},children:L})]})};O.options=yt;O.states=kt;O.className=y;O.defaultOptions=Et;var j="progressbar",oe=j;var R=require("react/jsx-runtime"),g="k-progressbar",Mt=[p.disabled,p.indeterminate],At={},F={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},U=e=>{let{disabled:t,height:o,indeterminate:r=F.indeterminate,label:i=F.label,labelPosition:c=F.labelPosition,orientation:a=F.orientation,reverse:d=F.reverse,value:m=F.value,width:u,style:B,...T}=e;return(0,R.jsxs)("div",{...T,className:n(e.className,g,N(g,{disabled:t}),{[`${g}-${a}`]:a,[`${g}-indeterminate`]:r,[`${g}-reverse`]:d}),style:{...B,"--kendo-progressbar-value":m,[a==="horizontal"?"height":"width"]:a==="horizontal"?o:u},children:[(0,R.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${c}`]:c&&!r}),children:i&&(0,R.jsxs)("span",{className:"k-progress-status",children:[m,"%"]})}),!r&&(0,R.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,R.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${c}`]:c}),children:i&&(0,R.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};U.states=Mt;U.options=At;U.className=g;U.defaultOptions=F;U.moduleName=j;U.folderName=oe;var Ke=U;var re=require("react/jsx-runtime"),Ie="k-chunk-progressbar",Ct=(e,t)=>t<=e-1,Ot=[p.disabled,p.indeterminate],Pt={},se={chunkCount:5,orientation:"horizontal",progress:0},Z=e=>{let{disabled:t,chunkCount:o=se.chunkCount,indeterminate:r,orientation:i=se.orientation,progress:c=se.progress,reverse:a,...d}=e;return(0,re.jsx)("div",{...d,className:n(e.className,g,Ie,N(g,{disabled:t}),{[`${g}-${i}`]:i,[`${g}-indeterminate`]:r,[`${g}-reverse`]:a}),children:(0,re.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((m,u)=>(0,re.jsx)("li",{className:n("k-progressbar-chunk",{"k-first":u===0,"k-last":u===[...Array(o)].length-1,"k-selected":Ct(c,u)})},u))})})};Z.states=Ot;Z.options=Pt;Z.className=Ie;Z.defaultOptions=se;Z.moduleName=j;Z.folderName=oe;var $e=require("react/jsx-runtime"),Ne=e=>(0,$e.jsx)(Ke,{...e});var zt=require("react/jsx-runtime");var v=require("react/jsx-runtime"),He=({gridTemplateColumns:e="repeat(6, 1fr)",...t})=>(0,v.jsx)(C,{style:{display:"grid",gridTemplateColumns:e},children:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(W,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,v.jsx)(O,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"}}),(0,v.jsx)(O,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"}}),(0,v.jsx)(O,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"}})]}),(0,v.jsx)(Ne,{label:!1,value:"50"})]}),...t});var Se=require("react/jsx-runtime");var ge=require("react/jsx-runtime");var P=require("react/jsx-runtime"),Lt=({...e})=>(0,P.jsx)(M,{id:"wizard",children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(He,{}),(0,P.jsx)(D,{children:(0,P.jsx)(H,{children:"Short content"})})]}),...e});