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

A collection of HTML helpers used for developing Kendo UI themes

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