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