@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 5.47 kB
JavaScript
var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/slider/base/example.jsx.js"]=function(e){function l(l){for(var a,d,u=l[0],m=l[1],s=l[2],c=0,o=[];c<u.length;c++)d=u[c],n[d]&&o.push(n[d][0]),n[d]=0;for(a in m)Object.prototype.hasOwnProperty.call(m,a)&&(e[a]=m[a]);for(i&&i(l);o.length;)o.shift()();return r.push.apply(r,s||[]),t()}function t(){for(var e,l=0;l<r.length;l++){for(var t=r[l],a=!0,u=1;u<t.length;u++){var m=t[u];0!==n[m]&&(a=!1)}a&&(r.splice(l--,1),e=d(d.s=t[0]))}return e}var a={},n={142:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},r=[];function d(l){if(a[l])return a[l].exports;var t=a[l]={i:l,l:!1,exports:{}};return e[l].call(t.exports,t,t.exports,d),t.l=!0,t.exports}d.m=e,d.c=a,d.d=function(e,l,t){d.o(e,l)||Object.defineProperty(e,l,{configurable:!1,enumerable:!0,get:t})},d.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},d.n=function(e){var l=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(l,"a",l),l},d.o=function(e,l){return Object.prototype.hasOwnProperty.call(e,l)},d.p="/assets/scripts/bundle/";var u=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],m=u.push.bind(u);u.push=l,u=u.slice();for(var s=0;s<u.length;s++)l(u[s]);var i=m;return r.push([210,0]),t()}({0:function(e,l){e.exports=React},210:function(e,l,t){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.examples=l.states=l.Slider=void 0;var a=d(t(0)),n=d(t(1)),r=t(7);function d(e){return e&&e.__esModule?e:{default:e}}var u="slider-id-01",m=function(e){return a.default.createElement("span",{className:"slds-slider-label"},a.default.createElement("span",{className:"slds-slider-label__label"},"Slider Label"),a.default.createElement("span",{className:"slds-slider-label__range"},e.min||"0"," - ",e.max||"100"))},s=l.Slider=function(e){return a.default.createElement("div",{className:(0,n.default)("slds-slider",e.className)},a.default.createElement("input",{"aria-describedby":e["aria-describedby"],id:e.id||u,className:"slds-slider__range",type:"range",defaultValue:e.value,min:e.min,max:e.max,step:e.step,disabled:e.disabled}),a.default.createElement("span",{className:"slds-slider__value","aria-hidden":"true"},e.value))};l.default=a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,null),inputId:u},a.default.createElement(s,{value:"50"}));l.states=[{id:"disabled",label:"Disabled",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,null),inputId:u},a.default.createElement(s,{value:"50",disabled:!0}))},{id:"value-0",label:"Value: 0",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,{min:"0",max:"100"}),inputId:u},a.default.createElement(s,{value:"0"}))},{id:"value-25",label:"Value: 25",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,{min:"0",max:"100"}),inputId:u},a.default.createElement(s,{value:"25"}))},{id:"value-50",label:"Value: 50",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,{min:"0",max:"100"}),inputId:u},a.default.createElement(s,{value:"50"}))},{id:"value-75",label:"Value: 75",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,{min:"0",max:"100"}),inputId:u},a.default.createElement(s,{value:"75"}))},{id:"value-100",label:"Value: 100",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,{min:"0",max:"100"}),inputId:u},a.default.createElement(s,{value:"100"}))}],l.examples=[{id:"min-max",label:"Min/Max Range",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,{min:"0",max:"400"}),inputId:u},a.default.createElement(s,{value:"200",min:"0",max:"400"}))},{id:"steps",label:"Min/Max Range with Steps",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,{min:"0",max:"400"}),inputId:u},a.default.createElement(s,{value:"200",min:"0",max:"400",step:"100"}))},{id:"width-x-small",label:"Width: x-small",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,null),inputId:u},a.default.createElement(s,{className:"slds-size_x-small",value:"50"}))},{id:"width-small",label:"Width: small",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,null),inputId:u},a.default.createElement(s,{className:"slds-size_small",value:"50"}))},{id:"width-medium",label:"Width: medium",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,null),inputId:u},a.default.createElement(s,{className:"slds-size_medium",value:"50"}))},{id:"width-large",label:"Width: large",element:a.default.createElement(r.FormElement,{labelContent:a.default.createElement(m,null),inputId:u},a.default.createElement(s,{className:"slds-size_large",value:"50"}))},{id:"error",label:"Error",element:a.default.createElement(r.FormElement,{hasError:!0,labelContent:a.default.createElement(m,null),inputId:u},a.default.createElement(s,{"aria-describedby":"error-message",className:"slds-size_large",value:"50"}),a.default.createElement("div",{id:"error-message",className:"slds-form-element__help"},"There is a problem with this field"))}]}});