@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 5.85 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},6413:function(e,t,l){l.r(t),l.d(t,{Slider:function(){return o},examples:function(){return v},states:function(){return f}});var n=l(1594),a=l.n(n),i=l(942),r=l.n(i),d=l(2711),s=l(6333),m=l.n(s),c=m()("error-message-id-"),u=function(e){return a().createElement("span",{className:"slds-slider-label"},a().createElement("span",{className:"slds-slider-label__label"},"Slider Label"),a().createElement("span",{className:"slds-slider-label__range"},e.min||"0"," - ",e.max||"100"))},o=function(e){return a().createElement("div",{className:r()("slds-slider",e.className)},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}),a().createElement("span",{className:"slds-slider__value","aria-hidden":"true"},e.value))},b=m()("slider-id-");t.default=[{id:"default",label:"Default",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:b}),inputId:b},a().createElement(o,{value:"50",id:b}))}];var E=m()("slider-id-"),f=[{id:"disabled",label:"Disabled",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:E}),inputId:E},a().createElement(o,{value:"50",disabled:!0,id:E}))},{id:"value-0",label:"Value: 0",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:E,min:"0",max:"100"}),inputId:E},a().createElement(o,{value:"0",id:E}))},{id:"value-25",label:"Value: 25",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:E,min:"0",max:"100"}),inputId:E},a().createElement(o,{value:"25",id:E}))},{id:"value-50",label:"Value: 50",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:E,min:"0",max:"100"}),inputId:E},a().createElement(o,{value:"50",id:E}))},{id:"value-75",label:"Value: 75",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:E,min:"0",max:"100"}),inputId:E},a().createElement(o,{value:"75",id:E}))},{id:"value-100",label:"Value: 100",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:E,min:"0",max:"100"}),inputId:E},a().createElement(o,{value:"100",id:E}))}],p=m()("slider-id-"),v=[{id:"min-max",label:"Min/Max Range",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:p,min:"0",max:"400"}),inputId:p},a().createElement(o,{value:"200",min:"0",max:"400",id:p}))},{id:"steps",label:"Min/Max Range with Steps",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:p,min:"0",max:"400"}),inputId:p},a().createElement(o,{value:"200",min:"0",max:"400",step:"100",id:p}))},{id:"width-x-small",label:"Width: x-small",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:p}),inputId:p},a().createElement(o,{className:"slds-size_x-small",value:"50",id:p}))},{id:"width-small",label:"Width: small",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:p}),inputId:p},a().createElement(o,{className:"slds-size_small",value:"50",id:p}))},{id:"width-medium",label:"Width: medium",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:p}),inputId:p},a().createElement(o,{className:"slds-size_medium",value:"50",id:p}))},{id:"width-large",label:"Width: large",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:p}),inputId:p},a().createElement(o,{className:"slds-size_large",value:"50",id:p}))},{id:"error",label:"Error",element:a().createElement(d.ZS,{hasError:!0,labelContent:a().createElement(u,{id:p}),inputId:p},a().createElement(o,{"aria-describedby":c,className:"slds-size_large",value:"50",id:p}),a().createElement("div",{id:c,className:"slds-form-element__help"},"There is a problem with this field"))},{id:"vertical",label:"Vertical",element:a().createElement(d.ZS,{labelContent:a().createElement(u,{id:p}),inputId:p},a().createElement(o,{value:"50",className:"slds-slider_vertical",id:p}))}]}},l={};function n(e){var a=l[e];if(void 0!==a)return a.exports;var i=l[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.m=t,n.amdO={},e=[],n.O=function(t,l,a,i){if(!l){var r=1/0;for(c=0;c<e.length;c++){l=e[c][0],a=e[c][1],i=e[c][2];for(var d=!0,s=0;s<l.length;s++)(!1&i||r>=i)&&Object.keys(n.O).every(function(e){return n.O[e](l[s])})?l.splice(s--,1):(d=!1,i<r&&(r=i));if(d){e.splice(c--,1);var m=a();void 0!==m&&(t=m)}}return t}i=i||0;for(var c=e.length;c>0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[l,a,i]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=3487,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3487:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,l){var a,i,r=l[0],d=l[1],s=l[2],m=0;if(r.some(function(t){return 0!==e[t]})){for(a in d)n.o(d,a)&&(n.m[a]=d[a]);if(s)var c=s(n)}for(t&&t(l);m<r.length;m++)i=r[m],n.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return n.O(c)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),n.nc=void 0;var a=n.O(void 0,[6790],function(){return n(6413)});a=n.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/slider/base/example.jsx.js"]=a}();