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