@progress/kendo-themes-html/dist/esm/splitter/splitter.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var c=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?c(...e):typeof e=="object"?Object.keys(e).map((r,n)=>e[n]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var z=(t,e)=>c({[`${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"}),B=(t,e)=>{let{valid:r,invalid:n,hover:a,focus:i,checked:l,active:d,selected:p,disabled:m,indeterminate:W,loading:Q,empty:Y,readonly:Z,highlighted:ee,...E}=e;return c({"k-valid":r,"k-invalid":n,"k-hover":a,"k-focus":i,"k-checked":l,"k-active":d,"k-selected":p,"k-disabled":m,"k-indeterminate":W&&!l,"k-loading":Q,"k-empty":Y,"k-readonly":Z,"k-highlighted":ee},Object.keys(E).reduce((I,S)=>(S.startsWith("k-")?I[S]=E[S]:I[`k-${S}`]=E[S],I),{}))};var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var 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"},P={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"};import{jsx as ne}from"react/jsx-runtime";var x="k-pane",te=[],oe={},L={resizable:!0,flex:!1},u=t=>{let{scrollable:e,flexBasis:r,flex:n=L.flex,collapsible:a,resizable:i=L.resizable,pinned:l,unpinned:d,tabbed:p,...m}=t;return ne("div",{...m,style:{flexBasis:r,...t.style},className:c(t.className,x,{[`${x}-static`]:r,[`${x}-flex`]:n,"k-scrollable":e,[`${x}-pinned`]:l,[`${x}-unpinned`]:d,[`${x}-tabbed`]:p}),children:t.children})};u.states=te;u.options=oe;u.className=x;u.defaultOptions=L;import{Fragment as ae,jsx as H}from"react/jsx-runtime";var T="k-font-icon",le=[],re={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},se={},y=t=>{let{size:e,themeColor:r,icon:n,rotate:a,flip:i,...l}=t;return n?H("span",{...l,className:c(t.className,T,z(T,{size:e}),{[`k-i-${n}`]:n,[`k-color-${r}`]:r,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):H(ae,{})};y.states=le;y.options=re;y.className=T;y.defaultOptions=se;var D=y;import{Fragment as pe,jsx as M}from"react/jsx-runtime";var $="k-svg-icon",ie=[],ce={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},F={viewBox:"0 0 24 24"},N=t=>{let{size:e,themeColor:r,rotate:n,flip:a,viewBox:i=F.viewBox,icon:l,...d}=t;if(!l)return M(pe,{});l==="none"&&{...d,className:c(t.className,$,"k-none")};let p=typeof l=="object"&&l.name&&l.name;return M("span",{...d,className:c(t.className,$,z("k-icon",{size:e}),{[`k-svg-i-${p}`]:p,[`k-color-${r}`]:r,[`k-rotate-${n}`]:n,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),children:M("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:i,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:t.children})})};N.states=ie;N.options=ce;N.className=$;N.defaultOptions=F;var O=N;import*as A from"@progress/kendo-svg-icons";var G="icon",V="icons";import{Fragment as U,jsx as k}from"react/jsx-runtime";var C="k-icon",de=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),me=[],fe={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.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"},f=t=>{let{size:e,themeColor:r,icon:n,type:a=_.type,rotate:i,flip:l,viewBox:d=_.viewBox,...p}=t;if(!n)return k(U,{});if(a==="svg"){if(n==="none")return k(O,{...p,className:c(t.className,C),icon:n,size:e});let m=A[n]?n:de(`${n}-icon`);return A[m]?k(O,{...p,className:c(t.className,C),icon:A[m],size:e,themeColor:r,rotate:i,flip:l,viewBox:d}):k(U,{})}return k(D,{...p,className:c(t.className,C),icon:n,size:e,themeColor:r,rotate:i,flip:l})};f.states=me;f.options=fe;f.defaultOptions=_;f.className=C;f.moduleName=G;f.folderName=V;import{Fragment as J,jsx as h,jsxs as he}from"react/jsx-runtime";var g="k-splitbar",xe=[P.hover,P.focus],ue={},R={orientation:"horizontal",draggable:!0},b=t=>{let{hover:e,focus:r,orientation:n=R.orientation,draggable:a=R.draggable,collapsePrev:i,collapseNext:l,...d}=t;return he("div",{...d,className:c(t.className,g,B(g,{hover:e,focus:r}),{[`${g}-${n}`]:n,[`${g}-draggable-${n}`]:a,[`${g}-static-${n}`]:!a&&!i&&!l}),children:[i&&h(J,{children:h("div",{className:"k-collapse-prev",children:h(f,{icon:`caret-alt-${n==="horizontal"?"left":"up"}`,size:"xsmall"})})}),h("div",{className:"k-resize-handle"}),l&&h(J,{children:h("div",{className:"k-collapse-next",children:h(f,{icon:`caret-alt-${n==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};b.states=xe;b.options=ue;b.className=g;b.defaultOptions=R;var w="splitter",X=w;import{jsx as j}from"react/jsx-runtime";import{createElement as be}from"react";var K="k-splitter",ge={},q={orientation:"horizontal"},v=t=>{let{orientation:e=q.orientation,children:r,...n}=t,a=[];return r&&Array.isArray(r)&&r.map((i,l)=>{if(i.type===u){let d=r[l+1],p=i.props,m=d?.props;a.push(be(u,{...p,key:l}),d&&j(b,{draggable:p.resizable!==!1&&m.resizable!==!1,collapsePrev:p.collapsible,collapseNext:m.collapsible,orientation:e},`splitbar-${l}`))}else a.push(i)}),j("div",{...n,className:c(t.className,K,{[`${K}-${e}`]:e},"k-splitter-flex"),children:a})};v.options=ge;v.className=K;v.defaultOptions=q;v.moduleName=w;v.folderName=X;var nt=v;export{v as Splitter,nt as default};