@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 33.7 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={283:function(e,t,n){function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),a=n(1594),i=(l(a),l(n(7412)));function l(e){return e&&e.__esModule?e:{default:e}}var c=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"!==o(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 "+o(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,e),r(t,[{key:"componentDidMount",value:function(){this.props.contentDidMount()}},{key:"componentDidUpdate",value:function(){this.props.contentDidUpdate()}},{key:"render",value:function(){return a.Children.only(this.props.children)}}]),t}(a.Component);c.propTypes={children:i.default.element.isRequired,contentDidMount:i.default.func.isRequired,contentDidUpdate:i.default.func.isRequired},t.default=c},1594:function(e){e.exports=React},3018:function(e,t,n){var o=n(5388);Object.defineProperty(t,"Ay",{enumerable:!0,get:function(){return(e=o,e&&e.__esModule?e:{default:e}).default;var e}});var r=n(8693);Object.defineProperty(t,"rH",{enumerable:!0,get:function(){return r.FrameContextConsumer}})},3121:function(e,t,n){n.r(t),n.d(t,{default:function(){return te},states:function(){return ne}});var o=n(1594),r=n.n(o),a=n(3018),i=n(3920),l=n(7412),c=n.n(l),s=n(2711),u=n(188),d=JSON.parse('[{"id":"iphone-11-pro-max","description":"iPhone 11 Pro Max","dimensions":{"width":414,"height":896}},{"id":"iphone-11-pro","description":"iPhone 11 Pro","dimensions":{"width":375,"height":812}},{"id":"iphone-11","description":"iPhone 11","dimensions":{"width":414,"height":896}},{"id":"iphone-xr","description":"iPhone XR","dimensions":{"width":414,"height":896}},{"id":"iphone-x","description":"iPhone X","dimensions":{"width":375,"height":812}},{"id":"iphone-8-plus","description":"iPhone 8 Plus","dimensions":{"width":414,"height":736}},{"id":"iphone-8","description":"iPhone 8","dimensions":{"width":375,"height":667}},{"id":"ipad-pro","description":"iPad Pro","dimensions":{"width":1024,"height":1366}},{"id":"ipad","description":"iPad 3rd & 4th Generation","dimensions":{"width":768,"height":1024}},{"id":"pixel-3xl","description":"Google Pixel 3 XL","dimensions":{"width":412,"height":847}},{"id":"pixel-3","description":"Google Pixel 3","dimensions":{"width":412,"height":824}},{"id":"pixel-2xl","description":"Google Pixel 2 XL","dimensions":{"width":412,"height":732}},{"id":"pixel","description":"Google Pixel","dimensions":{"width":412,"height":732}},{"id":"galaxy-s9","description":"Samsung Galaxy S8/S8+/S9/S9+","dimensions":{"width":360,"height":740}}]');function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,m(o.key),o)}}function m(e){var t=function(e){if("object"!=p(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==p(t)?t:t+""}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(h=function(){return!!e})()}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},b(e)}function y(e,t){return y=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},y(e,t)}var v={};d.map(function(e,t){v[e.id]=t});var g=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,n){return t=b(t),function(e,t){if(t&&("object"==p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,h()?Reflect.construct(t,n||[],b(e).constructor):t.apply(e,n))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&y(e,t)}(t,e),n=t,(o=[{key:"render",value:function(){var e=this.props,t=e.children,n=e.hideDeviceSelector,o=e.frameStyles,l=e.frameTitle,c=!1;o&&o.hasOwnProperty("height")&&(c=!0);var p=Math.random().toString(36).substr(2,9),f="example-frame-"+p,m="device-selector-"+p,h="iphone-11",b=function(e){var t=e.target.value||h,n=v[t],o=d[n],r=document.getElementById(f),a=o?o.dimensions.width+"px":null;r.style.width=a,!c&&r.contentWindow.resizeIframe&&r.contentWindow.resizeIframe()},y='\n <!DOCTYPE html>\n <html>\n <head>\n <link rel="stylesheet" type="text/css" href="/assets/styles/salesforce-lightning-design-system.min.css" />\n <link rel="stylesheet" type="text/css" href="/assets/__internal/styles/salesforce-lightning-design-system_touch-demo.min.css" />\n <style type="text/css">\n html { background: transparent !important; padding: 1rem; }\n </style>\n </head>\n <body>\n <div></div>'+(c?"":"<script>\n function resizeIframe() {\n window.frameElement.classList.remove('slds-resize-done');\n const offsetHeight = document.documentElement.offsetHeight;\n const frameHeight = offsetHeight + (window.frameElement.offsetHeight - window.frameElement.clientHeight);\n window.frameElement.style.height = Math.ceil(frameHeight) + \"px\";\n window.frameElement.classList.add('slds-resize-done');\n }\n\n window.parent.addEventListener(\"resize\", resizeIframe);\n setTimeout(resizeIframe, 250);\n <\/script>")+"</body>\n </html>";return r().createElement(r().Fragment,null,r().createElement(a.Ay,{className:"docs-mobile_frame",id:f,initialContent:y,style:o,onLoad:b,title:l},r().createElement(a.rH,null,function(e){return r().createElement(i.ID,{target:e.document.head},r().createElement(r().Fragment,null,t))})),!n&&r().createElement("ul",{className:"docs-codeblock__action-bar docs-codeblock__device-selector"},r().createElement("li",null,r().createElement(s.ZS,{isHorizontal:!0,labelContent:"Select a device to set the width of the example",inputId:m},r().createElement(u.Select,{id:m,onChange:b},r().createElement("option",{value:"no-device"},"No device"),d.map(function(e,t){var n=e.id===h;return r().createElement("option",{key:t,value:e.id,selected:n},e.description)}))))))}}])&&f(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o}(r().Component);g.propTypes={hideDeviceSelector:c().bool,frameStyles:c().object,frameTitle:c().string};var E=n(4216),S=n(942),w=n.n(S),_=n(9825),x=n(6955),O=n(8347),P=n(5373);function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function j(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,T(o.key),o)}}function T(e){var t=function(e){if("object"!=C(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=C(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==C(t)?t:t+""}function k(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(k=function(){return!!e})()}function N(e){return N=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},N(e)}function D(e,t){return D=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},D(e,t)}var R=function(e){return r().createElement("div",{className:w()("slds-path",{"slds-path_has-coaching":e.hasCoaching,"slds-is-expanded":e.coachingOpen})},e.children)};R.propTypes={hasCoaching:c().bool,coachingOpen:c().bool},R.defaultProps={hasCoaching:!1,coachingOpen:!1};var L=function(e){var t=e.hasCoaching,n=e.coachingOpen,o=e.hasOverflow,a=e.coachingId,i=e.stageName,l=e.actionButtonLabel;return r().createElement("div",{className:w()("slds-grid slds-path__track",{"slds-has-overflow":o})},r().createElement("div",{className:"slds-grid slds-path__scroller-container"},t?r().createElement(x.A,{symbol:"chevronright",theme:"neutral",className:w()("slds-path__trigger",{"slds-path__trigger_open":n}),assistiveText:"Show Details",title:"Toggle Sales Coaching","aria-expanded":n,"aria-controls":a}):null,r().createElement("div",{className:"slds-path__scroller"},r().createElement("div",{className:"slds-path__scroller_inner"},r().createElement("ul",{className:"slds-path__nav",role:"listbox","aria-orientation":"horizontal","aria-labelledby":"slds-path__stage-name"},e.children),o?r().createElement("div",{className:"slds-path__scroll-controls"},r().createElement(x.A,{symbol:"left",theme:"neutral",assistiveText:"Scroll left",title:"Scroll left",tabIndex:"-1"}),r().createElement(x.A,{symbol:"right",theme:"neutral",assistiveText:"Scroll right",title:"Scroll right",tabIndex:"-1"})):null))),r().createElement("div",{className:"slds-grid slds-path__action"},r().createElement("span",{id:"slds-path__stage-name",className:"slds-path__stage-name"},"Stage: ",i),r().createElement(_.Button,{isBrand:!0,className:"slds-path__mark-complete"},l),t?r().createElement(_.Button,{isNeutral:!0,className:"slds-path__trigger-coaching-content","aria-expanded":n,"aria-controls":a},n?"Show Less":"Show More"):null))};L.propTypes={hasCoaching:c().bool,coachingOpen:c().bool,hasOverflow:c().bool,coachingId:c().string,stageName:c().string,actionButtonLabel:c().node},L.defaultProps={hasCoaching:!1,coachingOpen:!1,hasOverflow:!1,coachingId:"",stageName:"Unqualified",actionButtonLabel:r().createElement(o.Fragment,null,r().createElement(O.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"check","aria-hidden":"true"}),"Mark Status as Complete")};var M=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,n){return t=N(t),function(e,t){if(t&&("object"==C(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,k()?Reflect.construct(t,n||[],N(e).constructor):t.apply(e,n))}(this,t)).state={itemRef:null},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&D(e,t)}(t,e),n=t,o=[{key:"componentDidUpdate",value:function(e,t){var n=this.props.setTooltipRef,o=this.state.itemRef;n&&o!==t.itemRef&&n(o)}},{key:"render",value:function(){var e=this,t=this.props,n=t.label,o=t.stepState,a=t.index,i=o.indexOf("active")>-1,l=o.indexOf("complete")>-1,c=o.indexOf("current")>-1,s=null;return l?s="Stage Complete":c&&(s="Current Stage:"),r().createElement("li",{className:w()("slds-path__item",o.map(function(e){return"slds-is-".concat(e)})),role:"presentation",ref:function(t){e.state.itemRef||e.setState({itemRef:t})}},r().createElement("a",{"aria-selected":i,className:"slds-path__link",href:"#",onClick:function(e){return e.preventDefault()},id:"path-".concat(a),role:"option",tabIndex:i?0:-1},r().createElement("span",{className:"slds-path__stage"},r().createElement(O.A,{className:"slds-icon slds-icon_x-small",sprite:"utility",symbol:"check"}),s?r().createElement("span",{className:"slds-assistive-text"},s):null),r().createElement("span",{className:"slds-path__title"},n)))}}],o&&j(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o}(o.Component);M.propTypes={label:c().string,stepState:c().arrayOf(c().string),index:c().number},M.defaultProps={label:"Undefined",stepState:["incomplete"],index:0};var I=function(e){var t=e.coachingId,n=e.isHidden,o=e.coachingData,a=e.pathGuidance;return r().createElement("div",{className:w()("slds-path__content",{"slds-is-collapsed":n}),id:t},r().createElement("div",{className:"slds-path__coach slds-grid"},r().createElement("div",{className:"slds-path__keys"},r().createElement("div",{className:"slds-grid slds-grid_align-spread slds-path__coach-title"},r().createElement("h2",null,"Key Fields This Stage"),r().createElement(_.Button,{className:"slds-path__coach-edit slds-text-body_small"},"Edit")),r().createElement(P.Ay,{direction:"stacked",snapshot:o,isViewMode:!0})),r().createElement("div",{className:"slds-path__guidance"},r().createElement("h2",{className:"slds-path__coach-title"},"Guidance for Success"),r().createElement("div",{className:"slds-text-longform slds-path__guidance-content"},a))))};function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function B(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,F(o.key),o)}}function F(e){var t=function(e){if("object"!=U(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==U(t)?t:t+""}function A(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(A=function(){return!!e})()}function q(e){return q=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},q(e)}function H(e,t){return H=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},H(e,t)}I.propTypes={coachingId:c().string,isHidden:c().bool,coachingData:c().object,pathGuidance:c().arrayOf(c().node)},I.defaultProps={coachingId:null,isHidden:!1,coachingData:{rows:[{fields:[{type:"text",label:"Expected Budget",value:"$10,000"}]},{fields:[{type:"text",label:"Lead Source",value:"Marketing and Web Referral"}]},{fields:[{type:"text",label:"Support Engineer",value:"Jane Authur"}]}]},pathGuidance:[r().createElement("p",{key:"guidance-1"},"Regularly cross-sell related products using"," ",r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"cross-sell tactics and principles"),"."),r().createElement("p",{key:"guidance-2"},"Prepare demo deck using the"," ",r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"latest template")," ","and review with Marketing and Sales teams. Review demo copy with Legal and Doc team."),r().createElement("p",{key:"guidance-3"},"Look up"," ",r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"needs analysis principles")," ","and review selling plan with Sales Engineer.")]};var W=function(){return r().createElement(R,null,r().createElement(L,null,r().createElement(M,{label:"Contacted",stepState:["current","active"],index:1}),r().createElement(M,{label:"Open",stepState:["incomplete"],index:2}),r().createElement(M,{label:"Unqualified",stepState:["incomplete"],index:3}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:4}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:5})))},z=function(){return r().createElement(R,null,r().createElement(L,null,r().createElement(M,{label:"Contacted",stepState:["complete"],index:6}),r().createElement(M,{label:"Open",stepState:["complete"],index:7}),r().createElement(M,{label:"Unqualified",stepState:["complete"],index:8}),r().createElement(M,{label:"Nurturing",stepState:["current","active"],index:9}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:10})))},G=function(){return r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Mark as Current Stage"},r().createElement(M,{label:"Contacted",stepState:["current"],index:11}),r().createElement(M,{label:"Open",stepState:["incomplete"],index:12}),r().createElement(M,{label:"Unqualified",stepState:["active"],index:13}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:14}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:15})))},V=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,n){return t=q(t),function(e,t){if(t&&("object"==U(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,A()?Reflect.construct(t,n||[],q(e).constructor):t.apply(e,n))}(this,t)).updateTooltipOffset=e.updateTooltipOffset.bind(e),e.setTooltipRef=e.setTooltipRef.bind(e),e.state={tooltipRef:null,tooltipLeft:0,tooltipTop:0},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&H(e,t)}(t,e),n=t,(a=[{key:"componentDidMount",value:function(){window.addEventListener("resize",this.updateTooltipOffset),this.updateTooltipOffset()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateTooltipOffset)}},{key:"componentDidUpdate",value:function(e,t){this.state.tooltipRef&&!t.tooltipRef&&this.updateTooltipOffset()}},{key:"updateTooltipOffset",value:function(){var e=this.state.tooltipRef,t=0,n=0;e&&(t=e.offsetLeft+e.offsetWidth/2,n=e.offsetTop+e.offsetHeight+14),this.setState({tooltipLeft:t,tooltipTop:n})}},{key:"setTooltipRef",value:function(e){this.setState({tooltipRef:e})}},{key:"render",value:function(){var e=this,t=this.state,n=t.tooltipLeft,a=t.tooltipTop;return r().createElement(o.Fragment,null,r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Mark as Current Stage"},r().createElement(M,{label:"Contacted",stepState:["complete"],index:16}),r().createElement(M,{label:"Open",stepState:["complete"],index:17}),r().createElement(M,{label:"Unqualified",stepState:["current"],index:18,setTooltipRef:function(t){return e.setTooltipRef(t)}}),r().createElement(M,{label:"Nurturing",stepState:["active"],index:19}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:20})),r().createElement(E.Tooltip,{className:"slds-nubbin_top",style:{left:"".concat(n,"px"),transform:"translateX(-50%)",top:"".concat(a,"px"),position:"absolute"}},"3 Days in Unqualified")))}}])&&B(n.prototype,a),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,a}(o.Component),X=function(){var e="path-coaching-1";return r().createElement(R,{hasCoaching:!0},r().createElement(L,{coachingId:e,hasCoaching:!0},r().createElement(M,{label:"Contacted",stepState:["complete"],index:21}),r().createElement(M,{label:"Open",stepState:["complete"],index:22}),r().createElement(M,{label:"Unqualified",stepState:["active","current"],index:23}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:24}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:25})),r().createElement(I,{coachingId:e,labelledBy:"path-23",isHidden:!0}))},J=function(){var e="path-coaching-2";return r().createElement(R,{hasCoaching:!0,coachingOpen:!0},r().createElement(L,{coachingId:e,hasCoaching:!0,coachingOpen:!0},r().createElement(M,{label:"Contacted",stepState:["complete"],index:26}),r().createElement(M,{label:"Open",stepState:["complete"],index:27}),r().createElement(M,{label:"Unqualified",stepState:["current"],index:28}),r().createElement(M,{label:"Nurturing",stepState:["incomplete","active"],index:29}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:30})),r().createElement(I,{coachingId:e,labelledBy:"path-28"}))},Q=function(){return r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Change Closed State"},r().createElement(M,{label:"Contacted",stepState:["complete"],index:31}),r().createElement(M,{label:"Open",stepState:["complete"],index:32}),r().createElement(M,{label:"Unqualified",stepState:["complete"],index:33}),r().createElement(M,{label:"Nurturing",stepState:["complete"],index:34}),r().createElement(M,{label:"Closed Won",stepState:["won","active","current"],index:35})))},Y=function(){return r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Change Closed State"},r().createElement(M,{label:"Contacted",stepState:["incomplete"],index:36}),r().createElement(M,{label:"Open",stepState:["incomplete"],index:37}),r().createElement(M,{label:"Unqualified",stepState:["incomplete"],index:38}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:39}),r().createElement(M,{label:"Closed Lost",stepState:["lost","active","current"],index:40})))},K=function(){return r().createElement(R,null,r().createElement(L,{hasOverflow:!0},r().createElement(M,{label:"Prospecting",stepState:["complete"],index:41}),r().createElement(M,{label:"Qualification",stepState:["complete"],index:42}),r().createElement(M,{label:"Needs Analysis",stepState:["active","current"],index:43}),r().createElement(M,{label:"Value Proposition",stepState:["incomplete"],index:44}),r().createElement(M,{label:"Id. Decision Maker",stepState:["incomplete"],index:45}),r().createElement(M,{label:"Perception Analysis",stepState:["incomplete"],index:46}),r().createElement(M,{label:"Proposal / Pricing",stepState:["incomplete"],index:47}),r().createElement(M,{label:"Negotiation / Review",stepState:["incomplete"],index:48}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:49})))},Z=function(){return r().createElement("div",{className:"slds-region_medium",style:{width:"700px"}},r().createElement(R,null,r().createElement(L,null,r().createElement(M,{label:"Contacted",stepState:["complete"],index:50}),r().createElement(M,{label:"Open",stepState:["complete"],index:51}),r().createElement(M,{label:"Unqualified",stepState:["active","current"],index:52}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:53}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:54}))))},$=function(){var e="path-coaching-2";return r().createElement("div",{className:"slds-region_medium",style:{width:"700px"}},r().createElement(R,{hasCoaching:!0,coachingOpen:!0},r().createElement(L,{stageName:"Needs Analysis",coachingId:e,hasCoaching:!0,coachingOpen:!0,hasOverflow:!0},r().createElement(M,{label:"Prospecting",stepState:["complete"],index:55}),r().createElement(M,{label:"Qualification",stepState:["complete"],index:56}),r().createElement(M,{label:"Needs Analysis",stepState:["active","current"],index:57}),r().createElement(M,{label:"Value Proposition",stepState:["incomplete"],index:58}),r().createElement(M,{label:"Id. Decision Maker",stepState:["incomplete"],index:59}),r().createElement(M,{label:"Perception Analysis",stepState:["incomplete"],index:60}),r().createElement(M,{label:"Proposal / Pricing",stepState:["incomplete"],index:61}),r().createElement(M,{label:"Negotiation / Review",stepState:["incomplete"],index:62}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:63})),r().createElement(I,{coachingId:e,labelledBy:"path-57"})))},ee=function(){var e="path-coaching-3";return r().createElement("div",{className:"slds-region_small",style:{width:"360px"}},r().createElement(R,{hasCoaching:!0,coachingOpen:!0},r().createElement(L,{stageName:"Needs Analysis",coachingId:e,hasOverflow:!0,hasCoaching:!0,coachingOpen:!0},r().createElement(M,{label:"Prospecting",stepState:["complete"],index:64}),r().createElement(M,{label:"Qualification",stepState:["complete"],index:65}),r().createElement(M,{label:"Needs Analysis",stepState:["active","current"],index:66}),r().createElement(M,{label:"Value Proposition",stepState:["incomplete"],index:67}),r().createElement(M,{label:"Id. Decision Maker",stepState:["incomplete"],index:68}),r().createElement(M,{label:"Perception Analysis",stepState:["incomplete"],index:69}),r().createElement(M,{label:"Proposal / Pricing",stepState:["incomplete"],index:70}),r().createElement(M,{label:"Negotiation / Review",stepState:["incomplete"],index:71}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:72})),r().createElement(I,{coachingId:e,labelledBy:"path-66"})))},te=r().createElement(W,null),ne=[{id:"later-stage",label:"In a later stage",element:r().createElement(z,null)},{id:"different-stage-selected",label:"With different stage selected",element:r().createElement(G,null)},{id:"with-visible-tooltip",label:"With visible tooltip",element:r().createElement(V,null)},{id:"with-coaching",label:"With coaching available",element:r().createElement(X,null)},{id:"different-coaching",label:"With different stage selected - with coaching",element:r().createElement(J,null)},{id:"lost",label:"Lost",element:r().createElement(Y,null)},{id:"won",label:"Won",element:r().createElement(Q,null)},{id:"with-overflow",label:"Path with overflow",element:r().createElement(K,null)},{id:"medium",label:"Medium viewport",element:r().createElement(Z,null)},{id:"medium-coaching",label:"Medium viewport with coaching",element:r().createElement($,null)},{id:"small-coaching",label:"Small viewport",element:r().createElement(ee,null)},{id:"mobile-default",label:"Mobile: default",element:r().createElement(g,{hideDeviceSelector:!0,frameTitle:"Example mobile styles for path"},r().createElement(W,null))}]},5206:function(e){e.exports=ReactDOM},5388:function(e,t,n){function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.Frame=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),i=n(1594),l=p(i),c=p(n(5206)),s=p(n(7412)),u=n(8693),d=p(n(283));function p(e){return e&&e.__esModule?e:{default:e}}var f=t.Frame=function(e){function t(e,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==o(t)&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return r.setRef=function(e){r.nodeRef.current=e;var t=r.props.forwardedRef;"function"==typeof t?t(e):t&&(t.current=e)},r.handleLoad=function(){clearInterval(r.loadCheck),r.state.iframeLoaded||r.setState({iframeLoaded:!0})},r.loadCheck=function(){return setInterval(function(){r.handleLoad()},500)},r._isMounted=!1,r.nodeRef=l.default.createRef(),r.state={iframeLoaded:!1},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+o(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,e),a(t,[{key:"componentDidMount",value:function(){this._isMounted=!0,this.getDoc()&&this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded",this.handleLoad)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1,this.nodeRef.current.removeEventListener("DOMContentLoaded",this.handleLoad)}},{key:"getDoc",value:function(){return this.nodeRef.current?this.nodeRef.current.contentDocument:null}},{key:"getMountTarget",value:function(){var e=this.getDoc();return this.props.mountTarget?e.querySelector(this.props.mountTarget):e.body.children[0]}},{key:"renderFrameContents",value:function(){if(!this._isMounted)return null;var e=this.getDoc();if(!e)return null;var t=this.props.contentDidMount,n=this.props.contentDidUpdate,o=e.defaultView||e.parentView,r=l.default.createElement(d.default,{contentDidMount:t,contentDidUpdate:n},l.default.createElement(u.FrameContextProvider,{value:{document:e,window:o}},l.default.createElement("div",{className:"frame-content"},this.props.children))),a=this.getMountTarget();return a?[c.default.createPortal(this.props.head,this.getDoc().head),c.default.createPortal(r,a)]:null}},{key:"render",value:function(){var e=r({},this.props,{srcDoc:this.props.initialContent,children:void 0});return delete e.head,delete e.initialContent,delete e.mountTarget,delete e.contentDidMount,delete e.contentDidUpdate,delete e.forwardedRef,l.default.createElement("iframe",r({},e,{ref:this.setRef,onLoad:this.handleLoad}),this.state.iframeLoaded&&this.renderFrameContents())}}]),t}(i.Component);f.propTypes={style:s.default.object,head:s.default.node,initialContent:s.default.string,mountTarget:s.default.string,contentDidMount:s.default.func,contentDidUpdate:s.default.func,children:s.default.oneOfType([s.default.element,s.default.arrayOf(s.default.element)])},f.defaultProps={style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:function(){},contentDidUpdate:function(){},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'},t.default=l.default.forwardRef(function(e,t){return l.default.createElement(f,r({},e,{forwardedRef:t}))})},8693:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContextProvider=t.useFrame=t.FrameContext=void 0;var o,r=(o=n(1594))&&o.__esModule?o:{default:o},a=void 0,i=void 0;"undefined"!=typeof document&&(a=document),"undefined"!=typeof window&&(i=window);var l=t.FrameContext=r.default.createContext({document:a,window:i}),c=(t.useFrame=function(){return r.default.useContext(l)},l.Provider),s=l.Consumer;t.FrameContextProvider=c,t.FrameContextConsumer=s}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.m=t,o.amdO={},e=[],o.O=function(t,n,r,a){if(!n){var i=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],a=e[u][2];for(var l=!0,c=0;c<n.length;c++)(!1&a||i>=a)&&Object.keys(o.O).every(function(e){return o.O[e](n[c])})?n.splice(c--,1):(l=!1,a<i&&(i=a));if(l){e.splice(u--,1);var s=r();void 0!==s&&(t=s)}}return t}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[n,r,a]},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.j=253,function(){var e={253:0,518:0,1117:0,1252:0,1578:0,1974:0,2033: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};o.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,a,i=n[0],l=n[1],c=n[2],s=0;if(i.some(function(t){return 0!==e[t]})){for(r in l)o.o(l,r)&&(o.m[r]=l[r]);if(c)var u=c(o)}for(t&&t(n);s<i.length;s++)a=i[s],o.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return o.O(u)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),o.nc=void 0;var r=o.O(void 0,[6790],function(){return o(3121)});r=o.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/path/base/example.jsx.js"]=r}();