@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 5.17 kB
JavaScript
var SLDS;!function(){"use strict";var e,n={0:function(e,n,t){t.r(n),t.d(n,{Checkbox:function(){return s},CheckboxToggle:function(){return f},CheckboxToggleChecked:function(){return m},CheckboxToggleCheckedDisabled:function(){return g},CheckboxToggleDisabled:function(){return h},CheckboxToggleRTL:function(){return k},FauxLabel:function(){return d},Label:function(){return i},LabelWrapper:function(){return o},Toggle:function(){return b},states:function(){return E}});var l=t(1594),r=t.n(l),c=t(942),a=t.n(c),u=t(806),o=function(e){return r().createElement("div",{className:a()("slds-form-element",e.className)},e.children)},i=function(e){return r().createElement("label",{className:a()("slds-checkbox_toggle slds-grid",e.className),htmlFor:e.id},e.children)},d=function(e){return r().createElement("span",{className:a()("slds-form-element__label","slds-m-bottom_none",{"slds-assistive-text":e.isBare})},e.children)},s=function(e){return r().createElement("input",{name:e.uniqueId,value:e.uniqueId,type:"checkbox",role:"switch",disabled:e.disabled,defaultChecked:e.checked,"aria-describedby":e.uniqueId})},b=function(e){return r().createElement("span",{id:e.uniqueId,className:a()("slds-checkbox_faux_container",e.className)},r().createElement("span",{className:"slds-checkbox_faux"}),r().createElement("span",{className:a()("slds-checkbox_on",e.className)},e.labelTextOn||"Enabled"),r().createElement("span",{className:a()("slds-checkbox_off",e.className)},e.labelTextOff||"Disabled"))},f=function(e){var n=u.Ay.uniqueId("checkbox-toggle-");return r().createElement(o,null,r().createElement(i,null,r().createElement(d,{isBare:e.isBare},e.title||"Toggle Label"),r().createElement(s,{uniqueId:n,checked:e.checked,disabled:e.disabled}),r().createElement(b,{uniqueId:n,labelTextOn:e.labelTextOn,labelTextOff:e.labelTextOff})))},m=function(e){var n=u.Ay.uniqueId("checkbox-toggle-");return r().createElement(o,null,r().createElement(i,null,r().createElement(d,null,"Toggle Label"),r().createElement(s,{uniqueId:n,checked:!0}),r().createElement(b,{uniqueId:n})))},h=function(e){var n=u.Ay.uniqueId("checkbox-toggle-");return r().createElement(o,null,r().createElement(i,null,r().createElement(d,null,"Toggle Label"),r().createElement(s,{uniqueId:n,disabled:!0}),r().createElement(b,{uniqueId:n})))},g=function(e){var n=u.Ay.uniqueId("checkbox-toggle-");return r().createElement(o,null,r().createElement(i,null,r().createElement(d,null,"Toggle Label"),r().createElement(s,{uniqueId:n,disabled:!0,checked:!0}),r().createElement(b,{uniqueId:n})))},k=function(e){var n=u.Ay.uniqueId("checkbox-toggle-");return r().createElement("div",{dir:"rtl"},r().createElement(o,null,r().createElement(i,null,r().createElement(d,null,"Toggle Label"),r().createElement(s,{uniqueId:n,checked:!0}),r().createElement(b,{uniqueId:n}))))};n.default=r().createElement(f,null);var E=[{id:"checkbox-toggle-checked",label:"Checked",element:r().createElement(m,null)},{id:"checkbox-toggle-disabled",label:"Disabled",element:r().createElement(h,null)},{id:"checkbox-toggle-checked-disabled",label:"Checked and Disabled",element:r().createElement(g,null)},{id:"checkbox-toggle-rtl",label:"Right to Left",element:r().createElement(k,null)}]},1594:function(e){e.exports=React}},t={};function l(e){var r=t[e];if(void 0!==r)return r.exports;var c=t[e]={exports:{}};return n[e](c,c.exports,l),c.exports}l.m=n,l.amdO={},e=[],l.O=function(n,t,r,c){if(!t){var a=1/0;for(d=0;d<e.length;d++){t=e[d][0],r=e[d][1],c=e[d][2];for(var u=!0,o=0;o<t.length;o++)(!1&c||a>=c)&&Object.keys(l.O).every(function(e){return l.O[e](t[o])})?t.splice(o--,1):(u=!1,c<a&&(a=c));if(u){e.splice(d--,1);var i=r();void 0!==i&&(n=i)}}return n}c=c||0;for(var d=e.length;d>0&&e[d-1][2]>c;d--)e[d]=e[d-1];e[d]=[t,r,c]},l.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(n,{a:n}),n},l.d=function(e,n){for(var t in n)l.o(n,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=4450,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4450:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(n){return 0===e[n]};var n=function(n,t){var r,c,a=t[0],u=t[1],o=t[2],i=0;if(a.some(function(n){return 0!==e[n]})){for(r in u)l.o(u,r)&&(l.m[r]=u[r]);if(o)var d=o(l)}for(n&&n(t);i<a.length;i++)c=a[i],l.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return l.O(d)},t=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))}(),l.nc=void 0;var r=l.O(void 0,[6790],function(){return l(0)});r=l.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/checkbox-toggle/base/example.jsx.js"]=r}();