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

A collection of HTML helpers used for developing Kendo UI themes

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