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