@progress/kendo-themes-html/dist/cjs/tabstrip/tabstrip.spec.js

A collection of HTML helpers used for developing Kendo UI themes

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