@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 6.87 kB
JavaScript
var P=Object.create;var w=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,W=Object.prototype.hasOwnProperty;var j=(o,e)=>{for(var n in e)w(o,n,{get:e[n],enumerable:!0})},_=(o,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of K(e))!W.call(o,l)&&l!==n&&w(o,l,{get:()=>e[l],enumerable:!(r=D(e,l))||r.enumerable});return o};var U=(o,e,n)=>(n=o!=null?P(G(o)):{},_(e||!o||!o.__esModule?w(n,"default",{value:o,enumerable:!0}):n,o)),q=o=>_(w({},"__esModule",{value:!0}),o);var re={};j(re,{ScrollView:()=>x,default:()=>ae});module.exports=q(re);var c=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?c(...e):typeof e=="object"?Object.keys(e).map((n,r)=>e[r]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var b=(o,e)=>c({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${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"});var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var t={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"};var h=require("react/jsx-runtime"),O="k-font-icon",J=[],X={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},Q={},N=o=>{let{size:e,themeColor:n,icon:r,rotate:l,flip:m,...i}=o;return r?(0,h.jsx)("span",{...i,className:c(o.className,O,b(O,{size:e}),{[`k-i-${r}`]:r,[`k-color-${n}`]:n,[`k-rotate-${l}`]:l,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):(0,h.jsx)(h.Fragment,{})};N.states=J;N.options=X;N.className=O;N.defaultOptions=Q;var $=N;var v=require("react/jsx-runtime"),I="k-svg-icon",Y=[],Z={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},V={viewBox:"0 0 24 24"},y=o=>{let{size:e,themeColor:n,rotate:r,flip:l,viewBox:m=V.viewBox,icon:i,...f}=o;if(!i)return(0,v.jsx)(v.Fragment,{});i==="none"&&{...f,className:c(o.className,I,"k-none")};let k=typeof i=="object"&&i.name&&i.name;return(0,v.jsx)("span",{...f,className:c(o.className,I,b("k-icon",{size:e}),{[`k-svg-i-${k}`]:k,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:(0,v.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:m,dangerouslySetInnerHTML:typeof i=="object"?{__html:i.content}:void 0,children:i?void 0:o.children})})};y.states=Y;y.options=Z;y.className=I;y.defaultOptions=V;var M=y;var E=U(require("@progress/kendo-svg-icons"));var R="icon",T="icons";var p=require("react/jsx-runtime"),C="k-icon",ee=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),oe=[],se={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},L={viewBox:"0 0 24 24",type:"svg"},d=o=>{let{size:e,themeColor:n,icon:r,type:l=L.type,rotate:m,flip:i,viewBox:f=L.viewBox,...k}=o;if(!r)return(0,p.jsx)(p.Fragment,{});if(l==="svg"){if(r==="none")return(0,p.jsx)(M,{...k,className:c(o.className,C),icon:r,size:e});let g=E[r]?r:ee(`${r}-icon`);return E[g]?(0,p.jsx)(M,{...k,className:c(o.className,C),icon:E[g],size:e,themeColor:n,rotate:m,flip:i,viewBox:f}):(0,p.jsx)(p.Fragment,{})}return(0,p.jsx)($,{...k,className:c(o.className,C),icon:r,size:e,themeColor:n,rotate:m,flip:i})};d.states=oe;d.options=se;d.defaultOptions=L;d.className=C;d.moduleName=R;d.folderName=T;var z="scrollview",B=z;var s=require("react/jsx-runtime"),A="k-scrollview",te=[],ne={},u={mode:"normal",views:9,currentView:5,animate:!0,arrows:!0,pager:!0,rtl:!1},x=o=>{let{mode:e=u.mode,views:n=u.views,currentView:r=u.currentView,animate:l=u.animate,arrows:m=u.arrows,pager:i=u.pager,rtl:f=u.rtl,...k}=o,g=[],F=f?"chevron-right":"chevron-left",H=f?"chevron-left":"chevron-right";for(let S=0;S<n;S++)g.push((0,s.jsx)("div",{className:"k-scrollview-view"},S));return(0,s.jsxs)("div",{...k,className:c(A,o.className,{[`${A}-${e}`]:e!=="normal","k-rtl":f}),children:[(0,s.jsx)("div",{className:c("k-scrollview-wrap",{"k-scrollview-animate":l}),style:{"--kendo-scrollview-views":n,"--kendo-scrollview-current":r},children:g}),(0,s.jsxs)("div",{className:"k-scrollview-elements",children:[m&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"k-scrollview-prev",children:(0,s.jsx)(d,{icon:F,size:"xxxlarge"})}),(0,s.jsx)("span",{className:"k-scrollview-next",children:(0,s.jsx)(d,{icon:H,size:"xxxlarge"})})]}),i&&(0,s.jsx)("div",{className:"k-scrollview-nav-wrap",children:(0,s.jsxs)("div",{className:"k-scrollview-nav",children:[e==="light"&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"k-link"}),(0,s.jsx)("span",{className:"k-link k-primary"}),(0,s.jsx)("span",{className:"k-link k-primary k-focus"}),(0,s.jsx)("span",{className:"k-link k-focus"}),(0,s.jsx)("span",{className:"k-link"})]}),e==="normal"&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"k-link",style:{transform:"scale(0.5)"}}),(0,s.jsx)("span",{className:"k-link",style:{transform:"scale(0.65)"}}),(0,s.jsx)("span",{className:"k-link",style:{transform:"scale(0.8)"}}),(0,s.jsx)("span",{className:"k-link"}),(0,s.jsx)("span",{className:"k-link k-primary"}),(0,s.jsx)("span",{className:"k-link"}),(0,s.jsx)("span",{className:"k-link",style:{transform:"scale(0.8)"}}),(0,s.jsx)("span",{className:"k-link",style:{transform:"scale(0.65)"}}),(0,s.jsx)("span",{className:"k-link",style:{transform:"scale(0.5)"}})]}),e==="dark"&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"k-link",style:{transform:"scale(0.5)"}}),(0,s.jsx)("span",{className:"k-link",style:{transform:"scale(0.65)"}}),(0,s.jsx)("span",{className:"k-link"}),(0,s.jsx)("span",{className:"k-link k-primary"}),(0,s.jsx)("span",{className:"k-link"}),(0,s.jsx)("span",{className:"k-link",style:{transform:"scale(0.65)"}}),(0,s.jsx)("span",{className:"k-link",style:{transform:"scale(0.5)"}})]})]})})]}),(0,s.jsx)("div",{className:"k-sr-only"})]})};x.states=te;x.options=ne;x.className=A;x.defaultOptions=u;x.moduleName=z;x.folderName=B;var ae=x;