@salesforce-ux/design-system/__internal/chunked/docs/ui/components/global-navigation/docs.mdx.js

Salesforce Lightning Design System

var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/global-navigation/docs.mdx.js"]=function(e){function t(t){for(var n,s,r=t[0],o=t[1],c=t[2],m=0,b=[];m<r.length;m++)s=r[m],Object.prototype.hasOwnProperty.call(l,s)&&l[s]&&b.push(l[s][0]),l[s]=0;for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n]);for(d&&d(t);b.length;)b.shift()();return i.push.apply(i,c||[]),a()}function a(){for(var e,t=0;t<i.length;t++){for(var a=i[t],n=!0,r=1;r<a.length;r++){var o=a[r];0!==l[o]&&(n=!1)}n&&(i.splice(t--,1),e=s(s.s=a[0]))}return e}var n={},l={41:0},i=[];function s(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,s),a.l=!0,a.exports}s.m=e,s.c=n,s.d=function(e,t,a){s.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(s.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)s.d(a,n,function(t){return e[t]}.bind(null,n));return a},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],o=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var d=o;return i.push([740,0]),a()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},22:function(e,t){e.exports=JSBeautify},740:function(e,t,a){"use strict";a.r(t),a.d(t,"getElement",(function(){return se})),a.d(t,"getContents",(function(){return re}));var n=a(0),l=a.n(n),i=a(4),s=a(2),r=a(27),o=(a(14),a(3)),c=a.n(o),d=a(5),m=a.n(d),b=a(9),u=a(10),E=a(7),v=a(148),h=a(1);function p(e){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function I(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function C(e,t){return(C=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=f(e);if(t){var l=f(this).constructor;a=Reflect.construct(n,arguments,l)}else a=n.apply(this,arguments);return T(this,a)}}function T(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return w(e)}function w(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function O(){return(O=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}var y=function(){var e=h.d.uniqueId("menu-group-id-");return l.a.createElement(u.f,{className:"slds-dropdown_right"},l.a.createElement(u.h,null,l.a.createElement(u.g,{title:"Main action"},l.a.createElement(b.a,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"add"}),"Main action"),l.a.createElement("li",{role:"presentation"},l.a.createElement("ul",{role:"group","aria-labelledby":e},l.a.createElement("li",{className:"slds-dropdown__header slds-has-divider_top-space",role:"presentation",id:e},l.a.createElement("span",null,"Menu header")),l.a.createElement(u.g,null,"Menu Item One"),l.a.createElement(u.g,null,"Menu Item Two"),l.a.createElement(u.g,null,"Menu Item Three")))))},P=function(e){var t=e.label,a=e.isActive,n=e.hasNavMenu,i=e.hasNavMenuOpen,s=e.hasMenuDropdown,r=m()("slds-context-bar__item",{"slds-is-active":a,"slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click":n,"slds-is-open":i});return l.a.createElement("li",{className:r},l.a.createElement("a",{href:"#",className:"slds-context-bar__label-action",title:t,onClick:function(e){return e.preventDefault()}},a&&l.a.createElement("span",{className:"slds-assistive-text"},"Current Page:"),l.a.createElement("span",{className:"slds-truncate",title:t},t)),n&&l.a.createElement(l.a.Fragment,null,l.a.createElement(_,{onClick:e.onClick}),s&&l.a.createElement(y,null)))};P.defaultProps={label:"Menu Item",hasMenuDropdown:!0},P.propTypes={label:c.a.string.isRequired,isActive:c.a.bool,hasNavMenu:c.a.bool,hasNavMenuOpen:c.a.bool,hasMenuDropdown:c.a.bool};var _=function(e){return l.a.createElement("div",{className:"slds-context-bar__icon-action slds-p-left_none"},l.a.createElement(E.b,O({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,a=e.homeItemIsActive,n=e.hasNavMenuOpen,i=e.children;return l.a.createElement("div",{className:"slds-context-bar"},l.a.createElement("div",{className:"slds-context-bar__primary"},l.a.createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},l.a.createElement("div",{className:"slds-context-bar__icon-action"},l.a.createElement(v.a,{className:"slds-context-bar__button"})),l.a.createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},l.a.createElement("span",{className:"slds-truncate",title:t||"App Name"},t||"App Name")))),l.a.createElement("nav",{className:"slds-context-bar__secondary",role:"navigation"},l.a.createElement("ul",{className:"slds-grid"},l.a.createElement(P,{label:"Home",isActive:a}),i||l.a.createElement(l.a.Fragment,null,l.a.createElement(P,{label:"Menu Item",hasNavMenu:!0,hasNavMenuOpen:n,onClick:function(){return e.toggleNavMenu()}}),l.a.createElement(P,{label:"Menu Item"}),l.a.createElement(P,{label:"Menu Item"}),l.a.createElement(P,{label:"Menu Item"})))))};N.propTypes={appName:c.a.string,homeItemIsActive:c.a.bool,hasNavMenuOpen:c.a.bool,children:c.a.node};var A=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&C(e,t)}(s,e);var t,a,n,i=g(s);function s(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),(e=i.call(this)).toggleNavMenu=e.toggleNavMenu.bind(w(e)),e.state={hasNavMenuOpen:!1},e}return t=s,(a=[{key:"toggleNavMenu",value:function(){this.setState({hasNavMenuOpen:!this.state.hasNavMenuOpen})}},{key:"render",value:function(){return l.a.createElement(N,{homeItemIsActive:!0,toggleNavMenu:this.toggleNavMenu,hasNavMenuOpen:this.props.hasNavMenuOpen||this.state.hasNavMenuOpen})}}])&&I(t.prototype,a),n&&I(t,n),Object.defineProperty(t,"prototype",{writable:!1}),s}(n.Component),x="Navigation Bar - ",j=[{id:"default",label:x+"Default",demoStyles:"height: 16rem;",storybookStyles:!1,element:l.a.createElement(A,null)}],U=[{id:"item-active",label:x+"Item Active",element:l.a.createElement(N,null,l.a.createElement(P,{label:"Menu Item",hasNavMenu:!0}),l.a.createElement(P,{label:"Menu Item"}),l.a.createElement(P,{label:"Menu Item",isActive:!0}),l.a.createElement(P,{label:"Menu Item"}))},{id:"item-menu-open",label:x+"Item Menu Open",demoStyles:"height: 16rem;",storybookStyles:!0,element:l.a.createElement(A,{hasNavMenuOpen:!0})}],S=a(48),L=a(56),H="context-tab-panel-1",F="context-tab-panel-2",k="context-tab-panel-3",M="context-tab-id-1",W="context-tab-id-2",D="context-tab-id-3",V="Navigation Tab Bar - ",R=function(e){return l.a.createElement("span",{className:"slds-text-body_small slds-text-color_weak slds-p-left_large"},l.a.createElement("span",{className:"slds-assistive-text"},":"),e.children)},B=function(e){return l.a.createElement("li",{className:m()("slds-context-bar__item slds-context-bar__item_tab",e.className,{"slds-is-active":e.itemActive,"slds-is-unsaved":e.itemUnsaved,"slds-is-pinned":e.pinned,"slds-has-focus":e.hasFocus,"slds-has-notification":e.itemUnread,"slds-has-sub-tabs":e.hasSubtabs,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-has-error":"error"===e.statusLevel}),role:"presentation"},l.a.createElement("a",{href:"#",className:"slds-context-bar__label-action",role:"tab",title:e.title,"aria-selected":e.itemActive?"true":"false",tabIndex:e.itemActive?"0":"-1","aria-controls":e.tabPanelId,id:e.id,onClick:function(e){return e.preventDefault()}},l.a.createElement(L.a,null,e.itemUnsaved&&l.a.createElement(L.c,{title:"Tab Not Saved"}),e.itemUnread&&l.a.createElement(L.b,null)),e.hasIcon&&l.a.createElement(L.d,{statusLevel:e.statusLevel,symbol:e.symbol}),l.a.createElement("span",{className:m()("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),l.a.createElement("div",{className:m()("slds-context-bar__icon-action slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-p-left_none slds-p-right_none","true"===e.actionOverflow?"slds-is-open":null)},l.a.createElement(E.b,{className:"slds-button_icon-container slds-button_icon-x-small",tabIndex:e.itemActive?"0":"-1",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Actions for "+e.title,title:"Actions for "+e.title,theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,useCurrentColor:"error"!==e.statusLevel&&"success"!==e.statusLevel}),l.a.createElement(u.f,{className:"slds-dropdown_right"},l.a.createElement(u.h,null,l.a.createElement(u.g,{iconRight:l.a.createElement(R,null,"r")},"Refresh Tab"),l.a.createElement(u.g,{iconRight:l.a.createElement(R,null,"⇧ + n")},"Open in a new window"),l.a.createElement(u.g,{iconRight:l.a.createElement(R,null,"p")},"Pin Tab"),l.a.createElement(u.g,{iconRight:l.a.createElement(R,null,"w")},"Close Tab")))),e.pinned?null:l.a.createElement("div",{className:"slds-context-bar__icon-action slds-col_bump-left slds-p-left_none"},l.a.createElement(E.b,{className:"slds-button_icon-container slds-button_icon-x-small",tabIndex:e.itemActive?"0":"-1",symbol:"close",assistiveText:"Close "+e.title,title:"Close "+e.title,theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,useCurrentColor:"error"!==e.statusLevel&&"success"!==e.statusLevel})))};B.propTypes={className:c.a.string,hasFocus:c.a.bool,hasSubtabs:c.a.bool,id:c.a.string.isRequired,itemActive:c.a.bool,itemUnread:c.a.bool,itemUnsaved:c.a.bool,pinned:c.a.bool,statusLevel:c.a.oneOf(["error","success","warning"]),tabPanelId:c.a.string.isRequired,title:c.a.string},B.defaultProps={hasIcon:!0,title:"Tab Name"};var q=function(e){return l.a.createElement("div",{id:e.id,className:m()(e.show?"slds-show":"slds-hide"),role:"tabpanel","aria-labelledby":e.tabId},e.children)},z=function(e){return l.a.createElement("div",{className:m()("slds-context-bar slds-context-bar_tabs",e.className)},l.a.createElement("div",{className:"slds-context-bar__primary"},l.a.createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},l.a.createElement("div",{className:"slds-context-bar__icon-action"},l.a.createElement(v.a,{className:"slds-context-bar__button"})),l.a.createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},l.a.createElement("span",{className:"slds-truncate",title:e.appName||"App Name"},e.appName||"App Name"))),l.a.createElement("div",{className:m()("slds-context-bar__item slds-context-bar__object-switcher slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click",e.objectSwitchClassName)},l.a.createElement("a",{href:"#",className:"slds-context-bar__label-action",onClick:function(e){return e.preventDefault()}},l.a.createElement("span",{className:"slds-truncate",title:"Object"},"Object")),l.a.createElement("div",{className:"slds-context-bar__icon-action"},l.a.createElement(E.b,{className:"slds-button_icon-container slds-button_icon-x-small",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open object switcher menu",title:"Open object switcher menu"})),l.a.createElement(u.f,{className:"slds-dropdown_right"},l.a.createElement(u.h,null,l.a.createElement(u.g,null,l.a.createElement(b.a,{className:"slds-icon slds-icon_small slds-icon-standard-account slds-m-right_small",sprite:"standard",symbol:"account"}),"Accounts"),l.a.createElement(u.g,null,l.a.createElement(b.a,{className:"slds-icon slds-icon_small slds-icon-standard-case slds-m-right_small",sprite:"standard",symbol:"case"}),"Cases"),l.a.createElement(u.g,null,l.a.createElement(b.a,{className:"slds-icon slds-icon_small slds-icon-standard-work-order slds-m-right_small",sprite:"standard",symbol:"work_order"}),"Insights")))),l.a.createElement("div",{className:m()("slds-context-bar__item slds-dropdown-trigger slds-dropdown-trigger_click",e.addTabActive?"slds-is-open":null,e.addTabClassName)},l.a.createElement("div",{className:"slds-context-bar__icon-action"},l.a.createElement(E.b,{className:"slds-button_icon-container slds-button_icon-small",symbol:"add",assistiveText:"Open a New Tab",title:"Open a New Tab"})),e.addTabActive?l.a.createElement("section",{className:"slds-popover slds-nubbin_top",role:"dialog","aria-label":"Add tab by URL or ID",style:{position:"absolute",left:"1.125rem",top:"2.75rem",marginLeft:"-10rem"}},l.a.createElement("div",{className:"slds-popover__body"},l.a.createElement("div",{className:"slds-form-element"},l.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Add Page by URL or ID"),l.a.createElement("div",{className:"slds-form-element__control slds-grid"},l.a.createElement("input",{id:"text-input-01",className:"slds-input",type:"text",placeholder:"Placeholder Text"}),l.a.createElement("button",{className:"slds-button slds-button_brand slds-shrink-none slds-m-left_small",type:"submit"},"Add Tab"))))):null)),l.a.createElement("div",{className:"slds-context-bar__secondary"},l.a.createElement("div",{className:"slds-context-bar__vertical-divider"}),l.a.createElement("ul",{className:"slds-grid",role:"tablist"},e.children)))},J=function(e){return l.a.createElement("li",{className:m()("slds-context-bar__item","slds-context-bar__dropdown-trigger","slds-dropdown-trigger","slds-dropdown-trigger_click",{"slds-is-open":e.isOpen,"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-has-error":"error"===e.statusLevel}),role:"presentation"},l.a.createElement("button",{className:"slds-button slds-context-bar__label-action",title:"More Tab Items","aria-haspopup":"true"},l.a.createElement(L.a,null,e.itemUnsaved&&l.a.createElement(L.c,null),e.itemUnread&&l.a.createElement(L.b,null)),l.a.createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l.a.createElement("span",{className:"slds-assistive-text"},"Tabs")),l.a.createElement(b.a,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l.a.createElement(u.f,{className:"slds-dropdown_right"},l.a.createElement(u.h,null,l.a.createElement(u.g,{className:m()({"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved}),statusLevel:e.statusLevel,title:"Chat - Customer"},l.a.createElement(L.a,null,e.itemUnsaved&&l.a.createElement(L.c,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l.a.createElement(L.b,null)),e.itemHasIcon&&l.a.createElement(L.d,{statusLevel:e.statusLevel,symbol:"live_chat"}),l.a.createElement("span",null,"Chat - Customer")),l.a.createElement(u.g,{title:"Overflow Tab Item"},l.a.createElement(L.a,null),e.itemHasIcon&&l.a.createElement(L.d,null),l.a.createElement("span",null,"Overflow Tab Item")))))};J.propTypes={statusLevel:c.a.oneOf(["error","success","warning"])},J.defaultProps={itemHasIcon:!0};var G=[{id:"default",label:V+"Default",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D})),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))}],Y=[{id:"tab-active",label:V+"Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{show:!0,id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"tab-active-focus",label:V+"Active Focus",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W,itemActive:!0,hasFocus:!0}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{show:!0,id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"tab-item-action-menu-open",label:V+"Action Overflow",element:l.a.createElement("div",{className:"demo-only",style:{height:"12rem"}},l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W,itemActive:!0,actionOverflow:"true"}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{show:!0,id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"unsaved-tab",label:V+"Unsaved Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D,itemUnsaved:!0})),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"unread-tab",label:V+"Unread Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Chat - Customer",tabPanelId:k,id:D,symbol:"live_chat",itemUnread:!0})),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"unread-unsaved-tab",label:V+"Unread/Unsaved Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Chat - Customer",tabPanelId:k,id:D,symbol:"live_chat",itemUnread:!0,itemUnsaved:!0})),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-success",label:V+"Success",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"success",id:D,symbol:"live_chat",tabPanelId:k,title:"Chat - Customer"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-success-active",label:V+"Success Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"success",id:D,itemActive:!0,symbol:"live_chat",tabPanelId:k,title:"Chat - Customer"})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,show:!0,tabId:D},"Chat - Customer Content"))},{id:"tab-success-focus",label:V+"Success Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"success",hasFocus:!0,id:D,itemActive:!0,symbol:"live_chat",tabPanelId:k,title:"Chat - Customer"})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,show:!0,tabId:D},"Chat - Customer Content"))},{id:"tab-success-unread",label:V+"Success Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"success",id:D,itemUnread:!0,symbol:"live_chat",tabPanelId:k,title:"Chat - Customer"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-success-unsaved",label:V+"Success Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"success",id:D,itemUnsaved:!0,symbol:"live_chat",tabPanelId:k,title:"Chat - Customer"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-success-unread-unsaved",label:V+"Success Unread and Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"success",id:D,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:k,title:"Chat - Customer"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-warning",label:V+"Warning",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"warning",id:D,symbol:"live_chat",tabPanelId:k,title:"SLA in 0.30"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-warning-active",label:V+"Warning Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"warning",id:D,itemActive:!0,symbol:"live_chat",tabPanelId:k,title:"SLA in 0.30"})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,show:!0,tabId:D},"Chat - Customer Content"))},{id:"tab-warning-focus",label:V+"Warning focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"warning",hasFocus:!0,id:D,itemActive:!0,symbol:"live_chat",tabPanelId:k,title:"SLA in 0.30"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-warning-unread",label:V+"Warning Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"warning",id:D,itemUnread:!0,symbol:"live_chat",tabPanelId:k,title:"SLA in 0.30"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-warning-unsaved",label:V+"Warning Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"warning",id:D,itemUnsaved:!0,symbol:"live_chat",tabPanelId:k,title:"SLA in 0.30"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-warning-unread-unsaved",label:V+"Warning Unread and Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"warning",id:D,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:k,title:"SLA in 0.30"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-error",label:V+"Error",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"error",id:D,symbol:"live_chat",tabPanelId:k,title:"SLA Violation"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-error-active",label:V+"Error Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"error",id:D,itemActive:!0,symbol:"live_chat",tabPanelId:k,title:"SLA Violation"})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,show:!0,tabId:D},"Chat - Customer Content"))},{id:"tab-error-focused",label:V+"Error focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"error",hasFocus:!0,id:D,itemActive:!0,symbol:"live_chat",tabPanelId:k,title:"SLA Violation"})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,show:!0,tabId:D},"Chat - Customer Content"))},{id:"tab-error-unread",label:V+"Error Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"error",id:D,itemUnread:!0,symbol:"live_chat",tabPanelId:k,title:"SLA Violation"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-error-unsaved",label:V+"Error Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"error",id:D,itemUnsaved:!0,symbol:"live_chat",tabPanelId:k,title:"SLA Violation"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"tab-error-unread-unsaved",label:V+"Error Unread and Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{id:M,itemActive:!0,symbol:"home",tabPanelId:H,title:"Home"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{statusLevel:"error",id:D,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:k,title:"SLA Violation"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Chat - Customer Content"))},{id:"pinned-tab",label:V+"Pinned Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,pinned:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{show:!0,id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-active",label:V+"Pinned Tab - Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0,pinned:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D})),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-active-focus",label:V+"Pinned Tab - Active Focus",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0,pinned:!0,hasFocus:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D})),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"unsaved-pinned-tab",label:V+"Unsaved Pinned Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,pinned:!0,itemUnsaved:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{show:!0,id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"unread-pinned-tab",label:V+"Unread Pinned Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{title:"Chat - Customer",symbol:"live_chat",tabPanelId:H,id:M,pinned:!0,itemUnread:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D})),l.a.createElement(q,{id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{show:!0,id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-success",label:V+"Pinned Success Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"success",id:M,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,itemActive:!0,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,show:!0,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-success-active",label:V+"Pinned Success Tab Active",element:l.a.createElement("div",{className:"demo-only"},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"success",id:M,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-success-focused",label:V+"Pinned Success Tab Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"success",hasFocus:!0,id:M,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-success-unread",label:V+"Pinned Success Tab Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"success",id:M,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,itemActive:!0,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,show:!0,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-success-unsaved",label:V+"Pinned Success Tab Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"success",id:M,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,itemActive:!0,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,show:!0,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-warning",label:V+"Pinned Warning Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"warning",id:M,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,itemActive:!0,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,show:!0,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-warning-active",label:V+"Pinned Warning Tab Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"warning",id:M,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-warning-focused",label:V+"Pinned Warning Tab Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"warning",hasFocus:!0,id:M,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-warning-unread",label:V+"Pinned Warning Tab Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"warning",id:M,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,itemActive:!0,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,show:!0,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-warning-unsaved",label:V+"Pinned Warning Tab Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"warning",id:M,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,itemActive:!0,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,show:!0,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-error",label:V+"Pinned Error Tab",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"error",id:M,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,itemActive:!0,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,show:!0,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-error-active",label:V+"Pinned Error Tab Active",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"error",id:M,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-error-focused",label:V+"Pinned Error Tab Focused",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"error",id:M,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,show:!0,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-error-unread",label:V+"Pinned Error Tab Unread",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"error",id:M,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,itemActive:!0,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,show:!0,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"pinned-tab-error-unsaved",label:V+"Pinned Error Tab Unsaved",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{statusLevel:"error",id:M,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:H,title:"Chat - Customer"}),l.a.createElement(B,{id:W,itemActive:!0,tabPanelId:F,title:"Tab Item 1"}),l.a.createElement(B,{id:D,tabPanelId:k,title:"Tab Item 2"})),l.a.createElement(q,{id:H,tabId:M},"Chat - Customer Content"),l.a.createElement(q,{id:F,show:!0,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"overflow-tabs",label:V+"Overflow Tabs",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D}),l.a.createElement(J,null)),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"overflow-tabs-open",label:V+"Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D}),l.a.createElement(J,{isOpen:!0})),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"unsaved-overflow-tabs",label:V+"Unsaved Overflow Tabs",element:l.a.createElement(l.a.Fragment,null,l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D}),l.a.createElement(J,{itemUnsaved:!0})),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"unsaved-overflow-tabs-open",label:V+"Unsaved Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D}),l.a.createElement(J,{isOpen:!0,itemUnsaved:!0})),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"unread-overflow-tabs",label:V+"Unread Overflow Tabs",element:l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D}),l.a.createElement(J,{itemUnread:!0})),l.a.createElement(q,{show:!0,id:H,tabId:M},"Tab Home Content"),l.a.createElement(q,{id:F,tabId:W},"Tab One Content"),l.a.createElement(q,{id:k,tabId:D},"Tab Two Content"))},{id:"unread-overflow-tabs-open",label:V+"Unread Overflow Tabs - Open",element:l.a.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.a.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.a.createElement(z,null,l.a.createElement(B,{title:"Home",symbol:"home",tabPanelId:H,id:M,itemActive:!0}),l.a.createElement(B,{title:"Tab Item 1",tabPanelId:F,id:W}),l.a.createElement(B,{title:"Tab Item 2",tabPanelId:k,id:D}),l.a.createElement(J,{is