@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 5.41 kB
JavaScript
var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/welcome-mat/trailhead-connected/example.jsx.js"]=function(e){function t(t){for(var l,o,s=t[0],c=t[1],u=t[2],d=0,f=[];d<s.length;d++)o=s[d],r[o]&&f.push(r[o][0]),r[o]=0;for(l in c)Object.prototype.hasOwnProperty.call(c,l)&&(e[l]=c[l]);for(i&&i(t);f.length;)f.shift()();return a.push.apply(a,u||[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],l=!0,s=1;s<n.length;s++){var c=n[s];0!==r[c]&&(l=!1)}l&&(a.splice(t--,1),e=o(o.s=n[0]))}return e}var l={},r={18: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},a=[];function o(t){if(l[t])return l[t].exports;var n=l[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=l,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},o.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],c=s.push.bind(s);s.push=t,s=s.slice();for(var u=0;u<s.length;u++)t(s[u]);var i=c;return a.push([86,0]),n()}({0:function(e,t){e.exports=React},85:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var l=t[n];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,n,l){return n&&e(t.prototype,n),l&&e(t,l),t}}(),r=i(n(0)),a=i(n(1)),o=i(n(3)),s=n(8),c=n(59),u=n(25);function i(e){return e&&e.__esModule?e:{default:e}}var d=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,r.default.Component),l(t,[{key:"render",value:function(){var e=this.props,t=e.complete,n=e.total,l=e.labelId,o=t/n*100,i=100===o,d=i?r.default.createElement("p",null,"Cha-ching! You earned the badge."):r.default.createElement("p",null,t,"/",n," units completed");return r.default.createElement(r.default.Fragment,null,r.default.createElement("h2",{id:l,className:"slds-welcome-mat__info-title"},"The Lightning Experience is here!"),r.default.createElement("p",{className:"slds-welcome-mat__info-description slds-text-longform"},"Welcome to Lightning Experience, the modern, beautiful user experience from Salesforce. With a sales-and service-centric mindset, we focused on reinventing the desktop environment to better support your business processes."),r.default.createElement("div",{className:(0,a.default)("slds-welcome-mat__info-progress",{"slds-welcome-mat__info-progress_complete":i})},r.default.createElement("div",{className:"slds-welcome-mat__info-badge-container"},r.default.createElement("img",{className:"slds-welcome-mat__info-badge",src:"/assets/images/welcome-mat/trailhead_badge@2x.png",width:"50",height:"50",alt:""}),r.default.createElement(c.ActionIcon,{title:"Completed",assistiveText:"Completed",className:"slds-welcome-mat__icon-check slds-icon_xx-small",symbol:"check"})),r.default.createElement("p",null,r.default.createElement("strong",null,"Lightning Explorer")),d),i?r.default.createElement(s.Button,{isBrand:!0},"View on your Trailblazer Profile"):r.default.createElement(u.ProgressBar,{value:o,className:"slds-progress-bar_circular"}))}}]),t}();d.propTypes={complete:o.default.number.isRequired,total:o.default.number.isRequired,labelId:o.default.string.isRequired},d.defaultProps={complete:0,total:5,labelId:"welcome-mat-label-1"},t.default=d},86:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.Context=void 0;var l=o(n(0)),r=o(n(33)),a=o(n(85));function o(e){return e&&e.__esModule?e:{default:e}}var s=[];r.default.defaultProps.tiles.forEach(function(e){s.push(Object.assign({},e,{completed:!0}))});t.Context=function(e){return l.default.createElement("div",{className:"demo-only",style:{height:"800px"}},e.children,l.default.createElement("div",{className:"slds-backdrop slds-backdrop_open"}))};t.default=l.default.createElement(r.default,{content:function(e){var t=e.complete,n=e.total,r=e.labelId;return l.default.createElement(a.default,{complete:t,total:n,labelId:r})}});t.examples=[{id:"trailhead-complete",label:"Trailhead Complete",element:l.default.createElement(r.default,{tiles:s,content:function(e){var t=e.complete,n=e.total,r=e.labelId;return l.default.createElement(a.default,{complete:t,total:n,labelId:r})}})}]}});