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

A collection of HTML helpers used for developing Kendo UI themes

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