@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/slider/base/example.jsx.js

Salesforce Lightning Design System

var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/slider/base/example.jsx.js"]=function(e){function a(a){for(var l,i,d=a[0],s=a[1],m=a[2],u=0,o=[];u<d.length;u++)i=d[u],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&o.push(n[i][0]),n[i]=0;for(l in s)Object.prototype.hasOwnProperty.call(s,l)&&(e[l]=s[l]);for(c&&c(a);o.length;)o.shift()();return r.push.apply(r,m||[]),t()}function t(){for(var e,a=0;a<r.length;a++){for(var t=r[a],l=!0,d=1;d<t.length;d++){var s=t[d];0!==n[s]&&(l=!1)}l&&(r.splice(a--,1),e=i(i.s=t[0]))}return e}var l={},n={140:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function i(a){if(l[a])return l[a].exports;var t=l[a]={i:a,l:!1,exports:{}};return e[a].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=e,i.c=l,i.d=function(e,a,t){i.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,a){if(1&a&&(e=i(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var l in e)i.d(t,l,function(a){return e[a]}.bind(null,l));return t},i.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(a,"a",a),a},i.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},i.p="/assets/scripts/bundle/";var d=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],s=d.push.bind(d);d.push=a,d=d.slice();for(var m=0;m<d.length;m++)a(d[m]);var c=s;return r.push([610,0]),t()}({0:function(e,a){e.exports=React},14:function(e,a){e.exports=ReactDOM},610:function(e,a,t){"use strict";t.r(a),t.d(a,"Slider",(function(){return o})),t.d(a,"states",(function(){return E})),t.d(a,"examples",(function(){return v}));var l=t(0),n=t.n(l),r=t(2),i=t.n(r),d=t(5),s=t(18),m=t.n(s),c=m()("error-message-id-"),u=function(e){return n.a.createElement("span",{className:"slds-slider-label"},n.a.createElement("span",{className:"slds-slider-label__label"},"Slider Label"),n.a.createElement("span",{className:"slds-slider-label__range"},e.min||"0"," - ",e.max||"100"))},o=function(e){return n.a.createElement("div",{className:i()("slds-slider",e.className)},n.a.createElement("input",{"aria-describedby":e["aria-describedby"],id:e.id||m()("slider-id-"),className:"slds-slider__range",type:"range",defaultValue:e.value,min:e.min,max:e.max,step:e.step,disabled:e.disabled}),n.a.createElement("span",{className:"slds-slider__value","aria-hidden":"true"},e.value))},b=m()("slider-id-");a.default=[{id:"default",label:"Default",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:b}),inputId:b},n.a.createElement(o,{value:"50",id:b}))}];var p=m()("slider-id-"),E=[{id:"disabled",label:"Disabled",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:p}),inputId:p},n.a.createElement(o,{value:"50",disabled:!0,id:p}))},{id:"value-0",label:"Value: 0",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:p,min:"0",max:"100"}),inputId:p},n.a.createElement(o,{value:"0",id:p}))},{id:"value-25",label:"Value: 25",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:p,min:"0",max:"100"}),inputId:p},n.a.createElement(o,{value:"25",id:p}))},{id:"value-50",label:"Value: 50",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:p,min:"0",max:"100"}),inputId:p},n.a.createElement(o,{value:"50",id:p}))},{id:"value-75",label:"Value: 75",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:p,min:"0",max:"100"}),inputId:p},n.a.createElement(o,{value:"75",id:p}))},{id:"value-100",label:"Value: 100",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:p,min:"0",max:"100"}),inputId:p},n.a.createElement(o,{value:"100",id:p}))}],f=m()("slider-id-"),v=[{id:"min-max",label:"Min/Max Range",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:f,min:"0",max:"400"}),inputId:f},n.a.createElement(o,{value:"200",min:"0",max:"400",id:f}))},{id:"steps",label:"Min/Max Range with Steps",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:f,min:"0",max:"400"}),inputId:f},n.a.createElement(o,{value:"200",min:"0",max:"400",step:"100",id:f}))},{id:"width-x-small",label:"Width: x-small",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:f}),inputId:f},n.a.createElement(o,{className:"slds-size_x-small",value:"50",id:f}))},{id:"width-small",label:"Width: small",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:f}),inputId:f},n.a.createElement(o,{className:"slds-size_small",value:"50",id:f}))},{id:"width-medium",label:"Width: medium",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:f}),inputId:f},n.a.createElement(o,{className:"slds-size_medium",value:"50",id:f}))},{id:"width-large",label:"Width: large",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:f}),inputId:f},n.a.createElement(o,{className:"slds-size_large",value:"50",id:f}))},{id:"error",label:"Error",element:n.a.createElement(d.b,{hasError:!0,labelContent:n.a.createElement(u,{id:f}),inputId:f},n.a.createElement(o,{"aria-describedby":c,className:"slds-size_large",value:"50",id:f}),n.a.createElement("div",{id:c,className:"slds-form-element__help"},"There is a problem with this field"))},{id:"vertical",label:"Vertical",element:n.a.createElement(d.b,{labelContent:n.a.createElement(u,{id:f}),inputId:f},n.a.createElement(o,{value:"50",className:"slds-slider_vertical",id:f}))}]}});