npm - @salesforce-ux/design-system - Versions diffs - 2.30.3 → 2.264.0-beta.1 - Mend

@salesforce-ux/design-system 2.30.3 → 2.264.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (694) hide show

package/__internal/chunked/showcase/ui/components/path/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- 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}();
1	+ 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(9512),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}();

package/__internal/chunked/showcase/ui/components/rich-text-editor/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={511:function(e,t,l){l.r(t),l.d(t,{Demo:function(){return R},default:function(){return M},examples:function(){return U},states:function(){return G}});var n=l(1594),a=l.n(n),r=l(7412),i=l.n(r),s=l(942),o=l.n(s),d=l(4216),c=l(1412),u=l(6955),m=l(8347),b=l(5159),E=l(3964),p=l(6185),x=(l(5786),l(538)),f=l(2711),h=(l(5526),l(806));function g(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=l){var n,a,r,i,s=[],o=!0,d=!1;try{if(r=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;o=!1}else for(;!(o=(n=r.call(l)).done)&&(s.push(n.value),s.length!==t);o=!0);}catch(e){d=!0,a=e}finally{try{if(!o&&null!=l.return&&(i=l.return(),Object(i)!==i))return}finally{if(d)throw a}}return s}}(e,t)\|\|function(e,t){if(e){if("string"==typeof e)return v(e,t);var l={}.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l\|\|"Set"===l?Array.from(e):"Arguments"===l\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(l)?v(e,t):void 0}}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var l=0,n=Array(t);l<t;l++)n[l]=e[l];return n}var y="rich-text-editor-unique-id-01",_=function(e){return a().createElement(f.ZS,{labelId:e.labelId,labelContent:e.label,inlineMessage:e.inlineMessage,hasError:e.hasError,errorId:e.errorId,hasFauxLabel:!0},a().createElement("div",{className:o()("slds-rich-text-editor slds-grid slds-grid_vertical slds-nowrap",e.isToolbarOnly&&"slds-rich-text-editor_toolbar-only",e.className),"aria-label":e.disabledLabel},e.children))};_.propTypes={children:i().node.isRequired,errorId:i().string,hasError:i().bool,inlineMessage:i().string,labelContent:i().string,labelId:i().string};var N=function(e){return a().createElement("div",{role:"toolbar","aria-label":e.disabledLabel,className:o()("slds-rich-text-editor__toolbar slds-shrink-none",e.isToolbarOnly&&"slds-rich-text-editor__toolbar_detached",e.className)},e.children)},I=function(e){var t=e.listboxData,l=e.id;return a().createElement(p.Ay,{id:l,snapshot:t,type:"plain",count:3,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};I.propTypes={listboxData:i().object.isRequired,id:i().string};var w=function(e){var t=e.listboxData,l=e.id;return a().createElement(p.Ay,{id:l,snapshot:t,type:"plain",count:6,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};w.propTypes={listboxData:i().object.isRequired,id:i().string};var T=function(e){var t=g((0,n.useState)(h.Ay.uniqueId("example-unique-id-")),1)[0],l=g((0,n.useState)(h.Ay.uniqueId("example-unique-id-")),1)[0],r=g((0,n.useState)(h.Ay.uniqueId("example-unique-id-")),1)[0],i=g((0,n.useState)(h.Ay.uniqueId("example-unique-id-")),1)[0];return a().createElement("div",{className:"slds-grid slds-rich-text-editor__spacing-wrapper",role:"group","aria-label":"Format font family & size"},a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:t,"aria-controls":l,label:"Choose a Font",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_x-small",inputIconPosition:"right",rightInputIcon:a().createElement(x.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(I,{listboxData:E.kz,id:l}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Font"})),a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:r,"aria-controls":i,label:"Choose a Font Size",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_xx-small",inputIconPosition:"right",rightInputIcon:a().createElement(x.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(w,{listboxData:E.TU,id:i}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Size",tabIndex:"-1"})))},L=function(e){return a().createElement(c.ButtonGroupList,{"aria-label":"Format text"},a().createElement("li",null,a().createElement(u.A,{className:"slds-button_icon-border-filled",symbol:"bold",tabIndex:e.tabIndexSetting,"aria-describedby":e.hasTooltip?"bold":null,disabled:e.disabledButtons,assistiveText:"Bold"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"italic",disabled:e.disabledButtons,assistiveText:"Italic"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"underline",disabled:e.disabledButtons,assistiveText:"Underline"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"strikethrough",disabled:e.disabledButtons,assistiveText:"Strike Through"})))},S=function(e){return a().createElement(c.ButtonGroupList,{"aria-label":"Format background & text color"},a().createElement("li",null,a().createElement("button",{tabIndex:"-1",disabled:e.disabledButtons,className:"slds-button slds-button_icon slds-button_icon-more slds-button_icon-more-filled","aria-haspopup":"true"},a().createElement(m.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_background_color"}),a().createElement(m.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Background Color"))),a().createElement("li",null,a().createElement("button",{tabIndex:"-1",disabled:e.disabledButtons,className:"slds-button slds-button_icon slds-button_icon-more slds-button_icon-more-filled","aria-haspopup":"true"},a().createElement(m.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_color"}),a().createElement(m.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Text Color"))))},q=function(e){return a().createElement(c.ButtonGroupList,{"aria-label":"Format body"},a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextbulletedlist",disabled:e.disabledButtons,assistiveText:"Bulleted List"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextnumberedlist",disabled:e.disabledButtons,assistiveText:"Numbered List"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextindent",disabled:e.disabledButtons,assistiveText:"Indent"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextoutdent",disabled:e.disabledButtons,assistiveText:"Outdent"})))},j=function(e){return a().createElement(c.ButtonGroupList,{"aria-label":"Align text"},a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"left_align_text",disabled:e.disabledButtons,assistiveText:"Left Align Text"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"center_align_text",disabled:e.disabledButtons,assistiveText:"Center Align Text"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"right_align_text",disabled:e.disabledButtons,assistiveText:"Right Align Text"})))},O=function(e){return a().createElement(c.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Insert content"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(u.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"emoji",disabled:e.disabledButtons,assistiveText:"Add Emoji"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(u.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"image",disabled:e.disabledButtons,assistiveText:"Add Image"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(u.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"link",disabled:e.disabledButtons,assistiveText:"Add Link"})))},A=function(e){return a().createElement(c.ButtonGroupList,{"aria-label":"Add user"},a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"adduser",disabled:e.disabledButtons,assistiveText:"Add User"})))},B=function(e){return a().createElement(c.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Remove Formatting"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(u.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"remove_formatting",disabled:e.disabledButtons,assistiveText:"Remove Formatting"})))},C=function(e){return a().createElement("div",{className:o()(e.text?"slds-rich-text-editor__output":"slds-rich-text-editor__textarea","slds-grid")},e.text?a().createElement("div",{"aria-describedby":e["aria-describedby"],"aria-label":e.labelId?null:"Compose text","aria-labelledby":e.labelId,contentEditable:e.disabled?null:"true",suppressContentEditableWarning:!0,className:"slds-rich-text-area__content slds-grow"},e.text):a().createElement("div",{"aria-describedby":e["aria-describedby"],"aria-label":e.labelId?null:e.label\|\|"Compose text","aria-labelledby":e.labelId,contentEditable:e.disabled?null:"true",suppressContentEditableWarning:!0,className:"slds-rich-text-area__content slds-text-color_weak slds-grow"},e.placeholder))};function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)({}).hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},k.apply(null,arguments)}var R=function(e){return a().createElement("div",k({className:o()("demo-only",e.className),style:{minHeight:"180px"}},e),e.children)};R.propTypes={children:i().node,className:i().string};var D=function(e){return a().createElement("div",null,a().createElement("h1",null,"Heading - h1"),a().createElement("p",null,"Lorem ipsum dolor sit amet, ",a().createElement("strong",null,"strong")," adipisicing elit, sed do ",a().createElement("em",null,"emphasis")," tempor incididunt ut ",a().createElement("u",null,"underlined")," et dolore"," ",a().createElement("s",null,"strikethrough")," aliqua. Ut ",a().createElement("sub",null,"subscript")," ad"," ",a().createElement("sup",null,"superscript")," veniam, ",a().createElement("abbr",null,"quis")," nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in ",a().createElement("a",{href:"#"},"link")," in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),a().createElement("h2",null,"Heading - h2"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod"," ",a().createElement("a",{href:"#"},"veryVeryLongWordWithHyperlinkExample")," tempor incididunt ut labore et dolore magna aliqua."),a().createElement("ul",null,a().createElement("li",null,"Unordered list item",a().createElement("ul",null,a().createElement("li",null,"Nested Unordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item"),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Nested Unordered list item",a().createElement("ul",null,a().createElement("li",null,"Nested Unordered list item"),a().createElement("li",null,"Nested Unordered list item"))))),a().createElement("li",null,"Unordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item"),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Unordered list item")),a().createElement("h3",null,"Heading - h3"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a().createElement("ol",null,a().createElement("li",null,"Ordered list item",a().createElement("ul",null,a().createElement("li",null,"Nested Unordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item"),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Nested Unordered list item",a().createElement("ul",null,a().createElement("li",null,"Nested Unordered list item"),a().createElement("li",null,"Nested Unordered list item"))))),a().createElement("li",null,"Ordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item"),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Ordered list item")),a().createElement("ul",null,a().createElement("li",null,a().createElement("div",null,"List Item with div")),a().createElement("li",null,a().createElement("div",null,"List Item with div"))),a().createElement("ol",null,a().createElement("li",null,a().createElement("div",null,"List Item with div")),a().createElement("li",null,a().createElement("div",null,"List Item with div"))),a().createElement("h4",null,"Heading - h4"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a().createElement("dl",null,a().createElement("dt",null,"Description List - Term"),a().createElement("dd",null,"Description List - Description"),a().createElement("dt",null,"Description List - Term"),a().createElement("dd",null,"Description List - Description")),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a().createElement("table",null,a().createElement("thead",null,a().createElement("tr",null,a().createElement("th",null,"Column"),a().createElement("th",null,"Column"))),a().createElement("tbody",null,a().createElement("tr",null,a().createElement("td",null,"Row"),a().createElement("td",null,"Row")),a().createElement("tr",null,a().createElement("td",null,"Row"),a().createElement("td",null,"Row")))),a().createElement("h5",null,"Heading - h5"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),a().createElement("blockquote",null,"Blockquote - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),a().createElement("h6",null,"Heading - h6"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"," ",a().createElement("a",{href:"#"},"https://url.com/document/d/1dSOGKlCQtSG73NcSJB7qCJVyjE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/ed")," ","quis nostrud ",a().createElement("ins",null,"Content to be inserted.")," exercitation ullamco"," ",a().createElement("del",null,"Content to be deleted.")," laboris nisi ut aliquip ex ea commodo consequat."))},M=[{id:"default",label:"Default",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text..."})))}],G=[{id:"focused",label:"Focused",element:a().createElement(R,null,a().createElement(_,{className:"slds-has-focus"},a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text..."})))},{id:"filled-out",label:"Filled Out",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{text:a().createElement(D,null)})))},{id:"error",label:"Error",element:a().createElement(R,null,a().createElement(_,{className:"slds-has-error",inlineMessage:"This field is required",hasError:!0,errorId:"rte-error-01"},a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text...","aria-describedby":"rte-error-01"})))},{id:"disabled",label:"Disabled",element:a().createElement(R,null,a().createElement(_,{disabledLabel:"disabled"},a().createElement(N,{disabledButtons:!0,disabledLabel:"disabled"},a().createElement(L,{tabIndexSetting:"0",disabledButtons:!0}),a().createElement(q,{disabledButtons:!0}),a().createElement(B,{disabledButtons:!0})),a().createElement(C,{placeholder:"Compose text...",disabled:!0})))},{id:"tooltip",label:"Tooltip",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0",hasTooltip:!0}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text..."}),a().createElement(d.Tooltip,{className:"slds-nubbin_top-left",id:"bold",style:{position:"absolute",top:"48px",left:"2px"}},"Bold ",a().createElement("kbd",null,"cmd+b"))))},{id:"toolbar-only",label:"Toolbar Only",element:a().createElement(R,null,a().createElement(_,{isToolbarOnly:!0},a().createElement(N,{isToolbarOnly:!0},a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null))))}],U=[{id:"bottom-toolbar",label:"Bottom toolbar",element:a().createElement(R,null,a().createElement(_,null,a().createElement(C,{placeholder:"Compose text..."}),a().createElement(N,{className:"slds-rich-text-editor__toolbar_bottom"},a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null))))},{id:"with-label",label:"With a Label",element:a().createElement(R,null,a().createElement(_,{label:"Details and Steps to Reproduce",labelId:y},a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text...",labelId:y})))},{id:"email",label:"Email",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(T,null),a().createElement(L,{tabIndexSetting:"-1"}),a().createElement(S,null),a().createElement(q,null),a().createElement(j,null),a().createElement(O,null),a().createElement(B,null)),a().createElement(C,{label:"Compose email",placeholder:"Compose Email..."})))},{id:"toolbar-narrow",label:"Toolbar Narrow",element:a().createElement(R,{style:{width:"294px"},className:"slds-region_narrow"},a().createElement(_,null,a().createElement(N,null,a().createElement(T,null),a().createElement(L,{tabIndexSetting:"-1"}),a().createElement(S,null),a().createElement(q,null),a().createElement(j,null),a().createElement(O,null),a().createElement(B,null)),a().createElement(C,{label:"Compose email",placeholder:"Compose Email..."})))},{id:"feed",label:"Feed",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(j,null),a().createElement(O,null),a().createElement(A,null),a().createElement(B,null)),a().createElement(C,{label:"Post to feed",placeholder:"Post to feed..."})))},{id:"note",label:"Notes",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(O,null),a().createElement(B,null)),a().createElement(C,{label:"Compose note",placeholder:"Compose Note..."})))},{id:"styling-hooks-rte-min-height",label:"Styling Hooks - Base (Min Height)",demoStyles:"\n --sds-c-textarea-sizing-min-height: 3rem;\n ",storybookStyles:!0,element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text..."})))},{id:"styling-hooks-rte-max-height",label:"Styling Hooks - Base (Max Height)",demoStyles:"\n --sds-c-textarea-sizing-max-height: 10rem;\n ",storybookStyles:!0,element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{text:a().createElement(D,null)})))}]},1594:function(e){e.exports=React}},l={};function n(e){var a=l[e];if(void 0!==a)return a.exports;var r=l[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.m=t,n.amdO={},e=[],n.O=function(t,l,a,r){if(!l){var i=1/0;for(c=0;c<e.length;c++){l=e[c][0],a=e[c][1],r=e[c][2];for(var s=!0,o=0;o<l.length;o++)(!1&r\|\|i>=r)&&Object.keys(n.O).every(function(e){return n.O[e](l[o])})?l.splice(o--,1):(s=!1,r<i&&(i=r));if(s){e.splice(c--,1);var d=a();void 0!==d&&(t=d)}}return t}r=r\|\|0;for(var c=e.length;c>0&&e[c-1][2]>r;c--)e[c]=e[c-1];e[c]=[l,a,r]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=5392,function(){var e={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,5392:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,l){var a,r,i=l[0],s=l[1],o=l[2],d=0;if(i.some(function(t){return 0!==e[t]})){for(a in s)n.o(s,a)&&(n.m[a]=s[a]);if(o)var c=o(n)}for(t&&t(l);d<i.length;d++)r=i[d],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(c)},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))}(),n.nc=void 0;var a=n.O(void 0,[6790],function(){return n(511)});a=n.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/rich-text-editor/base/example.jsx.js"]=a}();
1	+ var SLDS;!function(){"use strict";var e,t={511:function(e,t,l){l.r(t),l.d(t,{Demo:function(){return R},default:function(){return M},examples:function(){return U},states:function(){return G}});var n=l(1594),a=l.n(n),r=l(7412),i=l.n(r),s=l(942),o=l.n(s),d=l(4216),c=l(1412),u=l(6955),m=l(8347),b=l(5159),E=l(3964),p=l(6185),x=(l(5786),l(538)),f=l(2711),h=(l(5526),l(806));function g(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=l){var n,a,r,i,s=[],o=!0,d=!1;try{if(r=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;o=!1}else for(;!(o=(n=r.call(l)).done)&&(s.push(n.value),s.length!==t);o=!0);}catch(e){d=!0,a=e}finally{try{if(!o&&null!=l.return&&(i=l.return(),Object(i)!==i))return}finally{if(d)throw a}}return s}}(e,t)\|\|function(e,t){if(e){if("string"==typeof e)return v(e,t);var l={}.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l\|\|"Set"===l?Array.from(e):"Arguments"===l\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(l)?v(e,t):void 0}}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var l=0,n=Array(t);l<t;l++)n[l]=e[l];return n}var y="rich-text-editor-unique-id-01",_=function(e){return a().createElement(f.ZS,{labelId:e.labelId,labelContent:e.label,inlineMessage:e.inlineMessage,hasError:e.hasError,errorId:e.errorId,hasFauxLabel:!0},a().createElement("div",{className:o()("slds-rich-text-editor slds-grid slds-grid_vertical slds-nowrap",e.isToolbarOnly&&"slds-rich-text-editor_toolbar-only",e.className),"aria-label":e.disabledLabel},e.children))};_.propTypes={children:i().node.isRequired,errorId:i().string,hasError:i().bool,inlineMessage:i().string,labelContent:i().string,labelId:i().string};var N=function(e){return a().createElement("div",{role:"toolbar","aria-label":e.disabledLabel,className:o()("slds-rich-text-editor__toolbar slds-shrink-none",e.isToolbarOnly&&"slds-rich-text-editor__toolbar_detached",e.className)},e.children)},I=function(e){var t=e.listboxData,l=e.id;return a().createElement(p.Ay,{id:l,snapshot:t,type:"plain",count:3,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};I.propTypes={listboxData:i().object.isRequired,id:i().string};var w=function(e){var t=e.listboxData,l=e.id;return a().createElement(p.Ay,{id:l,snapshot:t,type:"plain",count:6,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};w.propTypes={listboxData:i().object.isRequired,id:i().string};var T=function(e){var t=g((0,n.useState)(h.Ay.uniqueId("example-unique-id-")),1)[0],l=g((0,n.useState)(h.Ay.uniqueId("example-unique-id-")),1)[0],r=g((0,n.useState)(h.Ay.uniqueId("example-unique-id-")),1)[0],i=g((0,n.useState)(h.Ay.uniqueId("example-unique-id-")),1)[0];return a().createElement("div",{className:"slds-grid slds-rich-text-editor__spacing-wrapper",role:"group","aria-label":"Format font family & size"},a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:t,"aria-controls":l,label:"Choose a Font",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_x-small",inputIconPosition:"right",rightInputIcon:a().createElement(x.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(I,{listboxData:E.kz,id:l}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Font"})),a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:r,"aria-controls":i,label:"Choose a Font Size",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_xx-small",inputIconPosition:"right",rightInputIcon:a().createElement(x.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(w,{listboxData:E.TU,id:i}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Size",tabIndex:"-1"})))},L=function(e){return a().createElement(c.ButtonGroupList,{"aria-label":"Format text"},a().createElement("li",null,a().createElement(u.A,{className:"slds-button_icon-border-filled",symbol:"bold",tabIndex:e.tabIndexSetting,"aria-describedby":e.hasTooltip?"bold":null,disabled:e.disabledButtons,assistiveText:"Bold"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"italic",disabled:e.disabledButtons,assistiveText:"Italic"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"underline",disabled:e.disabledButtons,assistiveText:"Underline"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"strikethrough",disabled:e.disabledButtons,assistiveText:"Strike Through"})))},S=function(e){return a().createElement(c.ButtonGroupList,{"aria-label":"Format background & text color"},a().createElement("li",null,a().createElement("button",{tabIndex:"-1",disabled:e.disabledButtons,className:"slds-button slds-button_icon slds-button_icon-more slds-button_icon-more-filled","aria-haspopup":"true"},a().createElement(m.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_background_color"}),a().createElement(m.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Background Color"))),a().createElement("li",null,a().createElement("button",{tabIndex:"-1",disabled:e.disabledButtons,className:"slds-button slds-button_icon slds-button_icon-more slds-button_icon-more-filled","aria-haspopup":"true"},a().createElement(m.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_color"}),a().createElement(m.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Text Color"))))},q=function(e){return a().createElement(c.ButtonGroupList,{"aria-label":"Format body"},a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextbulletedlist",disabled:e.disabledButtons,assistiveText:"Bulleted List"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextnumberedlist",disabled:e.disabledButtons,assistiveText:"Numbered List"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextindent",disabled:e.disabledButtons,assistiveText:"Indent"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextoutdent",disabled:e.disabledButtons,assistiveText:"Outdent"})))},j=function(e){return a().createElement(c.ButtonGroupList,{"aria-label":"Align text"},a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"left_align_text",disabled:e.disabledButtons,assistiveText:"Left Align Text"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"center_align_text",disabled:e.disabledButtons,assistiveText:"Center Align Text"})),a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"right_align_text",disabled:e.disabledButtons,assistiveText:"Right Align Text"})))},O=function(e){return a().createElement(c.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Insert content"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(u.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"emoji",disabled:e.disabledButtons,assistiveText:"Add Emoji"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(u.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"image",disabled:e.disabledButtons,assistiveText:"Add Image"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(u.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"link",disabled:e.disabledButtons,assistiveText:"Add Link"})))},A=function(e){return a().createElement(c.ButtonGroupList,{"aria-label":"Add user"},a().createElement("li",null,a().createElement(u.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"adduser",disabled:e.disabledButtons,assistiveText:"Add User"})))},B=function(e){return a().createElement(c.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Remove Formatting"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(u.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"remove_formatting",disabled:e.disabledButtons,assistiveText:"Remove Formatting"})))},C=function(e){return a().createElement("div",{className:o()(e.text?"slds-rich-text-editor__output":"slds-rich-text-editor__textarea","slds-grid")},e.text?a().createElement("div",{"aria-describedby":e["aria-describedby"],"aria-label":e.labelId?null:"Compose text","aria-labelledby":e.labelId,contentEditable:e.disabled?null:"true",suppressContentEditableWarning:!0,className:"slds-rich-text-area__content slds-grow"},e.text):a().createElement("div",{"aria-describedby":e["aria-describedby"],"aria-label":e.labelId?null:e.label\|\|"Compose text","aria-labelledby":e.labelId,contentEditable:e.disabled?null:"true",suppressContentEditableWarning:!0,className:"slds-rich-text-area__content slds-text-color_weak slds-grow"},e.placeholder))};function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)({}).hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},k.apply(null,arguments)}var R=function(e){return a().createElement("div",k({className:o()("demo-only",e.className),style:{minHeight:"180px"}},e),e.children)};R.propTypes={children:i().node,className:i().string};var D=function(e){return a().createElement("div",null,a().createElement("h1",null,"Heading - h1"),a().createElement("p",null,"Lorem ipsum dolor sit amet, ",a().createElement("strong",null,"strong")," adipisicing elit, sed do ",a().createElement("em",null,"emphasis")," tempor incididunt ut ",a().createElement("u",null,"underlined")," et dolore ",a().createElement("s",null,"strikethrough")," aliqua. Ut ",a().createElement("sub",null,"subscript")," ad"," ",a().createElement("sup",null,"superscript")," veniam, ",a().createElement("abbr",null,"quis")," nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in ",a().createElement("a",{href:"#"},"link")," in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),a().createElement("h2",null,"Heading - h2"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod"," ",a().createElement("a",{href:"#"},"veryVeryLongWordWithHyperlinkExample")," tempor incididunt ut labore et dolore magna aliqua."),a().createElement("ul",null,a().createElement("li",null,"Unordered list item",a().createElement("ul",null,a().createElement("li",null,"Nested Unordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item"),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Nested Unordered list item",a().createElement("ul",null,a().createElement("li",null,"Nested Unordered list item"),a().createElement("li",null,"Nested Unordered list item"))))),a().createElement("li",null,"Unordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item"),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Unordered list item")),a().createElement("h3",null,"Heading - h3"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a().createElement("ol",null,a().createElement("li",null,"Ordered list item",a().createElement("ul",null,a().createElement("li",null,"Nested Unordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item"),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Nested Unordered list item",a().createElement("ul",null,a().createElement("li",null,"Nested Unordered list item"),a().createElement("li",null,"Nested Unordered list item"))))),a().createElement("li",null,"Ordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item",a().createElement("ol",null,a().createElement("li",null,"Nested Ordered list item"),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Nested Ordered list item"))),a().createElement("li",null,"Ordered list item")),a().createElement("ul",null,a().createElement("li",null,a().createElement("div",null,"List Item with div")),a().createElement("li",null,a().createElement("div",null,"List Item with div"))),a().createElement("ol",null,a().createElement("li",null,a().createElement("div",null,"List Item with div")),a().createElement("li",null,a().createElement("div",null,"List Item with div"))),a().createElement("h4",null,"Heading - h4"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a().createElement("dl",null,a().createElement("dt",null,"Description List - Term"),a().createElement("dd",null,"Description List - Description"),a().createElement("dt",null,"Description List - Term"),a().createElement("dd",null,"Description List - Description")),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a().createElement("table",null,a().createElement("thead",null,a().createElement("tr",null,a().createElement("th",null,"Column"),a().createElement("th",null,"Column"))),a().createElement("tbody",null,a().createElement("tr",null,a().createElement("td",null,"Row"),a().createElement("td",null,"Row")),a().createElement("tr",null,a().createElement("td",null,"Row"),a().createElement("td",null,"Row")))),a().createElement("h5",null,"Heading - h5"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),a().createElement("blockquote",null,"Blockquote - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),a().createElement("h6",null,"Heading - h6"),a().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"," ",a().createElement("a",{href:"#"},"https://url.com/document/d/1dSOGKlCQtSG73NcSJB7qCJVyjE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/ed")," ","quis nostrud ",a().createElement("ins",null,"Content to be inserted.")," exercitation ullamco ",a().createElement("del",null,"Content to be deleted.")," ","laboris nisi ut aliquip ex ea commodo consequat."))},M=[{id:"default",label:"Default",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text..."})))}],G=[{id:"focused",label:"Focused",element:a().createElement(R,null,a().createElement(_,{className:"slds-has-focus"},a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text..."})))},{id:"filled-out",label:"Filled Out",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{text:a().createElement(D,null)})))},{id:"error",label:"Error",element:a().createElement(R,null,a().createElement(_,{className:"slds-has-error",inlineMessage:"This field is required",hasError:!0,errorId:"rte-error-01"},a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text...","aria-describedby":"rte-error-01"})))},{id:"disabled",label:"Disabled",element:a().createElement(R,null,a().createElement(_,{disabledLabel:"disabled"},a().createElement(N,{disabledButtons:!0,disabledLabel:"disabled"},a().createElement(L,{tabIndexSetting:"0",disabledButtons:!0}),a().createElement(q,{disabledButtons:!0}),a().createElement(B,{disabledButtons:!0})),a().createElement(C,{placeholder:"Compose text...",disabled:!0})))},{id:"tooltip",label:"Tooltip",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0",hasTooltip:!0}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text..."}),a().createElement(d.Tooltip,{className:"slds-nubbin_top-left",id:"bold",style:{position:"absolute",top:"48px",left:"2px"}},"Bold ",a().createElement("kbd",null,"cmd+b"))))},{id:"toolbar-only",label:"Toolbar Only",element:a().createElement(R,null,a().createElement(_,{isToolbarOnly:!0},a().createElement(N,{isToolbarOnly:!0},a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null))))}],U=[{id:"bottom-toolbar",label:"Bottom toolbar",element:a().createElement(R,null,a().createElement(_,null,a().createElement(C,{placeholder:"Compose text..."}),a().createElement(N,{className:"slds-rich-text-editor__toolbar_bottom"},a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null))))},{id:"with-label",label:"With a Label",element:a().createElement(R,null,a().createElement(_,{label:"Details and Steps to Reproduce",labelId:y},a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text...",labelId:y})))},{id:"email",label:"Email",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(T,null),a().createElement(L,{tabIndexSetting:"-1"}),a().createElement(S,null),a().createElement(q,null),a().createElement(j,null),a().createElement(O,null),a().createElement(B,null)),a().createElement(C,{label:"Compose email",placeholder:"Compose Email..."})))},{id:"toolbar-narrow",label:"Toolbar Narrow",element:a().createElement(R,{style:{width:"294px"},className:"slds-region_narrow"},a().createElement(_,null,a().createElement(N,null,a().createElement(T,null),a().createElement(L,{tabIndexSetting:"-1"}),a().createElement(S,null),a().createElement(q,null),a().createElement(j,null),a().createElement(O,null),a().createElement(B,null)),a().createElement(C,{label:"Compose email",placeholder:"Compose Email..."})))},{id:"feed",label:"Feed",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(j,null),a().createElement(O,null),a().createElement(A,null),a().createElement(B,null)),a().createElement(C,{label:"Post to feed",placeholder:"Post to feed..."})))},{id:"note",label:"Notes",element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(O,null),a().createElement(B,null)),a().createElement(C,{label:"Compose note",placeholder:"Compose Note..."})))},{id:"styling-hooks-rte-min-height",label:"Styling Hooks - Base (Min Height)",demoStyles:"\n --sds-c-textarea-sizing-min-height: 3rem;\n ",storybookStyles:!0,element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{placeholder:"Compose text..."})))},{id:"styling-hooks-rte-max-height",label:"Styling Hooks - Base (Max Height)",demoStyles:"\n --sds-c-textarea-sizing-max-height: 10rem;\n ",storybookStyles:!0,element:a().createElement(R,null,a().createElement(_,null,a().createElement(N,null,a().createElement(L,{tabIndexSetting:"0"}),a().createElement(q,null),a().createElement(B,null)),a().createElement(C,{text:a().createElement(D,null)})))}]},1594:function(e){e.exports=React}},l={};function n(e){var a=l[e];if(void 0!==a)return a.exports;var r=l[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.m=t,n.amdO={},e=[],n.O=function(t,l,a,r){if(!l){var i=1/0;for(c=0;c<e.length;c++){l=e[c][0],a=e[c][1],r=e[c][2];for(var s=!0,o=0;o<l.length;o++)(!1&r\|\|i>=r)&&Object.keys(n.O).every(function(e){return n.O[e](l[o])})?l.splice(o--,1):(s=!1,r<i&&(i=r));if(s){e.splice(c--,1);var d=a();void 0!==d&&(t=d)}}return t}r=r\|\|0;for(var c=e.length;c>0&&e[c-1][2]>r;c--)e[c]=e[c-1];e[c]=[l,a,r]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=5392,function(){var e={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,5392:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,l){var a,r,i=l[0],s=l[1],o=l[2],d=0;if(i.some(function(t){return 0!==e[t]})){for(a in s)n.o(s,a)&&(n.m[a]=s[a]);if(o)var c=o(n)}for(t&&t(l);d<i.length;d++)r=i[d],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(c)},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))}(),n.nc=void 0;var a=n.O(void 0,[6790],function(){return n(511)});a=n.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/rich-text-editor/base/example.jsx.js"]=a}();

package/__internal/release-notes/components/checkbox/RELEASENOTES.md CHANGED Viewed

@@ -3,6 +3,9 @@
 # Checkbox Release Notes
 <!-- ## [Unreleased] -->
+## 2.30.0
+- Added pointer cursor to checkbox input and label.
 ## 2.29.0
 - Added `aria-hidden` to checkbox label and `aria-label` to associated input checkbox, removed `aria-labelledby` to allow screen reader to properly announce label if checkbox is under data table.

package/__internal/release-notes/components/markdown/RELEASENOTES.md ADDED Viewed

@@ -0,0 +1,11 @@
+<!-- Release notes authoring guidelines: http://keepachangelog.com/ -->
+# Markdown Release Notes
+<!-- ## [Unreleased] -->
+## 2.30.0
+### Added
+- Introduced `slds-markdown`