npm - @salesforce-ux/design-system - Versions diffs - 2.27.1 → 2.27.2 - Mend

@salesforce-ux/design-system 2.27.1 → 2.27.2

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 (859) hide show

package/__internal/chunked/showcase/ui/components/global-header/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/global-header/base/example.jsx.js"]=function(e){function t(t){for(var n,i,s=t[0],l=t[1],c=t[2],d=0,f=[];d<s.length;d++)i=s[d],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&f.push(a[i][0]),a[i]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n]);for(u&&u(t);f.length;)f.shift()();return r.push.apply(r,c\|\|[]),o()}function o(){for(var e,t=0;t<r.length;t++){for(var o=r[t],n=!0,s=1;s<o.length;s++){var l=o[s];0!==a[l]&&(n=!1)}n&&(r.splice(t--,1),e=i(i.s=o[0]))}return e}var n={},a={90:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function i(t){if(n[t])return n[t].exports;var o=n[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,i),o.l=!0,o.exports}i.m=e,i.c=n,i.d=function(e,t,o){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:o})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(i.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(o,n,function(t){return e[t]}.bind(null,n));return o},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],l=s.push.bind(s);s.push=t,s=s.slice();for(var c=0;c<s.length;c++)t(s[c]);var u=l;return r.push([701,0]),o()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},701:function(e,t,o){"use strict";o.r(t),o.d(t,"Context",(function(){return ve})),o.d(t,"states",(function(){return _e}));var n=o(0),a=o.n(n),r=o(2),i=o.n(r),s=o(1),l=o.n(s),c=o(4),u=o(56),d=o(33),f={item1:{username:"Val Handerly",avatar:"/assets/images/avatar2.jpg",title:"mentioned you",message:"@jrogers Could I please have a review on my presentation deck",timestamp:"10 hours ago",unread:!0},item2:{username:"Jon Rogers",avatar:"/assets/images/avatar3.jpg",title:"commented on your post",message:"I totally agree with your sentiment",timestamp:"13 hours ago",unread:!0},item3:{username:"Rebecca Stone",avatar:"/assets/images/avatar2.jpg",title:"mentioned you",message:"@jrogers Here's the conversation I mentioned to you",timestamp:"1 day ago",unread:!1}};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})(e)}function m(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function b(e,t){return(b=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function y(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=_(e);if(t){var a=_(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return h(this,o)}}function h(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 v(e)}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _(e){return(_=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var g=function(e){return a.a.createElement("li",{className:i()("slds-global-header__notification",e.unread&&"slds-global-header__notification_unread",e.className),key:e.index},a.a.createElement("div",{className:"slds-media slds-has-flexi-truncate slds-p-around_x-small"},a.a.createElement("div",{className:"slds-media__figure"},a.a.createElement(u.Avatar,{className:"slds-avatar_small"},a.a.createElement("img",{alt:e.username,src:e.avatar,title:"".concat(e.username," avatar")}))),a.a.createElement("div",{className:"slds-media__body"},a.a.createElement("div",{className:"slds-grid slds-grid_align-spread"},a.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()},className:"slds-text-link_reset slds-has-flexi-truncate"},a.a.createElement("h3",{className:"slds-truncate",title:"".concat(e.username," ").concat(e.title)},a.a.createElement("strong",null,"".concat(e.username," ").concat(e.title))),a.a.createElement("p",{className:"slds-truncate",title:e.message},e.message),a.a.createElement("p",{className:"slds-m-top_x-small slds-text-color_weak"},e.timestamp,e.unread&&a.a.createElement("abbr",{className:"slds-text-link slds-m-horizontal_xxx-small",title:"unread"},"●")))))))},w=function(e){!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&&b(e,t)}(i,e);var t,o,n,r=y(i);function i(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(e=r.call(this)).renderNotificationItems=e.renderNotificationItems.bind(v(e)),e}return t=i,(o=[{key:"renderNotificationItems",value:function(e){var t=f[e];return a.a.createElement(g,{key:e,index:e,avatar:t.avatar,username:t.username,title:t.title,message:t.message,timestamp:t.timestamp,unread:t.unread})}},{key:"render",value:function(){return a.a.createElement(d.Popover,{className:"slds-popover_large slds-nubbin_top-right",bodyClassName:"slds-p-around_none",headerTitle:"Notifications",closeButton:!0,style:{position:"absolute",top:"calc(100% + 12px)",right:"-12px"}},a.a.createElement("ul",null,Object.keys(f).map(this.renderNotificationItems)))}}])&&m(t.prototype,o),n&&m(t,n),Object.defineProperty(t,"prototype",{writable:!1}),i}(n.Component),x=o(244);function E(e){return(E="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})(e)}function N(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function S(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function P(e,t){return(P=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function O(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=C(e);if(t){var a=C(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return j(this,o)}}function j(e,t){if(t&&("object"===E(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)}function C(e){return(C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var I=function(e){!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&&P(e,t)}(i,e);var t,o,n,r=O(i);function i(){return N(this,i),r.apply(this,arguments)}return t=i,(o=[{key:"render",value:function(){return a.a.createElement(d.Popover,{className:"slds-nubbin_top slds-dynamic-menu",bodyClassName:"slds-p-horizontal_none",title:"My Favorites",footer:a.a.createElement(x.Footer,null),style:{position:"absolute",left:"-8rem",top:"36px"}},a.a.createElement(x.ListboxList,{length:this.props.numberOfFavorites}))}}])&&S(t.prototype,o),n&&S(t,n),Object.defineProperty(t,"prototype",{writable:!1}),i}(n.Component),T=o(15),k=o(26);function R(e){return(R="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})(e)}function F(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function D(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function M(e,t){return(M=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function L(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=q(e);if(t){var a=q(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return A(this,o)}}function A(e,t){if(t&&("object"===R(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)}function q(e){return(q=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var B=function(e){!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&&M(e,t)}(i,e);var t,o,n,r=L(i);function i(){return F(this,i),r.apply(this,arguments)}return t=i,(o=[{key:"render",value:function(){return a.a.createElement(T.Menu,{className:"slds-dropdown_right slds-nubbin_top-right",style:{right:"-1rem"}},a.a.createElement(T.MenuList,null,a.a.createElement(T.MenuItem,{iconLeft:a.a.createElement(k.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"event"}),tabIndex:"0"},"New Event"),a.a.createElement(T.MenuItem,{iconLeft:a.a.createElement(k.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"note"}),tabIndex:"0"},"New Note"),a.a.createElement(T.MenuItem,{iconLeft:a.a.createElement(k.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"email"}),tabIndex:"0"},"New Email")))}}])&&D(t.prototype,o),n&&D(t,n),Object.defineProperty(t,"prototype",{writable:!1}),i}(n.Component);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})(e)}function H(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function V(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function G(e,t){return(G=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function J(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=Y(e);if(t){var a=Y(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return z(this,o)}}function z(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)}function Y(e){return(Y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var K=function(e){return a.a.createElement("div",{className:"slds-global-actions__favorites slds-dropdown-trigger slds-dropdown-trigger_click"},a.a.createElement("div",{className:"slds-button-group"},a.a.createElement(c.b,{className:i()("slds-global-actions__favorites-action slds-button_icon slds-button_icon-border slds-button_icon-small",{"slds-is-disabled":e.favoritesDisabled,"slds-is-selected":e.favoritesClicked}),disabled:e.favoritesDisabled,"aria-pressed":e.favoritesClicked?"true":"false",symbol:"favorite",title:"Toggle Favorites",assistiveText:"Toggle Favorite",onClick:function(){return e.toggleFavorite()}}),a.a.createElement(c.b,{className:i()("slds-global-actions__favorites-more slds-button_icon slds-button_icon-border slds-button_icon-small"),iconClassName:"slds-button__icon_small",symbol:"down",title:"View Favorites",assistiveText:"View Favorites"})),e.showFavoritesPopup&&a.a.createElement(I,{numberOfFavorites:2}))};K.propTypes={favoritesDisabled:l.a.bool,favoritesClicked:l.a.bool,showFavoritesPopup:l.a.bool};var Q=function(e){return a.a.createElement("div",{className:i()("slds-dropdown-trigger slds-dropdown-trigger_click",e.showTaskMenu&&"slds-is-open")},a.a.createElement(c.b,{className:"slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__task slds-global-actions__item-action","aria-haspopup":"true",symbol:"add",title:"Global Actions",assistiveText:"Global Actions"}),e.showTaskMenu&&a.a.createElement(B,null))};Q.propTypes={showTaskMenu:l.a.bool};var $=function(){return a.a.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},a.a.createElement(c.b,{className:"slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__help slds-global-actions__item-action",iconClassName:"slds-global-header__icon","aria-haspopup":"true",symbol:"question",title:"Help and Training",assistiveText:"Help and Training"}))},W=function(){return a.a.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},a.a.createElement(c.b,{className:"slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__setup slds-global-actions__item-action",iconClassName:"slds-global-header__icon","aria-haspopup":"true",symbol:"setup",title:"Setup",assistiveText:"Setup"}))},X=function(e){var t=e.notificationCount?"".concat(e.notificationCount," new notifications"):"no new notifications";return a.a.createElement("div",{className:i()("slds-dropdown-trigger slds-dropdown-trigger_click",e.showNotificationPopup&&"slds-is-open")},a.a.createElement(c.b,{className:i()("slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__notifications slds-global-actions__item-action",{"slds-incoming-notification":e.showNotification&&e.notificationCount}),iconClassName:"slds-global-header__icon",symbol:"notification",title:t,assistiveText:t,"aria-live":"assertive","aria-atomic":"true"}),a.a.createElement("span",{"aria-hidden":"true",className:i()("slds-notification-badge",e.notificationCount&&"slds-incoming-notification",e.showNotification&&"slds-show-notification")},e.notificationCount),e.showNotificationPopup&&a.a.createElement(w,null))};X.propTypes={notificationCount:l.a.oneOfType([l.a.string,l.a.number]),showNotificationPopup:l.a.bool};var Z=function(){return a.a.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},a.a.createElement("button",{className:"slds-button slds-global-actions__avatar slds-global-actions__item-action",title:"person name","aria-haspopup":"true"},a.a.createElement("span",{className:"slds-avatar slds-avatar_circle slds-avatar_medium"},a.a.createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"}))))},ee=function(e){!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&&G(e,t)}(i,e);var t,o,n,r=J(i);function i(){return H(this,i),r.apply(this,arguments)}return t=i,(o=[{key:"render",value:function(){var e=this.props,t=e.toggleFavorite,o=e.favoritesClicked,n=e.favoritesDisabled,r=e.showFavoritesPopup,i=e.showNotification,s=e.notificationCount,l=e.showNotificationPopup,c=e.showTaskMenu;return a.a.createElement("ul",{className:"slds-global-actions"},a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement(K,{toggleFavorite:t,favoritesClicked:o,favoritesDisabled:n,showFavoritesPopup:r})),a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement(Q,{showTaskMenu:c})),a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement($,null)),a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement(W,null)),a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement(X,{showNotification:i,notificationCount:s,showNotificationPopup:l})),a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement(Z,null)))}}])&&V(t.prototype,o),n&&V(t,n),Object.defineProperty(t,"prototype",{writable:!1}),i}(a.a.Component);ee.propTypes={favoritesClicked:l.a.bool,favoritesDisabled:l.a.bool,showFavoritesPopup:l.a.bool,showNotification:l.a.bool,notificationCount:l.a.oneOfType([l.a.string,l.a.number]),showNotificationPopup:l.a.bool,showTaskMenu:l.a.bool};var te=ee;function oe(e){return(oe="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})(e)}function ne(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function ae(e,t){return(ae=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function re(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=le(e);if(t){var a=le(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return ie(this,o)}}function ie(e,t){if(t&&("object"===oe(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return se(e)}function se(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function le(e){return(le=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var ce=function(){return a.a.createElement(a.a.Fragment,null,a.a.createElement("a",{href:"#",className:"slds-assistive-text slds-assistive-text_focus",onClick:function(e){return e.preventDefault()}},"Skip to Navigation"),a.a.createElement("a",{href:"#",className:"slds-assistive-text slds-assistive-text_focus",onClick:function(e){return e.preventDefault()}},"Skip to Main Content"))},ue=function(){return a.a.createElement("div",{className:"slds-global-header__logo"},a.a.createElement("span",{className:"slds-assistive-text"},"Salesforce"))},de=function(e){!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&&ae(e,t)}(s,e);var t,o,n,r=re(s);function s(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),(e=r.call(this)).toggleFavorite=e.toggleFavorite.bind(se(e)),e.showNotification=e.showNotification.bind(se(e)),e.showIncomingNotification=e.showIncomingNotification.bind(se(e)),e.state={favoritesClicked:!1,showNotification:!1,notificationCount:0},e}return t=s,(o=[{key:"toggleFavorite",value:function(){this.setState({favoritesClicked:!this.state.favoritesClicked})}},{key:"showNotification",value:function(){this.setState({showNotification:!this.state.showNotification,notificationCount:1})}},{key:"showIncomingNotification",value:function(){this.setState({notificationCount:++this.state.notificationCount})}},{key:"render",value:function(){var e=this;return a.a.createElement("header",{className:i()("slds-global-header_container",this.props.className)},a.a.createElement(ce,null),a.a.createElement("div",{className:"slds-global-header slds-grid slds-grid_align-spread"},a.a.createElement("div",{className:"slds-global-header__item"},a.a.createElement(ue,null)),!this.props.playground&&a.a.createElement("div",{className:"slds-global-header__item slds-global-header__item_search"},this.props.globalSearch),a.a.createElement("div",{className:"slds-global-header__item"},a.a.createElement(te,{toggleFavorite:this.toggleFavorite,favoritesClicked:this.state.favoritesClicked,favoritesDisabled:this.props.favoritesDisabled,showFavoritesPopup:this.props.showFavoritesPopup,showNotification:this.state.showNotification,notificationCount:this.state.notificationCount,showNotificationPopup:this.props.showNotificationPopup,showTaskMenu:this.props.showTaskMenu}))),this.props.playground&&a.a.createElement("div",{className:"slds-button-group slds-m-around_medium"},a.a.createElement("button",{className:"slds-button slds-button_neutral",onClick:function(){return e.showNotification()}},"Toggle Notification"),a.a.createElement("button",{className:"slds-button slds-button_neutral",onClick:function(){return e.showIncomingNotification()}},"Increase count")))}}])&&ne(t.prototype,o),n&&ne(t,n),Object.defineProperty(t,"prototype",{writable:!1}),s}(n.Component),fe=o(19),pe=o(52),me=o(21),be=o(9),ye={option0:{name:"Recent Items",label:!0},option1:{name:"Salesforce - 1,000 Licenses",entityMeta:!0,entityType:"Opportunity",entityField:"Propecting"},option2:{name:"Art Vandelay",entityMeta:!0,entityType:"Contact",entityField:"avandelay@vandelay.com"},option3:{name:"Vandelay Industries",entityMeta:!0,entityType:"Account",entityField:"San Francisco"},option4:{name:"Salesforce UK 2016 Events",entityMeta:!0,entityType:"Event",entityField:"$20,000"},option5:{name:"H.E. Pennypacker",entityMeta:!0,entityType:"Lead",entityField:"Nursing"}},he=o(6),ve=function(e){return a.a.createElement("div",{className:"demo-only",style:{height:"340px"}},e.children)},_e=(t.default=[{id:"default",label:"Default",element:a.a.createElement(de,{globalSearch:a.a.createElement(fe.a,{id:he.d.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-1",comboboxID:"primary-search-combobox-id-1",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:a.a.createElement(me.e,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:ye,type:"entity",count:6}),resultsType:"listbox",addon:a.a.createElement(pe.b,{id:he.d.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:he.d.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:a.a.createElement(be.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasInteractions:!0})})}],[{id:"search-focused-expanded",label:"Global Search - Focused and Exanded",element:a.a.createElement(de,{globalSearch:a.a.createElement(fe.a,{id:he.d.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-2",comboboxID:"primary-search-combobox-id-2",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:a.a.createElement(me.e,{id:"search-listbox-id-2","aria-label":"Recent Items",snapshot:ye,type:"entity",count:6}),resultsType:"listbox",addon:a.a.createElement(pe.b,{id:he.d.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-search-combobox-id-2",listboxId:he.d.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:a.a.createElement(be.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1})})})},{id:"search-active-typing",label:"Global Search - Active and typing",element:a.a.createElement(de,{globalSearch:a.a.createElement(fe.a,{id:he.d.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-4",comboboxID:"primary-search-combobox-id-4",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",value:"salesforce",results:a.a.createElement(me.e,{id:"search-listbox-id-4",term:"salesforce",snapshot:{option1:{term:"Salesforce",beforeTerm:"",afterTerm:".com",entityMeta:!0,entityType:"Account",entityLocation:"San Francisco, CA"},option2:{term:"Salesforce",beforeTerm:"",afterTerm:".org",entityMeta:!0,entityType:"Account",entityLocation:"New York, NY"},option3:{term:"Salesforce",beforeTerm:"",afterTerm:"HQ",entityMeta:!0,entityType:"Account",entityLocation:"San Francisco, CA"}},type:"entity",count:6}),resultsType:"listbox","aria-activedescendant":"option0",addon:a.a.createElement(pe.b,{id:he.d.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-search-combobox-id-4",listboxId:he.d.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:a.a.createElement(be.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasFocus:!0,isOpen:!0})})},{id:"favorites-disabled",label:"Favorites - Disabled",element:a.a.createElement(de,{favoritesDisabled:!0,globalSearch:a.a.createElement(fe.a,{id:he.d.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-1",comboboxID:"primary-search-combobox-id-1",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:a.a.createElement(me.e,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:ye,type:"entity",count:2}),resultsType:"listbox",addon:a.a.createElement(pe.b,{id:he.d.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:he.d.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:a.a.createElement(be.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasInteractions:!0})})},{id:"notification-count-1",label:"Notification - Count +1",element:a.a.createElement(de,{playground:!0,globalSearch:a.a.createElement(fe.a,{id:he.d.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-1",comboboxID:"primary-search-combobox-id-1",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:a.a.createElement(me.e,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:ye,type:"entity",count:2}),resultsType:"listbox",addon:a.a.createElement(pe.b,{id:he.d.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:he.d.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:a.a.createElement(be.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasInteractions:!0})})}])}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/global-header/base/example.jsx.js"]=function(e){function t(t){for(var n,i,s=t[0],l=t[1],c=t[2],d=0,f=[];d<s.length;d++)i=s[d],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&f.push(a[i][0]),a[i]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n]);for(u&&u(t);f.length;)f.shift()();return r.push.apply(r,c\|\|[]),o()}function o(){for(var e,t=0;t<r.length;t++){for(var o=r[t],n=!0,s=1;s<o.length;s++){var l=o[s];0!==a[l]&&(n=!1)}n&&(r.splice(t--,1),e=i(i.s=o[0]))}return e}var n={},a={90:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function i(t){if(n[t])return n[t].exports;var o=n[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,i),o.l=!0,o.exports}i.m=e,i.c=n,i.d=function(e,t,o){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:o})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(i.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(o,n,function(t){return e[t]}.bind(null,n));return o},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],l=s.push.bind(s);s.push=t,s=s.slice();for(var c=0;c<s.length;c++)t(s[c]);var u=l;return r.push([701,0]),o()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},701:function(e,t,o){"use strict";o.r(t),o.d(t,"Context",(function(){return ve})),o.d(t,"states",(function(){return _e}));var n=o(0),a=o.n(n),r=o(2),i=o.n(r),s=o(1),l=o.n(s),c=o(5),u=o(56),d=o(33),f={item1:{username:"Val Handerly",avatar:"/assets/images/avatar2.jpg",title:"mentioned you",message:"@jrogers Could I please have a review on my presentation deck",timestamp:"10 hours ago",unread:!0},item2:{username:"Jon Rogers",avatar:"/assets/images/avatar3.jpg",title:"commented on your post",message:"I totally agree with your sentiment",timestamp:"13 hours ago",unread:!0},item3:{username:"Rebecca Stone",avatar:"/assets/images/avatar2.jpg",title:"mentioned you",message:"@jrogers Here's the conversation I mentioned to you",timestamp:"1 day ago",unread:!1}};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})(e)}function m(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function b(e,t){return(b=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function y(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=_(e);if(t){var a=_(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return h(this,o)}}function h(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 v(e)}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _(e){return(_=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var g=function(e){return a.a.createElement("li",{className:i()("slds-global-header__notification",e.unread&&"slds-global-header__notification_unread",e.className),key:e.index},a.a.createElement("div",{className:"slds-media slds-has-flexi-truncate slds-p-around_x-small"},a.a.createElement("div",{className:"slds-media__figure"},a.a.createElement(u.Avatar,{className:"slds-avatar_small"},a.a.createElement("img",{alt:e.username,src:e.avatar,title:"".concat(e.username," avatar")}))),a.a.createElement("div",{className:"slds-media__body"},a.a.createElement("div",{className:"slds-grid slds-grid_align-spread"},a.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()},className:"slds-text-link_reset slds-has-flexi-truncate"},a.a.createElement("h3",{className:"slds-truncate",title:"".concat(e.username," ").concat(e.title)},a.a.createElement("strong",null,"".concat(e.username," ").concat(e.title))),a.a.createElement("p",{className:"slds-truncate",title:e.message},e.message),a.a.createElement("p",{className:"slds-m-top_x-small slds-text-color_weak"},e.timestamp,e.unread&&a.a.createElement("abbr",{className:"slds-text-link slds-m-horizontal_xxx-small",title:"unread"},"●")))))))},w=function(e){!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&&b(e,t)}(i,e);var t,o,n,r=y(i);function i(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i),(e=r.call(this)).renderNotificationItems=e.renderNotificationItems.bind(v(e)),e}return t=i,(o=[{key:"renderNotificationItems",value:function(e){var t=f[e];return a.a.createElement(g,{key:e,index:e,avatar:t.avatar,username:t.username,title:t.title,message:t.message,timestamp:t.timestamp,unread:t.unread})}},{key:"render",value:function(){return a.a.createElement(d.Popover,{className:"slds-popover_large slds-nubbin_top-right",bodyClassName:"slds-p-around_none",headerTitle:"Notifications",closeButton:!0,style:{position:"absolute",top:"calc(100% + 12px)",right:"-12px"}},a.a.createElement("ul",null,Object.keys(f).map(this.renderNotificationItems)))}}])&&m(t.prototype,o),n&&m(t,n),Object.defineProperty(t,"prototype",{writable:!1}),i}(n.Component),x=o(244);function E(e){return(E="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})(e)}function N(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function S(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function P(e,t){return(P=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function O(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=C(e);if(t){var a=C(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return j(this,o)}}function j(e,t){if(t&&("object"===E(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)}function C(e){return(C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var I=function(e){!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&&P(e,t)}(i,e);var t,o,n,r=O(i);function i(){return N(this,i),r.apply(this,arguments)}return t=i,(o=[{key:"render",value:function(){return a.a.createElement(d.Popover,{className:"slds-nubbin_top slds-dynamic-menu",bodyClassName:"slds-p-horizontal_none",title:"My Favorites",footer:a.a.createElement(x.Footer,null),style:{position:"absolute",left:"-8rem",top:"36px"}},a.a.createElement(x.ListboxList,{length:this.props.numberOfFavorites}))}}])&&S(t.prototype,o),n&&S(t,n),Object.defineProperty(t,"prototype",{writable:!1}),i}(n.Component),T=o(15),k=o(27);function R(e){return(R="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})(e)}function F(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function D(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function M(e,t){return(M=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function L(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=q(e);if(t){var a=q(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return A(this,o)}}function A(e,t){if(t&&("object"===R(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)}function q(e){return(q=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var B=function(e){!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&&M(e,t)}(i,e);var t,o,n,r=L(i);function i(){return F(this,i),r.apply(this,arguments)}return t=i,(o=[{key:"render",value:function(){return a.a.createElement(T.Menu,{className:"slds-dropdown_right slds-nubbin_top-right",style:{right:"-1rem"}},a.a.createElement(T.MenuList,null,a.a.createElement(T.MenuItem,{iconLeft:a.a.createElement(k.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"event"}),tabIndex:"0"},"New Event"),a.a.createElement(T.MenuItem,{iconLeft:a.a.createElement(k.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"note"}),tabIndex:"0"},"New Note"),a.a.createElement(T.MenuItem,{iconLeft:a.a.createElement(k.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"email"}),tabIndex:"0"},"New Email")))}}])&&D(t.prototype,o),n&&D(t,n),Object.defineProperty(t,"prototype",{writable:!1}),i}(n.Component);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})(e)}function H(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function V(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function G(e,t){return(G=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function J(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=Y(e);if(t){var a=Y(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return z(this,o)}}function z(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)}function Y(e){return(Y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var K=function(e){return a.a.createElement("div",{className:"slds-global-actions__favorites slds-dropdown-trigger slds-dropdown-trigger_click"},a.a.createElement("div",{className:"slds-button-group"},a.a.createElement(c.b,{className:i()("slds-global-actions__favorites-action slds-button_icon slds-button_icon-border slds-button_icon-small",{"slds-is-disabled":e.favoritesDisabled,"slds-is-selected":e.favoritesClicked}),disabled:e.favoritesDisabled,"aria-pressed":e.favoritesClicked?"true":"false",symbol:"favorite",title:"Toggle Favorites",assistiveText:"Toggle Favorite",onClick:function(){return e.toggleFavorite()}}),a.a.createElement(c.b,{className:i()("slds-global-actions__favorites-more slds-button_icon slds-button_icon-border slds-button_icon-small"),iconClassName:"slds-button__icon_small",symbol:"down",title:"View Favorites",assistiveText:"View Favorites"})),e.showFavoritesPopup&&a.a.createElement(I,{numberOfFavorites:2}))};K.propTypes={favoritesDisabled:l.a.bool,favoritesClicked:l.a.bool,showFavoritesPopup:l.a.bool};var Q=function(e){return a.a.createElement("div",{className:i()("slds-dropdown-trigger slds-dropdown-trigger_click",e.showTaskMenu&&"slds-is-open")},a.a.createElement(c.b,{className:"slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__task slds-global-actions__item-action","aria-haspopup":"true",symbol:"add",title:"Global Actions",assistiveText:"Global Actions"}),e.showTaskMenu&&a.a.createElement(B,null))};Q.propTypes={showTaskMenu:l.a.bool};var $=function(){return a.a.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},a.a.createElement(c.b,{className:"slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__help slds-global-actions__item-action",iconClassName:"slds-global-header__icon","aria-haspopup":"true",symbol:"question",title:"Help and Training",assistiveText:"Help and Training"}))},W=function(){return a.a.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},a.a.createElement(c.b,{className:"slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__setup slds-global-actions__item-action",iconClassName:"slds-global-header__icon","aria-haspopup":"true",symbol:"setup",title:"Setup",assistiveText:"Setup"}))},X=function(e){var t=e.notificationCount?"".concat(e.notificationCount," new notifications"):"no new notifications";return a.a.createElement("div",{className:i()("slds-dropdown-trigger slds-dropdown-trigger_click",e.showNotificationPopup&&"slds-is-open")},a.a.createElement(c.b,{className:i()("slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__notifications slds-global-actions__item-action",{"slds-incoming-notification":e.showNotification&&e.notificationCount}),iconClassName:"slds-global-header__icon",symbol:"notification",title:t,assistiveText:t,"aria-live":"assertive","aria-atomic":"true"}),a.a.createElement("span",{"aria-hidden":"true",className:i()("slds-notification-badge",e.notificationCount&&"slds-incoming-notification",e.showNotification&&"slds-show-notification")},e.notificationCount),e.showNotificationPopup&&a.a.createElement(w,null))};X.propTypes={notificationCount:l.a.oneOfType([l.a.string,l.a.number]),showNotificationPopup:l.a.bool};var Z=function(){return a.a.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},a.a.createElement("button",{className:"slds-button slds-global-actions__avatar slds-global-actions__item-action",title:"person name","aria-haspopup":"true"},a.a.createElement("span",{className:"slds-avatar slds-avatar_circle slds-avatar_medium"},a.a.createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"}))))},ee=function(e){!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&&G(e,t)}(i,e);var t,o,n,r=J(i);function i(){return H(this,i),r.apply(this,arguments)}return t=i,(o=[{key:"render",value:function(){var e=this.props,t=e.toggleFavorite,o=e.favoritesClicked,n=e.favoritesDisabled,r=e.showFavoritesPopup,i=e.showNotification,s=e.notificationCount,l=e.showNotificationPopup,c=e.showTaskMenu;return a.a.createElement("ul",{className:"slds-global-actions"},a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement(K,{toggleFavorite:t,favoritesClicked:o,favoritesDisabled:n,showFavoritesPopup:r})),a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement(Q,{showTaskMenu:c})),a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement($,null)),a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement(W,null)),a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement(X,{showNotification:i,notificationCount:s,showNotificationPopup:l})),a.a.createElement("li",{className:"slds-global-actions__item"},a.a.createElement(Z,null)))}}])&&V(t.prototype,o),n&&V(t,n),Object.defineProperty(t,"prototype",{writable:!1}),i}(a.a.Component);ee.propTypes={favoritesClicked:l.a.bool,favoritesDisabled:l.a.bool,showFavoritesPopup:l.a.bool,showNotification:l.a.bool,notificationCount:l.a.oneOfType([l.a.string,l.a.number]),showNotificationPopup:l.a.bool,showTaskMenu:l.a.bool};var te=ee;function oe(e){return(oe="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})(e)}function ne(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable\|\|!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function ae(e,t){return(ae=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function re(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=le(e);if(t){var a=le(this).constructor;o=Reflect.construct(n,arguments,a)}else o=n.apply(this,arguments);return ie(this,o)}}function ie(e,t){if(t&&("object"===oe(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return se(e)}function se(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function le(e){return(le=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var ce=function(){return a.a.createElement(a.a.Fragment,null,a.a.createElement("a",{href:"#",className:"slds-assistive-text slds-assistive-text_focus",onClick:function(e){return e.preventDefault()}},"Skip to Navigation"),a.a.createElement("a",{href:"#",className:"slds-assistive-text slds-assistive-text_focus",onClick:function(e){return e.preventDefault()}},"Skip to Main Content"))},ue=function(){return a.a.createElement("div",{className:"slds-global-header__logo"},a.a.createElement("span",{className:"slds-assistive-text"},"Salesforce"))},de=function(e){!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&&ae(e,t)}(s,e);var t,o,n,r=re(s);function s(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),(e=r.call(this)).toggleFavorite=e.toggleFavorite.bind(se(e)),e.showNotification=e.showNotification.bind(se(e)),e.showIncomingNotification=e.showIncomingNotification.bind(se(e)),e.state={favoritesClicked:!1,showNotification:!1,notificationCount:0},e}return t=s,(o=[{key:"toggleFavorite",value:function(){this.setState({favoritesClicked:!this.state.favoritesClicked})}},{key:"showNotification",value:function(){this.setState({showNotification:!this.state.showNotification,notificationCount:1})}},{key:"showIncomingNotification",value:function(){this.setState({notificationCount:++this.state.notificationCount})}},{key:"render",value:function(){var e=this;return a.a.createElement("header",{className:i()("slds-global-header_container",this.props.className)},a.a.createElement(ce,null),a.a.createElement("div",{className:"slds-global-header slds-grid slds-grid_align-spread"},a.a.createElement("div",{className:"slds-global-header__item"},a.a.createElement(ue,null)),!this.props.playground&&a.a.createElement("div",{className:"slds-global-header__item slds-global-header__item_search"},this.props.globalSearch),a.a.createElement("div",{className:"slds-global-header__item"},a.a.createElement(te,{toggleFavorite:this.toggleFavorite,favoritesClicked:this.state.favoritesClicked,favoritesDisabled:this.props.favoritesDisabled,showFavoritesPopup:this.props.showFavoritesPopup,showNotification:this.state.showNotification,notificationCount:this.state.notificationCount,showNotificationPopup:this.props.showNotificationPopup,showTaskMenu:this.props.showTaskMenu}))),this.props.playground&&a.a.createElement("div",{className:"slds-button-group slds-m-around_medium"},a.a.createElement("button",{className:"slds-button slds-button_neutral",onClick:function(){return e.showNotification()}},"Toggle Notification"),a.a.createElement("button",{className:"slds-button slds-button_neutral",onClick:function(){return e.showIncomingNotification()}},"Increase count")))}}])&&ne(t.prototype,o),n&&ne(t,n),Object.defineProperty(t,"prototype",{writable:!1}),s}(n.Component),fe=o(19),pe=o(52),me=o(21),be=o(9),ye={option0:{name:"Recent Items",label:!0},option1:{name:"Salesforce - 1,000 Licenses",entityMeta:!0,entityType:"Opportunity",entityField:"Propecting"},option2:{name:"Art Vandelay",entityMeta:!0,entityType:"Contact",entityField:"avandelay@vandelay.com"},option3:{name:"Vandelay Industries",entityMeta:!0,entityType:"Account",entityField:"San Francisco"},option4:{name:"Salesforce UK 2016 Events",entityMeta:!0,entityType:"Event",entityField:"$20,000"},option5:{name:"H.E. Pennypacker",entityMeta:!0,entityType:"Lead",entityField:"Nursing"}},he=o(6),ve=function(e){return a.a.createElement("div",{className:"demo-only",style:{height:"340px"}},e.children)},_e=(t.default=[{id:"default",label:"Default",element:a.a.createElement(de,{globalSearch:a.a.createElement(fe.a,{id:he.d.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-1",comboboxID:"primary-search-combobox-id-1",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:a.a.createElement(me.e,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:ye,type:"entity",count:6}),resultsType:"listbox",addon:a.a.createElement(pe.b,{id:he.d.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:he.d.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:a.a.createElement(be.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasInteractions:!0})})}],[{id:"search-focused-expanded",label:"Global Search - Focused and Exanded",element:a.a.createElement(de,{globalSearch:a.a.createElement(fe.a,{id:he.d.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-2",comboboxID:"primary-search-combobox-id-2",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:a.a.createElement(me.e,{id:"search-listbox-id-2","aria-label":"Recent Items",snapshot:ye,type:"entity",count:6}),resultsType:"listbox",addon:a.a.createElement(pe.b,{id:he.d.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-search-combobox-id-2",listboxId:he.d.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:a.a.createElement(be.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1})})})},{id:"search-active-typing",label:"Global Search - Active and typing",element:a.a.createElement(de,{globalSearch:a.a.createElement(fe.a,{id:he.d.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-4",comboboxID:"primary-search-combobox-id-4",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",value:"salesforce",results:a.a.createElement(me.e,{id:"search-listbox-id-4",term:"salesforce",snapshot:{option1:{term:"Salesforce",beforeTerm:"",afterTerm:".com",entityMeta:!0,entityType:"Account",entityLocation:"San Francisco, CA"},option2:{term:"Salesforce",beforeTerm:"",afterTerm:".org",entityMeta:!0,entityType:"Account",entityLocation:"New York, NY"},option3:{term:"Salesforce",beforeTerm:"",afterTerm:"HQ",entityMeta:!0,entityType:"Account",entityLocation:"San Francisco, CA"}},type:"entity",count:6}),resultsType:"listbox","aria-activedescendant":"option0",addon:a.a.createElement(pe.b,{id:he.d.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-search-combobox-id-4",listboxId:he.d.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:a.a.createElement(be.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasFocus:!0,isOpen:!0})})},{id:"favorites-disabled",label:"Favorites - Disabled",element:a.a.createElement(de,{favoritesDisabled:!0,globalSearch:a.a.createElement(fe.a,{id:he.d.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-1",comboboxID:"primary-search-combobox-id-1",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:a.a.createElement(me.e,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:ye,type:"entity",count:2}),resultsType:"listbox",addon:a.a.createElement(pe.b,{id:he.d.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:he.d.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:a.a.createElement(be.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasInteractions:!0})})},{id:"notification-count-1",label:"Notification - Count +1",element:a.a.createElement(de,{playground:!0,globalSearch:a.a.createElement(fe.a,{id:he.d.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-1",comboboxID:"primary-search-combobox-id-1",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:a.a.createElement(me.e,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:ye,type:"entity",count:2}),resultsType:"listbox",addon:a.a.createElement(pe.b,{id:he.d.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:he.d.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:a.a.createElement(be.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasInteractions:!0})})}])}});

package/__internal/chunked/showcase/ui/components/global-navigation/navigation-bar/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/global-navigation/navigation-bar/example.jsx.js"]=function(e){function t(t){for(var a,l,s=t[0],c=t[1],u=t[2],p=0,m=[];p<s.length;p++)l=s[p],Object.prototype.hasOwnProperty.call(r,l)&&r[l]&&m.push(r[l][0]),r[l]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(i&&i(t);m.length;)m.shift()();return o.push.apply(o,u\|\|[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],a=!0,s=1;s<n.length;s++){var c=n[s];0!==r[c]&&(a=!1)}a&&(o.splice(t--,1),e=l(l.s=n[0]))}return e}var a={},r={91:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function l(t){if(a[t])return a[t].exports;var n=a[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,l),n.l=!0,n.exports}l.m=e,l.c=a,l.d=function(e,t,n){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)l.d(n,a,function(t){return e[t]}.bind(null,a));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=s.push.bind(s);s.push=t,s=s.slice();for(var u=0;u<s.length;u++)t(s[u]);var i=c;return o.push([713,0]),n()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},713:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return j}));var a=n(0),r=n.n(a),o=n(1),l=n.n(o),s=n(2),c=n.n(s),u=n(8),i=n(15),p=n(4),m=n(134),f=n(6);function d(e){return(d="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})(e)}function b(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable\|\|!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function v(e,t){return(v=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=g(e);if(t){var r=g(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return y(this,n)}}function y(e,t){if(t&&("object"===d(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return _(e)}function _(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e){return(g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}function M(){return(M=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}var E=function(){var e=f.d.uniqueId("menu-group-id-");return r.a.createElement(i.Menu,{className:"slds-dropdown_right"},r.a.createElement(i.MenuList,null,r.a.createElement(i.MenuItem,{title:"Main action"},r.a.createElement(u.a,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"add"}),"Main action"),r.a.createElement("li",{role:"presentation"},r.a.createElement("ul",{role:"group","aria-labelledby":e},r.a.createElement("li",{className:"slds-dropdown__header slds-has-divider_top-space",role:"presentation",id:e},r.a.createElement("span",null,"Menu header")),r.a.createElement(i.MenuItem,null,"Menu Item One"),r.a.createElement(i.MenuItem,null,"Menu Item Two"),r.a.createElement(i.MenuItem,null,"Menu Item Three")))))},N=function(e){var t=e.label,n=e.isActive,a=e.hasNavMenu,o=e.hasNavMenuOpen,l=e.hasMenuDropdown,s=c()("slds-context-bar__item",{"slds-is-active":n,"slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click":a,"slds-is-open":o});return r.a.createElement("li",{className:s},r.a.createElement("a",{href:"#",className:"slds-context-bar__label-action",title:t,onClick:function(e){return e.preventDefault()}},n&&r.a.createElement("span",{className:"slds-assistive-text"},"Current Page:"),r.a.createElement("span",{className:"slds-truncate",title:t},t)),a&&r.a.createElement(r.a.Fragment,null,r.a.createElement(O,{onClick:e.onClick}),l&&r.a.createElement(E,null)))};N.defaultProps={label:"Menu Item",hasMenuDropdown:!0},N.propTypes={label:l.a.string.isRequired,isActive:l.a.bool,hasNavMenu:l.a.bool,hasNavMenuOpen:l.a.bool,hasMenuDropdown:l.a.bool};var O=function(e){return r.a.createElement("div",{className:"slds-context-bar__icon-action slds-p-left_none"},r.a.createElement(p.b,M({className:"slds-button_icon slds-context-bar__button",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open menu item submenu",title:"Open menu item submenu"},e)))},w=function(e){var t=e.appName,n=e.homeItemIsActive,a=e.hasNavMenuOpen,o=e.children;return r.a.createElement("div",{className:"slds-context-bar"},r.a.createElement("div",{className:"slds-context-bar__primary"},r.a.createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},r.a.createElement("div",{className:"slds-context-bar__icon-action"},r.a.createElement(m.a,{className:"slds-context-bar__button"})),r.a.createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},r.a.createElement("span",{className:"slds-truncate",title:t\|\|"App Name"},t\|\|"App Name")))),r.a.createElement("nav",{className:"slds-context-bar__secondary",role:"navigation"},r.a.createElement("ul",{className:"slds-grid"},r.a.createElement(N,{label:"Home",isActive:n}),o\|\|r.a.createElement(r.a.Fragment,null,r.a.createElement(N,{label:"Menu Item",hasNavMenu:!0,hasNavMenuOpen:a,onClick:function(){return e.toggleNavMenu()}}),r.a.createElement(N,{label:"Menu Item"}),r.a.createElement(N,{label:"Menu Item"}),r.a.createElement(N,{label:"Menu Item"})))))};w.propTypes={appName:l.a.string,homeItemIsActive:l.a.bool,hasNavMenuOpen:l.a.bool,children:l.a.node};var x=function(e){!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&&v(e,t)}(l,e);var t,n,a,o=h(l);function l(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(e=o.call(this)).toggleNavMenu=e.toggleNavMenu.bind(_(e)),e.state={hasNavMenuOpen:!1},e}return t=l,(n=[{key:"toggleNavMenu",value:function(){this.setState({hasNavMenuOpen:!this.state.hasNavMenuOpen})}},{key:"render",value:function(){return r.a.createElement(w,{homeItemIsActive:!0,toggleNavMenu:this.toggleNavMenu,hasNavMenuOpen:this.props.hasNavMenuOpen\|\|this.state.hasNavMenuOpen})}}])&&b(t.prototype,n),a&&b(t,a),Object.defineProperty(t,"prototype",{writable:!1}),l}(a.Component),S="Navigation Bar - ",I=r.a.createElement(x,null),j=(t.default=[{id:"default",label:S+"Default",demoStyles:"height: 16rem;",storybookStyles:!1,element:I}],[{id:"item-active",label:S+"Item Active",element:r.a.createElement(w,null,r.a.createElement(N,{label:"Menu Item",hasNavMenu:!0}),r.a.createElement(N,{label:"Menu Item"}),r.a.createElement(N,{label:"Menu Item",isActive:!0}),r.a.createElement(N,{label:"Menu Item"}))},{id:"item-menu-open",label:S+"Item Menu Open",demoStyles:"height: 16rem;",storybookStyles:!0,element:r.a.createElement(x,{hasNavMenuOpen:!0})}])}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/global-navigation/navigation-bar/example.jsx.js"]=function(e){function t(t){for(var a,l,s=t[0],c=t[1],u=t[2],p=0,m=[];p<s.length;p++)l=s[p],Object.prototype.hasOwnProperty.call(r,l)&&r[l]&&m.push(r[l][0]),r[l]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(i&&i(t);m.length;)m.shift()();return o.push.apply(o,u\|\|[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],a=!0,s=1;s<n.length;s++){var c=n[s];0!==r[c]&&(a=!1)}a&&(o.splice(t--,1),e=l(l.s=n[0]))}return e}var a={},r={91:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function l(t){if(a[t])return a[t].exports;var n=a[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,l),n.l=!0,n.exports}l.m=e,l.c=a,l.d=function(e,t,n){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)l.d(n,a,function(t){return e[t]}.bind(null,a));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=s.push.bind(s);s.push=t,s=s.slice();for(var u=0;u<s.length;u++)t(s[u]);var i=c;return o.push([713,0]),n()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},713:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return j}));var a=n(0),r=n.n(a),o=n(1),l=n.n(o),s=n(2),c=n.n(s),u=n(8),i=n(15),p=n(5),m=n(134),f=n(6);function d(e){return(d="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})(e)}function b(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable\|\|!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function v(e,t){return(v=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function h(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=g(e);if(t){var r=g(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return y(this,n)}}function y(e,t){if(t&&("object"===d(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return _(e)}function _(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e){return(g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}function M(){return(M=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}var E=function(){var e=f.d.uniqueId("menu-group-id-");return r.a.createElement(i.Menu,{className:"slds-dropdown_right"},r.a.createElement(i.MenuList,null,r.a.createElement(i.MenuItem,{title:"Main action"},r.a.createElement(u.a,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"add"}),"Main action"),r.a.createElement("li",{role:"presentation"},r.a.createElement("ul",{role:"group","aria-labelledby":e},r.a.createElement("li",{className:"slds-dropdown__header slds-has-divider_top-space",role:"presentation",id:e},r.a.createElement("span",null,"Menu header")),r.a.createElement(i.MenuItem,null,"Menu Item One"),r.a.createElement(i.MenuItem,null,"Menu Item Two"),r.a.createElement(i.MenuItem,null,"Menu Item Three")))))},N=function(e){var t=e.label,n=e.isActive,a=e.hasNavMenu,o=e.hasNavMenuOpen,l=e.hasMenuDropdown,s=c()("slds-context-bar__item",{"slds-is-active":n,"slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click":a,"slds-is-open":o});return r.a.createElement("li",{className:s},r.a.createElement("a",{href:"#",className:"slds-context-bar__label-action",title:t,onClick:function(e){return e.preventDefault()}},n&&r.a.createElement("span",{className:"slds-assistive-text"},"Current Page:"),r.a.createElement("span",{className:"slds-truncate",title:t},t)),a&&r.a.createElement(r.a.Fragment,null,r.a.createElement(O,{onClick:e.onClick}),l&&r.a.createElement(E,null)))};N.defaultProps={label:"Menu Item",hasMenuDropdown:!0},N.propTypes={label:l.a.string.isRequired,isActive:l.a.bool,hasNavMenu:l.a.bool,hasNavMenuOpen:l.a.bool,hasMenuDropdown:l.a.bool};var O=function(e){return r.a.createElement("div",{className:"slds-context-bar__icon-action slds-p-left_none"},r.a.createElement(p.b,M({className:"slds-button_icon slds-context-bar__button",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open menu item submenu",title:"Open menu item submenu"},e)))},w=function(e){var t=e.appName,n=e.homeItemIsActive,a=e.hasNavMenuOpen,o=e.children;return r.a.createElement("div",{className:"slds-context-bar"},r.a.createElement("div",{className:"slds-context-bar__primary"},r.a.createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},r.a.createElement("div",{className:"slds-context-bar__icon-action"},r.a.createElement(m.a,{className:"slds-context-bar__button"})),r.a.createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},r.a.createElement("span",{className:"slds-truncate",title:t\|\|"App Name"},t\|\|"App Name")))),r.a.createElement("nav",{className:"slds-context-bar__secondary",role:"navigation"},r.a.createElement("ul",{className:"slds-grid"},r.a.createElement(N,{label:"Home",isActive:n}),o\|\|r.a.createElement(r.a.Fragment,null,r.a.createElement(N,{label:"Menu Item",hasNavMenu:!0,hasNavMenuOpen:a,onClick:function(){return e.toggleNavMenu()}}),r.a.createElement(N,{label:"Menu Item"}),r.a.createElement(N,{label:"Menu Item"}),r.a.createElement(N,{label:"Menu Item"})))))};w.propTypes={appName:l.a.string,homeItemIsActive:l.a.bool,hasNavMenuOpen:l.a.bool,children:l.a.node};var x=function(e){!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&&v(e,t)}(l,e);var t,n,a,o=h(l);function l(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(e=o.call(this)).toggleNavMenu=e.toggleNavMenu.bind(_(e)),e.state={hasNavMenuOpen:!1},e}return t=l,(n=[{key:"toggleNavMenu",value:function(){this.setState({hasNavMenuOpen:!this.state.hasNavMenuOpen})}},{key:"render",value:function(){return r.a.createElement(w,{homeItemIsActive:!0,toggleNavMenu:this.toggleNavMenu,hasNavMenuOpen:this.props.hasNavMenuOpen\|\|this.state.hasNavMenuOpen})}}])&&b(t.prototype,n),a&&b(t,a),Object.defineProperty(t,"prototype",{writable:!1}),l}(a.Component),S="Navigation Bar - ",I=r.a.createElement(x,null),j=(t.default=[{id:"default",label:S+"Default",demoStyles:"height: 16rem;",storybookStyles:!1,element:I}],[{id:"item-active",label:S+"Item Active",element:r.a.createElement(w,null,r.a.createElement(N,{label:"Menu Item",hasNavMenu:!0}),r.a.createElement(N,{label:"Menu Item"}),r.a.createElement(N,{label:"Menu Item",isActive:!0}),r.a.createElement(N,{label:"Menu Item"}))},{id:"item-menu-open",label:S+"Item Menu Open",demoStyles:"height: 16rem;",storybookStyles:!0,element:r.a.createElement(x,{hasNavMenuOpen:!0})}])}});

package/__internal/chunked/showcase/ui/components/global-navigation/navigation-tab-bar/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/global-navigation/navigation-tab-bar/example.jsx.js"]=function(e){function t(t){for(var n,s,m=t[0],r=t[1],d=t[2],o=0,b=[];o<m.length;o++)s=m[o],Object.prototype.hasOwnProperty.call(l,s)&&l[s]&&b.push(l[s][0]),l[s]=0;for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);for(c&&c(t);b.length;)b.shift()();return i.push.apply(i,d\|\|[]),a()}function a(){for(var e,t=0;t<i.length;t++){for(var a=i[t],n=!0,m=1;m<a.length;m++){var r=a[m];0!==l[r]&&(n=!1)}n&&(i.splice(t--,1),e=s(s.s=a[0]))}return e}var n={},l={92:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},i=[];function s(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,s),a.l=!0,a.exports}s.m=e,s.c=n,s.d=function(e,t,a){s.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(s.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)s.d(a,n,function(t){return e[t]}.bind(null,n));return a},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var m=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],r=m.push.bind(m);m.push=t,m=m.slice();for(var d=0;d<m.length;d++)t(m[d]);var c=r;return i.push([679,0]),a()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},679:function(e,t,a){"use strict";a.r(t),a.d(t,"ContextTab",(function(){return P})),a.d(t,"ContextTabPanel",(function(){return y})),a.d(t,"ContextTabBar",(function(){return _})),a.d(t,"ContextTabBarOverflow",(function(){return A})),a.d(t,"states",(function(){return O}));var n=a(0),l=a.n(n),i=a(1),s=a.n(i),m=a(8),r=a(15),d=a(134),c=a(4),o=a(122),b=a(41),E=a(2),u=a.n(E),I="context-tab-panel-1",v="context-tab-panel-2",C="context-tab-panel-3",T="context-tab-id-1",h="context-tab-id-2",p="context-tab-id-3",w="Navigation Tab Bar - ",g=function(e){return l.a.createElement("span",{className:"slds-text-body_small slds-text-color_weak slds-p-left_large"},l.a.createElement("span",{className:"slds-assistive-text"},":"),e.children)},P=function(e){return l.a.createElement("li",{className:u()("slds-context-bar__item slds-context-bar__item_tab",e.className,{"slds-is-active":e.itemActive,"slds-is-unsaved":e.itemUnsaved,"slds-is-pinned":e.pinned,"slds-has-focus":e.hasFocus,"slds-has-notification":e.itemUnread,"slds-has-sub-tabs":e.hasSubtabs,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-has-error":"error"===e.statusLevel}),role:"presentation"},l.a.createElement("a",{href:"#",className:"slds-context-bar__label-action",role:"tab",title:e.title,"aria-selected":e.itemActive?"true":"false",tabIndex:e.itemActive?"0":"-1","aria-controls":e.tabPanelId,id:e.id,onClick:function(e){return e.preventDefault()}},l.a.createElement(b.a,null,e.itemUnsaved&&l.a.createElement(b.c,{title:"Tab Not Saved"}),e.itemUnread&&l.a.createElement(b.b,null)),e.hasIcon&&l.a.createElement(b.d,{statusLevel:e.statusLevel,symbol:e.symbol}),l.a.createElement("span",{className:u()("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),l.a.createElement("div",{className:u()("slds-context-bar__icon-action slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-p-left_none slds-p-right_none","true"===e.actionOverflow?"slds-is-open":null)},l.a.createElement(c.b,{className:"slds-button_icon-container slds-button_icon-x-small",tabIndex:e.itemActive?"0":"-1",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Actions for "+e.title,title:"Actions for "+e.title,theme:"error"===e.statusLevel\|\|"success"===e.statusLevel?"inverse":null,useCurrentColor:"error"!==e.statusLevel&&"success"!==e.statusLevel}),l.a.createElement(r.Menu,{className:"slds-dropdown_right"},l.a.createElement(r.MenuList,null,l.a.createElement(r.MenuItem,{iconRight:l.a.createElement(g,null,"r")},"Refresh Tab"),l.a.createElement(r.MenuItem,{iconRight:l.a.createElement(g,null,"⇧ + n")},"Open in a new window"),l.a.createElement(r.MenuItem,{iconRight:l.a.createElement(g,null,"p")},"Pin Tab"),l.a.createElement(r.MenuItem,{iconRight:l.a.createElement(g,null,"w")},"Close Tab")))),e.pinned?null:l.a.createElement("div",{className:"slds-context-bar__icon-action slds-col_bump-left slds-p-left_none"},l.a.createElement(c.b,{className:"slds-button_icon-container slds-button_icon-x-small",tabIndex:e.itemActive?"0":"-1",symbol:"close",assistiveText:"Close "+e.title,title:"Close "+e.title,theme:"error"===e.statusLevel\|\|"success"===e.statusLevel?"inverse":null,useCurrentColor:"error"!==e.statusLevel&&"success"!==e.statusLevel})))};P.propTypes={className:s.a.string,hasFocus:s.a.bool,hasSubtabs:s.a.bool,id:s.a.string.isRequired,itemActive:s.a.bool,itemUnread:s.a.bool,itemUnsaved:s.a.bool,pinned:s.a.bool,statusLevel:s.a.oneOf(["error","success","warning"]),tabPanelId:s.a.string.isRequired,title:s.a.string},P.defaultProps={hasIcon:!0,title:"Tab Name"};var y=function(e){return l.a.createElement("div",{id:e.id,className:u()(e.show?"slds-show":"slds-hide"),role:"tabpanel","aria-labelledby":e.tabId},e.children)},_=function(e){return l.a.createElement("div",{className:u()("slds-context-bar slds-context-bar_tabs",e.className)},l.a.createElement("div",{className:"slds-context-bar__primary"},l.a.createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},l.a.createElement("div",{className:"slds-context-bar__icon-action"},l.a.createElement(d.a,{className:"slds-context-bar__button"})),l.a.createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},l.a.createElement("span",{className:"slds-truncate",title:e.appName\|\|"App Name"},e.appName\|\|"App Name"))),l.a.createElement("div",{className:u()("slds-context-bar__item slds-context-bar__object-switcher slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click",e.objectSwitchClassName)},l.a.createElement("a",{href:"#",className:"slds-context-bar__label-action",onClick:function(e){return e.preventDefault()}},l.a.createElement("span",{className:"slds-truncate",title:"Object"},"Object")),l.a.createElement("div",{className:"slds-context-bar__icon-action"},l.a.createElement(c.b,{className:"slds-button_icon-container slds-button_icon-x-small",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open object switcher menu",title:"Open object switcher menu"})),l.a.createElement(r.Menu,{className:"slds-dropdown_right"},l.a.createElement(r.MenuList,null,l.a.createElement(r.MenuItem,null,l.a.createElement(m.a,{className:"slds-icon slds-icon_small slds-icon-standard-account slds-m-right_small",sprite:"standard",symbol:"account"}),"Accounts"),l.a.createElement(r.MenuItem,null,l.a.createElement(m.a,{className:"slds-icon slds-icon_small slds-icon-standard-case slds-m-right_small",sprite:"standard",symbol:"case"}),"Cases"),l.a.createElement(r.MenuItem,null,l.a.createElement(m.a,{className:"slds-icon slds-icon_small slds-icon-standard-work-order slds-m-right_small",sprite:"standard",symbol:"work_order"}),"Insights")))),l.a.createElement("div",{className:u()("slds-context-bar__item slds-dropdown-trigger slds-dropdown-trigger_click",e.addTabActive?"slds-is-open":null,e.addTabClassName)},l.a.createElement("div",{className:"slds-context-bar__icon-action"},l.a.createElement(c.b,{className:"slds-button_icon-container slds-button_icon-small",symbol:"add",assistiveText:"Open a New Tab",title:"Open a New Tab"})),e.addTabActive?l.a.createElement("section",{className:"slds-popover slds-nubbin_top",role:"dialog","aria-label":"Add tab by URL or ID",style:{position:"absolute",left:"1.125rem",top:"2.75rem",marginLeft:"-10rem"}},l.a.createElement("div",{className:"slds-popover__body"},l.a.createElement("div",{className:"slds-form-element"},l.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Add Page by URL or ID"),l.a.createElement("div",{className:"slds-form-element__control slds-grid"},l.a.createElement("input",{id:"text-input-01",className:"slds-input",type:"text",placeholder:"Placeholder Text"}),l.a.createElement("button",{className:"slds-button slds-button_brand slds-shrink-none slds-m-left_small",type:"submit"},"Add Tab"))))):null)),l.a.createElement("div",{className:"slds-context-bar__secondary"},l.a.createElement("div",{className:"slds-context-bar__vertical-divider"}),l.a.createElement("ul",{className:"slds-grid",role:"tablist"},e.children)))},A=function(e){return l.a.createElement("li",{className:u()("slds-context-bar__item","slds-context-bar__dropdown-trigger","slds-dropdown-trigger","slds-dropdown-trigger_click",{"slds-is-open":e.isOpen,"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-has-error":"error"===e.statusLevel}),role:"presentation"},l.a.createElement("button",{className:"slds-button slds-context-bar__label-action",title:"More Tab Items","aria-haspopup":"true"},l.a.createElement(b.a,null,e.itemUnsaved&&l.a.createElement(b.c,null),e.itemUnread&&l.a.createElement(b.b,null)),l.a.createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l.a.createElement("span",{className:"slds-assistive-text"},"Tabs")),l.a.createElement(m.a,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l.a.createElement(r.Menu,{className:"slds-dropdown_right"},l.a.createElement(r.MenuList,null,l.a.createElement(r.MenuItem,{className:u()({"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved}),statusLevel:e.statusLevel,title:"Chat - Customer"},l.a.createElement(b.a,null,e.itemUnsaved&&l.a.createElement(b.c,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l.a.createElement(b.b,null)),e.itemHasIcon&&l.a.createElement(b.d,{statusLevel:e.statusLevel,symbol:"live_chat"}),l.a.createElement("span",null,"Chat - Customer")),l.a.createElement(r.MenuItem,{title:"Overflow Tab Item"},l.a.createElement(b.a,null),e.itemHasIcon&&l.a.createElement(b.d,null),l.a.createElement("span",null,"Overflow Tab Item")))))};A.propTypes={statusLevel:s.a.oneOf(["error","success","warning"])},A.defaultProps={itemHasIcon:!0};var N=l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"));t.default=[{id:"default",label:w+"Default",element:N}];var O=[{id:"tab-active",label:w+"Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"tab-active-focus",label:w+"Active Focus",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0,hasFocus:!0}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"tab-item-action-menu-open",label:w+"Action Overflow",element:l.a.createElement("div",{className:"demo-only",style:{height:"12rem"}},l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0,actionOverflow:"true"}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-tab",label:w+"Unsaved Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p,itemUnsaved:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-tab",label:w+"Unread Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Chat - Customer",tabPanelId:C,id:p,symbol:"live_chat",itemUnread:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"unread-unsaved-tab",label:w+"Unread/Unsaved Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Chat - Customer",tabPanelId:C,id:p,symbol:"live_chat",itemUnread:!0,itemUnsaved:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success",label:w+"Success",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",id:p,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-active",label:w+"Success Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-success-focus",label:w+"Success Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unread",label:w+"Success Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unsaved",label:w+"Success Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unread-unsaved",label:w+"Success Unread and Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning",label:w+"Warning",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",id:p,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-active",label:w+"Warning Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-focus",label:w+"Warning focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unread",label:w+"Warning Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unsaved",label:w+"Warning Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unread-unsaved",label:w+"Warning Unread and Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error",label:w+"Error",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",id:p,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-active",label:w+"Error Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-error-focused",label:w+"Error focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unread",label:w+"Error Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unsaved",label:w+"Error Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unread-unsaved",label:w+"Error Unread and Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"pinned-tab",label:w+"Pinned Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,pinned:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-active",label:w+"Pinned Tab - Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0,pinned:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-active-focus",label:w+"Pinned Tab - Active Focus",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0,pinned:!0,hasFocus:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-pinned-tab",label:w+"Unsaved Pinned Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,pinned:!0,itemUnsaved:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-pinned-tab",label:w+"Unread Pinned Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Chat - Customer",symbol:"live_chat",tabPanelId:I,id:T,pinned:!0,itemUnread:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success",label:w+"Pinned Success Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"success",id:T,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-active",label:w+"Pinned Success Tab Active",element:l.a.createElement("div",{className:"demo-only"},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"success",id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-focused",label:w+"Pinned Success Tab Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"success",hasFocus:!0,id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-unread",label:w+"Pinned Success Tab Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"success",id:T,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-unsaved",label:w+"Pinned Success Tab Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"success",id:T,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning",label:w+"Pinned Warning Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"warning",id:T,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-active",label:w+"Pinned Warning Tab Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"warning",id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-focused",label:w+"Pinned Warning Tab Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"warning",hasFocus:!0,id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-unread",label:w+"Pinned Warning Tab Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"warning",id:T,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-unsaved",label:w+"Pinned Warning Tab Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"warning",id:T,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error",label:w+"Pinned Error Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"error",id:T,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-active",label:w+"Pinned Error Tab Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"error",id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-focused",label:w+"Pinned Error Tab Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"error",id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-unread",label:w+"Pinned Error Tab Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"error",id:T,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-unsaved",label:w+"Pinned Error Tab Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"error",id:T,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"overflow-tabs",label:w+"Overflow Tabs",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,null)),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"overflow-tabs-open",label:w+"Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{isOpen:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-overflow-tabs",label:w+"Unsaved Overflow Tabs",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{itemUnsaved:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-overflow-tabs-open",label:w+"Unsaved Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{isOpen:!0,itemUnsaved:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-overflow-tabs",label:w+"Unread Overflow Tabs",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{itemUnread:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-overflow-tabs-open",label:w+"Unread Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{isOpen:!0,itemUnread:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-open",label:w+"Unread Unsaved Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-without-icon-open",label:w+"Unread Unsaved Overflow Tabs without Icon - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p,itemUnread:!0,itemUnsaved:!0,hasIcon:!1}),l.a.createElement(A,{isOpen:!0,itemUnread:!0,itemUnsaved:!0,itemHasIcon:!1})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"success-overflow",label:w+"Success Overflow Tabs",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"success",isOpen:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"success-overflow-unread-unsaved",label:w+"Success Overflow Tabs Unread and Unsaved",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"success",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"warning-overflow",label:w+"Warning Overflow Tabs",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"warning",isOpen:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"warning-overflow-unread-unsaved",label:w+"Warning Overflow Tabs Unread and Unsaved",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"warning",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"error-overflow",label:w+"Error Overflow Tabs",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"error",isOpen:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"error-overflow-unread-unsaved",label:w+"Error Overflow Tabs Unread and Unsaved",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"error",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"object-switcher-active",label:w+"Object Switcher - Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,{objectSwitchClassName:"slds-is-active"},l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"object-switcher-menu-open",label:w+"Object Switcher - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"11rem"}},l.a.createElement(_,{objectSwitchClassName:"slds-is-open"},l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"add-tab-dialog-open",label:w+"Add Tab Dialog - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement(_,{addTabActive:!0},l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"sub-tabs-open",label:w+"Subtabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0,hasSubtabs:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{show:!0,id:I,tabId:T},l.a.createElement(o.SubtabsContainer,null,l.a.createElement(o.SubtabList,null,l.a.createElement(o.Subtab,{active:!0,title:"00071938",tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01"}),l.a.createElement(o.Subtab,{title:"Chat - Customer",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",symbol:"live_chat"})),l.a.createElement(o.SubtabPanel,{id:"subtab-tabpanel-01",tabId:"subtab-tabitem-01",isVisible:!0},"Item One Content"),l.a.createElement(o.SubtabPanel,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/global-navigation/navigation-tab-bar/example.jsx.js"]=function(e){function t(t){for(var n,s,m=t[0],r=t[1],d=t[2],o=0,b=[];o<m.length;o++)s=m[o],Object.prototype.hasOwnProperty.call(l,s)&&l[s]&&b.push(l[s][0]),l[s]=0;for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);for(c&&c(t);b.length;)b.shift()();return i.push.apply(i,d\|\|[]),a()}function a(){for(var e,t=0;t<i.length;t++){for(var a=i[t],n=!0,m=1;m<a.length;m++){var r=a[m];0!==l[r]&&(n=!1)}n&&(i.splice(t--,1),e=s(s.s=a[0]))}return e}var n={},l={92:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},i=[];function s(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,s),a.l=!0,a.exports}s.m=e,s.c=n,s.d=function(e,t,a){s.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(s.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)s.d(a,n,function(t){return e[t]}.bind(null,n));return a},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var m=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],r=m.push.bind(m);m.push=t,m=m.slice();for(var d=0;d<m.length;d++)t(m[d]);var c=r;return i.push([679,0]),a()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},679:function(e,t,a){"use strict";a.r(t),a.d(t,"ContextTab",(function(){return P})),a.d(t,"ContextTabPanel",(function(){return y})),a.d(t,"ContextTabBar",(function(){return _})),a.d(t,"ContextTabBarOverflow",(function(){return A})),a.d(t,"states",(function(){return O}));var n=a(0),l=a.n(n),i=a(1),s=a.n(i),m=a(8),r=a(15),d=a(134),c=a(5),o=a(122),b=a(41),E=a(2),u=a.n(E),I="context-tab-panel-1",v="context-tab-panel-2",C="context-tab-panel-3",T="context-tab-id-1",h="context-tab-id-2",p="context-tab-id-3",w="Navigation Tab Bar - ",g=function(e){return l.a.createElement("span",{className:"slds-text-body_small slds-text-color_weak slds-p-left_large"},l.a.createElement("span",{className:"slds-assistive-text"},":"),e.children)},P=function(e){return l.a.createElement("li",{className:u()("slds-context-bar__item slds-context-bar__item_tab",e.className,{"slds-is-active":e.itemActive,"slds-is-unsaved":e.itemUnsaved,"slds-is-pinned":e.pinned,"slds-has-focus":e.hasFocus,"slds-has-notification":e.itemUnread,"slds-has-sub-tabs":e.hasSubtabs,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-has-error":"error"===e.statusLevel}),role:"presentation"},l.a.createElement("a",{href:"#",className:"slds-context-bar__label-action",role:"tab",title:e.title,"aria-selected":e.itemActive?"true":"false",tabIndex:e.itemActive?"0":"-1","aria-controls":e.tabPanelId,id:e.id,onClick:function(e){return e.preventDefault()}},l.a.createElement(b.a,null,e.itemUnsaved&&l.a.createElement(b.c,{title:"Tab Not Saved"}),e.itemUnread&&l.a.createElement(b.b,null)),e.hasIcon&&l.a.createElement(b.d,{statusLevel:e.statusLevel,symbol:e.symbol}),l.a.createElement("span",{className:u()("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),l.a.createElement("div",{className:u()("slds-context-bar__icon-action slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-p-left_none slds-p-right_none","true"===e.actionOverflow?"slds-is-open":null)},l.a.createElement(c.b,{className:"slds-button_icon-container slds-button_icon-x-small",tabIndex:e.itemActive?"0":"-1",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Actions for "+e.title,title:"Actions for "+e.title,theme:"error"===e.statusLevel\|\|"success"===e.statusLevel?"inverse":null,useCurrentColor:"error"!==e.statusLevel&&"success"!==e.statusLevel}),l.a.createElement(r.Menu,{className:"slds-dropdown_right"},l.a.createElement(r.MenuList,null,l.a.createElement(r.MenuItem,{iconRight:l.a.createElement(g,null,"r")},"Refresh Tab"),l.a.createElement(r.MenuItem,{iconRight:l.a.createElement(g,null,"⇧ + n")},"Open in a new window"),l.a.createElement(r.MenuItem,{iconRight:l.a.createElement(g,null,"p")},"Pin Tab"),l.a.createElement(r.MenuItem,{iconRight:l.a.createElement(g,null,"w")},"Close Tab")))),e.pinned?null:l.a.createElement("div",{className:"slds-context-bar__icon-action slds-col_bump-left slds-p-left_none"},l.a.createElement(c.b,{className:"slds-button_icon-container slds-button_icon-x-small",tabIndex:e.itemActive?"0":"-1",symbol:"close",assistiveText:"Close "+e.title,title:"Close "+e.title,theme:"error"===e.statusLevel\|\|"success"===e.statusLevel?"inverse":null,useCurrentColor:"error"!==e.statusLevel&&"success"!==e.statusLevel})))};P.propTypes={className:s.a.string,hasFocus:s.a.bool,hasSubtabs:s.a.bool,id:s.a.string.isRequired,itemActive:s.a.bool,itemUnread:s.a.bool,itemUnsaved:s.a.bool,pinned:s.a.bool,statusLevel:s.a.oneOf(["error","success","warning"]),tabPanelId:s.a.string.isRequired,title:s.a.string},P.defaultProps={hasIcon:!0,title:"Tab Name"};var y=function(e){return l.a.createElement("div",{id:e.id,className:u()(e.show?"slds-show":"slds-hide"),role:"tabpanel","aria-labelledby":e.tabId},e.children)},_=function(e){return l.a.createElement("div",{className:u()("slds-context-bar slds-context-bar_tabs",e.className)},l.a.createElement("div",{className:"slds-context-bar__primary"},l.a.createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},l.a.createElement("div",{className:"slds-context-bar__icon-action"},l.a.createElement(d.a,{className:"slds-context-bar__button"})),l.a.createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},l.a.createElement("span",{className:"slds-truncate",title:e.appName\|\|"App Name"},e.appName\|\|"App Name"))),l.a.createElement("div",{className:u()("slds-context-bar__item slds-context-bar__object-switcher slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click",e.objectSwitchClassName)},l.a.createElement("a",{href:"#",className:"slds-context-bar__label-action",onClick:function(e){return e.preventDefault()}},l.a.createElement("span",{className:"slds-truncate",title:"Object"},"Object")),l.a.createElement("div",{className:"slds-context-bar__icon-action"},l.a.createElement(c.b,{className:"slds-button_icon-container slds-button_icon-x-small",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open object switcher menu",title:"Open object switcher menu"})),l.a.createElement(r.Menu,{className:"slds-dropdown_right"},l.a.createElement(r.MenuList,null,l.a.createElement(r.MenuItem,null,l.a.createElement(m.a,{className:"slds-icon slds-icon_small slds-icon-standard-account slds-m-right_small",sprite:"standard",symbol:"account"}),"Accounts"),l.a.createElement(r.MenuItem,null,l.a.createElement(m.a,{className:"slds-icon slds-icon_small slds-icon-standard-case slds-m-right_small",sprite:"standard",symbol:"case"}),"Cases"),l.a.createElement(r.MenuItem,null,l.a.createElement(m.a,{className:"slds-icon slds-icon_small slds-icon-standard-work-order slds-m-right_small",sprite:"standard",symbol:"work_order"}),"Insights")))),l.a.createElement("div",{className:u()("slds-context-bar__item slds-dropdown-trigger slds-dropdown-trigger_click",e.addTabActive?"slds-is-open":null,e.addTabClassName)},l.a.createElement("div",{className:"slds-context-bar__icon-action"},l.a.createElement(c.b,{className:"slds-button_icon-container slds-button_icon-small",symbol:"add",assistiveText:"Open a New Tab",title:"Open a New Tab"})),e.addTabActive?l.a.createElement("section",{className:"slds-popover slds-nubbin_top",role:"dialog","aria-label":"Add tab by URL or ID",style:{position:"absolute",left:"1.125rem",top:"2.75rem",marginLeft:"-10rem"}},l.a.createElement("div",{className:"slds-popover__body"},l.a.createElement("div",{className:"slds-form-element"},l.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Add Page by URL or ID"),l.a.createElement("div",{className:"slds-form-element__control slds-grid"},l.a.createElement("input",{id:"text-input-01",className:"slds-input",type:"text",placeholder:"Placeholder Text"}),l.a.createElement("button",{className:"slds-button slds-button_brand slds-shrink-none slds-m-left_small",type:"submit"},"Add Tab"))))):null)),l.a.createElement("div",{className:"slds-context-bar__secondary"},l.a.createElement("div",{className:"slds-context-bar__vertical-divider"}),l.a.createElement("ul",{className:"slds-grid",role:"tablist"},e.children)))},A=function(e){return l.a.createElement("li",{className:u()("slds-context-bar__item","slds-context-bar__dropdown-trigger","slds-dropdown-trigger","slds-dropdown-trigger_click",{"slds-is-open":e.isOpen,"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-has-error":"error"===e.statusLevel}),role:"presentation"},l.a.createElement("button",{className:"slds-button slds-context-bar__label-action",title:"More Tab Items","aria-haspopup":"true"},l.a.createElement(b.a,null,e.itemUnsaved&&l.a.createElement(b.c,null),e.itemUnread&&l.a.createElement(b.b,null)),l.a.createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l.a.createElement("span",{className:"slds-assistive-text"},"Tabs")),l.a.createElement(m.a,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l.a.createElement(r.Menu,{className:"slds-dropdown_right"},l.a.createElement(r.MenuList,null,l.a.createElement(r.MenuItem,{className:u()({"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved}),statusLevel:e.statusLevel,title:"Chat - Customer"},l.a.createElement(b.a,null,e.itemUnsaved&&l.a.createElement(b.c,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l.a.createElement(b.b,null)),e.itemHasIcon&&l.a.createElement(b.d,{statusLevel:e.statusLevel,symbol:"live_chat"}),l.a.createElement("span",null,"Chat - Customer")),l.a.createElement(r.MenuItem,{title:"Overflow Tab Item"},l.a.createElement(b.a,null),e.itemHasIcon&&l.a.createElement(b.d,null),l.a.createElement("span",null,"Overflow Tab Item")))))};A.propTypes={statusLevel:s.a.oneOf(["error","success","warning"])},A.defaultProps={itemHasIcon:!0};var N=l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"));t.default=[{id:"default",label:w+"Default",element:N}];var O=[{id:"tab-active",label:w+"Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"tab-active-focus",label:w+"Active Focus",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0,hasFocus:!0}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"tab-item-action-menu-open",label:w+"Action Overflow",element:l.a.createElement("div",{className:"demo-only",style:{height:"12rem"}},l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0,actionOverflow:"true"}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-tab",label:w+"Unsaved Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p,itemUnsaved:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-tab",label:w+"Unread Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Chat - Customer",tabPanelId:C,id:p,symbol:"live_chat",itemUnread:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"unread-unsaved-tab",label:w+"Unread/Unsaved Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Chat - Customer",tabPanelId:C,id:p,symbol:"live_chat",itemUnread:!0,itemUnsaved:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success",label:w+"Success",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",id:p,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-active",label:w+"Success Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-success-focus",label:w+"Success Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unread",label:w+"Success Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unsaved",label:w+"Success Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unread-unsaved",label:w+"Success Unread and Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"success",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning",label:w+"Warning",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",id:p,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-active",label:w+"Warning Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-focus",label:w+"Warning focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unread",label:w+"Warning Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unsaved",label:w+"Warning Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unread-unsaved",label:w+"Warning Unread and Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"warning",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error",label:w+"Error",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",id:p,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-active",label:w+"Error Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-error-focused",label:w+"Error focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unread",label:w+"Error Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unsaved",label:w+"Error Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unread-unsaved",label:w+"Error Unread and Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{statusLevel:"error",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Chat - Customer Content"))},{id:"pinned-tab",label:w+"Pinned Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,pinned:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-active",label:w+"Pinned Tab - Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0,pinned:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-active-focus",label:w+"Pinned Tab - Active Focus",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0,pinned:!0,hasFocus:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-pinned-tab",label:w+"Unsaved Pinned Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,pinned:!0,itemUnsaved:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-pinned-tab",label:w+"Unread Pinned Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Chat - Customer",symbol:"live_chat",tabPanelId:I,id:T,pinned:!0,itemUnread:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{show:!0,id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success",label:w+"Pinned Success Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"success",id:T,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-active",label:w+"Pinned Success Tab Active",element:l.a.createElement("div",{className:"demo-only"},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"success",id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-focused",label:w+"Pinned Success Tab Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"success",hasFocus:!0,id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-unread",label:w+"Pinned Success Tab Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"success",id:T,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-unsaved",label:w+"Pinned Success Tab Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"success",id:T,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning",label:w+"Pinned Warning Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"warning",id:T,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-active",label:w+"Pinned Warning Tab Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"warning",id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-focused",label:w+"Pinned Warning Tab Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"warning",hasFocus:!0,id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-unread",label:w+"Pinned Warning Tab Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"warning",id:T,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-unsaved",label:w+"Pinned Warning Tab Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"warning",id:T,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error",label:w+"Pinned Error Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"error",id:T,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-active",label:w+"Pinned Error Tab Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"error",id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-focused",label:w+"Pinned Error Tab Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"error",id:T,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-unread",label:w+"Pinned Error Tab Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"error",id:T,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-unsaved",label:w+"Pinned Error Tab Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{statusLevel:"error",id:T,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l.a.createElement(P,{id:h,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l.a.createElement(y,{id:I,tabId:T},"Chat - Customer Content"),l.a.createElement(y,{id:v,show:!0,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"overflow-tabs",label:w+"Overflow Tabs",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,null)),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"overflow-tabs-open",label:w+"Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{isOpen:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-overflow-tabs",label:w+"Unsaved Overflow Tabs",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{itemUnsaved:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-overflow-tabs-open",label:w+"Unsaved Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{isOpen:!0,itemUnsaved:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-overflow-tabs",label:w+"Unread Overflow Tabs",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{itemUnread:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-overflow-tabs-open",label:w+"Unread Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{isOpen:!0,itemUnread:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-open",label:w+"Unread Unsaved Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l.a.createElement(A,{isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-without-icon-open",label:w+"Unread Unsaved Overflow Tabs without Icon - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p,itemUnread:!0,itemUnsaved:!0,hasIcon:!1}),l.a.createElement(A,{isOpen:!0,itemUnread:!0,itemUnsaved:!0,itemHasIcon:!1})),l.a.createElement(y,{show:!0,id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"success-overflow",label:w+"Success Overflow Tabs",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"success",isOpen:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"success-overflow-unread-unsaved",label:w+"Success Overflow Tabs Unread and Unsaved",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"success",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"warning-overflow",label:w+"Warning Overflow Tabs",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"warning",isOpen:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"warning-overflow-unread-unsaved",label:w+"Warning Overflow Tabs Unread and Unsaved",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"warning",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"error-overflow",label:w+"Error Overflow Tabs",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"error",isOpen:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"error-overflow-unread-unsaved",label:w+"Error Overflow Tabs Unread and Unsaved",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(_,null,l.a.createElement(P,{id:T,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l.a.createElement(P,{id:h,tabPanelId:v,title:"Tab Item 1"}),l.a.createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l.a.createElement(A,{statusLevel:"error",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.a.createElement(y,{id:I,show:!0,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"object-switcher-active",label:w+"Object Switcher - Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(_,{objectSwitchClassName:"slds-is-active"},l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"object-switcher-menu-open",label:w+"Object Switcher - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"11rem"}},l.a.createElement(_,{objectSwitchClassName:"slds-is-open"},l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"add-tab-dialog-open",label:w+"Add Tab Dialog - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement(_,{addTabActive:!0},l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{id:I,tabId:T},"Tab Home Content"),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))},{id:"sub-tabs-open",label:w+"Subtabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement(_,null,l.a.createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:T,itemActive:!0,hasSubtabs:!0}),l.a.createElement(P,{title:"Tab Item 1",tabPanelId:v,id:h}),l.a.createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l.a.createElement(y,{show:!0,id:I,tabId:T},l.a.createElement(o.SubtabsContainer,null,l.a.createElement(o.SubtabList,null,l.a.createElement(o.Subtab,{active:!0,title:"00071938",tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01"}),l.a.createElement(o.Subtab,{title:"Chat - Customer",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",symbol:"live_chat"})),l.a.createElement(o.SubtabPanel,{id:"subtab-tabpanel-01",tabId:"subtab-tabitem-01",isVisible:!0},"Item One Content"),l.a.createElement(o.SubtabPanel,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))),l.a.createElement(y,{id:v,tabId:h},"Tab One Content"),l.a.createElement(y,{id:C,tabId:p},"Tab Two Content"))}]}});

package/__internal/chunked/showcase/ui/components/icons/standard/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/icons/standard/example.jsx.js"]=function(e){function t(t){for(var n,a,c=t[0],s=t[1],i=t[2],p=0,f=[];p<c.length;p++)a=c[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(l&&l(t);f.length;)f.shift()();return u.push.apply(u,i\|\|[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,c=1;c<r.length;c++){var s=r[c];0!==o[s]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={97:0,6:0,22:0,73:0,93:0,94:0,96:0,98:0,104:0,128:0,132:0,136:0,141:0,143:0},u=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e,t,r){a.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var l=s;return u.push([26,0]),r()}([function(e,t){e.exports=React}]);
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/icons/standard/example.jsx.js"]=function(e){function t(t){for(var n,a,c=t[0],s=t[1],i=t[2],p=0,f=[];p<c.length;p++)a=c[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(l&&l(t);f.length;)f.shift()();return u.push.apply(u,i\|\|[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,c=1;c<r.length;c++){var s=r[c];0!==o[s]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={97:0,6:0,22:0,73:0,93:0,94:0,96:0,98:0,104:0,128:0,132:0,136:0,141:0,143:0},u=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e,t,r){a.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var l=s;return u.push([27,0]),r()}([function(e,t){e.exports=React}]);

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

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/input/base/example.jsx.js"]=function(e){function t(t){for(var l,i,s=t[0],d=t[1],o=t[2],u=0,p=[];u<s.length;u++)i=s[u],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&p.push(a[i][0]),a[i]=0;for(l in d)Object.prototype.hasOwnProperty.call(d,l)&&(e[l]=d[l]);for(c&&c(t);p.length;)p.shift()();return r.push.apply(r,o\|\|[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],l=!0,s=1;s<n.length;s++){var d=n[s];0!==a[d]&&(l=!1)}l&&(r.splice(t--,1),e=i(i.s=n[0]))}return e}var l={},a={99:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function i(t){if(l[t])return l[t].exports;var n=l[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=l,i.d=function(e,t,n){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)i.d(n,l,function(t){return e[t]}.bind(null,l));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=s.push.bind(s);s.push=t,s=s.slice();for(var o=0;o<s.length;o++)t(s[o]);var c=d;return r.push([672,0]),n()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},672:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return w})),n.d(t,"examples",(function(){return D}));var l=n(0),a=n.n(l),r=n(1),i=n.n(r),s=n(13),d=n(8),o=n(4),c=n(82),u=n(5),p=n(18),m=n.n(p),b="Input Label",f="Placeholder text…",h=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,isRequired:!0},a.a.createElement(s.a,{id:e,placeholder:f,required:!0}))},E=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return a.a.createElement(u.b,{hasError:!0,labelContent:b,inputId:e,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},a.a.createElement(s.a,{id:e,placeholder:f,required:!0,"aria-describedby":t}))},_=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return a.a.createElement(u.b,{hasError:!0,labelContent:b,inputId:e,hasLeftIcon:!0,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},a.a.createElement(d.a,{className:"slds-input__icon",sprite:"utility",symbol:"error"}),a.a.createElement(s.a,{id:e,required:!0,placeholder:f,"aria-describedby":t}))},y=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e},a.a.createElement(s.a,{id:e,placeholder:f,disabled:!0}))},x=function(e){var t=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:t},a.a.createElement(s.a,{id:t,readOnly:!0,hasBorders:e.hasBorders,defaultValue:"Read Only",placeholder:""}))},v=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasLeftIcon:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}))},I=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasRightIcon:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}))},g=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}),a.a.createElement(o.b,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"}))},C=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0,hasRightIconGroup:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}),a.a.createElement("div",{className:"slds-input__icon-group slds-input__icon-group_right"},a.a.createElement(c.Spinner,{className:"slds-spinner_brand slds-spinner_x-small slds-input__spinner"}),a.a.createElement(o.b,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"})))},S=function(e){var t=m()("".concat(e.type,"-input-id-"));return a.a.createElement(u.b,{labelContent:e.label,inputId:t},a.a.createElement(s.a,{id:t,type:e.type,placeholder:e.placeholder,value:e.value}))};S.propTypes={type:i.a.string,label:i.a.string,placeholder:i.a.string},S.defaultProps={label:"Input Label"};var L=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,formControlClassName:"slds-input-has-fixed-addon",labelId:"fixed-text-label"},a.a.createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-pre"},"$"),a.a.createElement(s.a,{id:e,placeholder:f,"aria-labelledby":"fixed-text-label fixed-text-addon-pre fixed-text-addon-post"}),a.a.createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-post"},"euro"))},N=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return a.a.createElement(u.b,{labelId:"inline-text-label",labelContent:b,inputId:e,errorId:t,inlineMessage:"ex: (415)111-2222"},a.a.createElement(s.a,{id:e,placeholder:f,"aria-describedby":t}))},R=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasTooltip:!0,showTooltip:!0},a.a.createElement(s.a,{id:e,placeholder:f}))},O=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e},a.a.createElement(s.a,{id:e,isBare:!0,placeholder:f}))};t.default=[{id:"default",label:"Default",element:a.a.createElement(u.b,{labelContent:b,inputId:"text-input-id-0"},a.a.createElement(s.a,{id:"text-input-id-0",placeholder:f}))}];var w=[{id:"input-required",label:"Required",element:a.a.createElement(h,null)},{id:"input-disabled",label:"Disabled",element:a.a.createElement(y,null)},{id:"input-error",label:"Error",element:a.a.createElement(E,null)},{id:"input-error-icon",label:"Error with icon",element:a.a.createElement(_,null)},{id:"read-only",label:"Readonly",element:a.a.createElement(x,null)},{id:"read-only-borders",label:"Readonly with borders",element:a.a.createElement(x,{hasBorders:!0})},{id:"static",label:"Static",element:a.a.createElement(u.h,null,a.a.createElement("span",{className:"slds-form-element__label"},"Input Label"),a.a.createElement(u.c,null,a.a.createElement("span",{className:"slds-form-element__static"},"Read Only")))}],D=[{id:"left-icon",label:"Left Icon",element:a.a.createElement(v,null)},{id:"right-icon",label:"Right Icon",element:a.a.createElement(I,null)},{id:"double-icon",label:"Left Icon & Clear Button",element:a.a.createElement(g,null)},{id:"double-icon-spinner",label:"Clear Button with Spinner",element:a.a.createElement(C,null)},{id:"email-input",label:"Email Input",element:a.a.createElement(S,{type:"email",label:"Email",placeholder:"Email"})},{id:"date-input",label:"Date Input",element:a.a.createElement(S,{type:"date"})},{id:"date-input-default",label:"Date Input w/ Date Selected by Default",element:a.a.createElement(S,{type:"date",value:"2023-09-25"})},{id:"search-input",label:"Search Input",element:a.a.createElement(S,{type:"search"})},{id:"url-input",label:"URL Input",element:a.a.createElement(S,{type:"url"})},{id:"tel-input",label:"Telephone Input",element:a.a.createElement(S,{type:"tel"})},{id:"fixed-text",label:"Fixed text",element:a.a.createElement(L,null)},{id:"inline-help",label:"Inline Help",element:a.a.createElement(N,null)},{id:"field-level-help",label:"Field level help",demoStyles:"\n padding-top: 3rem;\n position: relative;\n ",storybookStyles:"\n padding-top: 4rem;\n position: relative;\n ",element:a.a.createElement(R,null)},{id:"bare",label:"Bare",element:a.a.createElement(O,null)}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/input/base/example.jsx.js"]=function(e){function t(t){for(var l,i,s=t[0],d=t[1],o=t[2],u=0,p=[];u<s.length;u++)i=s[u],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&p.push(a[i][0]),a[i]=0;for(l in d)Object.prototype.hasOwnProperty.call(d,l)&&(e[l]=d[l]);for(c&&c(t);p.length;)p.shift()();return r.push.apply(r,o\|\|[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],l=!0,s=1;s<n.length;s++){var d=n[s];0!==a[d]&&(l=!1)}l&&(r.splice(t--,1),e=i(i.s=n[0]))}return e}var l={},a={99:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function i(t){if(l[t])return l[t].exports;var n=l[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=l,i.d=function(e,t,n){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)i.d(n,l,function(t){return e[t]}.bind(null,l));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=s.push.bind(s);s.push=t,s=s.slice();for(var o=0;o<s.length;o++)t(s[o]);var c=d;return r.push([672,0]),n()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},672:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return w})),n.d(t,"examples",(function(){return D}));var l=n(0),a=n.n(l),r=n(1),i=n.n(r),s=n(10),d=n(8),o=n(5),c=n(82),u=n(4),p=n(18),m=n.n(p),b="Input Label",f="Placeholder text…",h=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,isRequired:!0},a.a.createElement(s.a,{id:e,placeholder:f,required:!0}))},E=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return a.a.createElement(u.b,{hasError:!0,labelContent:b,inputId:e,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},a.a.createElement(s.a,{id:e,placeholder:f,required:!0,"aria-describedby":t}))},_=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return a.a.createElement(u.b,{hasError:!0,labelContent:b,inputId:e,hasLeftIcon:!0,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},a.a.createElement(d.a,{className:"slds-input__icon",sprite:"utility",symbol:"error"}),a.a.createElement(s.a,{id:e,required:!0,placeholder:f,"aria-describedby":t}))},y=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e},a.a.createElement(s.a,{id:e,placeholder:f,disabled:!0}))},x=function(e){var t=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:t},a.a.createElement(s.a,{id:t,readOnly:!0,hasBorders:e.hasBorders,defaultValue:"Read Only",placeholder:""}))},v=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasLeftIcon:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}))},I=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasRightIcon:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}))},g=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}),a.a.createElement(o.b,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"}))},C=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0,hasRightIconGroup:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}),a.a.createElement("div",{className:"slds-input__icon-group slds-input__icon-group_right"},a.a.createElement(c.Spinner,{className:"slds-spinner_brand slds-spinner_x-small slds-input__spinner"}),a.a.createElement(o.b,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"})))},S=function(e){var t=m()("".concat(e.type,"-input-id-"));return a.a.createElement(u.b,{labelContent:e.label,inputId:t},a.a.createElement(s.a,{id:t,type:e.type,placeholder:e.placeholder,value:e.value}))};S.propTypes={type:i.a.string,label:i.a.string,placeholder:i.a.string},S.defaultProps={label:"Input Label"};var L=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,formControlClassName:"slds-input-has-fixed-addon",labelId:"fixed-text-label"},a.a.createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-pre"},"$"),a.a.createElement(s.a,{id:e,placeholder:f,"aria-labelledby":"fixed-text-label fixed-text-addon-pre fixed-text-addon-post"}),a.a.createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-post"},"euro"))},N=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return a.a.createElement(u.b,{labelId:"inline-text-label",labelContent:b,inputId:e,errorId:t,inlineMessage:"ex: (415)111-2222"},a.a.createElement(s.a,{id:e,placeholder:f,"aria-describedby":t}))},R=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasTooltip:!0,showTooltip:!0},a.a.createElement(s.a,{id:e,placeholder:f}))},O=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e},a.a.createElement(s.a,{id:e,isBare:!0,placeholder:f}))};t.default=[{id:"default",label:"Default",element:a.a.createElement(u.b,{labelContent:b,inputId:"text-input-id-0"},a.a.createElement(s.a,{id:"text-input-id-0",placeholder:f}))}];var w=[{id:"input-required",label:"Required",element:a.a.createElement(h,null)},{id:"input-disabled",label:"Disabled",element:a.a.createElement(y,null)},{id:"input-error",label:"Error",element:a.a.createElement(E,null)},{id:"input-error-icon",label:"Error with icon",element:a.a.createElement(_,null)},{id:"read-only",label:"Readonly",element:a.a.createElement(x,null)},{id:"read-only-borders",label:"Readonly with borders",element:a.a.createElement(x,{hasBorders:!0})},{id:"static",label:"Static",element:a.a.createElement(u.h,null,a.a.createElement("span",{className:"slds-form-element__label"},"Input Label"),a.a.createElement(u.c,null,a.a.createElement("span",{className:"slds-form-element__static"},"Read Only")))}],D=[{id:"left-icon",label:"Left Icon",element:a.a.createElement(v,null)},{id:"right-icon",label:"Right Icon",element:a.a.createElement(I,null)},{id:"double-icon",label:"Left Icon & Clear Button",element:a.a.createElement(g,null)},{id:"double-icon-spinner",label:"Clear Button with Spinner",element:a.a.createElement(C,null)},{id:"email-input",label:"Email Input",element:a.a.createElement(S,{type:"email",label:"Email",placeholder:"Email"})},{id:"date-input",label:"Date Input",element:a.a.createElement(S,{type:"date"})},{id:"date-input-default",label:"Date Input w/ Date Selected by Default",element:a.a.createElement(S,{type:"date",value:"2023-09-25"})},{id:"search-input",label:"Search Input",element:a.a.createElement(S,{type:"search"})},{id:"url-input",label:"URL Input",element:a.a.createElement(S,{type:"url"})},{id:"tel-input",label:"Telephone Input",element:a.a.createElement(S,{type:"tel"})},{id:"fixed-text",label:"Fixed text",element:a.a.createElement(L,null)},{id:"inline-help",label:"Inline Help",element:a.a.createElement(N,null)},{id:"field-level-help",label:"Field level help",demoStyles:"\n padding-top: 3rem;\n position: relative;\n ",storybookStyles:"\n padding-top: 4rem;\n position: relative;\n ",element:a.a.createElement(R,null)},{id:"bare",label:"Bare",element:a.a.createElement(O,null)}]}});