@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 6.33 kB
JavaScript
var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/progress-indicator/base/example.jsx.js"]=function(e){function t(t){for(var a,n,d=t[0],u=t[1],c=t[2],m=0,i=[];m<d.length;m++)n=d[m],r[n]&&i.push(r[n][0]),r[n]=0;for(a in u)Object.prototype.hasOwnProperty.call(u,a)&&(e[a]=u[a]);for(o&&o(t);i.length;)i.shift()();return s.push.apply(s,c||[]),l()}function l(){for(var e,t=0;t<s.length;t++){for(var l=s[t],a=!0,d=1;d<l.length;d++){var u=l[d];0!==r[u]&&(a=!1)}a&&(s.splice(t--,1),e=n(n.s=l[0]))}return e}var a={},r={70: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},s=[];function n(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,n),l.l=!0,l.exports}n.m=e,n.c=a,n.d=function(e,t,l){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:l})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/assets/scripts/bundle/";var d=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],u=d.push.bind(d);d.push=t,d=d.slice();for(var c=0;c<d.length;c++)t(d[c]);var o=u;return s.push([139,0]),l()}({0:function(e,t){e.exports=React},139:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=t.Step=t.Progress=void 0;var a=c(l(0)),r=c(l(1)),s=c(l(2)),n=l(30),d=l(21),u=l(25);function c(e){return e&&e.__esModule?e:{default:e}}var o=t.Progress=function(e){return a.default.createElement("div",{className:(0,r.default)("slds-progress",e.className)},a.default.createElement("ol",{className:"slds-progress__list"},e.children),a.default.createElement(u.ProgressBar,{className:"slds-progress-bar_x-small",value:e.value}))},m=t.Step=function(e){return a.default.createElement("li",{className:(0,r.default)("slds-progress__item",e.className,e.active?"slds-is-active":null,e.done?"slds-is-completed":null,e.error?"slds-has-error":null)},e.done&&!e.error?a.default.createElement(s.default,{className:"slds-button_icon slds-progress__marker slds-progress__marker_icon",symbol:"success","aria-describedby":e["aria-describedby"],assistiveText:e.done?e.children+" - Completed":null,title:e.done?e.children+" - Completed":null}):e.error?a.default.createElement(s.default,{className:"slds-button_icon slds-progress__marker slds-progress__marker_icon",symbol:"error","aria-describedby":e["aria-describedby"],assistiveText:e.error?e.children+" - Error":null,title:e.error?e.children+" - Error":null}):a.default.createElement("button",{className:"slds-button slds-progress__marker","aria-describedby":e["aria-describedby"]},a.default.createElement("span",{className:"slds-assistive-text"},e.children," ",e.active?"- Active":null)))};t.default=a.default.createElement("div",{className:"demo-only",style:{padding:"1rem"}},a.default.createElement(o,{value:"0"},a.default.createElement(m,{active:!0},"Step 1"),a.default.createElement(m,null,"Step 2"),a.default.createElement(m,null,"Step 3"),a.default.createElement(m,null,"Step 4"),a.default.createElement(m,null,"Step 5")));t.states=[{id:"next-step",label:"Next Step",element:a.default.createElement("div",{className:"demo-only",style:{padding:"1rem"}},a.default.createElement(o,{value:"25"},a.default.createElement(m,{done:!0},"Step 1"),a.default.createElement(m,{active:!0},"Step 2"),a.default.createElement(m,null,"Step 3"),a.default.createElement(m,null,"Step 4"),a.default.createElement(m,null,"Step 5")))},{id:"has-error",label:"Step - Error",element:a.default.createElement("div",{className:"demo-only",style:{padding:"1rem"}},a.default.createElement(o,{value:"25"},a.default.createElement(m,{done:!0},"Step 1"),a.default.createElement(m,{error:!0},"Step 2"),a.default.createElement(m,null,"Step 3"),a.default.createElement(m,null,"Step 4"),a.default.createElement(m,null,"Step 5")))},{id:"tooltip",label:"Tooltip",element:a.default.createElement("div",{className:"demo-only",style:{padding:"3rem 1rem 0"}},a.default.createElement(o,{value:"50"},a.default.createElement(m,{done:!0},"Step 1"),a.default.createElement(m,{done:!0},"Step 2"),a.default.createElement(m,{active:!0,"aria-describedby":"step-3-tooltip"},"Step 3"),a.default.createElement(m,null,"Step 4"),a.default.createElement(m,null,"Step 5")),a.default.createElement(n.Tooltip,{className:"slds-nubbin_bottom",id:"step-3-tooltip",style:{position:"absolute",top:"0px",left:"calc(50% + 7px)",transform:"translateX(-50%)"}},"Verify Email"))}],t.examples=[{id:"modal",label:"In a modal",element:a.default.createElement("div",{className:"demo-only",style:{height:"640px"}},a.default.createElement(d.Modal,{className:"slds-modal_large","aria-labelledby":"header43"},a.default.createElement(d.ModalHeader,null,a.default.createElement("h2",{id:"header43",className:"slds-text-heading_medium"},"Modal Header")),a.default.createElement(d.ModalContent,{className:"slds-grow slds-p-around_medium"}),a.default.createElement(d.ModalFooter,{className:"slds-grid slds-grid_align-spread"},a.default.createElement("button",{className:"slds-button slds-button_neutral"},"Cancel"),a.default.createElement(o,{className:"slds-progress_shade",value:"25"},a.default.createElement(m,{done:!0},"Step 1"),a.default.createElement(m,{active:!0},"Step 2"),a.default.createElement(m,null,"Step 3"),a.default.createElement(m,null,"Step 4"),a.default.createElement(m,null,"Step 5")),a.default.createElement("button",{className:"slds-button slds-button_brand"},"Save"))),a.default.createElement("div",{className:"slds-backdrop slds-backdrop_open"}))},{id:"shade",label:"On a gray background",element:a.default.createElement("div",{className:"demo-only",style:{background:"#F3F2F2",padding:"1rem"}},a.default.createElement(o,{className:"slds-progress_shade",value:"25"},a.default.createElement(m,{done:!0},"Step 1"),a.default.createElement(m,{active:!0},"Step 2"),a.default.createElement(m,null,"Step 3"),a.default.createElement(m,null,"Step 4"),a.default.createElement(m,null,"Step 5")))}]}});