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

A collection of HTML helpers used for developing Kendo UI themes

var i=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((r,s)=>e[s]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var O=(o,e)=>i({[`${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"}),w=(o,e)=>{let{valid:r,invalid:s,hover:l,focus:c,checked:a,active:p,selected:d,disabled:h,indeterminate:C,loading:B,empty:k,readonly:y,highlighted:f,...x}=e;return i({"k-valid":r,"k-invalid":s,"k-hover":l,"k-focus":c,"k-checked":a,"k-active":p,"k-selected":d,"k-disabled":h,"k-indeterminate":C&&!a,"k-loading":B,"k-empty":k,"k-readonly":y,"k-highlighted":f},Object.keys(x).reduce((A,v)=>(v.startsWith("k-")?A[v]=x[v]:A[`k-${v}`]=x[v],A),{}))};function W(o,e){if(!e)return{};let r=Array.isArray(e)?e:[e];return Object.fromEntries(r.map(s=>[`k-${s}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={small:"small",medium:"medium",large:"large",full:"full"},b={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},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"},m={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{Fragment as le,jsx as J}from"react/jsx-runtime";var P="k-font-icon",se=[],ae={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},ie={},E=o=>{let{size:e,themeColor:r,icon:s,rotate:l,flip:c,...a}=o;return s?J("span",{...a,className:i(o.className,P,O(P,{size:e}),{[`k-i-${s}`]:s,[`k-color-${r}`]:r,[`k-rotate-${l}`]:l,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):J(le,{})};E.states=se;E.options=ae;E.className=P;E.defaultOptions=ie;var Q=E;import{Fragment as me,jsx as K}from"react/jsx-runtime";var H="k-svg-icon",ce=[],de={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},X={viewBox:"0 0 24 24"},L=o=>{let{size:e,themeColor:r,rotate:s,flip:l,viewBox:c=X.viewBox,icon:a,...p}=o;if(!a)return K(me,{});a==="none"&&{...p,className:i(o.className,H,"k-none")};let d=typeof a=="object"&&a.name&&a.name;return K("span",{...p,className:i(o.className,H,O("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`k-color-${r}`]:r,[`k-rotate-${s}`]:s,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:K("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:c,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:o.children})})};L.states=ce;L.options=de;L.className=H;L.defaultOptions=X;var F=L;import*as U from"@progress/kendo-svg-icons";var Y="icon",Z="icons";import{Fragment as ee,jsx as z}from"react/jsx-runtime";var D="k-icon",ue=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),pe=[],fe={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.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",type:"svg"},g=o=>{let{size:e,themeColor:r,icon:s,type:l=V.type,rotate:c,flip:a,viewBox:p=V.viewBox,...d}=o;if(!s)return z(ee,{});if(l==="svg"){if(s==="none")return z(F,{...d,className:i(o.className,D),icon:s,size:e});let h=U[s]?s:ue(`${s}-icon`);return U[h]?z(F,{...d,className:i(o.className,D),icon:U[h],size:e,themeColor:r,rotate:c,flip:a,viewBox:p}):z(ee,{})}return z(Q,{...d,className:i(o.className,D),icon:s,size:e,themeColor:r,rotate:c,flip:a})};g.states=pe;g.options=fe;g.defaultOptions=V;g.className=D;g.moduleName=Y;g.folderName=Z;var G="button",te=G;import{Fragment as Ne,jsx as _,jsxs as oe}from"react/jsx-runtime";var R="k-button",he=["icon-button"],xe=[m.hover,m.focus,m.active,m.selected,m.disabled,m.generating],ge={size:[n.small,n.medium,n.large],rounded:[T.small,T.medium,T.large,T.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark,t.inverse]},S={size:n.medium,rounded:T.medium,fillMode:b.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},u=o=>{let{size:e=S.size,rounded:r=S.rounded,fillMode:s=S.fillMode,themeColor:l=S.themeColor,showArrow:c=S.showArrow,arrowIconName:a=S.arrowIconName,variant:p,hover:d,focus:h,active:C,selected:B,disabled:k,icon:y,text:f,iconClassName:x,...A}=o,v=y!==void 0,re=o.children!==void 0;return oe("button",{...A,className:i(o.className,R,W(R,p),O(R,{size:e,rounded:r,fillMode:s,themeColor:l}),w(R,{hover:d,focus:h,active:C,disabled:k,selected:B}),{"k-icon-button":!f&&!re&&v}),children:[y&&_(g,{className:i(x,"k-button-icon"),icon:y}),f?oe(Ne,{children:[f&&_("span",{className:"k-button-text",children:f}),o.children]}):o.children&&_("span",{className:"k-button-text",children:o.children}),c&&_("span",{className:"k-menu-button-arrow k-button-arrow",children:_(g,{icon:a})})]})};u.states=xe;u.options=ge;u.variants=he;u.className=R;u.defaultOptions=S;u.moduleName=G;u.folderName=te;import{jsx as et}from"react/jsx-runtime";import{jsx as rt}from"react/jsx-runtime";import{jsx as lt}from"react/jsx-runtime";var q="slider",ne=q;import{jsx as I,jsxs as j}from"react/jsx-runtime";var $="k-slider",ke=[m.hover,m.focus,m.active,m.disabled,m.readonly],ye={},N={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},M=o=>{let{type:e=N.type,orientation:r=N.orientation,readonly:s=N.readonly,disabled:l=N.disabled,handlePosition:c=N.handlePosition,showButtons:a=N.showButtons,showTicks:p=N.showTicks,hover:d,focus:h,active:C,trackStyle:B,dir:k,...y}=o,f,x;return r==="horizontal"?(f=k==="rtl"?"caret-alt-left":"caret-alt-right",x=k==="rtl"?"caret-alt-right":"caret-alt-left"):r==="vertical"&&(f="caret-alt-up",x="caret-alt-down"),j("div",{...y,className:i($,o.className,w($,{readonly:s,disabled:l}),{[`k-slider-${r}`]:r,"k-colorgradient-slider":e==="gradient"}),dir:k,children:[a&&I(u,{className:"k-button-decrease",rounded:"full",icon:x}),j("div",{className:"k-slider-track-wrap",children:[p&&I("ul",{className:"k-reset k-slider-items",children:o.children}),j("div",{className:"k-slider-track",style:B,children:[I("div",{className:"k-slider-selection"}),e==="range"&&I("span",{className:i("k-draghandle","k-draghandle-start",w($,{hover:d,focus:h,active:C}))}),I("span",{className:i("k-draghandle",`k-draghandle-${c}`,w($,{hover:d,focus:h,active:C}))})]})]}),a&&I(u,{className:"k-button-increase",rounded:"full",icon:f})]})};M.states=ke;M.options=ye;M.className=$;M.defaultOptions=N;M.moduleName=q;M.folderName=ne;var kt=M;export{M as Slider,kt as default};