@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/global-navigation/navigation-tab-bar/example.jsx.js

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/global-navigation/navigation-tab-bar/example.jsx.js"]=function(e){function t(t){for(var l,i,s=t[0],m=t[1],r=t[2],c=0,u=[];c<s.length;c++)i=s[c],n[i]&&u.push(n[i][0]),n[i]=0;for(l in m)Object.prototype.hasOwnProperty.call(m,l)&&(e[l]=m[l]);for(o&&o(t);u.length;)u.shift()();return d.push.apply(d,r||[]),a()}function a(){for(var e,t=0;t<d.length;t++){for(var a=d[t],l=!0,s=1;s<a.length;s++){var m=a[s];0!==n[m]&&(l=!1)}l&&(d.splice(t--,1),e=i(i.s=a[0]))}return e}var l={},n={26:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},d=[];function i(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=l,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],m=s.push.bind(s);s.push=t,s=s.slice();for(var r=0;r<s.length;r++)t(s[r]);var o=m;return d.push([94,0]),a()}({0:function(e,t){e.exports=React},94:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=t.Context=t.ContextTabBarOverflow=t.ContextTabBar=t.ContextTabPanel=t.ContextTab=void 0;var l=u(a(0)),n=u(a(3)),d=u(a(4)),i=a(10),s=a(63),m=u(a(2)),r=a(190),o=a(42),c=u(a(1));function u(e){return e&&e.__esModule?e:{default:e}}var b="context-tab-panel-1",f="context-tab-panel-2",E="context-tab-panel-3",I="context-tab-id-1",v="context-tab-id-2",C="context-tab-id-3",T=function(e){return l.default.createElement("span",{className:"slds-text-body_small slds-text-color_weak slds-p-left_large"},l.default.createElement("span",{className:"slds-assistive-text"},":"),e.children)},h=t.ContextTab=function(e){return l.default.createElement("li",{className:(0,c.default)("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.default.createElement("a",{href:"javascript:void(0);",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},l.default.createElement(o.IndicatorContainer,null,e.itemUnsaved&&l.default.createElement(o.IndicatorUnsaved,{title:"Tab Not Saved"}),e.itemUnread&&l.default.createElement(o.IndicatorUnread,null)),e.hasIcon&&l.default.createElement(o.TabItemIconContainer,{statusLevel:e.statusLevel,symbol:e.symbol}),l.default.createElement("span",{className:(0,c.default)("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),l.default.createElement("div",{className:(0,c.default)("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.default.createElement(m.default,{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.default.createElement(i.Menu,{className:"slds-dropdown_right"},l.default.createElement(i.MenuList,null,l.default.createElement(i.MenuItem,{iconRight:l.default.createElement(T,null,"r")},"Refresh Tab"),l.default.createElement(i.MenuItem,{iconRight:l.default.createElement(T,null,"⇧ + n")},"Open in a new window"),l.default.createElement(i.MenuItem,{iconRight:l.default.createElement(T,null,"p")},"Pin Tab"),l.default.createElement(i.MenuItem,{iconRight:l.default.createElement(T,null,"w")},"Close Tab")))),e.pinned?null:l.default.createElement("div",{className:"slds-context-bar__icon-action slds-col_bump-left slds-p-left_none"},l.default.createElement(m.default,{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})))};h.propTypes={className:n.default.string,hasFocus:n.default.bool,hasSubtabs:n.default.bool,id:n.default.string.isRequired,itemActive:n.default.bool,itemUnread:n.default.bool,itemUnsaved:n.default.bool,pinned:n.default.bool,statusLevel:n.default.oneOf(["error","success","warning"]),tabPanelId:n.default.string.isRequired,title:n.default.string},h.defaultProps={hasIcon:!0,title:"Tab Name"};var p=t.ContextTabPanel=function(e){return l.default.createElement("div",{id:e.id,className:(0,c.default)(e.show?"slds-show":"slds-hide"),role:"tabpanel","aria-labelledby":e.tabId},e.children)},w=t.ContextTabBar=function(e){return l.default.createElement("div",{className:(0,c.default)("slds-context-bar slds-context-bar_tabs",e.className)},l.default.createElement("div",{className:"slds-context-bar__primary"},l.default.createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},l.default.createElement("div",{className:"slds-context-bar__icon-action"},l.default.createElement(s.WaffleIcon,{className:"slds-context-bar__button"})),l.default.createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},l.default.createElement("span",{className:"slds-truncate",title:e.appName||"App Name"},e.appName||"App Name"))),l.default.createElement("div",{className:(0,c.default)("slds-context-bar__item slds-context-bar__object-switcher slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click",e.objectSwitchClassName)},l.default.createElement("a",{href:"javascript:void(0);",className:"slds-context-bar__label-action"},l.default.createElement("span",{className:"slds-truncate",title:"Object"},"Object")),l.default.createElement("div",{className:"slds-context-bar__icon-action"},l.default.createElement(m.default,{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.default.createElement(i.Menu,{className:"slds-dropdown_right"},l.default.createElement(i.MenuList,null,l.default.createElement(i.MenuItem,null,l.default.createElement(d.default,{className:"slds-icon slds-icon_small slds-icon-standard-account slds-m-right_small",sprite:"standard",symbol:"account"}),"Accounts"),l.default.createElement(i.MenuItem,null,l.default.createElement(d.default,{className:"slds-icon slds-icon_small slds-icon-standard-case slds-m-right_small",sprite:"standard",symbol:"case"}),"Cases"),l.default.createElement(i.MenuItem,null,l.default.createElement(d.default,{className:"slds-icon slds-icon_small slds-icon-standard-work-order slds-m-right_small",sprite:"standard",symbol:"work_order"}),"Insights")))),l.default.createElement("div",{className:(0,c.default)("slds-context-bar__item slds-dropdown-trigger slds-dropdown-trigger_click",e.addTabActive?"slds-is-open":null,e.addTabClassName)},l.default.createElement("div",{className:"slds-context-bar__icon-action"},l.default.createElement(m.default,{className:"slds-button_icon-container slds-button_icon-small",symbol:"add",assistiveText:"Open a New Tab",title:"Open a New Tab"})),e.addTabActive?l.default.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.default.createElement("div",{className:"slds-popover__body"},l.default.createElement("div",{className:"slds-form-element"},l.default.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Add Page by URL or ID"),l.default.createElement("div",{className:"slds-form-element__control slds-grid"},l.default.createElement("input",{id:"text-input-01",className:"slds-input",type:"text",placeholder:"Placeholder Text"}),l.default.createElement("button",{className:"slds-button slds-button_brand slds-shrink-none slds-m-left_small",type:"submit"},"Add Tab"))))):null)),l.default.createElement("div",{className:"slds-context-bar__secondary"},l.default.createElement("div",{className:"slds-context-bar__vertical-divider"}),l.default.createElement("ul",{className:"slds-grid",role:"tablist"},e.children)))},P=t.ContextTabBarOverflow=function(e){return l.default.createElement("li",{className:(0,c.default)("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})},l.default.createElement("button",{className:"slds-button slds-context-bar__label-action",title:"More Tab Items","aria-haspopup":"true"},l.default.createElement(o.IndicatorContainer,null,e.itemUnsaved&&l.default.createElement(o.IndicatorUnsaved,null),e.itemUnread&&l.default.createElement(o.IndicatorUnread,null)),l.default.createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l.default.createElement("span",{className:"slds-assistive-text"},"Tabs")),l.default.createElement(d.default,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l.default.createElement(i.Menu,{className:"slds-dropdown_right"},l.default.createElement(i.MenuList,null,l.default.createElement(i.MenuItem,{className:(0,c.default)({"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved}),statusLevel:e.statusLevel,title:"Chat - Customer"},l.default.createElement(o.IndicatorContainer,null,e.itemUnsaved&&l.default.createElement(o.IndicatorUnsaved,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l.default.createElement(o.IndicatorUnread,null)),e.itemHasIcon&&l.default.createElement(o.TabItemIconContainer,{statusLevel:e.statusLevel,symbol:"live_chat"}),l.default.createElement("span",null,"Chat - Customer")),l.default.createElement(i.MenuItem,{title:"Overflow Tab Item"},l.default.createElement(o.IndicatorContainer,null),e.itemHasIcon&&l.default.createElement(o.TabItemIconContainer,null),l.default.createElement("span",null,"Overflow Tab Item")))))};P.propTypes={statusLevel:n.default.oneOf(["error","success","warning"])},P.defaultProps={itemHasIcon:!0};t.Context=function(e){return l.default.createElement("div",{style:{height:"16rem"}},e.children)};t.default=l.default.createElement("div",{className:"demo-only"},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"));t.states=[{id:"tab-active",label:"Tab - Active",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{show:!0,id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"tab-active-focus",label:"Tab - Active Focus",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v,itemActive:!0,hasFocus:!0}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{show:!0,id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"tab-item-action-menu-open",label:"Tab - Action Overflow",element:l.default.createElement("div",{className:"demo-only",style:{height:"12rem"}},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v,itemActive:!0,actionOverflow:"true"}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{show:!0,id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"unsaved-tab",label:"Unsaved Tab",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C,itemUnsaved:!0})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"unread-tab",label:"Unread Tab",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Chat - Customer",tabPanelId:E,id:C,symbol:"live_chat",itemUnread:!0})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"unread-unsaved-tab",label:"Unread/Unsaved Tab",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Chat - Customer",tabPanelId:E,id:C,symbol:"live_chat",itemUnread:!0,itemUnsaved:!0})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-success",label:"Tab - Success",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"success",id:C,symbol:"live_chat",tabPanelId:E,title:"Chat - Customer"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-success-active",label:"Tab - Success Active",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"success",id:C,itemActive:!0,symbol:"live_chat",tabPanelId:E,title:"Chat - Customer"})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,show:!0,tabId:C},"Chat - Customer Content"))},{id:"tab-success-focus",label:"Tab - Success Focused",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"success",hasFocus:!0,id:C,itemActive:!0,symbol:"live_chat",tabPanelId:E,title:"Chat - Customer"})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,show:!0,tabId:C},"Chat - Customer Content"))},{id:"tab-success-unread",label:"Tab - Success Unread",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"success",id:C,itemUnread:!0,symbol:"live_chat",tabPanelId:E,title:"Chat - Customer"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-success-unsaved",label:"Tab - Success Unsaved",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"success",id:C,itemUnsaved:!0,symbol:"live_chat",tabPanelId:E,title:"Chat - Customer"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-success-unread-unsaved",label:"Tab - Success Unread and Unsaved",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"success",id:C,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:E,title:"Chat - Customer"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-warning",label:"Tab - Warning",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"warning",id:C,symbol:"live_chat",tabPanelId:E,title:"SLA in 0.30"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-warning-active",label:"Tab - Warning Active",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"warning",id:C,itemActive:!0,symbol:"live_chat",tabPanelId:E,title:"SLA in 0.30"})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,show:!0,tabId:C},"Chat - Customer Content"))},{id:"tab-warning-focus",label:"Tab - Warning focused",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"warning",hasFocus:!0,id:C,itemActive:!0,symbol:"live_chat",tabPanelId:E,title:"SLA in 0.30"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-warning-unread",label:"Tab - Warning Unread",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"warning",id:C,itemUnread:!0,symbol:"live_chat",tabPanelId:E,title:"SLA in 0.30"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-warning-unsaved",label:"Tab - Warning Unsaved",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"warning",id:C,itemUnsaved:!0,symbol:"live_chat",tabPanelId:E,title:"SLA in 0.30"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-warning-unread-unsaved",label:"Tab - Warning Unread and Unsaved",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"warning",id:C,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:E,title:"SLA in 0.30"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-error",label:"Tab - Error",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"error",id:C,symbol:"live_chat",tabPanelId:E,title:"SLA Violation"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-error-active",label:"Tab - Error Active",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"error",id:C,itemActive:!0,symbol:"live_chat",tabPanelId:E,title:"SLA Violation"})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,show:!0,tabId:C},"Chat - Customer Content"))},{id:"tab-error-focused",label:"Tab - Error focused",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"error",hasFocus:!0,id:C,itemActive:!0,symbol:"live_chat",tabPanelId:E,title:"SLA Violation"})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,show:!0,tabId:C},"Chat - Customer Content"))},{id:"tab-error-unread",label:"Tab - Error Unread",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"error",id:C,itemUnread:!0,symbol:"live_chat",tabPanelId:E,title:"SLA Violation"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-error-unsave",label:"Tab - Error Unsaved",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"error",id:C,itemUnsaved:!0,symbol:"live_chat",tabPanelId:E,title:"SLA Violation"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"tab-error-unread-unsaved",label:"Tab - Error Unread and Unsaved",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{id:I,itemActive:!0,symbol:"home",tabPanelId:b,title:"Home"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{statusLevel:"error",id:C,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:E,title:"SLA Violation"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Chat - Customer Content"))},{id:"pinned-tab",label:"Pinned Tab",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,pinned:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{show:!0,id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-active",label:"Pinned Tab - Active",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0,pinned:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-active-focus",label:"Pinned Tab - Active Focus",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0,pinned:!0,hasFocus:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"unsaved-pinned-tab",label:"Unsaved Pinned Tab",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,pinned:!0,itemUnsaved:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{show:!0,id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"unread-pinned-tab",label:"Unread Pinned Tab",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{title:"Chat - Customer",symbol:"live_chat",tabPanelId:b,id:I,pinned:!0,itemUnread:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C})),l.default.createElement(p,{id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{show:!0,id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-success",label:"Pinned Success Tab",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"success",id:I,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,itemActive:!0,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,show:!0,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-success-active",label:"Pinned Success Tab Active",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"success",id:I,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-success-focused",label:"Pinned Success Tab Focused",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"success",hasFocus:!0,id:I,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-success-unread",label:"Pinned Success Tab Unread",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"success",id:I,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,itemActive:!0,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,show:!0,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-success-unsaved",label:"Pinned Success Tab Unsaved",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"success",id:I,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,itemActive:!0,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,show:!0,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-warning",label:"Pinned Warning Tab",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"warning",id:I,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,itemActive:!0,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,show:!0,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-warning-active",label:"Pinned Warning Tab Active",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"warning",id:I,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-warning-focused",label:"Pinned Warning Tab Focused",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"warning",hasFocus:!0,id:I,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-warning-unread",label:"Pinned Warning Tab Unread",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"warning",id:I,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,itemActive:!0,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,show:!0,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-warning-unsaved",label:"Pinned Warning Tab Unsaved",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"warning",id:I,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,itemActive:!0,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,show:!0,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-error",label:"Pinned Error Tab",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"error",id:I,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,itemActive:!0,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,show:!0,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-error-active",label:"Pinned Error Tab Active",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"error",id:I,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-error-focused",label:"Pinned Error Tab Focused",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"error",id:I,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,show:!0,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-error-unread",label:"Pinned Error Tab Unread",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"error",id:I,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,itemActive:!0,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,show:!0,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"pinned-tab-error-unsaved",label:"Pinned Error Tab Unsaved",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{statusLevel:"error",id:I,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:b,title:"Chat - Customer"}),l.default.createElement(h,{id:v,itemActive:!0,tabPanelId:f,title:"Tab Item 1"}),l.default.createElement(h,{id:C,tabPanelId:E,title:"Tab Item 2"})),l.default.createElement(p,{id:b,tabId:I},"Chat - Customer Content"),l.default.createElement(p,{id:f,show:!0,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"overflow-tabs",label:"Overflow Tabs",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C}),l.default.createElement(P,null)),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"overflow-tabs-open",label:"Overflow Tabs - Open",element:l.default.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C}),l.default.createElement(P,{isOpen:!0})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"unsaved-overflow-tabs",label:"Unsaved Overflow Tabs",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C}),l.default.createElement(P,{itemUnsaved:!0})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"unsaved-overflow-tabs-open",label:"Unsaved Overflow Tabs - Open",element:l.default.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C}),l.default.createElement(P,{isOpen:!0,itemUnsaved:!0})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"unread-overflow-tabs",label:"Unread Overflow Tabs",element:l.default.createElement("div",{className:"demo-only"},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C}),l.default.createElement(P,{itemUnread:!0})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"unread-overflow-tabs-open",label:"Unread Overflow Tabs - Open",element:l.default.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C}),l.default.createElement(P,{isOpen:!0,itemUnread:!0})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-open",label:"Unread Unsaved Overflow Tabs - Open",element:l.default.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C}),l.default.createElement(P,{isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-without-icon-open",label:"Unread Unsaved Overflow Tabs without Icon - Open",element:l.default.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.default.createElement(w,null,l.default.createElement(h,{title:"Home",symbol:"home",tabPanelId:b,id:I,itemActive:!0}),l.default.createElement(h,{title:"Tab Item 1",tabPanelId:f,id:v}),l.default.createElement(h,{title:"Tab Item 2",tabPanelId:E,id:C,itemUnread:!0,itemUnsaved:!0,hasIcon:!1}),l.default.createElement(P,{isOpen:!0,itemUnread:!0,itemUnsaved:!0,itemHasIcon:!1})),l.default.createElement(p,{show:!0,id:b,tabId:I},"Tab Home Content"),l.default.createElement(p,{id:f,tabId:v},"Tab One Content"),l.default.createElement(p,{id:E,tabId:C},"Tab Two Content"))},{id:"success-overflow",label:"Success Overflow Tabs",element:l.default.createElement("div",{className:"demo-only",style:{height:"8rem"}},l.default.createElement("span",{"aria-liv