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

A collection of HTML helpers used for developing Kendo UI themes

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