@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/progress-indicator/base/example.jsx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},8683:function(e,t,l){l.r(t),l.d(t,{LegacyStep:function(){return E},Progress:function(){return u},Step:function(){return p},examples:function(){return v},states:function(){return b}});var r=l(1594),a=l.n(r),s=l(942),n=l.n(s),c=l(6955),o=l(4216),i=l(8347),d=l(1766),m=l(4231),u=function(e){return a().createElement("div",{className:n()("slds-progress",e.className)},a().createElement("ol",{className:"slds-progress__list"},e.children),a().createElement(m.z,{className:"slds-progress-bar_x-small",value:e.value}))},p=function(e){return a().createElement("li",{className:n()("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().createElement("div",{className:"slds-progress__marker slds-progress__marker_icon",tabIndex:"0"},a().createElement(i.A,{className:"slds-icon slds-icon_xx-small",sprite:"utility",symbol:"success"}),a().createElement("span",{className:"slds-assistive-text"},e.done?e.children+" - Completed":null)):e.error?a().createElement("div",{className:"slds-progress__marker slds-progress__marker_icon",tabIndex:"0"},a().createElement(i.A,{className:"slds-icon slds-icon_xx-small",sprite:"utility",symbol:"error"}),a().createElement("span",{className:"slds-assistive-text"},e.error?e.children+" - Error":null)):a().createElement("div",{className:"slds-progress__marker",tabIndex:"0"},a().createElement("span",{className:"slds-assistive-text"},e.children," ",e.active?"- Active":null)))},E=function(e){return a().createElement("li",{className:n()("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().createElement(c.A,{className:"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().createElement(c.A,{className:"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().createElement("button",{className:"slds-button slds-progress__marker","aria-describedby":e["aria-describedby"]},a().createElement("span",{className:"slds-assistive-text"},e.children," ",e.active?"- Active":null)))};t.default=[{id:"default",label:"Default",element:a().createElement("div",{className:"demo-only",style:{padding:"1rem"}},a().createElement(u,{value:"0"},a().createElement(p,{active:!0},"Step 1"),a().createElement(p,null,"Step 2"),a().createElement(p,null,"Step 3"),a().createElement(p,null,"Step 4"),a().createElement(p,null,"Step 5")))}];var b=[{id:"next-step",label:"Next Step",element:a().createElement("div",{className:"demo-only",style:{padding:"1rem"}},a().createElement(u,{value:"25"},a().createElement(p,{done:!0},"Step 1"),a().createElement(p,{active:!0},"Step 2"),a().createElement(p,null,"Step 3"),a().createElement(p,null,"Step 4"),a().createElement(p,null,"Step 5")))},{id:"has-error",label:"Step - Error",element:a().createElement("div",{className:"demo-only",style:{padding:"1rem"}},a().createElement(u,{value:"25"},a().createElement(p,{done:!0},"Step 1"),a().createElement(p,{error:!0},"Step 2"),a().createElement(p,null,"Step 3"),a().createElement(p,null,"Step 4"),a().createElement(p,null,"Step 5")))},{id:"tooltip",label:"Tooltip",element:a().createElement("div",{className:"demo-only",style:{padding:"3rem 1rem 0"}},a().createElement(u,{value:"50"},a().createElement(p,{done:!0},"Step 1"),a().createElement(p,{done:!0},"Step 2"),a().createElement(p,{active:!0,"aria-describedby":"step-3-tooltip"},"Step 3"),a().createElement(p,null,"Step 4"),a().createElement(p,null,"Step 5")),a().createElement(o.Tooltip,{className:"slds-nubbin_bottom",id:"step-3-tooltip",style:{position:"absolute",top:"0px",left:"calc(50% + 7px)",transform:"translateX(-50%)"}},"Verify Email"))}],v=[{id:"modal",label:"In a modal",element:a().createElement("div",{className:"demo-only",style:{height:"640px"}},a().createElement(d.Backdrop,null,a().createElement(d.Modal,{className:"slds-modal_large","aria-labelledby":"header43"},a().createElement(d.ModalHeader,null,a().createElement("h1",{id:"header43",className:"slds-text-heading_medium"},"Modal header")),a().createElement(d.ModalContent,{className:"slds-grow slds-p-around_medium"}),a().createElement(d.ModalFooter,{className:"slds-grid slds-grid_align-spread"},a().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),a().createElement(u,{className:"slds-progress_shade",value:"25"},a().createElement(p,{done:!0},"Step 1"),a().createElement(p,{active:!0},"Step 2"),a().createElement(p,null,"Step 3"),a().createElement(p,null,"Step 4"),a().createElement(p,null,"Step 5")),a().createElement("button",{className:"slds-button slds-button_brand"},"Save")))))},{id:"shade",label:"On a gray background",element:a().createElement("div",{className:"demo-only",style:{background:"#F3F2F2",padding:"1rem"}},a().createElement(u,{className:"slds-progress_shade",value:"25"},a().createElement(p,{done:!0},"Step 1"),a().createElement(p,{active:!0},"Step 2"),a().createElement(p,null,"Step 3"),a().createElement(p,null,"Step 4"),a().createElement(p,null,"Step 5")))},{id:"legacy",label:"Legacy Markers",element:a().createElement("div",{className:"demo-only",style:{padding:"1rem"}},a().createElement(u,{value:"25"},a().createElement(E,{done:!0,"aria-describedby":"step-1-tooltip"},"Step 1"),a().createElement(E,{active:!0,"aria-describedby":"step-2-tooltip"},"Step 2"),a().createElement(E,{"aria-describedby":"step-3-tooltip"},"Step 3"),a().createElement(E,{"aria-describedby":"step-4-tooltip"},"Step 4"),a().createElement(E,{"aria-describedby":"step-5-tooltip"},"Step 5")))}]}},l={};function r(e){var a=l[e];if(void 0!==a)return a.exports;var s=l[e]={exports:{}};return t[e](s,s.exports,r),s.exports}r.m=t,r.amdO={},e=[],r.O=function(t,l,a,s){if(!l){var n=1/0;for(d=0;d<e.length;d++){l=e[d][0],a=e[d][1],s=e[d][2];for(var c=!0,o=0;o<l.length;o++)(!1&s||n>=s)&&Object.keys(r.O).every(function(e){return r.O[e](l[o])})?l.splice(o--,1):(c=!1,s<n&&(n=s));if(c){e.splice(d--,1);var i=a();void 0!==i&&(t=i)}}return t}s=s||0;for(var d=e.length;d>0&&e[d-1][2]>s;d--)e[d]=e[d-1];e[d]=[l,a,s]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var l in t)r.o(t,l)&&!r.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=2233,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2233:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,l){var a,s,n=l[0],c=l[1],o=l[2],i=0;if(n.some(function(t){return 0!==e[t]})){for(a in c)r.o(c,a)&&(r.m[a]=c[a]);if(o)var d=o(r)}for(t&&t(l);i<n.length;i++)s=n[i],r.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return r.O(d)},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))}(),r.nc=void 0;var a=r.O(void 0,[6790],function(){return r(8683)});a=r.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/progress-indicator/base/example.jsx.js"]=a}();