@salesforce-ux/design-system 2.29.0 → 2.29.2

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

@@ -1 +1 @@
-var SLDS;!function(){"use strict";var e,t={547:function(e,t,o){o.r(t),o.d(t,{Context:function(){return pe},default:function(){return ye},states:function(){return he}});var n=o(1594),r=o.n(n),i=o(942),a=o.n(i),s=o(7412),l=o.n(s),c=o(6955),u=o(2937),d=o(5006),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 m(e){return m="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},m(e)}function b(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,p(n.key),n)}}function p(e){var t=function(e){if("object"!=m(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=m(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==m(t)?t:t+""}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(y=function(){return!!e})()}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function v(e,t){return v=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},v(e,t)}var _=function(e){return r().createElement("li",{className:a()("slds-global-header__notification",e.unread&&"slds-global-header__notification_unread",e.className),key:e.index},r().createElement("div",{className:"slds-media slds-has-flexi-truncate slds-p-around_x-small"},r().createElement("div",{className:"slds-media__figure"},r().createElement(u.Avatar,{className:"slds-avatar_small"},r().createElement("img",{alt:e.username,src:e.avatar,title:"".concat(e.username," avatar")}))),r().createElement("div",{className:"slds-media__body"},r().createElement("div",{className:"slds-grid slds-grid_align-spread"},r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()},className:"slds-text-link_reset slds-has-flexi-truncate"},r().createElement("h3",{className:"slds-truncate",title:"".concat(e.username," ").concat(e.title)},r().createElement("strong",null,"".concat(e.username," ").concat(e.title))),r().createElement("p",{className:"slds-truncate",title:e.message},e.message),r().createElement("p",{className:"slds-m-top_x-small slds-text-color_weak"},e.timestamp,e.unread&&r().createElement("abbr",{className:"slds-text-link slds-m-horizontal_xxx-small",title:"unread"},"●")))))))},g=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,o){return t=h(t),function(e,t){if(t&&("object"==m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,y()?Reflect.construct(t,o||[],h(e).constructor):t.apply(e,o))}(this,t)).renderNotificationItems=e.renderNotificationItems.bind(e),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}(t,e),o=t,(n=[{key:"renderNotificationItems",value:function(e){var t=f[e];return r().createElement(_,{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 r().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"}},r().createElement("ul",null,Object.keys(f).map(this.renderNotificationItems)))}}])&&b(o.prototype,n),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,n}(n.Component),w=o(1187);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(e)}function x(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(n.key),n)}}function N(e){var t=function(e){if("object"!=E(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=E(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==E(t)?t:t+""}function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(S=function(){return!!e})()}function O(e){return O=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},O(e)}function j(e,t){return j=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},j(e,t)}var P=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,o){return t=O(t),function(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)}(e,S()?Reflect.construct(t,o||[],O(e).constructor):t.apply(e,o))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&j(e,t)}(t,e),o=t,(n=[{key:"render",value:function(){return r().createElement(d.Popover,{className:"slds-nubbin_top slds-dynamic-menu",bodyClassName:"slds-p-horizontal_none",title:"My Favorites",footer:r().createElement(w.Footer,null),style:{position:"absolute",left:"-8rem",top:"36px"}},r().createElement(w.ListboxList,{length:this.props.numberOfFavorites}))}}])&&x(o.prototype,n),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,n}(n.Component),I=P,C=o(4760),T=o(8522);function k(e){return k="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},k(e)}function A(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,F(n.key),n)}}function F(e){var t=function(e){if("object"!=k(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=k(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==k(t)?t:t+""}function D(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(D=function(){return!!e})()}function L(e){return L=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},L(e)}function M(e,t){return M=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},M(e,t)}var R=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,o){return t=L(t),function(e,t){if(t&&("object"==k(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,D()?Reflect.construct(t,o||[],L(e).constructor):t.apply(e,o))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&M(e,t)}(t,e),o=t,(n=[{key:"render",value:function(){return r().createElement(C.Menu,{className:"slds-dropdown_right slds-nubbin_top-right",style:{right:"-1rem"}},r().createElement(C.MenuList,null,r().createElement(C.MenuItem,{iconLeft:r().createElement(T.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"event"}),tabIndex:"0"},"New Event"),r().createElement(C.MenuItem,{iconLeft:r().createElement(T.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"note"}),tabIndex:"0"},"New Note"),r().createElement(C.MenuItem,{iconLeft:r().createElement(T.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"email"}),tabIndex:"0"},"New Email")))}}])&&A(o.prototype,n),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,n}(n.Component),q=R;function B(e){return B="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},B(e)}function U(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,H(n.key),n)}}function H(e){var t=function(e){if("object"!=B(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=B(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==B(t)?t:t+""}function V(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(V=function(){return!!e})()}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},z(e)}function G(e,t){return G=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},G(e,t)}var J=function(e){return r().createElement("div",{className:"slds-global-actions__favorites slds-dropdown-trigger slds-dropdown-trigger_click"},r().createElement("div",{className:"slds-button-group"},r().createElement(c.A,{className:a()("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()}}),r().createElement(c.A,{className:a()("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&&r().createElement(I,{numberOfFavorites:2}))};J.propTypes={favoritesDisabled:l().bool,favoritesClicked:l().bool,showFavoritesPopup:l().bool};var Y=function(e){return r().createElement("div",{className:a()("slds-dropdown-trigger slds-dropdown-trigger_click",e.showTaskMenu&&"slds-is-open")},r().createElement(c.A,{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&&r().createElement(q,null))};Y.propTypes={showTaskMenu:l().bool};var K=function(){return r().createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},r().createElement(c.A,{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"}))},Q=function(){return r().createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},r().createElement(c.A,{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"}))},$=function(e){var t=e.notificationCount?"".concat(e.notificationCount," new notifications"):"no new notifications";return r().createElement("div",{className:a()("slds-dropdown-trigger slds-dropdown-trigger_click",e.showNotificationPopup&&"slds-is-open")},r().createElement(c.A,{className:a()("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"}),r().createElement("span",{"aria-hidden":"true",className:a()("slds-notification-badge",e.notificationCount&&"slds-incoming-notification",e.showNotification&&"slds-show-notification")},e.notificationCount),e.showNotificationPopup&&r().createElement(g,null))};$.propTypes={notificationCount:l().oneOfType([l().string,l().number]),showNotificationPopup:l().bool};var W=function(){return r().createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},r().createElement("button",{className:"slds-button slds-global-actions__avatar slds-global-actions__item-action",title:"person name","aria-haspopup":"true"},r().createElement("span",{className:"slds-avatar slds-avatar_circle slds-avatar_medium"},r().createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"}))))},X=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,o){return t=z(t),function(e,t){if(t&&("object"==B(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,V()?Reflect.construct(t,o||[],z(e).constructor):t.apply(e,o))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&G(e,t)}(t,e),o=t,(n=[{key:"render",value:function(){var e=this.props,t=e.toggleFavorite,o=e.favoritesClicked,n=e.favoritesDisabled,i=e.showFavoritesPopup,a=e.showNotification,s=e.notificationCount,l=e.showNotificationPopup,c=e.showTaskMenu;return r().createElement("ul",{className:"slds-global-actions"},r().createElement("li",{className:"slds-global-actions__item"},r().createElement(J,{toggleFavorite:t,favoritesClicked:o,favoritesDisabled:n,showFavoritesPopup:i})),r().createElement("li",{className:"slds-global-actions__item"},r().createElement(Y,{showTaskMenu:c})),r().createElement("li",{className:"slds-global-actions__item"},r().createElement(K,null)),r().createElement("li",{className:"slds-global-actions__item"},r().createElement(Q,null)),r().createElement("li",{className:"slds-global-actions__item"},r().createElement($,{showNotification:a,notificationCount:s,showNotificationPopup:l})),r().createElement("li",{className:"slds-global-actions__item"},r().createElement(W,null)))}}])&&U(o.prototype,n),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,n}(r().Component);X.propTypes={favoritesClicked:l().bool,favoritesDisabled:l().bool,showFavoritesPopup:l().bool,showNotification:l().bool,notificationCount:l().oneOfType([l().string,l().number]),showNotificationPopup:l().bool,showTaskMenu:l().bool};var Z=X;function ee(e){return ee="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},ee(e)}function te(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,oe(n.key),n)}}function oe(e){var t=function(e){if("object"!=ee(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=ee(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==ee(t)?t:t+""}function ne(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(ne=function(){return!!e})()}function re(e){return re=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},re(e)}function ie(e,t){return ie=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},ie(e,t)}var ae=function(){return r().createElement(r().Fragment,null,r().createElement("a",{href:"#",className:"slds-assistive-text slds-assistive-text_focus",onClick:function(e){return e.preventDefault()}},"Skip to Navigation"),r().createElement("a",{href:"#",className:"slds-assistive-text slds-assistive-text_focus",onClick:function(e){return e.preventDefault()}},"Skip to Main Content"))},se=function(){return r().createElement("div",{className:"slds-global-header__logo"},r().createElement("span",{className:"slds-assistive-text"},"Salesforce"))},le=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,o){return t=re(t),function(e,t){if(t&&("object"==ee(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,ne()?Reflect.construct(t,o||[],re(e).constructor):t.apply(e,o))}(this,t)).toggleFavorite=e.toggleFavorite.bind(e),e.showNotification=e.showNotification.bind(e),e.showIncomingNotification=e.showIncomingNotification.bind(e),e.state={favoritesClicked:!1,showNotification:!1,notificationCount:0},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&ie(e,t)}(t,e),o=t,(n=[{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 r().createElement("header",{className:a()("slds-global-header_container",this.props.className)},r().createElement(ae,null),r().createElement("div",{className:"slds-global-header slds-grid slds-grid_align-spread"},r().createElement("div",{className:"slds-global-header__item"},r().createElement(se,null)),!this.props.playground&&r().createElement("div",{className:"slds-global-header__item slds-global-header__item_search"},this.props.globalSearch),r().createElement("div",{className:"slds-global-header__item"},r().createElement(Z,{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&&r().createElement("div",{className:"slds-button-group slds-m-around_medium"},r().createElement("button",{className:"slds-button slds-button_neutral",onClick:function(){return e.showNotification()}},"Toggle Notification"),r().createElement("button",{className:"slds-button slds-button_neutral",onClick:function(){return e.showIncomingNotification()}},"Increase count")))}}])&&te(o.prototype,n),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,n}(n.Component),ce=o(5159),ue=o(5786),de=o(6185),fe=o(538),me={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"}},be=o(806),pe=function(e){return r().createElement("div",{className:"demo-only",style:{height:"340px"}},e.children)},ye=[{id:"default",label:"Default",element:r().createElement(le,{globalSearch:r().createElement(ce.D5,{id:be.Ay.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:r().createElement(de.Ay,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:me,type:"entity",count:6}),resultsType:"listbox",addon:r().createElement(ue.A,{id:be.Ay.uniqueId("objectswitcher-combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:be.Ay.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:r().createElement(fe.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})})}],he=[{id:"search-focused-expanded",label:"Global Search - Focused and Exanded",element:r().createElement(le,{globalSearch:r().createElement(ce.D5,{id:be.Ay.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:r().createElement(de.Ay,{id:"search-listbox-id-2","aria-label":"Recent Items",snapshot:me,type:"entity",count:6}),resultsType:"listbox",addon:r().createElement(ue.A,{id:be.Ay.uniqueId("objectswitcher-combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-search-combobox-id-2",listboxId:be.Ay.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:r().createElement(fe.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:r().createElement(le,{globalSearch:r().createElement(ce.D5,{id:be.Ay.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:r().createElement(de.Ay,{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:r().createElement(ue.A,{id:be.Ay.uniqueId("objectswitcher-combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-search-combobox-id-4",listboxId:be.Ay.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:r().createElement(fe.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:r().createElement(le,{favoritesDisabled:!0,globalSearch:r().createElement(ce.D5,{id:be.Ay.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:r().createElement(de.Ay,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:me,type:"entity",count:2}),resultsType:"listbox",addon:r().createElement(ue.A,{id:be.Ay.uniqueId("objectswitcher-combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:be.Ay.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:r().createElement(fe.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:r().createElement(le,{playground:!0,globalSearch:r().createElement(ce.D5,{id:be.Ay.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:r().createElement(de.Ay,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:me,type:"entity",count:2}),resultsType:"listbox",addon:r().createElement(ue.A,{id:be.Ay.uniqueId("objectswitcher-combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:be.Ay.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:r().createElement(fe.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})})}]},1187:function(e,t,o){o.d(t,{Footer:function(){return m},ListboxList:function(){return f}});var n=o(1594),r=o.n(n),i=o(7412),a=o.n(i),s=(o(5159),o(6185)),l=(o(538),o(6955)),c=(o(5006),o(8347)),u=o(806),d=o(3964),f=function(e){var t=e.ariaLabel,o=e.id,n=e.length,i=e.listboxData,a=void 0===i?d.o0:i,l=u.Ay.uniqueId("example-unique-id-");return r().createElement(s.Ay,{id:o||l,snapshot:a,type:"entity",count:n,hideIcons:!0,staticListbox:!0,"aria-label":t})};f.propTypes={ariaLabel:a().string,id:a().string,length:a().number,listboxData:a().object},f.defaultProps={ariaLabel:"My Favorites",length:8};a().object;var m=function(e){return r().createElement("ul",null,r().createElement("li",null,r().createElement("button",{className:"slds-button slds-button_reset slds-p-vertical_xx-small slds-size_1-of-1"},r().createElement(c.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"add"}),"Favorite this page")),r().createElement("li",null,r().createElement("button",{className:"slds-button slds-button_reset slds-p-vertical_xx-small slds-size_1-of-1"},r().createElement(c.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"edit"}),"Edit Favorites")))};l.A,l.A,l.A,d.o0,l.A,d.o0,l.A,d.o0},1594:function(e){e.exports=React}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.m=t,n.amdO={},e=[],n.O=function(t,o,r,i){if(!o){var a=1/0;for(u=0;u<e.length;u++){o=e[u][0],r=e[u][1],i=e[u][2];for(var s=!0,l=0;l<o.length;l++)(!1&i||a>=i)&&Object.keys(n.O).every(function(e){return n.O[e](o[l])})?o.splice(l--,1):(s=!1,i<a&&(a=i));if(s){e.splice(u--,1);var c=r();void 0!==c&&(t=c)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[o,r,i]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=4451,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4451:0,4583:0,4723:0,4924:0,5393:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,o){var r,i,a=o[0],s=o[1],l=o[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(r in s)n.o(s,r)&&(n.m[r]=s[r]);if(l)var u=l(n)}for(t&&t(o);c<a.length;c++)i=a[c],n.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return n.O(u)},o=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))}(),n.nc=void 0;var r=n.O(void 0,[6790],function(){return n(547)});r=n.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/global-header/base/example.jsx.js"]=r}();
+var SLDS;!function(){"use strict";var e,t={547:function(e,t,o){o.r(t),o.d(t,{Context:function(){return pe},default:function(){return ye},states:function(){return he}});var n=o(1594),r=o.n(n),i=o(942),a=o.n(i),s=o(4187),l=o.n(s),c=o(6955),u=o(2937),d=o(5006),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 m(e){return m="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},m(e)}function b(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,p(n.key),n)}}function p(e){var t=function(e){if("object"!=m(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=m(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==m(t)?t:t+""}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(y=function(){return!!e})()}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function v(e,t){return v=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},v(e,t)}var _=function(e){return r().createElement("li",{className:a()("slds-global-header__notification",e.unread&&"slds-global-header__notification_unread",e.className),key:e.index},r().createElement("div",{className:"slds-media slds-has-flexi-truncate slds-p-around_x-small"},r().createElement("div",{className:"slds-media__figure"},r().createElement(u.Avatar,{className:"slds-avatar_small"},r().createElement("img",{alt:e.username,src:e.avatar,title:"".concat(e.username," avatar")}))),r().createElement("div",{className:"slds-media__body"},r().createElement("div",{className:"slds-grid slds-grid_align-spread"},r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()},className:"slds-text-link_reset slds-has-flexi-truncate"},r().createElement("h3",{className:"slds-truncate",title:"".concat(e.username," ").concat(e.title)},r().createElement("strong",null,"".concat(e.username," ").concat(e.title))),r().createElement("p",{className:"slds-truncate",title:e.message},e.message),r().createElement("p",{className:"slds-m-top_x-small slds-text-color_weak"},e.timestamp,e.unread&&r().createElement("abbr",{className:"slds-text-link slds-m-horizontal_xxx-small",title:"unread"},"●")))))))},g=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,o){return t=h(t),function(e,t){if(t&&("object"==m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,y()?Reflect.construct(t,o||[],h(e).constructor):t.apply(e,o))}(this,t)).renderNotificationItems=e.renderNotificationItems.bind(e),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}(t,e),o=t,(n=[{key:"renderNotificationItems",value:function(e){var t=f[e];return r().createElement(_,{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 r().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"}},r().createElement("ul",null,Object.keys(f).map(this.renderNotificationItems)))}}])&&b(o.prototype,n),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,n}(n.Component),w=o(1187);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(e)}function x(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(n.key),n)}}function N(e){var t=function(e){if("object"!=E(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=E(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==E(t)?t:t+""}function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(S=function(){return!!e})()}function O(e){return O=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},O(e)}function j(e,t){return j=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},j(e,t)}var P=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,o){return t=O(t),function(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)}(e,S()?Reflect.construct(t,o||[],O(e).constructor):t.apply(e,o))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&j(e,t)}(t,e),o=t,(n=[{key:"render",value:function(){return r().createElement(d.Popover,{className:"slds-nubbin_top slds-dynamic-menu",bodyClassName:"slds-p-horizontal_none",title:"My Favorites",footer:r().createElement(w.Footer,null),style:{position:"absolute",left:"-8rem",top:"36px"}},r().createElement(w.ListboxList,{length:this.props.numberOfFavorites}))}}])&&x(o.prototype,n),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,n}(n.Component),I=P,C=o(4760),T=o(8522);function k(e){return k="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},k(e)}function A(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,F(n.key),n)}}function F(e){var t=function(e){if("object"!=k(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=k(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==k(t)?t:t+""}function D(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(D=function(){return!!e})()}function L(e){return L=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},L(e)}function M(e,t){return M=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},M(e,t)}var R=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,o){return t=L(t),function(e,t){if(t&&("object"==k(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,D()?Reflect.construct(t,o||[],L(e).constructor):t.apply(e,o))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&M(e,t)}(t,e),o=t,(n=[{key:"render",value:function(){return r().createElement(C.Menu,{className:"slds-dropdown_right slds-nubbin_top-right",style:{right:"-1rem"}},r().createElement(C.MenuList,null,r().createElement(C.MenuItem,{iconLeft:r().createElement(T.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"event"}),tabIndex:"0"},"New Event"),r().createElement(C.MenuItem,{iconLeft:r().createElement(T.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"note"}),tabIndex:"0"},"New Note"),r().createElement(C.MenuItem,{iconLeft:r().createElement(T.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"email"}),tabIndex:"0"},"New Email")))}}])&&A(o.prototype,n),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,n}(n.Component),q=R;function B(e){return B="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},B(e)}function U(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,H(n.key),n)}}function H(e){var t=function(e){if("object"!=B(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=B(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==B(t)?t:t+""}function V(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(V=function(){return!!e})()}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},z(e)}function G(e,t){return G=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},G(e,t)}var J=function(e){return r().createElement("div",{className:"slds-global-actions__favorites slds-dropdown-trigger slds-dropdown-trigger_click"},r().createElement("div",{className:"slds-button-group"},r().createElement(c.A,{className:a()("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()}}),r().createElement(c.A,{className:a()("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&&r().createElement(I,{numberOfFavorites:2}))};J.propTypes={favoritesDisabled:l().bool,favoritesClicked:l().bool,showFavoritesPopup:l().bool};var Y=function(e){return r().createElement("div",{className:a()("slds-dropdown-trigger slds-dropdown-trigger_click",e.showTaskMenu&&"slds-is-open")},r().createElement(c.A,{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&&r().createElement(q,null))};Y.propTypes={showTaskMenu:l().bool};var K=function(){return r().createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},r().createElement(c.A,{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"}))},Q=function(){return r().createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},r().createElement(c.A,{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"}))},$=function(e){var t=e.notificationCount?"".concat(e.notificationCount," new notifications"):"no new notifications";return r().createElement("div",{className:a()("slds-dropdown-trigger slds-dropdown-trigger_click",e.showNotificationPopup&&"slds-is-open")},r().createElement(c.A,{className:a()("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"}),r().createElement("span",{"aria-hidden":"true",className:a()("slds-notification-badge",e.notificationCount&&"slds-incoming-notification",e.showNotification&&"slds-show-notification")},e.notificationCount),e.showNotificationPopup&&r().createElement(g,null))};$.propTypes={notificationCount:l().oneOfType([l().string,l().number]),showNotificationPopup:l().bool};var W=function(){return r().createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},r().createElement("button",{className:"slds-button slds-global-actions__avatar slds-global-actions__item-action",title:"person name","aria-haspopup":"true"},r().createElement("span",{className:"slds-avatar slds-avatar_circle slds-avatar_medium"},r().createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"}))))},X=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,o){return t=z(t),function(e,t){if(t&&("object"==B(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,V()?Reflect.construct(t,o||[],z(e).constructor):t.apply(e,o))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&G(e,t)}(t,e),o=t,(n=[{key:"render",value:function(){var e=this.props,t=e.toggleFavorite,o=e.favoritesClicked,n=e.favoritesDisabled,i=e.showFavoritesPopup,a=e.showNotification,s=e.notificationCount,l=e.showNotificationPopup,c=e.showTaskMenu;return r().createElement("ul",{className:"slds-global-actions"},r().createElement("li",{className:"slds-global-actions__item"},r().createElement(J,{toggleFavorite:t,favoritesClicked:o,favoritesDisabled:n,showFavoritesPopup:i})),r().createElement("li",{className:"slds-global-actions__item"},r().createElement(Y,{showTaskMenu:c})),r().createElement("li",{className:"slds-global-actions__item"},r().createElement(K,null)),r().createElement("li",{className:"slds-global-actions__item"},r().createElement(Q,null)),r().createElement("li",{className:"slds-global-actions__item"},r().createElement($,{showNotification:a,notificationCount:s,showNotificationPopup:l})),r().createElement("li",{className:"slds-global-actions__item"},r().createElement(W,null)))}}])&&U(o.prototype,n),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,n}(r().Component);X.propTypes={favoritesClicked:l().bool,favoritesDisabled:l().bool,showFavoritesPopup:l().bool,showNotification:l().bool,notificationCount:l().oneOfType([l().string,l().number]),showNotificationPopup:l().bool,showTaskMenu:l().bool};var Z=X;function ee(e){return ee="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},ee(e)}function te(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,oe(n.key),n)}}function oe(e){var t=function(e){if("object"!=ee(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!=ee(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==ee(t)?t:t+""}function ne(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(ne=function(){return!!e})()}function re(e){return re=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},re(e)}function ie(e,t){return ie=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},ie(e,t)}var ae=function(){return r().createElement(r().Fragment,null,r().createElement("a",{href:"#",className:"slds-assistive-text slds-assistive-text_focus",onClick:function(e){return e.preventDefault()}},"Skip to Navigation"),r().createElement("a",{href:"#",className:"slds-assistive-text slds-assistive-text_focus",onClick:function(e){return e.preventDefault()}},"Skip to Main Content"))},se=function(){return r().createElement("div",{className:"slds-global-header__logo"},r().createElement("span",{className:"slds-assistive-text"},"Salesforce"))},le=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,o){return t=re(t),function(e,t){if(t&&("object"==ee(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,ne()?Reflect.construct(t,o||[],re(e).constructor):t.apply(e,o))}(this,t)).toggleFavorite=e.toggleFavorite.bind(e),e.showNotification=e.showNotification.bind(e),e.showIncomingNotification=e.showIncomingNotification.bind(e),e.state={favoritesClicked:!1,showNotification:!1,notificationCount:0},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&ie(e,t)}(t,e),o=t,(n=[{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 r().createElement("header",{className:a()("slds-global-header_container",this.props.className)},r().createElement(ae,null),r().createElement("div",{className:"slds-global-header slds-grid slds-grid_align-spread"},r().createElement("div",{className:"slds-global-header__item"},r().createElement(se,null)),!this.props.playground&&r().createElement("div",{className:"slds-global-header__item slds-global-header__item_search"},this.props.globalSearch),r().createElement("div",{className:"slds-global-header__item"},r().createElement(Z,{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&&r().createElement("div",{className:"slds-button-group slds-m-around_medium"},r().createElement("button",{className:"slds-button slds-button_neutral",onClick:function(){return e.showNotification()}},"Toggle Notification"),r().createElement("button",{className:"slds-button slds-button_neutral",onClick:function(){return e.showIncomingNotification()}},"Increase count")))}}])&&te(o.prototype,n),Object.defineProperty(o,"prototype",{writable:!1}),o;var o,n}(n.Component),ce=o(5159),ue=o(5786),de=o(6185),fe=o(538),me={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"}},be=o(806),pe=function(e){return r().createElement("div",{className:"demo-only",style:{height:"340px"}},e.children)},ye=[{id:"default",label:"Default",element:r().createElement(le,{globalSearch:r().createElement(ce.D5,{id:be.Ay.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:r().createElement(de.Ay,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:me,type:"entity",count:6}),resultsType:"listbox",addon:r().createElement(ue.A,{id:be.Ay.uniqueId("objectswitcher-combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:be.Ay.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:r().createElement(fe.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})})}],he=[{id:"search-focused-expanded",label:"Global Search - Focused and Exanded",element:r().createElement(le,{globalSearch:r().createElement(ce.D5,{id:be.Ay.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:r().createElement(de.Ay,{id:"search-listbox-id-2","aria-label":"Recent Items",snapshot:me,type:"entity",count:6}),resultsType:"listbox",addon:r().createElement(ue.A,{id:be.Ay.uniqueId("objectswitcher-combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-search-combobox-id-2",listboxId:be.Ay.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:r().createElement(fe.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:r().createElement(le,{globalSearch:r().createElement(ce.D5,{id:be.Ay.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:r().createElement(de.Ay,{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:r().createElement(ue.A,{id:be.Ay.uniqueId("objectswitcher-combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-search-combobox-id-4",listboxId:be.Ay.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:r().createElement(fe.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:r().createElement(le,{favoritesDisabled:!0,globalSearch:r().createElement(ce.D5,{id:be.Ay.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:r().createElement(de.Ay,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:me,type:"entity",count:2}),resultsType:"listbox",addon:r().createElement(ue.A,{id:be.Ay.uniqueId("objectswitcher-combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:be.Ay.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:r().createElement(fe.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:r().createElement(le,{playground:!0,globalSearch:r().createElement(ce.D5,{id:be.Ay.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:r().createElement(de.Ay,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:me,type:"entity",count:2}),resultsType:"listbox",addon:r().createElement(ue.A,{id:be.Ay.uniqueId("objectswitcher-combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:be.Ay.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:r().createElement(fe.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})})}]},1187:function(e,t,o){o.d(t,{Footer:function(){return m},ListboxList:function(){return f}});var n=o(1594),r=o.n(n),i=o(4187),a=o.n(i),s=(o(5159),o(6185)),l=(o(538),o(6955)),c=(o(5006),o(8347)),u=o(806),d=o(3964),f=function(e){var t=e.ariaLabel,o=e.id,n=e.length,i=e.listboxData,a=void 0===i?d.o0:i,l=u.Ay.uniqueId("example-unique-id-");return r().createElement(s.Ay,{id:o||l,snapshot:a,type:"entity",count:n,hideIcons:!0,staticListbox:!0,"aria-label":t})};f.propTypes={ariaLabel:a().string,id:a().string,length:a().number,listboxData:a().object},f.defaultProps={ariaLabel:"My Favorites",length:8};a().object;var m=function(e){return r().createElement("ul",null,r().createElement("li",null,r().createElement("button",{className:"slds-button slds-button_reset slds-p-vertical_xx-small slds-size_1-of-1"},r().createElement(c.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"add"}),"Favorite this page")),r().createElement("li",null,r().createElement("button",{className:"slds-button slds-button_reset slds-p-vertical_xx-small slds-size_1-of-1"},r().createElement(c.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"edit"}),"Edit Favorites")))};l.A,l.A,l.A,d.o0,l.A,d.o0,l.A,d.o0},1594:function(e){e.exports=React}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.m=t,n.amdO={},e=[],n.O=function(t,o,r,i){if(!o){var a=1/0;for(u=0;u<e.length;u++){o=e[u][0],r=e[u][1],i=e[u][2];for(var s=!0,l=0;l<o.length;l++)(!1&i||a>=i)&&Object.keys(n.O).every(function(e){return n.O[e](o[l])})?o.splice(l--,1):(s=!1,i<a&&(a=i));if(s){e.splice(u--,1);var c=r();void 0!==c&&(t=c)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[o,r,i]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=4451,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4451:0,4583:0,4723:0,4924:0,5393:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,o){var r,i,a=o[0],s=o[1],l=o[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(r in s)n.o(s,r)&&(n.m[r]=s[r]);if(l)var u=l(n)}for(t&&t(o);c<a.length;c++)i=a[c],n.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return n.O(u)},o=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))}(),n.nc=void 0;var r=n.O(void 0,[6790],function(){return n(547)});r=n.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/global-header/base/example.jsx.js"]=r}();

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

@@ -1 +1 @@
-var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5540:function(e,t,n){n.r(t),n.d(t,{default:function(){return x},states:function(){return j}});var r=n(1594),o=n.n(r),a=n(7412),l=n.n(a),i=n(942),s=n.n(i),c=n(8347),u=n(4760),m=n(6955),p=n(5898),d=n(806);function f(e){return f="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},f(e)}function b(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,v(r.key),r)}}function v(e){var t=function(e){if("object"!=f(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==f(t)?t:t+""}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(h=function(){return!!e})()}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function g(e,t){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},g(e,t)}function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_.apply(null,arguments)}var M=function(){var e=d.Ay.uniqueId("menu-group-id-");return o().createElement(u.Menu,{className:"slds-dropdown_right"},o().createElement(u.MenuList,null,o().createElement(u.MenuItem,{title:"Main action"},o().createElement(c.A,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"add"}),"Main action"),o().createElement("li",{role:"presentation"},o().createElement("ul",{role:"group","aria-labelledby":e},o().createElement("li",{className:"slds-dropdown__header slds-has-divider_top-space",role:"presentation",id:e},o().createElement("span",null,"Menu header")),o().createElement(u.MenuItem,null,"Menu Item One"),o().createElement(u.MenuItem,null,"Menu Item Two"),o().createElement(u.MenuItem,null,"Menu Item Three")))))},E=function(e){var t=e.label,n=e.isActive,r=e.hasNavMenu,a=e.hasNavMenuOpen,l=e.hasMenuDropdown,i=s()("slds-context-bar__item",{"slds-is-active":n,"slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click":r,"slds-is-open":a});return o().createElement("li",{className:i},o().createElement("a",{href:"#",className:"slds-context-bar__label-action",title:t,onClick:function(e){return e.preventDefault()}},n&&o().createElement("span",{className:"slds-assistive-text"},"Current Page:"),o().createElement("span",{className:"slds-truncate",title:t},t)),r&&o().createElement(o().Fragment,null,o().createElement(O,{onClick:e.onClick}),l&&o().createElement(M,null)))};E.defaultProps={label:"Menu Item",hasMenuDropdown:!0},E.propTypes={label:l().string.isRequired,isActive:l().bool,hasNavMenu:l().bool,hasNavMenuOpen:l().bool,hasMenuDropdown:l().bool};var O=function(e){return o().createElement("div",{className:"slds-context-bar__icon-action slds-p-left_none"},o().createElement(m.A,_({className:"slds-button_icon slds-context-bar__button",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open menu item submenu",title:"Open menu item submenu"},e)))},N=function(e){var t=e.appName,n=e.homeItemIsActive,r=e.hasNavMenuOpen,a=e.children;return o().createElement("div",{className:"slds-context-bar"},o().createElement("div",{className:"slds-context-bar__primary"},o().createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},o().createElement("div",{className:"slds-context-bar__icon-action"},o().createElement(p.A,{className:"slds-context-bar__button"})),o().createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},o().createElement("span",{className:"slds-truncate",title:t||"App Name"},t||"App Name")))),o().createElement("nav",{className:"slds-context-bar__secondary",role:"navigation"},o().createElement("ul",{className:"slds-grid"},o().createElement(E,{label:"Home",isActive:n}),a||o().createElement(o().Fragment,null,o().createElement(E,{label:"Menu Item",hasNavMenu:!0,hasNavMenuOpen:r,onClick:function(){return e.toggleNavMenu()}}),o().createElement(E,{label:"Menu Item"}),o().createElement(E,{label:"Menu Item"}),o().createElement(E,{label:"Menu Item"})))))};N.propTypes={appName:l().string,homeItemIsActive:l().bool,hasNavMenuOpen:l().bool,children:l().node};var w=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,n){return t=y(t),function(e,t){if(t&&("object"==f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,h()?Reflect.construct(t,n||[],y(e).constructor):t.apply(e,n))}(this,t)).toggleNavMenu=e.toggleNavMenu.bind(e),e.state={hasNavMenuOpen:!1},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(t,e),n=t,(r=[{key:"toggleNavMenu",value:function(){this.setState({hasNavMenuOpen:!this.state.hasNavMenuOpen})}},{key:"render",value:function(){return o().createElement(N,{homeItemIsActive:!0,toggleNavMenu:this.toggleNavMenu,hasNavMenuOpen:this.props.hasNavMenuOpen||this.state.hasNavMenuOpen})}}])&&b(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(r.Component),S="Navigation Bar - ",x=[{id:"default",label:S+"Default",demoStyles:"height: 16rem;",storybookStyles:!1,element:o().createElement(w,null)}],j=[{id:"item-active",label:S+"Item Active",element:o().createElement(N,null,o().createElement(E,{label:"Menu Item",hasNavMenu:!0}),o().createElement(E,{label:"Menu Item"}),o().createElement(E,{label:"Menu Item",isActive:!0}),o().createElement(E,{label:"Menu Item"}))},{id:"item-menu-open",label:S+"Item Menu Open",demoStyles:"height: 16rem;",storybookStyles:!0,element:o().createElement(w,{hasNavMenuOpen:!0})}]}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,o,a){if(!n){var l=1/0;for(u=0;u<e.length;u++){n=e[u][0],o=e[u][1],a=e[u][2];for(var i=!0,s=0;s<n.length;s++)(!1&a||l>=a)&&Object.keys(r.O).every(function(e){return r.O[e](n[s])})?n.splice(s--,1):(i=!1,a<l&&(l=a));if(i){e.splice(u--,1);var c=o();void 0!==c&&(t=c)}}return t}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[n,o,a]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=1385,function(){var e={518:0,1117:0,1252:0,1385:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,a,l=n[0],i=n[1],s=n[2],c=0;if(l.some(function(t){return 0!==e[t]})){for(o in i)r.o(i,o)&&(r.m[o]=i[o]);if(s)var u=s(r)}for(t&&t(n);c<l.length;c++)a=l[c],r.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return r.O(u)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),r.nc=void 0;var o=r.O(void 0,[6790],function(){return r(5540)});o=r.O(o),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/global-navigation/navigation-bar/example.jsx.js"]=o}();
+var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5540:function(e,t,n){n.r(t),n.d(t,{default:function(){return x},states:function(){return j}});var r=n(1594),o=n.n(r),a=n(4187),l=n.n(a),i=n(942),s=n.n(i),c=n(8347),u=n(4760),m=n(6955),p=n(5898),d=n(806);function f(e){return f="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},f(e)}function b(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,v(r.key),r)}}function v(e){var t=function(e){if("object"!=f(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==f(t)?t:t+""}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(h=function(){return!!e})()}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function g(e,t){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},g(e,t)}function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_.apply(null,arguments)}var M=function(){var e=d.Ay.uniqueId("menu-group-id-");return o().createElement(u.Menu,{className:"slds-dropdown_right"},o().createElement(u.MenuList,null,o().createElement(u.MenuItem,{title:"Main action"},o().createElement(c.A,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"add"}),"Main action"),o().createElement("li",{role:"presentation"},o().createElement("ul",{role:"group","aria-labelledby":e},o().createElement("li",{className:"slds-dropdown__header slds-has-divider_top-space",role:"presentation",id:e},o().createElement("span",null,"Menu header")),o().createElement(u.MenuItem,null,"Menu Item One"),o().createElement(u.MenuItem,null,"Menu Item Two"),o().createElement(u.MenuItem,null,"Menu Item Three")))))},E=function(e){var t=e.label,n=e.isActive,r=e.hasNavMenu,a=e.hasNavMenuOpen,l=e.hasMenuDropdown,i=s()("slds-context-bar__item",{"slds-is-active":n,"slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click":r,"slds-is-open":a});return o().createElement("li",{className:i},o().createElement("a",{href:"#",className:"slds-context-bar__label-action",title:t,onClick:function(e){return e.preventDefault()}},n&&o().createElement("span",{className:"slds-assistive-text"},"Current Page:"),o().createElement("span",{className:"slds-truncate",title:t},t)),r&&o().createElement(o().Fragment,null,o().createElement(O,{onClick:e.onClick}),l&&o().createElement(M,null)))};E.defaultProps={label:"Menu Item",hasMenuDropdown:!0},E.propTypes={label:l().string.isRequired,isActive:l().bool,hasNavMenu:l().bool,hasNavMenuOpen:l().bool,hasMenuDropdown:l().bool};var O=function(e){return o().createElement("div",{className:"slds-context-bar__icon-action slds-p-left_none"},o().createElement(m.A,_({className:"slds-button_icon slds-context-bar__button",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open menu item submenu",title:"Open menu item submenu"},e)))},N=function(e){var t=e.appName,n=e.homeItemIsActive,r=e.hasNavMenuOpen,a=e.children;return o().createElement("div",{className:"slds-context-bar"},o().createElement("div",{className:"slds-context-bar__primary"},o().createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},o().createElement("div",{className:"slds-context-bar__icon-action"},o().createElement(p.A,{className:"slds-context-bar__button"})),o().createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},o().createElement("span",{className:"slds-truncate",title:t||"App Name"},t||"App Name")))),o().createElement("nav",{className:"slds-context-bar__secondary",role:"navigation"},o().createElement("ul",{className:"slds-grid"},o().createElement(E,{label:"Home",isActive:n}),a||o().createElement(o().Fragment,null,o().createElement(E,{label:"Menu Item",hasNavMenu:!0,hasNavMenuOpen:r,onClick:function(){return e.toggleNavMenu()}}),o().createElement(E,{label:"Menu Item"}),o().createElement(E,{label:"Menu Item"}),o().createElement(E,{label:"Menu Item"})))))};N.propTypes={appName:l().string,homeItemIsActive:l().bool,hasNavMenuOpen:l().bool,children:l().node};var w=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,n){return t=y(t),function(e,t){if(t&&("object"==f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,h()?Reflect.construct(t,n||[],y(e).constructor):t.apply(e,n))}(this,t)).toggleNavMenu=e.toggleNavMenu.bind(e),e.state={hasNavMenuOpen:!1},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(t,e),n=t,(r=[{key:"toggleNavMenu",value:function(){this.setState({hasNavMenuOpen:!this.state.hasNavMenuOpen})}},{key:"render",value:function(){return o().createElement(N,{homeItemIsActive:!0,toggleNavMenu:this.toggleNavMenu,hasNavMenuOpen:this.props.hasNavMenuOpen||this.state.hasNavMenuOpen})}}])&&b(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(r.Component),S="Navigation Bar - ",x=[{id:"default",label:S+"Default",demoStyles:"height: 16rem;",storybookStyles:!1,element:o().createElement(w,null)}],j=[{id:"item-active",label:S+"Item Active",element:o().createElement(N,null,o().createElement(E,{label:"Menu Item",hasNavMenu:!0}),o().createElement(E,{label:"Menu Item"}),o().createElement(E,{label:"Menu Item",isActive:!0}),o().createElement(E,{label:"Menu Item"}))},{id:"item-menu-open",label:S+"Item Menu Open",demoStyles:"height: 16rem;",storybookStyles:!0,element:o().createElement(w,{hasNavMenuOpen:!0})}]}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,o,a){if(!n){var l=1/0;for(u=0;u<e.length;u++){n=e[u][0],o=e[u][1],a=e[u][2];for(var i=!0,s=0;s<n.length;s++)(!1&a||l>=a)&&Object.keys(r.O).every(function(e){return r.O[e](n[s])})?n.splice(s--,1):(i=!1,a<l&&(l=a));if(i){e.splice(u--,1);var c=o();void 0!==c&&(t=c)}}return t}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[n,o,a]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=1385,function(){var e={518:0,1117:0,1252:0,1385:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,a,l=n[0],i=n[1],s=n[2],c=0;if(l.some(function(t){return 0!==e[t]})){for(o in i)r.o(i,o)&&(r.m[o]=i[o]);if(s)var u=s(r)}for(t&&t(n);c<l.length;c++)a=l[c],r.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return r.O(u)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),r.nc=void 0;var o=r.O(void 0,[6790],function(){return r(5540)});o=r.O(o),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/global-navigation/navigation-bar/example.jsx.js"]=o}();

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

@@ -1 +1 @@
-var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5796:function(e,t,a){a.d(t,{Subtab:function(){return E},SubtabList:function(){return v},SubtabPanel:function(){return C},SubtabsContainer:function(){return I}});var n=a(1594),l=a.n(n),s=a(7412),i=a.n(s),r=a(942),m=a.n(r),d=a(8347),c=a(9825),o=a(6955),b=a(5794),u=a(4760),E=function(e){return l().createElement("li",{className:m()("slds-tabs_default__item slds-sub-tabs__item slds-grid slds-grid_vertical-align-center",{"slds-active":e.active,"slds-has-error":"error"===e.statusLevel,"slds-has-focus":e.hasFocus,"slds-has-notification":e.hasNotification,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-is-unsaved":e.itemUnsaved},e.className),role:"presentation"},l().createElement("a",{"aria-controls":e.tabPanelId,"aria-selected":e.active?"true":"false",className:"slds-tabs_default__link slds-p-horizontal_xx-small",href:"#",id:e.tabItemId,role:"tab",tabIndex:e.active?"0":"-1",title:e.title,onClick:function(e){return e.preventDefault()}},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,null),e.hasNotification&&l().createElement(b.VK,null)),e.hasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:e.symbol}),l().createElement("span",{className:m()("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),e.menuIcon?l().createElement("div",{className:m()("slds-dropdown-trigger slds-dropdown-trigger_click slds-p-left_none slds-p-right_none","true"===e.actionOverflow?"slds-is-open":null)},l().createElement(o.A,{"aria-haspopup":"true",assistiveText:"Actions for "+e.title,className:"slds-button_icon-container slds-button_icon-x-small",symbol:"chevrondown",tabIndex:e.active?"0":"-1",theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,title:"Actions for "+e.title})):null,l().createElement("div",{className:m()("slds-col_bump-left slds-p-left_none slds-p-right_none",e.pinned?"slds-assistive-text":null)},l().createElement(o.A,{assistiveText:"Close "+e.title,className:"slds-button_icon-container slds-button_icon-x-small",symbol:"close",tabIndex:e.active?"0":"-1",theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,title:"Close "+e.title})))};E.displayName="Subtab",E.propTypes={actionOverflow:i().string,active:i().bool,statusLevel:i().oneOf(["error","success","warning"]),className:i().string,hasFocus:i().bool,hasIcon:i().bool,hasNotification:i().bool,itemUnsaved:i().bool,menuIcon:i().bool,pinned:i().bool,symbol:i().string,tabItemId:i().string.isRequired,tabPanelId:i().string.isRequired,title:i().string},E.defaultProps={hasIcon:!0,title:"Subtab Name"};var I=function(e){return l().createElement("div",{className:"slds-tabs_default slds-sub-tabs"},e.children)};I.displayName="Subtabs",I.propTypes={children:i().node};var v=function(e){return l().createElement("ul",{className:"slds-tabs_default__nav",role:"tablist"},e.children)};v.displayName="SubtabList",v.propTypes={children:i().node};var C=function(e){return l().createElement("div",{"aria-labelledby":e.tabId,className:m()("slds-tabs_default__content",{"slds-show":e.isVisible,"slds-hide":!e.isVisible}),id:e.id,role:"tabpanel"},e.children)};C.displayName="SubtabPanel",C.propTypes={children:i().node,isVisible:i().bool,id:i().string,tabId:i().string};var h=function(e){return l().createElement("li",{className:m()("slds-tabs_default__item","slds-sub-tabs__item","slds-tabs_default__overflow-button",{"slds-has-error":"error"===e.statusLevel,"slds-has-notification":e.itemUnread,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-is-unsaved":e.itemUnsaved}),role:"presentation"},l().createElement("div",{className:m()("slds-dropdown-trigger slds-dropdown-trigger_click",e.isOpen&&"slds-is-open")},l().createElement(c.Button,{"aria-haspopup":"true",title:"More Tab Items",role:"tab"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l().createElement(b.VK,null)),l().createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l().createElement("span",{className:"slds-assistive-text"},"Tabs")),l().createElement(d.A,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l().createElement(u.Menu,{className:"slds-dropdown_right"},l().createElement(u.MenuList,null,l().createElement(u.MenuItem,{className:"slds-has-notification",statusLevel:e.statusLevel,title:"Chat - Customer"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,null),e.itemUnread&&l().createElement(b.VK,null)),e.itemHasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:"live_chat"}),l().createElement("span",null,"error"===e.statusLevel?"SLA Violation":"warning"===e.statusLevel?"SLA 0.30":"Chat - Customer")),l().createElement(u.MenuItem,{title:"Overflow Tab Item"},l().createElement(b.$7,null),l().createElement(b.Px,null),l().createElement("span",null,"Overflow Tab Item"))))))};h.displayName="SubtabOverflow",h.propTypes={statusLevel:i().oneOf(["error","success","warning"]),isOpen:i().bool,itemHasIcon:i().bool,itemUnread:i().bool,itemUnsaved:i().bool},h.defaultProps={itemHasIcon:!0}},7199:function(e,t,a){a.r(t),a.d(t,{ContextTab:function(){return P},ContextTabBar:function(){return y},ContextTabBarOverflow:function(){return f},ContextTabPanel:function(){return _},states:function(){return N}});var n=a(1594),l=a.n(n),s=a(7412),i=a.n(s),r=a(8347),m=a(4760),d=a(5898),c=a(6955),o=a(5796),b=a(5794),u=a(942),E=a.n(u),I="context-tab-panel-1",v="context-tab-panel-2",C="context-tab-panel-3",h="context-tab-id-1",T="context-tab-id-2",p="context-tab-id-3",g="Navigation Tab Bar - ",w=function(e){return l().createElement("span",{className:"slds-text-body_small slds-text-color_weak slds-p-left_large"},l().createElement("span",{className:"slds-assistive-text"},":"),e.children)},P=function(e){return l().createElement("li",{className:E()("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().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().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,{title:"Tab Not Saved"}),e.itemUnread&&l().createElement(b.VK,null)),e.hasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:e.symbol}),l().createElement("span",{className:E()("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),l().createElement("div",{className:E()("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().createElement(c.A,{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().createElement(m.Menu,{className:"slds-dropdown_right"},l().createElement(m.MenuList,null,l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"r")},"Refresh Tab"),l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"⇧ + n")},"Open in a new window"),l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"p")},"Pin Tab"),l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"w")},"Close Tab")))),e.pinned?null:l().createElement("div",{className:"slds-context-bar__icon-action slds-col_bump-left slds-p-left_none"},l().createElement(c.A,{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:i().string,hasFocus:i().bool,hasSubtabs:i().bool,id:i().string.isRequired,itemActive:i().bool,itemUnread:i().bool,itemUnsaved:i().bool,pinned:i().bool,statusLevel:i().oneOf(["error","success","warning"]),tabPanelId:i().string.isRequired,title:i().string},P.defaultProps={hasIcon:!0,title:"Tab Name"};var _=function(e){return l().createElement("div",{id:e.id,className:E()(e.show?"slds-show":"slds-hide"),role:"tabpanel","aria-labelledby":e.tabId},e.children)},y=function(e){return l().createElement("div",{className:E()("slds-context-bar slds-context-bar_tabs",e.className)},l().createElement("div",{className:"slds-context-bar__primary"},l().createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},l().createElement("div",{className:"slds-context-bar__icon-action"},l().createElement(d.A,{className:"slds-context-bar__button"})),l().createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},l().createElement("span",{className:"slds-truncate",title:e.appName||"App Name"},e.appName||"App Name"))),l().createElement("div",{className:E()("slds-context-bar__item slds-context-bar__object-switcher slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click",e.objectSwitchClassName)},l().createElement("a",{href:"#",className:"slds-context-bar__label-action",onClick:function(e){return e.preventDefault()}},l().createElement("span",{className:"slds-truncate",title:"Object"},"Object")),l().createElement("div",{className:"slds-context-bar__icon-action"},l().createElement(c.A,{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().createElement(m.Menu,{className:"slds-dropdown_right"},l().createElement(m.MenuList,null,l().createElement(m.MenuItem,null,l().createElement(r.A,{className:"slds-icon slds-icon_small slds-icon-standard-account slds-m-right_small",sprite:"standard",symbol:"account"}),"Accounts"),l().createElement(m.MenuItem,null,l().createElement(r.A,{className:"slds-icon slds-icon_small slds-icon-standard-case slds-m-right_small",sprite:"standard",symbol:"case"}),"Cases"),l().createElement(m.MenuItem,null,l().createElement(r.A,{className:"slds-icon slds-icon_small slds-icon-standard-work-order slds-m-right_small",sprite:"standard",symbol:"work_order"}),"Insights")))),l().createElement("div",{className:E()("slds-context-bar__item slds-dropdown-trigger slds-dropdown-trigger_click",e.addTabActive?"slds-is-open":null,e.addTabClassName)},l().createElement("div",{className:"slds-context-bar__icon-action"},l().createElement(c.A,{className:"slds-button_icon-container slds-button_icon-small",symbol:"add",assistiveText:"Open a New Tab",title:"Open a New Tab"})),e.addTabActive?l().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().createElement("div",{className:"slds-popover__body"},l().createElement("div",{className:"slds-form-element"},l().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Add Page by URL or ID"),l().createElement("div",{className:"slds-form-element__control slds-grid"},l().createElement("input",{id:"text-input-01",className:"slds-input",type:"text",placeholder:"Placeholder Text"}),l().createElement("button",{className:"slds-button slds-button_brand slds-shrink-none slds-m-left_small",type:"submit"},"Add Tab"))))):null)),l().createElement("div",{className:"slds-context-bar__secondary"},l().createElement("div",{className:"slds-context-bar__vertical-divider"}),l().createElement("ul",{className:"slds-grid",role:"tablist"},e.children)))},f=function(e){return l().createElement("li",{className:E()("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().createElement("button",{className:"slds-button slds-context-bar__label-action",title:"More Tab Items","aria-haspopup":"true",role:"tab"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,null),e.itemUnread&&l().createElement(b.VK,null)),l().createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l().createElement("span",{className:"slds-assistive-text"},"Tabs")),l().createElement(r.A,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l().createElement(m.Menu,{className:"slds-dropdown_right"},l().createElement(m.MenuList,null,l().createElement(m.MenuItem,{className:E()({"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved}),statusLevel:e.statusLevel,title:"Chat - Customer"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l().createElement(b.VK,null)),e.itemHasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:"live_chat"}),l().createElement("span",null,"Chat - Customer")),l().createElement(m.MenuItem,{title:"Overflow Tab Item"},l().createElement(b.$7,null),e.itemHasIcon&&l().createElement(b.Px,null),l().createElement("span",null,"Overflow Tab Item")))))};f.propTypes={statusLevel:i().oneOf(["error","success","warning"])},f.defaultProps={itemHasIcon:!0};var A=l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"));t.default=[{id:"default",label:g+"Default",element:A}];var N=[{id:"tab-active",label:g+"Active",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"tab-active-focus",label:g+"Active Focus",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0,hasFocus:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"tab-item-action-menu-open",label:g+"Action Overflow",element:l().createElement("div",{className:"demo-only",style:{height:"12rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0,actionOverflow:"true"}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-tab",label:g+"Unsaved Tab",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-tab",label:g+"Unread Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Chat - Customer",tabPanelId:C,id:p,symbol:"live_chat",itemUnread:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"unread-unsaved-tab",label:g+"Unread/Unsaved Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Chat - Customer",tabPanelId:C,id:p,symbol:"live_chat",itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success",label:g+"Success",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-active",label:g+"Success Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-success-focus",label:g+"Success Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unread",label:g+"Success Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unsaved",label:g+"Success Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unread-unsaved",label:g+"Success Unread and Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning",label:g+"Warning",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-active",label:g+"Warning Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-focus",label:g+"Warning focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unread",label:g+"Warning Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unsaved",label:g+"Warning Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unread-unsaved",label:g+"Warning Unread and Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error",label:g+"Error",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-active",label:g+"Error Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-error-focused",label:g+"Error focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unread",label:g+"Error Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unsaved",label:g+"Error Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unread-unsaved",label:g+"Error Unread and Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"pinned-tab",label:g+"Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,pinned:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-active",label:g+"Pinned Tab - Active",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0,pinned:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-active-focus",label:g+"Pinned Tab - Active Focus",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0,pinned:!0,hasFocus:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-pinned-tab",label:g+"Unsaved Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,pinned:!0,itemUnsaved:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-pinned-tab",label:g+"Unread Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Chat - Customer",symbol:"live_chat",tabPanelId:I,id:h,pinned:!0,itemUnread:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success",label:g+"Pinned Success Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-active",label:g+"Pinned Success Tab Active",element:l().createElement("div",{className:"demo-only"},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-focused",label:g+"Pinned Success Tab Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",hasFocus:!0,id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-unread",label:g+"Pinned Success Tab Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-unsaved",label:g+"Pinned Success Tab Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning",label:g+"Pinned Warning Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-active",label:g+"Pinned Warning Tab Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-focused",label:g+"Pinned Warning Tab Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",hasFocus:!0,id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-unread",label:g+"Pinned Warning Tab Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-unsaved",label:g+"Pinned Warning Tab Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error",label:g+"Pinned Error Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-active",label:g+"Pinned Error Tab Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-focused",label:g+"Pinned Error Tab Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-unread",label:g+"Pinned Error Tab Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-unsaved",label:g+"Pinned Error Tab Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"overflow-tabs",label:g+"Overflow Tabs",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,null)),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"overflow-tabs-open",label:g+"Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-overflow-tabs",label:g+"Unsaved Overflow Tabs",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-overflow-tabs-open",label:g+"Unsaved Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-overflow-tabs",label:g+"Unread Overflow Tabs",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{itemUnread:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-overflow-tabs-open",label:g+"Unread Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0,itemUnread:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-open",label:g+"Unread Unsaved Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-without-icon-open",label:g+"Unread Unsaved Overflow Tabs without Icon - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p,itemUnread:!0,itemUnsaved:!0,hasIcon:!1}),l().createElement(f,{isOpen:!0,itemUnread:!0,itemUnsaved:!0,itemHasIcon:!1})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"success-overflow",label:g+"Success Overflow Tabs",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"success",isOpen:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"success-overflow-unread-unsaved",label:g+"Success Overflow Tabs Unread and Unsaved",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"success",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"warning-overflow",label:g+"Warning Overflow Tabs",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"warning",isOpen:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"warning-overflow-unread-unsaved",label:g+"Warning Overflow Tabs Unread and Unsaved",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"warning",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"error-overflow",label:g+"Error Overflow Tabs",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"error",isOpen:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"error-overflow-unread-unsaved",label:g+"Error Overflow Tabs Unread and Unsaved",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"error",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"object-switcher-active",label:g+"Object Switcher - Active",element:l().createElement(l().Fragment,null,l().createElement(y,{objectSwitchClassName:"slds-is-active"},l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"object-switcher-menu-open",label:g+"Object Switcher - Open",element:l().createElement("div",{className:"demo-only",style:{height:"11rem"}},l().createElement(y,{objectSwitchClassName:"slds-is-open"},l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"add-tab-dialog-open",label:g+"Add Tab Dialog - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement(y,{addTabActive:!0},l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"sub-tabs-open",label:g+"Subtabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0,hasSubtabs:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},l().createElement(o.SubtabsContainer,null,l().createElement(o.SubtabList,null,l().createElement(o.Subtab,{active:!0,title:"00071938",tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01"}),l().createElement(o.Subtab,{title:"Chat - Customer",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",symbol:"live_chat"})),l().createElement(o.SubtabPanel,{id:"subtab-tabpanel-01",tabId:"subtab-tabitem-01",isVisible:!0},"Item One Content"),l().createElement(o.SubtabPanel,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))}]}},a={};function n(e){var l=a[e];if(void 0!==l)return l.exports;var s=a[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.m=t,n.amdO={},e=[],n.O=function(t,a,l,s){if(!a){var i=1/0;for(c=0;c<e.length;c++){a=e[c][0],l=e[c][1],s=e[c][2];for(var r=!0,m=0;m<a.length;m++)(!1&s||i>=s)&&Object.keys(n.O).every(function(e){return n.O[e](a[m])})?a.splice(m--,1):(r=!1,s<i&&(i=s));if(r){e.splice(c--,1);var d=l();void 0!==d&&(t=d)}}return t}s=s||0;for(var c=e.length;c>0&&e[c-1][2]>s;c--)e[c]=e[c-1];e[c]=[a,l,s]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=7243,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6380:0,6671:0,7217:0,7243:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,a){var l,s,i=a[0],r=a[1],m=a[2],d=0;if(i.some(function(t){return 0!==e[t]})){for(l in r)n.o(r,l)&&(n.m[l]=r[l]);if(m)var c=m(n)}for(t&&t(a);d<i.length;d++)s=i[d],n.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return n.O(c)},a=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))}(),n.nc=void 0;var l=n.O(void 0,[6790],function(){return n(7199)});l=n.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/global-navigation/navigation-tab-bar/example.jsx.js"]=l}();
+var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5796:function(e,t,a){a.d(t,{Subtab:function(){return E},SubtabList:function(){return v},SubtabPanel:function(){return C},SubtabsContainer:function(){return I}});var n=a(1594),l=a.n(n),s=a(4187),i=a.n(s),r=a(942),m=a.n(r),d=a(8347),c=a(9825),o=a(6955),b=a(5794),u=a(4760),E=function(e){return l().createElement("li",{className:m()("slds-tabs_default__item slds-sub-tabs__item slds-grid slds-grid_vertical-align-center",{"slds-active":e.active,"slds-has-error":"error"===e.statusLevel,"slds-has-focus":e.hasFocus,"slds-has-notification":e.hasNotification,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-is-unsaved":e.itemUnsaved},e.className),role:"presentation"},l().createElement("a",{"aria-controls":e.tabPanelId,"aria-selected":e.active?"true":"false",className:"slds-tabs_default__link slds-p-horizontal_xx-small",href:"#",id:e.tabItemId,role:"tab",tabIndex:e.active?"0":"-1",title:e.title,onClick:function(e){return e.preventDefault()}},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,null),e.hasNotification&&l().createElement(b.VK,null)),e.hasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:e.symbol}),l().createElement("span",{className:m()("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),e.menuIcon?l().createElement("div",{className:m()("slds-dropdown-trigger slds-dropdown-trigger_click slds-p-left_none slds-p-right_none","true"===e.actionOverflow?"slds-is-open":null)},l().createElement(o.A,{"aria-haspopup":"true",assistiveText:"Actions for "+e.title,className:"slds-button_icon-container slds-button_icon-x-small",symbol:"chevrondown",tabIndex:e.active?"0":"-1",theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,title:"Actions for "+e.title})):null,l().createElement("div",{className:m()("slds-col_bump-left slds-p-left_none slds-p-right_none",e.pinned?"slds-assistive-text":null)},l().createElement(o.A,{assistiveText:"Close "+e.title,className:"slds-button_icon-container slds-button_icon-x-small",symbol:"close",tabIndex:e.active?"0":"-1",theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,title:"Close "+e.title})))};E.displayName="Subtab",E.propTypes={actionOverflow:i().string,active:i().bool,statusLevel:i().oneOf(["error","success","warning"]),className:i().string,hasFocus:i().bool,hasIcon:i().bool,hasNotification:i().bool,itemUnsaved:i().bool,menuIcon:i().bool,pinned:i().bool,symbol:i().string,tabItemId:i().string.isRequired,tabPanelId:i().string.isRequired,title:i().string},E.defaultProps={hasIcon:!0,title:"Subtab Name"};var I=function(e){return l().createElement("div",{className:"slds-tabs_default slds-sub-tabs"},e.children)};I.displayName="Subtabs",I.propTypes={children:i().node};var v=function(e){return l().createElement("ul",{className:"slds-tabs_default__nav",role:"tablist"},e.children)};v.displayName="SubtabList",v.propTypes={children:i().node};var C=function(e){return l().createElement("div",{"aria-labelledby":e.tabId,className:m()("slds-tabs_default__content",{"slds-show":e.isVisible,"slds-hide":!e.isVisible}),id:e.id,role:"tabpanel"},e.children)};C.displayName="SubtabPanel",C.propTypes={children:i().node,isVisible:i().bool,id:i().string,tabId:i().string};var h=function(e){return l().createElement("li",{className:m()("slds-tabs_default__item","slds-sub-tabs__item","slds-tabs_default__overflow-button",{"slds-has-error":"error"===e.statusLevel,"slds-has-notification":e.itemUnread,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-is-unsaved":e.itemUnsaved}),role:"presentation"},l().createElement("div",{className:m()("slds-dropdown-trigger slds-dropdown-trigger_click",e.isOpen&&"slds-is-open")},l().createElement(c.Button,{"aria-haspopup":"true",title:"More Tab Items",role:"tab"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l().createElement(b.VK,null)),l().createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l().createElement("span",{className:"slds-assistive-text"},"Tabs")),l().createElement(d.A,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l().createElement(u.Menu,{className:"slds-dropdown_right"},l().createElement(u.MenuList,null,l().createElement(u.MenuItem,{className:"slds-has-notification",statusLevel:e.statusLevel,title:"Chat - Customer"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,null),e.itemUnread&&l().createElement(b.VK,null)),e.itemHasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:"live_chat"}),l().createElement("span",null,"error"===e.statusLevel?"SLA Violation":"warning"===e.statusLevel?"SLA 0.30":"Chat - Customer")),l().createElement(u.MenuItem,{title:"Overflow Tab Item"},l().createElement(b.$7,null),l().createElement(b.Px,null),l().createElement("span",null,"Overflow Tab Item"))))))};h.displayName="SubtabOverflow",h.propTypes={statusLevel:i().oneOf(["error","success","warning"]),isOpen:i().bool,itemHasIcon:i().bool,itemUnread:i().bool,itemUnsaved:i().bool},h.defaultProps={itemHasIcon:!0}},7199:function(e,t,a){a.r(t),a.d(t,{ContextTab:function(){return P},ContextTabBar:function(){return y},ContextTabBarOverflow:function(){return f},ContextTabPanel:function(){return _},states:function(){return N}});var n=a(1594),l=a.n(n),s=a(4187),i=a.n(s),r=a(8347),m=a(4760),d=a(5898),c=a(6955),o=a(5796),b=a(5794),u=a(942),E=a.n(u),I="context-tab-panel-1",v="context-tab-panel-2",C="context-tab-panel-3",h="context-tab-id-1",T="context-tab-id-2",p="context-tab-id-3",g="Navigation Tab Bar - ",w=function(e){return l().createElement("span",{className:"slds-text-body_small slds-text-color_weak slds-p-left_large"},l().createElement("span",{className:"slds-assistive-text"},":"),e.children)},P=function(e){return l().createElement("li",{className:E()("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().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().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,{title:"Tab Not Saved"}),e.itemUnread&&l().createElement(b.VK,null)),e.hasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:e.symbol}),l().createElement("span",{className:E()("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),l().createElement("div",{className:E()("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().createElement(c.A,{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().createElement(m.Menu,{className:"slds-dropdown_right"},l().createElement(m.MenuList,null,l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"r")},"Refresh Tab"),l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"⇧ + n")},"Open in a new window"),l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"p")},"Pin Tab"),l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"w")},"Close Tab")))),e.pinned?null:l().createElement("div",{className:"slds-context-bar__icon-action slds-col_bump-left slds-p-left_none"},l().createElement(c.A,{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:i().string,hasFocus:i().bool,hasSubtabs:i().bool,id:i().string.isRequired,itemActive:i().bool,itemUnread:i().bool,itemUnsaved:i().bool,pinned:i().bool,statusLevel:i().oneOf(["error","success","warning"]),tabPanelId:i().string.isRequired,title:i().string},P.defaultProps={hasIcon:!0,title:"Tab Name"};var _=function(e){return l().createElement("div",{id:e.id,className:E()(e.show?"slds-show":"slds-hide"),role:"tabpanel","aria-labelledby":e.tabId},e.children)},y=function(e){return l().createElement("div",{className:E()("slds-context-bar slds-context-bar_tabs",e.className)},l().createElement("div",{className:"slds-context-bar__primary"},l().createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},l().createElement("div",{className:"slds-context-bar__icon-action"},l().createElement(d.A,{className:"slds-context-bar__button"})),l().createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},l().createElement("span",{className:"slds-truncate",title:e.appName||"App Name"},e.appName||"App Name"))),l().createElement("div",{className:E()("slds-context-bar__item slds-context-bar__object-switcher slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click",e.objectSwitchClassName)},l().createElement("a",{href:"#",className:"slds-context-bar__label-action",onClick:function(e){return e.preventDefault()}},l().createElement("span",{className:"slds-truncate",title:"Object"},"Object")),l().createElement("div",{className:"slds-context-bar__icon-action"},l().createElement(c.A,{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().createElement(m.Menu,{className:"slds-dropdown_right"},l().createElement(m.MenuList,null,l().createElement(m.MenuItem,null,l().createElement(r.A,{className:"slds-icon slds-icon_small slds-icon-standard-account slds-m-right_small",sprite:"standard",symbol:"account"}),"Accounts"),l().createElement(m.MenuItem,null,l().createElement(r.A,{className:"slds-icon slds-icon_small slds-icon-standard-case slds-m-right_small",sprite:"standard",symbol:"case"}),"Cases"),l().createElement(m.MenuItem,null,l().createElement(r.A,{className:"slds-icon slds-icon_small slds-icon-standard-work-order slds-m-right_small",sprite:"standard",symbol:"work_order"}),"Insights")))),l().createElement("div",{className:E()("slds-context-bar__item slds-dropdown-trigger slds-dropdown-trigger_click",e.addTabActive?"slds-is-open":null,e.addTabClassName)},l().createElement("div",{className:"slds-context-bar__icon-action"},l().createElement(c.A,{className:"slds-button_icon-container slds-button_icon-small",symbol:"add",assistiveText:"Open a New Tab",title:"Open a New Tab"})),e.addTabActive?l().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().createElement("div",{className:"slds-popover__body"},l().createElement("div",{className:"slds-form-element"},l().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Add Page by URL or ID"),l().createElement("div",{className:"slds-form-element__control slds-grid"},l().createElement("input",{id:"text-input-01",className:"slds-input",type:"text",placeholder:"Placeholder Text"}),l().createElement("button",{className:"slds-button slds-button_brand slds-shrink-none slds-m-left_small",type:"submit"},"Add Tab"))))):null)),l().createElement("div",{className:"slds-context-bar__secondary"},l().createElement("div",{className:"slds-context-bar__vertical-divider"}),l().createElement("ul",{className:"slds-grid",role:"tablist"},e.children)))},f=function(e){return l().createElement("li",{className:E()("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().createElement("button",{className:"slds-button slds-context-bar__label-action",title:"More Tab Items","aria-haspopup":"true",role:"tab"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,null),e.itemUnread&&l().createElement(b.VK,null)),l().createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l().createElement("span",{className:"slds-assistive-text"},"Tabs")),l().createElement(r.A,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l().createElement(m.Menu,{className:"slds-dropdown_right"},l().createElement(m.MenuList,null,l().createElement(m.MenuItem,{className:E()({"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved}),statusLevel:e.statusLevel,title:"Chat - Customer"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l().createElement(b.VK,null)),e.itemHasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:"live_chat"}),l().createElement("span",null,"Chat - Customer")),l().createElement(m.MenuItem,{title:"Overflow Tab Item"},l().createElement(b.$7,null),e.itemHasIcon&&l().createElement(b.Px,null),l().createElement("span",null,"Overflow Tab Item")))))};f.propTypes={statusLevel:i().oneOf(["error","success","warning"])},f.defaultProps={itemHasIcon:!0};var A=l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"));t.default=[{id:"default",label:g+"Default",element:A}];var N=[{id:"tab-active",label:g+"Active",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"tab-active-focus",label:g+"Active Focus",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0,hasFocus:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"tab-item-action-menu-open",label:g+"Action Overflow",element:l().createElement("div",{className:"demo-only",style:{height:"12rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0,actionOverflow:"true"}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-tab",label:g+"Unsaved Tab",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-tab",label:g+"Unread Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Chat - Customer",tabPanelId:C,id:p,symbol:"live_chat",itemUnread:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"unread-unsaved-tab",label:g+"Unread/Unsaved Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Chat - Customer",tabPanelId:C,id:p,symbol:"live_chat",itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success",label:g+"Success",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-active",label:g+"Success Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-success-focus",label:g+"Success Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unread",label:g+"Success Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unsaved",label:g+"Success Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unread-unsaved",label:g+"Success Unread and Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning",label:g+"Warning",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-active",label:g+"Warning Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-focus",label:g+"Warning focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unread",label:g+"Warning Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unsaved",label:g+"Warning Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unread-unsaved",label:g+"Warning Unread and Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error",label:g+"Error",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-active",label:g+"Error Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-error-focused",label:g+"Error focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unread",label:g+"Error Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unsaved",label:g+"Error Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unread-unsaved",label:g+"Error Unread and Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"pinned-tab",label:g+"Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,pinned:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-active",label:g+"Pinned Tab - Active",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0,pinned:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-active-focus",label:g+"Pinned Tab - Active Focus",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0,pinned:!0,hasFocus:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-pinned-tab",label:g+"Unsaved Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,pinned:!0,itemUnsaved:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-pinned-tab",label:g+"Unread Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Chat - Customer",symbol:"live_chat",tabPanelId:I,id:h,pinned:!0,itemUnread:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success",label:g+"Pinned Success Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-active",label:g+"Pinned Success Tab Active",element:l().createElement("div",{className:"demo-only"},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-focused",label:g+"Pinned Success Tab Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",hasFocus:!0,id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-unread",label:g+"Pinned Success Tab Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-unsaved",label:g+"Pinned Success Tab Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning",label:g+"Pinned Warning Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-active",label:g+"Pinned Warning Tab Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-focused",label:g+"Pinned Warning Tab Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",hasFocus:!0,id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-unread",label:g+"Pinned Warning Tab Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-unsaved",label:g+"Pinned Warning Tab Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error",label:g+"Pinned Error Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-active",label:g+"Pinned Error Tab Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-focused",label:g+"Pinned Error Tab Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-unread",label:g+"Pinned Error Tab Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-unsaved",label:g+"Pinned Error Tab Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"overflow-tabs",label:g+"Overflow Tabs",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,null)),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"overflow-tabs-open",label:g+"Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-overflow-tabs",label:g+"Unsaved Overflow Tabs",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-overflow-tabs-open",label:g+"Unsaved Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-overflow-tabs",label:g+"Unread Overflow Tabs",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{itemUnread:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-overflow-tabs-open",label:g+"Unread Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0,itemUnread:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-open",label:g+"Unread Unsaved Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-without-icon-open",label:g+"Unread Unsaved Overflow Tabs without Icon - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p,itemUnread:!0,itemUnsaved:!0,hasIcon:!1}),l().createElement(f,{isOpen:!0,itemUnread:!0,itemUnsaved:!0,itemHasIcon:!1})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"success-overflow",label:g+"Success Overflow Tabs",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"success",isOpen:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"success-overflow-unread-unsaved",label:g+"Success Overflow Tabs Unread and Unsaved",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"success",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"warning-overflow",label:g+"Warning Overflow Tabs",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"warning",isOpen:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"warning-overflow-unread-unsaved",label:g+"Warning Overflow Tabs Unread and Unsaved",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"warning",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"error-overflow",label:g+"Error Overflow Tabs",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"error",isOpen:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"error-overflow-unread-unsaved",label:g+"Error Overflow Tabs Unread and Unsaved",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"error",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"object-switcher-active",label:g+"Object Switcher - Active",element:l().createElement(l().Fragment,null,l().createElement(y,{objectSwitchClassName:"slds-is-active"},l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"object-switcher-menu-open",label:g+"Object Switcher - Open",element:l().createElement("div",{className:"demo-only",style:{height:"11rem"}},l().createElement(y,{objectSwitchClassName:"slds-is-open"},l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"add-tab-dialog-open",label:g+"Add Tab Dialog - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement(y,{addTabActive:!0},l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"sub-tabs-open",label:g+"Subtabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0,hasSubtabs:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},l().createElement(o.SubtabsContainer,null,l().createElement(o.SubtabList,null,l().createElement(o.Subtab,{active:!0,title:"00071938",tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01"}),l().createElement(o.Subtab,{title:"Chat - Customer",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",symbol:"live_chat"})),l().createElement(o.SubtabPanel,{id:"subtab-tabpanel-01",tabId:"subtab-tabitem-01",isVisible:!0},"Item One Content"),l().createElement(o.SubtabPanel,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))}]}},a={};function n(e){var l=a[e];if(void 0!==l)return l.exports;var s=a[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.m=t,n.amdO={},e=[],n.O=function(t,a,l,s){if(!a){var i=1/0;for(c=0;c<e.length;c++){a=e[c][0],l=e[c][1],s=e[c][2];for(var r=!0,m=0;m<a.length;m++)(!1&s||i>=s)&&Object.keys(n.O).every(function(e){return n.O[e](a[m])})?a.splice(m--,1):(r=!1,s<i&&(i=s));if(r){e.splice(c--,1);var d=l();void 0!==d&&(t=d)}}return t}s=s||0;for(var c=e.length;c>0&&e[c-1][2]>s;c--)e[c]=e[c-1];e[c]=[a,l,s]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=7243,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6380:0,6671:0,7217:0,7243:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,a){var l,s,i=a[0],r=a[1],m=a[2],d=0;if(i.some(function(t){return 0!==e[t]})){for(l in r)n.o(r,l)&&(n.m[l]=r[l]);if(m)var c=m(n)}for(t&&t(a);d<i.length;d++)s=i[d],n.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return n.O(c)},a=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))}(),n.nc=void 0;var l=n.O(void 0,[6790],function(){return n(7199)});l=n.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/global-navigation/navigation-tab-bar/example.jsx.js"]=l}();