@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 7.25 kB
JavaScript
var Y=Object.create;var C=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var tt=Object.getOwnPropertyNames;var et=Object.getPrototypeOf,ot=Object.prototype.hasOwnProperty;var nt=(e,t)=>{for(var n in t)C(e,n,{get:t[n],enumerable:!0})},B=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of tt(t))!ot.call(e,l)&&l!==n&&C(e,l,{get:()=>t[l],enumerable:!(s=Z(t,l))||s.enumerable});return e};var rt=(e,t,n)=>(n=e!=null?Y(et(e)):{},B(t||!e||!e.__esModule?C(n,"default",{value:e,enumerable:!0}):n,e)),st=e=>B(C({},"__esModule",{value:!0}),e);var St={};nt(St,{TABSTRIP_CLASSNAME:()=>b,TabStrip:()=>h,default:()=>Nt});module.exports=st(St);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((n,s)=>t[s]||t[n]&&n||null).filter(n=>n!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"});var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var v={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},o={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 N=require("react/jsx-runtime"),O="k-font-icon",it=[],at={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},lt={},S=e=>{let{size:t,themeColor:n,icon:s,rotate:l,flip:a,...c}=e;return s?(0,N.jsx)("span",{...c,className:i(e.className,O,f(O,{size:t}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${l}`]:l,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"})}):(0,N.jsx)(N.Fragment,{})};S.states=it;S.options=at;S.className=O;S.defaultOptions=lt;var P=S;var g=require("react/jsx-runtime"),E="k-svg-icon",ct=[],mt={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},R={viewBox:"0 0 24 24"},y=e=>{let{size:t,themeColor:n,rotate:s,flip:l,viewBox:a=R.viewBox,icon:c,...m}=e;if(!c)return(0,g.jsx)(g.Fragment,{});c==="none"&&{...m,className:i(e.className,E,"k-none")};let d=typeof c=="object"&&c.name&&c.name;return(0,g.jsx)("span",{...m,className:i(e.className,E,f("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:(0,g.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:a,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};y.states=ct;y.options=mt;y.className=E;y.defaultOptions=R;var $=y;var L=rt(require("@progress/kendo-svg-icons"));var H="icon",K="icons";var x=require("react/jsx-runtime"),z="k-icon",pt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),dt=[],ut={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},_={viewBox:"0 0 24 24",type:"svg"},u=e=>{let{size:t,themeColor:n,icon:s,type:l=_.type,rotate:a,flip:c,viewBox:m=_.viewBox,...d}=e;if(!s)return(0,x.jsx)(x.Fragment,{});if(l==="svg"){if(s==="none")return(0,x.jsx)($,{...d,className:i(e.className,z),icon:s,size:t});let k=L[s]?s:pt(`${s}-icon`);return L[k]?(0,x.jsx)($,{...d,className:i(e.className,z),icon:L[k],size:t,themeColor:n,rotate:a,flip:c,viewBox:m}):(0,x.jsx)(x.Fragment,{})}return(0,x.jsx)(P,{...d,className:i(e.className,z),icon:s,size:t,themeColor:n,rotate:a,flip:c})};u.states=dt;u.options=ut;u.defaultOptions=_;u.className=z;u.moduleName=H;u.folderName=K;var W=require("react/jsx-runtime"),F="k-tabstrip-items",ft=[],xt={},bt={tabAlignment:"start"},T=e=>{let{children:t,tabAlignment:n,...s}=e;return(0,W.jsx)("ul",{...s,className:i(e.className,F,"k-reset",`k-tabstrip-items-${n}`),children:t})};T.states=ft;T.options=xt;T.className=F;T.defaultOptions=bt;var D=T;var V=require("react/jsx-runtime"),j="k-tabstrip-items-wrapper",ht=[],gt={},G={orientation:"horizontal"},M=e=>{let{children:t,orientation:n=G.orientation,...s}=e;return(0,V.jsx)("div",{...s,className:i(e.className,j,{"k-hstack":n==="horizontal","k-vstack":n==="vertical"}),children:t})};M.states=ht;M.options=gt;M.className=j;M.defaultOptions=G;var U=M;var w="tabstrip",q=w;var p=require("react/jsx-runtime"),b="k-tabstrip",kt=[],vt={size:[r.small,r.medium,r.large]},I={size:r.medium,position:"top",tabAlignment:"start",scrollButtons:"around"},h=e=>{let{size:t=I.size,scrollable:n,children:s,tabStripItems:l,position:a=I.position,tabAlignment:c=I.tabAlignment,scrollButtons:m=I.scrollButtons,dir:d,scrollingPosition:k,...J}=e,A={top:{prev:d!=="rtl"?"left":"right",next:d!=="rtl"?"right":"left"},bottom:{prev:d!=="rtl"?"left":"right",next:d!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},X={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},Q={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,p.jsxs)("div",{dir:d,...J,className:i(b,e.className,{[`${b}-${a}`]:a,[`${b}-scrollable`]:n,[`${b}-scrollable-overlay`]:n&&(m==="hidden"||!m),[`${b}-scrollable-${k}`]:k&&k!=="both"},f(b,{size:t})),children:[a==="bottom"&&s,(0,p.jsxs)(U,{orientation:X[a],children:[n&&(m==="around"||m==="start")&&(0,p.jsx)("span",{className:i("k-tabstrip-prev","k-button",f("k-button",{size:t,fillMode:v.flat,themeColor:o.base,rounded:null}),"k-icon-button"),children:(0,p.jsx)(u,{className:"k-button-icon",icon:`caret-alt-${A[a].prev}`})}),n&&m==="start"&&(0,p.jsx)("span",{className:i("k-tabstrip-next","k-button",f("k-button",{size:t,fillMode:v.flat,themeColor:o.base,rounded:null}),"k-icon-button"),children:(0,p.jsx)(u,{className:"k-button-icon",icon:`caret-alt-${A[a].next}`})}),(0,p.jsx)(D,{className:i({"k-tabstrip-items-scroll":n&&m==="hidden"}),tabAlignment:Q[c],children:l}),n&&m==="end"&&(0,p.jsx)("span",{className:i("k-tabstrip-prev","k-button",f("k-button",{size:t,fillMode:v.flat,themeColor:o.base,rounded:null}),"k-icon-button"),children:(0,p.jsx)(u,{className:"k-button-icon",icon:`caret-alt-${A[a].prev}`})}),n&&(m==="around"||m==="end")&&(0,p.jsx)("span",{className:i("k-tabstrip-next","k-button",f("k-button",{size:t,fillMode:v.flat,themeColor:o.base,rounded:null}),"k-icon-button"),children:(0,p.jsx)(u,{className:"k-button-icon",icon:`caret-alt-${A[a].next}`})})]}),a!=="bottom"&&s]})};h.states=kt;h.options=vt;h.className=b;h.defaultOptions=I;h.moduleName=w;h.folderName=q;var Nt=h;