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