@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 58.4 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5796:function(e,t,a){a.d(t,{Subtab:function(){return E},SubtabList:function(){return v},SubtabPanel:function(){return C},SubtabsContainer:function(){return I}});var n=a(1594),l=a.n(n),s=a(4187),i=a.n(s),r=a(942),m=a.n(r),d=a(8347),c=a(9825),o=a(6955),b=a(5794),u=a(4760),E=function(e){return l().createElement("li",{className:m()("slds-tabs_default__item slds-sub-tabs__item slds-grid slds-grid_vertical-align-center",{"slds-active":e.active,"slds-has-error":"error"===e.statusLevel,"slds-has-focus":e.hasFocus,"slds-has-notification":e.hasNotification,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-is-unsaved":e.itemUnsaved},e.className),role:"presentation"},l().createElement("a",{"aria-controls":e.tabPanelId,"aria-selected":e.active?"true":"false",className:"slds-tabs_default__link slds-p-horizontal_xx-small",href:"#",id:e.tabItemId,role:"tab",tabIndex:e.active?"0":"-1",title:e.title,onClick:function(e){return e.preventDefault()}},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,null),e.hasNotification&&l().createElement(b.VK,null)),e.hasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:e.symbol}),l().createElement("span",{className:m()("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),e.menuIcon?l().createElement("div",{className:m()("slds-dropdown-trigger slds-dropdown-trigger_click slds-p-left_none slds-p-right_none","true"===e.actionOverflow?"slds-is-open":null)},l().createElement(o.A,{"aria-haspopup":"true",assistiveText:"Actions for "+e.title,className:"slds-button_icon-container slds-button_icon-x-small",symbol:"chevrondown",tabIndex:e.active?"0":"-1",theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,title:"Actions for "+e.title})):null,l().createElement("div",{className:m()("slds-col_bump-left slds-p-left_none slds-p-right_none",e.pinned?"slds-assistive-text":null)},l().createElement(o.A,{assistiveText:"Close "+e.title,className:"slds-button_icon-container slds-button_icon-x-small",symbol:"close",tabIndex:e.active?"0":"-1",theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,title:"Close "+e.title})))};E.displayName="Subtab",E.propTypes={actionOverflow:i().string,active:i().bool,statusLevel:i().oneOf(["error","success","warning"]),className:i().string,hasFocus:i().bool,hasIcon:i().bool,hasNotification:i().bool,itemUnsaved:i().bool,menuIcon:i().bool,pinned:i().bool,symbol:i().string,tabItemId:i().string.isRequired,tabPanelId:i().string.isRequired,title:i().string},E.defaultProps={hasIcon:!0,title:"Subtab Name"};var I=function(e){return l().createElement("div",{className:"slds-tabs_default slds-sub-tabs"},e.children)};I.displayName="Subtabs",I.propTypes={children:i().node};var v=function(e){return l().createElement("ul",{className:"slds-tabs_default__nav",role:"tablist"},e.children)};v.displayName="SubtabList",v.propTypes={children:i().node};var C=function(e){return l().createElement("div",{"aria-labelledby":e.tabId,className:m()("slds-tabs_default__content",{"slds-show":e.isVisible,"slds-hide":!e.isVisible}),id:e.id,role:"tabpanel"},e.children)};C.displayName="SubtabPanel",C.propTypes={children:i().node,isVisible:i().bool,id:i().string,tabId:i().string};var h=function(e){return l().createElement("li",{className:m()("slds-tabs_default__item","slds-sub-tabs__item","slds-tabs_default__overflow-button",{"slds-has-error":"error"===e.statusLevel,"slds-has-notification":e.itemUnread,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-is-unsaved":e.itemUnsaved}),role:"presentation"},l().createElement("div",{className:m()("slds-dropdown-trigger slds-dropdown-trigger_click",e.isOpen&&"slds-is-open")},l().createElement(c.Button,{"aria-haspopup":"true",title:"More Tab Items",role:"tab"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l().createElement(b.VK,null)),l().createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l().createElement("span",{className:"slds-assistive-text"},"Tabs")),l().createElement(d.A,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l().createElement(u.Menu,{className:"slds-dropdown_right"},l().createElement(u.MenuList,null,l().createElement(u.MenuItem,{className:"slds-has-notification",statusLevel:e.statusLevel,title:"Chat - Customer"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,null),e.itemUnread&&l().createElement(b.VK,null)),e.itemHasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:"live_chat"}),l().createElement("span",null,"error"===e.statusLevel?"SLA Violation":"warning"===e.statusLevel?"SLA 0.30":"Chat - Customer")),l().createElement(u.MenuItem,{title:"Overflow Tab Item"},l().createElement(b.$7,null),l().createElement(b.Px,null),l().createElement("span",null,"Overflow Tab Item"))))))};h.displayName="SubtabOverflow",h.propTypes={statusLevel:i().oneOf(["error","success","warning"]),isOpen:i().bool,itemHasIcon:i().bool,itemUnread:i().bool,itemUnsaved:i().bool},h.defaultProps={itemHasIcon:!0}},7199:function(e,t,a){a.r(t),a.d(t,{ContextTab:function(){return P},ContextTabBar:function(){return y},ContextTabBarOverflow:function(){return f},ContextTabPanel:function(){return _},states:function(){return N}});var n=a(1594),l=a.n(n),s=a(4187),i=a.n(s),r=a(8347),m=a(4760),d=a(5898),c=a(6955),o=a(5796),b=a(5794),u=a(942),E=a.n(u),I="context-tab-panel-1",v="context-tab-panel-2",C="context-tab-panel-3",h="context-tab-id-1",T="context-tab-id-2",p="context-tab-id-3",g="Navigation Tab Bar - ",w=function(e){return l().createElement("span",{className:"slds-text-body_small slds-text-color_weak slds-p-left_large"},l().createElement("span",{className:"slds-assistive-text"},":"),e.children)},P=function(e){return l().createElement("li",{className:E()("slds-context-bar__item slds-context-bar__item_tab",e.className,{"slds-is-active":e.itemActive,"slds-is-unsaved":e.itemUnsaved,"slds-is-pinned":e.pinned,"slds-has-focus":e.hasFocus,"slds-has-notification":e.itemUnread,"slds-has-sub-tabs":e.hasSubtabs,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-has-error":"error"===e.statusLevel}),role:"presentation"},l().createElement("a",{href:"#",className:"slds-context-bar__label-action",role:"tab",title:e.title,"aria-selected":e.itemActive?"true":"false",tabIndex:e.itemActive?"0":"-1","aria-controls":e.tabPanelId,id:e.id,onClick:function(e){return e.preventDefault()}},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,{title:"Tab Not Saved"}),e.itemUnread&&l().createElement(b.VK,null)),e.hasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:e.symbol}),l().createElement("span",{className:E()("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),l().createElement("div",{className:E()("slds-context-bar__icon-action slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-p-left_none slds-p-right_none","true"===e.actionOverflow?"slds-is-open":null)},l().createElement(c.A,{className:"slds-button_icon-container slds-button_icon-x-small",tabIndex:e.itemActive?"0":"-1",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Actions for "+e.title,title:"Actions for "+e.title,theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,useCurrentColor:"error"!==e.statusLevel&&"success"!==e.statusLevel}),l().createElement(m.Menu,{className:"slds-dropdown_right"},l().createElement(m.MenuList,null,l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"r")},"Refresh Tab"),l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"⇧ + n")},"Open in a new window"),l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"p")},"Pin Tab"),l().createElement(m.MenuItem,{iconRight:l().createElement(w,null,"w")},"Close Tab")))),e.pinned?null:l().createElement("div",{className:"slds-context-bar__icon-action slds-col_bump-left slds-p-left_none"},l().createElement(c.A,{className:"slds-button_icon-container slds-button_icon-x-small",tabIndex:e.itemActive?"0":"-1",symbol:"close",assistiveText:"Close "+e.title,title:"Close "+e.title,theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,useCurrentColor:"error"!==e.statusLevel&&"success"!==e.statusLevel})))};P.propTypes={className:i().string,hasFocus:i().bool,hasSubtabs:i().bool,id:i().string.isRequired,itemActive:i().bool,itemUnread:i().bool,itemUnsaved:i().bool,pinned:i().bool,statusLevel:i().oneOf(["error","success","warning"]),tabPanelId:i().string.isRequired,title:i().string},P.defaultProps={hasIcon:!0,title:"Tab Name"};var _=function(e){return l().createElement("div",{id:e.id,className:E()(e.show?"slds-show":"slds-hide"),role:"tabpanel","aria-labelledby":e.tabId},e.children)},y=function(e){return l().createElement("div",{className:E()("slds-context-bar slds-context-bar_tabs",e.className)},l().createElement("div",{className:"slds-context-bar__primary"},l().createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},l().createElement("div",{className:"slds-context-bar__icon-action"},l().createElement(d.A,{className:"slds-context-bar__button"})),l().createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},l().createElement("span",{className:"slds-truncate",title:e.appName||"App Name"},e.appName||"App Name"))),l().createElement("div",{className:E()("slds-context-bar__item slds-context-bar__object-switcher slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click",e.objectSwitchClassName)},l().createElement("a",{href:"#",className:"slds-context-bar__label-action",onClick:function(e){return e.preventDefault()}},l().createElement("span",{className:"slds-truncate",title:"Object"},"Object")),l().createElement("div",{className:"slds-context-bar__icon-action"},l().createElement(c.A,{className:"slds-button_icon-container slds-button_icon-x-small",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open object switcher menu",title:"Open object switcher menu"})),l().createElement(m.Menu,{className:"slds-dropdown_right"},l().createElement(m.MenuList,null,l().createElement(m.MenuItem,null,l().createElement(r.A,{className:"slds-icon slds-icon_small slds-icon-standard-account slds-m-right_small",sprite:"standard",symbol:"account"}),"Accounts"),l().createElement(m.MenuItem,null,l().createElement(r.A,{className:"slds-icon slds-icon_small slds-icon-standard-case slds-m-right_small",sprite:"standard",symbol:"case"}),"Cases"),l().createElement(m.MenuItem,null,l().createElement(r.A,{className:"slds-icon slds-icon_small slds-icon-standard-work-order slds-m-right_small",sprite:"standard",symbol:"work_order"}),"Insights")))),l().createElement("div",{className:E()("slds-context-bar__item slds-dropdown-trigger slds-dropdown-trigger_click",e.addTabActive?"slds-is-open":null,e.addTabClassName)},l().createElement("div",{className:"slds-context-bar__icon-action"},l().createElement(c.A,{className:"slds-button_icon-container slds-button_icon-small",symbol:"add",assistiveText:"Open a New Tab",title:"Open a New Tab"})),e.addTabActive?l().createElement("section",{className:"slds-popover slds-nubbin_top",role:"dialog","aria-label":"Add tab by URL or ID",style:{position:"absolute",left:"1.125rem",top:"2.75rem",marginLeft:"-10rem"}},l().createElement("div",{className:"slds-popover__body"},l().createElement("div",{className:"slds-form-element"},l().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Add Page by URL or ID"),l().createElement("div",{className:"slds-form-element__control slds-grid"},l().createElement("input",{id:"text-input-01",className:"slds-input",type:"text",placeholder:"Placeholder Text"}),l().createElement("button",{className:"slds-button slds-button_brand slds-shrink-none slds-m-left_small",type:"submit"},"Add Tab"))))):null)),l().createElement("div",{className:"slds-context-bar__secondary"},l().createElement("div",{className:"slds-context-bar__vertical-divider"}),l().createElement("ul",{className:"slds-grid",role:"tablist"},e.children)))},f=function(e){return l().createElement("li",{className:E()("slds-context-bar__item","slds-context-bar__dropdown-trigger","slds-dropdown-trigger","slds-dropdown-trigger_click",{"slds-is-open":e.isOpen,"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-has-error":"error"===e.statusLevel}),role:"presentation"},l().createElement("button",{className:"slds-button slds-context-bar__label-action",title:"More Tab Items","aria-haspopup":"true",role:"tab"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,null),e.itemUnread&&l().createElement(b.VK,null)),l().createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l().createElement("span",{className:"slds-assistive-text"},"Tabs")),l().createElement(r.A,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l().createElement(m.Menu,{className:"slds-dropdown_right"},l().createElement(m.MenuList,null,l().createElement(m.MenuItem,{className:E()({"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved}),statusLevel:e.statusLevel,title:"Chat - Customer"},l().createElement(b.$7,null,e.itemUnsaved&&l().createElement(b.AF,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l().createElement(b.VK,null)),e.itemHasIcon&&l().createElement(b.Px,{statusLevel:e.statusLevel,symbol:"live_chat"}),l().createElement("span",null,"Chat - Customer")),l().createElement(m.MenuItem,{title:"Overflow Tab Item"},l().createElement(b.$7,null),e.itemHasIcon&&l().createElement(b.Px,null),l().createElement("span",null,"Overflow Tab Item")))))};f.propTypes={statusLevel:i().oneOf(["error","success","warning"])},f.defaultProps={itemHasIcon:!0};var A=l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"));t.default=[{id:"default",label:g+"Default",element:A}];var N=[{id:"tab-active",label:g+"Active",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"tab-active-focus",label:g+"Active Focus",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0,hasFocus:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"tab-item-action-menu-open",label:g+"Action Overflow",element:l().createElement("div",{className:"demo-only",style:{height:"12rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0,actionOverflow:"true"}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-tab",label:g+"Unsaved Tab",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-tab",label:g+"Unread Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Chat - Customer",tabPanelId:C,id:p,symbol:"live_chat",itemUnread:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"unread-unsaved-tab",label:g+"Unread/Unsaved Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Chat - Customer",tabPanelId:C,id:p,symbol:"live_chat",itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success",label:g+"Success",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-active",label:g+"Success Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-success-focus",label:g+"Success Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unread",label:g+"Success Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unsaved",label:g+"Success Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-success-unread-unsaved",label:g+"Success Unread and Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"success",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"Chat - Customer"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning",label:g+"Warning",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-active",label:g+"Warning Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-focus",label:g+"Warning focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unread",label:g+"Warning Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unsaved",label:g+"Warning Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-warning-unread-unsaved",label:g+"Warning Unread and Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"warning",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA in 0.30"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error",label:g+"Error",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-active",label:g+"Error Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-error-focused",label:g+"Error focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",hasFocus:!0,id:p,itemActive:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,show:!0,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unread",label:g+"Error Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemUnread:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unsaved",label:g+"Error Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"tab-error-unread-unsaved",label:g+"Error Unread and Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{statusLevel:"error",id:p,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:C,title:"SLA Violation"})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Chat - Customer Content"))},{id:"pinned-tab",label:g+"Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,pinned:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-active",label:g+"Pinned Tab - Active",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0,pinned:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-active-focus",label:g+"Pinned Tab - Active Focus",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0,pinned:!0,hasFocus:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-pinned-tab",label:g+"Unsaved Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,pinned:!0,itemUnsaved:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-pinned-tab",label:g+"Unread Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Chat - Customer",symbol:"live_chat",tabPanelId:I,id:h,pinned:!0,itemUnread:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T,itemActive:!0}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p})),l().createElement(_,{id:I,tabId:h},"Tab Home Content"),l().createElement(_,{show:!0,id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success",label:g+"Pinned Success Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-active",label:g+"Pinned Success Tab Active",element:l().createElement("div",{className:"demo-only"},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-focused",label:g+"Pinned Success Tab Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",hasFocus:!0,id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-unread",label:g+"Pinned Success Tab Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-success-unsaved",label:g+"Pinned Success Tab Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"success",id:h,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning",label:g+"Pinned Warning Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-active",label:g+"Pinned Warning Tab Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-focused",label:g+"Pinned Warning Tab Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",hasFocus:!0,id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-unread",label:g+"Pinned Warning Tab Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-warning-unsaved",label:g+"Pinned Warning Tab Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"warning",id:h,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error",label:g+"Pinned Error Tab",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-active",label:g+"Pinned Error Tab Active",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-focused",label:g+"Pinned Error Tab Focused",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,show:!0,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-unread",label:g+"Pinned Error Tab Unread",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"pinned-tab-error-unsaved",label:g+"Pinned Error Tab Unsaved",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{statusLevel:"error",id:h,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:I,title:"Chat - Customer"}),l().createElement(P,{id:T,itemActive:!0,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"})),l().createElement(_,{id:I,tabId:h},"Chat - Customer Content"),l().createElement(_,{id:v,show:!0,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"overflow-tabs",label:g+"Overflow Tabs",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,null)),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"overflow-tabs-open",label:g+"Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-overflow-tabs",label:g+"Unsaved Overflow Tabs",element:l().createElement(l().Fragment,null,l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unsaved-overflow-tabs-open",label:g+"Unsaved Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-overflow-tabs",label:g+"Unread Overflow Tabs",element:l().createElement(l().Fragment,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{itemUnread:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-overflow-tabs-open",label:g+"Unread Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0,itemUnread:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-open",label:g+"Unread Unsaved Overflow Tabs - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p}),l().createElement(f,{isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"unread-unsaved-overflow-tabs-without-icon-open",label:g+"Unread Unsaved Overflow Tabs without Icon - Open",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{title:"Home",symbol:"home",tabPanelId:I,id:h,itemActive:!0}),l().createElement(P,{title:"Tab Item 1",tabPanelId:v,id:T}),l().createElement(P,{title:"Tab Item 2",tabPanelId:C,id:p,itemUnread:!0,itemUnsaved:!0,hasIcon:!1}),l().createElement(f,{isOpen:!0,itemUnread:!0,itemUnsaved:!0,itemHasIcon:!1})),l().createElement(_,{show:!0,id:I,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"success-overflow",label:g+"Success Overflow Tabs",element:l().createElement("div",{className:"demo-only",style:{height:"8rem"}},l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(y,null,l().createElement(P,{id:h,itemActive:!0,symbol:"home",tabPanelId:I,title:"Home"}),l().createElement(P,{id:T,tabPanelId:v,title:"Tab Item 1"}),l().createElement(P,{id:p,tabPanelId:C,title:"Tab Item 2"}),l().createElement(f,{statusLevel:"success",isOpen:!0})),l().createElement(_,{id:I,show:!0,tabId:h},"Tab Home Content"),l().createElement(_,{id:v,tabId:T},"Tab One Content"),l().createElement(_,{id:C,tabId:p},"Tab Two Content"))},{id:"success-overflow-unread-uns