@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 12.3 kB
JavaScript
var $e=Object.create;var X=Object.defineProperty;var Fe=Object.getOwnPropertyDescriptor;var Ve=Object.getOwnPropertyNames;var qe=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty;var We=(t,e)=>{for(var o in e)X(t,o,{get:e[o],enumerable:!0})},Ie=(t,e,o,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ve(e))!Ge.call(t,i)&&i!==o&&X(t,i,{get:()=>e[i],enumerable:!(l=Fe(e,i))||l.enumerable});return t};var Je=(t,e,o)=>(o=t!=null?$e(qe(t)):{},Ie(e||!t||!t.__esModule?X(o,"default",{value:t,enumerable:!0}):o,t)),Qe=t=>Ie(X({},"__esModule",{value:!0}),t);var Pt={};We(Pt,{DateInputNormal:()=>_t});module.exports=Qe(Pt);var r=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((o,l)=>e[l]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(t,e)=>r({[`${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"}),P=(t,e)=>{let{valid:o,invalid:l,hover:i,focus:c,checked:p,active:x,selected:m,disabled:h,indeterminate:v,loading:M,empty:T,readonly:S,highlighted:O,...E}=e;return r({"k-valid":o,"k-invalid":l,"k-hover":i,"k-focus":c,"k-checked":p,"k-active":x,"k-selected":m,"k-disabled":h,"k-indeterminate":v&&!p,"k-loading":M,"k-empty":T,"k-readonly":S,"k-highlighted":O},Object.keys(E).reduce((A,C)=>(C.startsWith("k-")?A[C]=E[C]:A[`k-${C}`]=E[C],A),{}))};function Me(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={small:"small",medium:"medium",large:"large",full:"full"},d={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"},a={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 R="input",Y=R;var ge=require("react/jsx-runtime"),Z="k-input",Xe=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Ye={size:[n.small,n.medium,n.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[d.solid,d.flat,d.outline]},j={size:n.medium,rounded:n.medium,fillMode:d.solid},g=t=>{let{hover:e,focus:o,disabled:l,invalid:i,valid:c,loading:p,readonly:x,size:m=j.size,rounded:h=j.rounded,fillMode:v=j.fillMode,...M}=t;return(0,ge.jsx)("span",{...M,className:r(t.className,Z,f(Z,{size:m,rounded:h,fillMode:v}),P(Z,{hover:e,focus:o,disabled:l,invalid:i,valid:c,loading:p,readonly:x}))})};g.states=Xe;g.options=Ye;g.className=Z;g.defaultOptions=j;g.moduleName=R;g.folderName=Y;var be=require("react/jsx-runtime"),ee="k-picker",Ze=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],je={size:[n.small,n.medium,n.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[d.solid,d.flat,d.outline]},te={size:n.medium,rounded:u.medium,fillMode:d.solid},H=t=>{let{hover:e,focus:o,disabled:l,invalid:i,valid:c,loading:p,readonly:x,size:m=te.size,rounded:h=te.rounded,fillMode:v=te.fillMode,...M}=t;return(0,be.jsx)("span",{...M,className:r(t.className,ee,f(ee,{size:m,rounded:h,fillMode:v}),P(ee,{hover:e,focus:o,disabled:l,invalid:i,valid:c,loading:p,readonly:x})),children:t.children})};H.states=Ze;H.options=je;H.className=ee;H.defaultOptions=te;H.moduleName=R;H.folderName=Y;var K=require("react/jsx-runtime"),le="k-font-icon",et=[],tt={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},ot={},D=t=>{let{size:e,themeColor:o,icon:l,rotate:i,flip:c,...p}=t;return l?(0,K.jsx)("span",{...p,className:r(t.className,le,f(le,{size:e}),{[`k-i-${l}`]:l,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):(0,K.jsx)(K.Fragment,{})};D.states=et;D.options=tt;D.className=le;D.defaultOptions=ot;var ve=D;var z=require("react/jsx-runtime"),re="k-svg-icon",nt=[],st={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},ye={viewBox:"0 0 24 24"},U=t=>{let{size:e,themeColor:o,rotate:l,flip:i,viewBox:c=ye.viewBox,icon:p,...x}=t;if(!p)return(0,z.jsx)(z.Fragment,{});p==="none"&&{...x,className:r(t.className,re,"k-none")};let m=typeof p=="object"&&p.name&&p.name;return(0,z.jsx)("span",{...x,className:r(t.className,re,f("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:(0,z.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:c,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:t.children})})};U.states=nt;U.options=st;U.className=re;U.defaultOptions=ye;var ie=U;var pe=Je(require("@progress/kendo-svg-icons"));var Te="icon",Se="icons";var y=require("react/jsx-runtime"),oe="k-icon",at=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),lt=[],rt={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},de={viewBox:"0 0 24 24",type:"svg"},N=t=>{let{size:e,themeColor:o,icon:l,type:i=de.type,rotate:c,flip:p,viewBox:x=de.viewBox,...m}=t;if(!l)return(0,y.jsx)(y.Fragment,{});if(i==="svg"){if(l==="none")return(0,y.jsx)(ie,{...m,className:r(t.className,oe),icon:l,size:e});let h=pe[l]?l:at(`${l}-icon`);return pe[h]?(0,y.jsx)(ie,{...m,className:r(t.className,oe),icon:pe[h],size:e,themeColor:o,rotate:c,flip:p,viewBox:x}):(0,y.jsx)(y.Fragment,{})}return(0,y.jsx)(ve,{...m,className:r(t.className,oe),icon:l,size:e,themeColor:o,rotate:c,flip:p})};N.states=lt;N.options=rt;N.defaultOptions=de;N.className=oe;N.moduleName=Te;N.folderName=Se;var w=require("react/jsx-runtime"),Oe="k-clear-value",it=[a.disabled,a.loading,a.readonly],pt={},$=t=>{let{disabled:e,loading:o,readonly:l,value:i}=t;return e||l||o||!i?(0,w.jsx)(w.Fragment,{}):(0,w.jsx)("span",{className:r(t.className,Oe),children:(0,w.jsx)(N,{icon:"x"})})};$.states=it;$.options=pt;$.className=Oe;var ke=require("react/jsx-runtime"),ce="k-input-inner",dt=[],ct={},ne={type:"text",autocomplete:"off",value:"",placeholder:""},F=t=>{let{value:e=ne.value,type:o=ne.type,placeholder:l=ne.placeholder,autocomplete:i=ne.autocomplete,...c}=t;return(0,ke.jsx)("input",{...c,type:o,className:r(t.className,ce,f(ce,t)),placeholder:l,autoComplete:i,defaultValue:e})};F.states=dt;F.options=ct;F.className=ce;var V=require("react/jsx-runtime"),ue="k-input-inner",ut=[],mt={},me=t=>{let{value:e,placeholder:o,showValue:l,valueIcon:i,valueIconName:c,...p}=t;return(0,V.jsxs)("span",{...p,className:r(t.className,ue,f(ue,t)),children:[i,!i&&c&&(0,V.jsx)(N,{className:"k-input-value-icon",icon:c}),l&&!e&&o,l&&e&&(0,V.jsx)("span",{className:"k-input-value-text",children:e})]})};me.states=ut;me.options=mt;me.className=ue;var Ee=require("react/jsx-runtime"),fe="k-input-inner",ft=[],Nt={},Le={value:"",placeholder:""},Ne=t=>{let{value:e=Le.value,placeholder:o=Le.placeholder,rows:l,...i}=t;return(0,Ee.jsx)("textarea",{...i,className:r(t.className,fe,f(fe,t)),placeholder:o,rows:l,defaultValue:e})};Ne.states=ft;Ne.options=Nt;Ne.className=fe;var q=require("react/jsx-runtime"),Ae="k-input-loading-icon",xt=[a.disabled,a.loading],se=t=>{let{disabled:e,loading:o}=t;return e||!o?(0,q.jsx)(q.Fragment,{}):(0,q.jsx)("span",{className:r(t.className,Ae,"k-icon k-i-loading")})};se.states=xt;se.className=Ae;var G=require("react/jsx-runtime"),Ce="k-input-validation-icon",ht=[a.valid,a.invalid,a.disabled,a.loading],It={},W=t=>{let{valid:e,invalid:o,disabled:l,loading:i}=t,c=o?"warning-circle":"check-circle";return l||i||!!!(e||o)?(0,G.jsx)(G.Fragment,{}):(0,G.jsx)(N,{className:r(Ce),icon:c})};W.states=ht;W.options=It;W.className=Ce;var ze=require("react/jsx-runtime");var Be=require("react/jsx-runtime");var Mt=require("react/jsx-runtime");var gt=require("react/jsx-runtime");var bt=require("react/jsx-runtime");var xe="button",_e=xe;var b=require("react/jsx-runtime"),J="k-button",vt=["icon-button"],yt=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Tt={size:[n.small,n.medium,n.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark,s.inverse]},B={size:n.medium,rounded:u.medium,fillMode:d.solid,themeColor:s.base,showArrow:!1,arrowIconName:"caret-alt-down"},I=t=>{let{size:e=B.size,rounded:o=B.rounded,fillMode:l=B.fillMode,themeColor:i=B.themeColor,showArrow:c=B.showArrow,arrowIconName:p=B.arrowIconName,variant:x,hover:m,focus:h,active:v,selected:M,disabled:T,icon:S,text:O,iconClassName:E,...A}=t,C=S!==void 0,Ue=t.children!==void 0;return(0,b.jsxs)("button",{...A,className:r(t.className,J,Me(J,x),f(J,{size:e,rounded:o,fillMode:l,themeColor:i}),P(J,{hover:m,focus:h,active:v,disabled:T,selected:M}),{"k-icon-button":!O&&!Ue&&C}),children:[S&&(0,b.jsx)(N,{className:r(E,"k-button-icon"),icon:S}),O?(0,b.jsxs)(b.Fragment,{children:[O&&(0,b.jsx)("span",{className:"k-button-text",children:O}),t.children]}):t.children&&(0,b.jsx)("span",{className:"k-button-text",children:t.children}),c&&(0,b.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,b.jsx)(N,{icon:p})})]})};I.states=yt;I.options=Tt;I.variants=vt;I.className=J;I.defaultOptions=B;I.moduleName=xe;I.folderName=_e;var St=require("react/jsx-runtime");var Ot=require("react/jsx-runtime");var kt=require("react/jsx-runtime");var Q=require("react/jsx-runtime"),Pe="k-spin-button",At=[],Ct={size:[n.small,n.medium,n.large],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link]},he={size:n.medium,fillMode:d.solid},k=t=>{let{size:e=he.size,fillMode:o=he.fillMode,...l}=t;return(0,Q.jsxs)("span",{...l,className:r(Pe,t.className),children:[(0,Q.jsx)(I,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:e,fillMode:o}),(0,Q.jsx)(I,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:e,fillMode:o})]})};k.states=At;k.options=Ct;k.className=Pe;k.defaultOptions=he;k.moduleName=null;k.folderName=null;var He="date-input",we="dateinput";var L=require("react/jsx-runtime"),Re="k-dateinput",zt=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Bt={size:[n.small,n.medium,n.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[d.solid,d.flat,d.outline]},ae={size:g.defaultOptions.size,rounded:g.defaultOptions.rounded,fillMode:g.defaultOptions.fillMode},_=t=>{let{size:e=ae.size,rounded:o=ae.rounded,fillMode:l=ae.fillMode,value:i,placeholder:c,hover:p,focus:x,valid:m,invalid:h,required:v,loading:M,disabled:T,readonly:S,showClearButton:O,showSpinButton:E,...A}=t;return(0,L.jsxs)(g,{...A,size:e,rounded:o,fillMode:l,hover:p,focus:x,valid:m,invalid:h,required:v,loading:M,disabled:T,readonly:S,className:r(t.className,Re),children:[(0,L.jsx)(F,{placeholder:c,value:i}),(0,L.jsx)(W,{valid:m,invalid:h,loading:M,disabled:T}),(0,L.jsx)(se,{loading:M,disabled:T}),O&&(0,L.jsx)($,{loading:M,disabled:T,readonly:S,value:i}),E&&(0,L.jsx)(k,{className:"k-input-spinner",size:e,fillMode:l})]})};_.states=zt;_.options=Bt;_.className=Re;_.defaultOptions=ae;_.moduleName=He;_.folderName=we;var Ke=_;var De=require("react/jsx-runtime"),_t=t=>(0,De.jsx)(Ke,{...t});