@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 28.3 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5796:function(e,t,a){a.r(t),a.d(t,{Subtab:function(){return I},SubtabList:function(){return E},SubtabOverflow:function(){return C},SubtabPanel:function(){return v},SubtabsContainer:function(){return p},states:function(){return h}});var n=a(1594),l=a.n(n),b=a(4187),s=a.n(b),i=a(942),m=a.n(i),r=a(8347),u=a(9825),d=a(6955),c=a(5794),o=a(4760),I=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(c.$7,null,e.itemUnsaved&&l().createElement(c.AF,null),e.hasNotification&&l().createElement(c.VK,null)),e.hasIcon&&l().createElement(c.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(d.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(d.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})))};I.displayName="Subtab",I.propTypes={actionOverflow:s().string,active:s().bool,statusLevel:s().oneOf(["error","success","warning"]),className:s().string,hasFocus:s().bool,hasIcon:s().bool,hasNotification:s().bool,itemUnsaved:s().bool,menuIcon:s().bool,pinned:s().bool,symbol:s().string,tabItemId:s().string.isRequired,tabPanelId:s().string.isRequired,title:s().string},I.defaultProps={hasIcon:!0,title:"Subtab Name"};var p=function(e){return l().createElement("div",{className:"slds-tabs_default slds-sub-tabs"},e.children)};p.displayName="Subtabs",p.propTypes={children:s().node};var E=function(e){return l().createElement("ul",{className:"slds-tabs_default__nav",role:"tablist"},e.children)};E.displayName="SubtabList",E.propTypes={children:s().node};var v=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)};v.displayName="SubtabPanel",v.propTypes={children:s().node,isVisible:s().bool,id:s().string,tabId:s().string};var C=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(u.Button,{"aria-haspopup":"true",title:"More Tab Items",role:"tab"},l().createElement(c.$7,null,e.itemUnsaved&&l().createElement(c.AF,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l().createElement(c.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(o.Menu,{className:"slds-dropdown_right"},l().createElement(o.MenuList,null,l().createElement(o.MenuItem,{className:"slds-has-notification",statusLevel:e.statusLevel,title:"Chat - Customer"},l().createElement(c.$7,null,e.itemUnsaved&&l().createElement(c.AF,null),e.itemUnread&&l().createElement(c.VK,null)),e.itemHasIcon&&l().createElement(c.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(o.MenuItem,{title:"Overflow Tab Item"},l().createElement(c.$7,null),l().createElement(c.Px,null),l().createElement("span",null,"Overflow Tab Item"))))))};C.displayName="SubtabOverflow",C.propTypes={statusLevel:s().oneOf(["error","success","warning"]),isOpen:s().bool,itemHasIcon:s().bool,itemUnread:s().bool,itemUnsaved:s().bool},C.defaultProps={itemHasIcon:!0},t.default=[{id:"default",label:"Default",element:l().createElement(p,null,l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))}];var h=[{id:"subtabs-has-focus",label:"Tab - Focus",element:l().createElement(p,null,l().createElement(E,null,l().createElement(I,{active:!0,hasFocus:!0,id:"subtab-01",tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content")),script:"\n document.getElementById('subtab-01').focus()\n "},{id:"subtabs-borders",label:"With Borders",element:l().createElement(p,null,l().createElement(E,null,l().createElement(I,{active:!0,className:"slds-border_right slds-border_left",tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{className:"slds-border_right",symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"subtabs-menu",label:"Tab - Action Overflow",element:l().createElement(p,null,l().createElement(E,null,l().createElement(I,{active:!0,menuIcon:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{menuIcon:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"subtabs-unsaved",label:"Unsaved Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"}),l().createElement(E,null,l().createElement(I,{active:!0,itemUnsaved:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unread",label:"Unread Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{hasNotification:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unsaved",label:"Unread Unsaved Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{hasNotification:!0,itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"success",label:"Success Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"success",symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"success-unsaved",label:"Unsaved Success Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"success",itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"success-unread",label:"Unread Success Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"success",hasNotification:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"success-unread-unsaved",label:"Unread and Unsaved Success Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"success",hasNotification:!0,itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"warning",label:"Warning Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"warning",symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA 0.30"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"warning-unsaved",label:"Unsaved Warning Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"warning",itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA 0.30"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"warning-unread",label:"Unread Warning Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"warning",hasNotification:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA 0.30"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"warning-unread-unsaved",label:"Unread and Unsaved Warning Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"warning",hasNotification:!0,itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA 0.30"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"error",label:"Error Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"error",symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA Violation"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"error-unsaved",label:"Unsaved Error Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"error",itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA Violation"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"error-unread",label:"Unread Error Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"error",hasNotification:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA Violation"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"error-unread-unsaved",label:"Unread and Unsaved Error Tab",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{statusLevel:"error",hasNotification:!0,itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA Violation"})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs",label:"Overflow Tabs",element:l().createElement(p,null,l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,null)),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-open",label:"Overflow Tabs - Open",element:l().createElement(p,null,l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{isOpen:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unread-overflow-tabs-open",label:"Unread Overflow Tabs - Open",element:l().createElement(p,null,l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{isOpen:!0,itemUnread:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unsaved-overflow-tabs-open",label:"Unsaved Overflow Tabs - Open",element:l().createElement(p,null,l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{isOpen:!0,itemUnsaved:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unsaved-unread-overflow-tabs-open",label:"Unsaved Unread Overflow Tabs - Open",element:l().createElement(p,null,l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unsaved-unread-overflow-tabs-without-icons-open",label:"Unsaved Unread Overflow Tabs without Icons - Open",element:l().createElement(p,null,l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{hasIcon:!1,hasNotification:!0,itemUnsaved:!0,tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{isOpen:!0,itemHasIcon:!1,itemUnread:!0,itemUnsaved:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-success",label:"Overflow Tabs - Success",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{statusLevel:"success",isOpen:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-success-unread-unsaved",label:"Overflow Tabs - Success Unread and Unsaved",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{statusLevel:"success",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-warning",label:"Overflow Tabs - Warning",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{statusLevel:"warning",isOpen:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-warning-unread-unsaved",label:"Overflow Tabs - Warning Unread and Unsaved",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{statusLevel:"warning",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-error",label:"Overflow Tabs - Error",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{statusLevel:"error",isOpen:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-error-unread-unsaved",label:"Overflow Tabs - Error Unread and Unsaved",element:l().createElement(p,null,l().createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l().createElement(E,null,l().createElement(I,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l().createElement(I,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l().createElement(C,{statusLevel:"error",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l().createElement(v,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l().createElement(v,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))}]}},a={};function n(e){var l=a[e];if(void 0!==l)return l.exports;var b=a[e]={exports:{}};return t[e](b,b.exports,n),b.exports}n.m=t,n.amdO={},e=[],n.O=function(t,a,l,b){if(!a){var s=1/0;for(u=0;u<e.length;u++){a=e[u][0],l=e[u][1],b=e[u][2];for(var i=!0,m=0;m<a.length;m++)(!1&b||s>=b)&&Object.keys(n.O).every(function(e){return n.O[e](a[m])})?a.splice(m--,1):(i=!1,b<s&&(s=b));if(i){e.splice(u--,1);var r=l();void 0!==r&&(t=r)}}return t}b=b||0;for(var u=e.length;u>0&&e[u-1][2]>b;u--)e[u]=e[u-1];e[u]=[a,l,b]},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=6380,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,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,b,s=a[0],i=a[1],m=a[2],r=0;if(s.some(function(t){return 0!==e[t]})){for(l in i)n.o(i,l)&&(n.m[l]=i[l]);if(m)var u=m(n)}for(t&&t(a);r<s.length;r++)b=s[r],n.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return n.O(u)},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(5796)});l=n.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/tabs/sub-tabs/example.jsx.js"]=l}();