@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 79.7 kB
JavaScript
var SLDS;!function(){"use strict";var e,t,a,n={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},5206:function(e){e.exports=ReactDOM},5629:function(e,t,a){a.r(t),a.d(t,{getContents:function(){return be},getElement:function(){return me}});var n=a(1594),l=a.n(n),i=a(5671),s=a(6547),r=a(3212),o=(a(5619),a(4187)),d=a.n(o),c=a(942),m=a.n(c),b=a(8347),u=a(4760),v=a(6955),E=a(5898),h=a(806);function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function I(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,g(n.key),n)}}function g(e){var t=function(e){if("object"!=p(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,"string");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==p(t)?t:t+""}function C(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(C=function(){return!!e})()}function T(e){return T=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},T(e)}function w(e,t){return w=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},w(e,t)}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},f.apply(null,arguments)}var y=function(){var e=h.Ay.uniqueId("menu-group-id-");return l().createElement(u.W1,{className:"slds-dropdown_right"},l().createElement(u.cO,null,l().createElement(u.Dr,{title:"Main action"},l().createElement(b.A,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"add"}),"Main action"),l().createElement("li",{role:"presentation"},l().createElement("ul",{role:"group","aria-labelledby":e},l().createElement("li",{className:"slds-dropdown__header slds-has-divider_top-space",role:"presentation",id:e},l().createElement("span",null,"Menu header")),l().createElement(u.Dr,null,"Menu Item One"),l().createElement(u.Dr,null,"Menu Item Two"),l().createElement(u.Dr,null,"Menu Item Three")))))},N=function(e){var t=e.label,a=e.isActive,n=e.hasNavMenu,i=e.hasNavMenuOpen,s=e.hasMenuDropdown,r=m()("slds-context-bar__item",{"slds-is-active":a,"slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click":n,"slds-is-open":i});return l().createElement("li",{className:r},l().createElement("a",{href:"#",className:"slds-context-bar__label-action",title:t,onClick:function(e){return e.preventDefault()}},a&&l().createElement("span",{className:"slds-assistive-text"},"Current Page:"),l().createElement("span",{className:"slds-truncate",title:t},t)),n&&l().createElement(l().Fragment,null,l().createElement(_,{onClick:e.onClick}),s&&l().createElement(y,null)))};N.defaultProps={label:"Menu Item",hasMenuDropdown:!0},N.propTypes={label:d().string.isRequired,isActive:d().bool,hasNavMenu:d().bool,hasNavMenuOpen:d().bool,hasMenuDropdown:d().bool};var _=function(e){return l().createElement("div",{className:"slds-context-bar__icon-action slds-p-left_none"},l().createElement(v.A,f({className:"slds-button_icon slds-context-bar__button",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open menu item submenu",title:"Open menu item submenu"},e)))},A=function(e){var t=e.appName,a=e.homeItemIsActive,n=e.hasNavMenuOpen,i=e.children;return l().createElement("div",{className:"slds-context-bar"},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(E.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:t||"App Name"},t||"App Name")))),l().createElement("nav",{className:"slds-context-bar__secondary",role:"navigation"},l().createElement("ul",{className:"slds-grid"},l().createElement(N,{label:"Home",isActive:a}),i||l().createElement(l().Fragment,null,l().createElement(N,{label:"Menu Item",hasNavMenu:!0,hasNavMenuOpen:n,onClick:function(){return e.toggleNavMenu()}}),l().createElement(N,{label:"Menu Item"}),l().createElement(N,{label:"Menu Item"}),l().createElement(N,{label:"Menu Item"})))))};A.propTypes={appName:d().string,homeItemIsActive:d().bool,hasNavMenuOpen:d().bool,children:d().node};var P=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,a){return t=T(t),function(e,t){if(t&&("object"==p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,C()?Reflect.construct(t,a||[],T(e).constructor):t.apply(e,a))}(this,t)).toggleNavMenu=e.toggleNavMenu.bind(e),e.state={hasNavMenuOpen:!1},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&w(e,t)}(t,e),a=t,(n=[{key:"toggleNavMenu",value:function(){this.setState({hasNavMenuOpen:!this.state.hasNavMenuOpen})}},{key:"render",value:function(){return l().createElement(A,{homeItemIsActive:!0,toggleNavMenu:this.toggleNavMenu,hasNavMenuOpen:this.props.hasNavMenuOpen||this.state.hasNavMenuOpen})}}])&&I(a.prototype,n),Object.defineProperty(a,"prototype",{writable:!1}),a;var a,n}(n.Component),O=P,x="Navigation Bar - ",U=[{id:"default",label:x+"Default",demoStyles:"height: 16rem;",storybookStyles:!1,element:l().createElement(O,null)}],S=[{id:"item-active",label:x+"Item Active",element:l().createElement(A,null,l().createElement(N,{label:"Menu Item",hasNavMenu:!0}),l().createElement(N,{label:"Menu Item"}),l().createElement(N,{label:"Menu Item",isActive:!0}),l().createElement(N,{label:"Menu Item"}))},{id:"item-menu-open",label:x+"Item Menu Open",demoStyles:"height: 16rem;",storybookStyles:!0,element:l().createElement(O,{hasNavMenuOpen:!0})}],L=a(9825),H=a(5794),F=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(H.$7,null,e.itemUnsaved&&l().createElement(H.AF,null),e.hasNotification&&l().createElement(H.VK,null)),e.hasIcon&&l().createElement(H.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(v.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(v.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})))};F.displayName="Subtab",F.propTypes={actionOverflow:d().string,active:d().bool,statusLevel:d().oneOf(["error","success","warning"]),className:d().string,hasFocus:d().bool,hasIcon:d().bool,hasNotification:d().bool,itemUnsaved:d().bool,menuIcon:d().bool,pinned:d().bool,symbol:d().string,tabItemId:d().string.isRequired,tabPanelId:d().string.isRequired,title:d().string},F.defaultProps={hasIcon:!0,title:"Subtab Name"};var k=function(e){return l().createElement("div",{className:"slds-tabs_default slds-sub-tabs"},e.children)};k.displayName="Subtabs",k.propTypes={children:d().node};var M=function(e){return l().createElement("ul",{className:"slds-tabs_default__nav",role:"tablist"},e.children)};M.displayName="SubtabList",M.propTypes={children:d().node};var j=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)};j.displayName="SubtabPanel",j.propTypes={children:d().node,isVisible:d().bool,id:d().string,tabId:d().string};var W=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(L.$n,{"aria-haspopup":"true",title:"More Tab Items",role:"tab"},l().createElement(H.$7,null,e.itemUnsaved&&l().createElement(H.AF,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l().createElement(H.VK,null)),l().createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l().createElement("span",{className:"slds-assistive-text"},"Tabs")),l().createElement(b.A,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l().createElement(u.W1,{className:"slds-dropdown_right"},l().createElement(u.cO,null,l().createElement(u.Dr,{className:"slds-has-notification",statusLevel:e.statusLevel,title:"Chat - Customer"},l().createElement(H.$7,null,e.itemUnsaved&&l().createElement(H.AF,null),e.itemUnread&&l().createElement(H.VK,null)),e.itemHasIcon&&l().createElement(H.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.Dr,{title:"Overflow Tab Item"},l().createElement(H.$7,null),l().createElement(H.Px,null),l().createElement("span",null,"Overflow Tab Item"))))))};W.displayName="SubtabOverflow",W.propTypes={statusLevel:d().oneOf(["error","success","warning"]),isOpen:d().bool,itemHasIcon:d().bool,itemUnread:d().bool,itemUnsaved:d().bool},W.defaultProps={itemHasIcon:!0};var D="context-tab-panel-1",V="context-tab-panel-2",B="context-tab-panel-3",R="context-tab-id-1",q="context-tab-id-2",X="context-tab-id-3",$="Navigation Tab Bar - ",G=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)},K=function(e){return l().createElement("li",{className:m()("slds-context-bar__item slds-context-bar__item_tab",e.className,{"slds-is-active":e.itemActive,"slds-is-unsaved":e.itemUnsaved,"slds-is-pinned":e.pinned,"slds-has-focus":e.hasFocus,"slds-has-notification":e.itemUnread,"slds-has-sub-tabs":e.hasSubtabs,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-has-error":"error"===e.statusLevel}),role:"presentation"},l().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(H.$7,null,e.itemUnsaved&&l().createElement(H.AF,{title:"Tab Not Saved"}),e.itemUnread&&l().createElement(H.VK,null)),e.hasIcon&&l().createElement(H.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)),l().createElement("div",{className:m()("slds-context-bar__icon-action slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-p-left_none slds-p-right_none","true"===e.actionOverflow?"slds-is-open":null)},l().createElement(v.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(u.W1,{className:"slds-dropdown_right"},l().createElement(u.cO,null,l().createElement(u.Dr,{iconRight:l().createElement(G,null,"r")},"Refresh Tab"),l().createElement(u.Dr,{iconRight:l().createElement(G,null,"⇧ + n")},"Open in a new window"),l().createElement(u.Dr,{iconRight:l().createElement(G,null,"p")},"Pin Tab"),l().createElement(u.Dr,{iconRight:l().createElement(G,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(v.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})))};K.propTypes={className:d().string,hasFocus:d().bool,hasSubtabs:d().bool,id:d().string.isRequired,itemActive:d().bool,itemUnread:d().bool,itemUnsaved:d().bool,pinned:d().bool,statusLevel:d().oneOf(["error","success","warning"]),tabPanelId:d().string.isRequired,title:d().string},K.defaultProps={hasIcon:!0,title:"Tab Name"};var z=function(e){return l().createElement("div",{id:e.id,className:m()(e.show?"slds-show":"slds-hide"),role:"tabpanel","aria-labelledby":e.tabId},e.children)},J=function(e){return l().createElement("div",{className:m()("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(E.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:m()("slds-context-bar__item slds-context-bar__object-switcher slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click",e.objectSwitchClassName)},l().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(v.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(u.W1,{className:"slds-dropdown_right"},l().createElement(u.cO,null,l().createElement(u.Dr,null,l().createElement(b.A,{className:"slds-icon slds-icon_small slds-icon-standard-account slds-m-right_small",sprite:"standard",symbol:"account"}),"Accounts"),l().createElement(u.Dr,null,l().createElement(b.A,{className:"slds-icon slds-icon_small slds-icon-standard-case slds-m-right_small",sprite:"standard",symbol:"case"}),"Cases"),l().createElement(u.Dr,null,l().createElement(b.A,{className:"slds-icon slds-icon_small slds-icon-standard-work-order slds-m-right_small",sprite:"standard",symbol:"work_order"}),"Insights")))),l().createElement("div",{className:m()("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(v.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)))},Y=function(e){return l().createElement("li",{className:m()("slds-context-bar__item","slds-context-bar__dropdown-trigger","slds-dropdown-trigger","slds-dropdown-trigger_click",{"slds-is-open":e.isOpen,"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-has-error":"error"===e.statusLevel}),role:"presentation"},l().createElement("button",{className:"slds-button slds-context-bar__label-action",title:"More Tab Items","aria-haspopup":"true",role:"tab"},l().createElement(H.$7,null,e.itemUnsaved&&l().createElement(H.AF,null),e.itemUnread&&l().createElement(H.VK,null)),l().createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l().createElement("span",{className:"slds-assistive-text"},"Tabs")),l().createElement(b.A,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l().createElement(u.W1,{className:"slds-dropdown_right"},l().createElement(u.cO,null,l().createElement(u.Dr,{className:m()({"slds-has-notification":e.itemUnread,"slds-is-unsaved":e.itemUnsaved}),statusLevel:e.statusLevel,title:"Chat - Customer"},l().createElement(H.$7,null,e.itemUnsaved&&l().createElement(H.AF,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l().createElement(H.VK,null)),e.itemHasIcon&&l().createElement(H.Px,{statusLevel:e.statusLevel,symbol:"live_chat"}),l().createElement("span",null,"Chat - Customer")),l().createElement(u.Dr,{title:"Overflow Tab Item"},l().createElement(H.$7,null),e.itemHasIcon&&l().createElement(H.Px,null),l().createElement("span",null,"Overflow Tab Item")))))};Y.propTypes={statusLevel:d().oneOf(["error","success","warning"])},Y.defaultProps={itemHasIcon:!0};var Q=[{id:"default",label:$+"Default",element:l().createElement(l().Fragment,null,l().createElement(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q}),l().createElement(K,{title:"Tab Item 2",tabPanelId:B,id:X})),l().createElement(z,{show:!0,id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))}],Z=[{id:"tab-active",label:$+"Active",element:l().createElement(l().Fragment,null,l().createElement(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q,itemActive:!0}),l().createElement(K,{title:"Tab Item 2",tabPanelId:B,id:X})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{show:!0,id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"tab-active-focus",label:$+"Active Focus",element:l().createElement(l().Fragment,null,l().createElement(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q,itemActive:!0,hasFocus:!0}),l().createElement(K,{title:"Tab Item 2",tabPanelId:B,id:X})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{show:!0,id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"tab-item-action-menu-open",label:$+"Action Overflow",element:l().createElement("div",{className:"demo-only",style:{height:"12rem"}},l().createElement(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q,itemActive:!0,actionOverflow:"true"}),l().createElement(K,{title:"Tab Item 2",tabPanelId:B,id:X})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{show:!0,id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"unsaved-tab",label:$+"Unsaved Tab",element:l().createElement(l().Fragment,null,l().createElement(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R,itemActive:!0}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q}),l().createElement(K,{title:"Tab Item 2",tabPanelId:B,id:X,itemUnsaved:!0})),l().createElement(z,{show:!0,id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"unread-tab",label:$+"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(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R,itemActive:!0}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q}),l().createElement(K,{title:"Chat - Customer",tabPanelId:B,id:X,symbol:"live_chat",itemUnread:!0})),l().createElement(z,{show:!0,id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"unread-unsaved-tab",label:$+"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(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R,itemActive:!0}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q}),l().createElement(K,{title:"Chat - Customer",tabPanelId:B,id:X,symbol:"live_chat",itemUnread:!0,itemUnsaved:!0})),l().createElement(z,{show:!0,id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-success",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"success",id:X,symbol:"live_chat",tabPanelId:B,title:"Chat - Customer"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-success-active",label:$+"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(J,null,l().createElement(K,{id:R,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"success",id:X,itemActive:!0,symbol:"live_chat",tabPanelId:B,title:"Chat - Customer"})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,show:!0,tabId:X},"Chat - Customer Content"))},{id:"tab-success-focus",label:$+"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(J,null,l().createElement(K,{id:R,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"success",hasFocus:!0,id:X,itemActive:!0,symbol:"live_chat",tabPanelId:B,title:"Chat - Customer"})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,show:!0,tabId:X},"Chat - Customer Content"))},{id:"tab-success-unread",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"success",id:X,itemUnread:!0,symbol:"live_chat",tabPanelId:B,title:"Chat - Customer"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-success-unsaved",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"success",id:X,itemUnsaved:!0,symbol:"live_chat",tabPanelId:B,title:"Chat - Customer"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-success-unread-unsaved",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"success",id:X,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:B,title:"Chat - Customer"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-warning",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"warning",id:X,symbol:"live_chat",tabPanelId:B,title:"SLA in 0.30"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-warning-active",label:$+"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(J,null,l().createElement(K,{id:R,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"warning",id:X,itemActive:!0,symbol:"live_chat",tabPanelId:B,title:"SLA in 0.30"})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,show:!0,tabId:X},"Chat - Customer Content"))},{id:"tab-warning-focus",label:$+"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(J,null,l().createElement(K,{id:R,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"warning",hasFocus:!0,id:X,itemActive:!0,symbol:"live_chat",tabPanelId:B,title:"SLA in 0.30"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-warning-unread",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"warning",id:X,itemUnread:!0,symbol:"live_chat",tabPanelId:B,title:"SLA in 0.30"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-warning-unsaved",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"warning",id:X,itemUnsaved:!0,symbol:"live_chat",tabPanelId:B,title:"SLA in 0.30"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-warning-unread-unsaved",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"warning",id:X,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:B,title:"SLA in 0.30"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-error",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"error",id:X,symbol:"live_chat",tabPanelId:B,title:"SLA Violation"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-error-active",label:$+"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(J,null,l().createElement(K,{id:R,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"error",id:X,itemActive:!0,symbol:"live_chat",tabPanelId:B,title:"SLA Violation"})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,show:!0,tabId:X},"Chat - Customer Content"))},{id:"tab-error-focused",label:$+"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(J,null,l().createElement(K,{id:R,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"error",hasFocus:!0,id:X,itemActive:!0,symbol:"live_chat",tabPanelId:B,title:"SLA Violation"})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,show:!0,tabId:X},"Chat - Customer Content"))},{id:"tab-error-unread",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"error",id:X,itemUnread:!0,symbol:"live_chat",tabPanelId:B,title:"SLA Violation"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-error-unsaved",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"error",id:X,itemUnsaved:!0,symbol:"live_chat",tabPanelId:B,title:"SLA Violation"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"tab-error-unread-unsaved",label:$+"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(J,null,l().createElement(K,{id:R,itemActive:!0,symbol:"home",tabPanelId:D,title:"Home"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{statusLevel:"error",id:X,itemUnread:!0,itemUnsaved:!0,symbol:"live_chat",tabPanelId:B,title:"SLA Violation"})),l().createElement(z,{id:D,show:!0,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Chat - Customer Content"))},{id:"pinned-tab",label:$+"Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R,pinned:!0}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q,itemActive:!0}),l().createElement(K,{title:"Tab Item 2",tabPanelId:B,id:X})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{show:!0,id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-active",label:$+"Pinned Tab - Active",element:l().createElement(l().Fragment,null,l().createElement(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R,itemActive:!0,pinned:!0}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q}),l().createElement(K,{title:"Tab Item 2",tabPanelId:B,id:X})),l().createElement(z,{show:!0,id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-active-focus",label:$+"Pinned Tab - Active Focus",element:l().createElement(l().Fragment,null,l().createElement(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R,itemActive:!0,pinned:!0,hasFocus:!0}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q}),l().createElement(K,{title:"Tab Item 2",tabPanelId:B,id:X})),l().createElement(z,{show:!0,id:D,tabId:R},"Tab Home Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"unsaved-pinned-tab",label:$+"Unsaved Pinned Tab",element:l().createElement(l().Fragment,null,l().createElement(J,null,l().createElement(K,{title:"Home",symbol:"home",tabPanelId:D,id:R,pinned:!0,itemUnsaved:!0}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q,itemActive:!0}),l().createElement(K,{title:"Tab Item 2",tabPanelId:B,id:X})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{show:!0,id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"unread-pinned-tab",label:$+"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(J,null,l().createElement(K,{title:"Chat - Customer",symbol:"live_chat",tabPanelId:D,id:R,pinned:!0,itemUnread:!0}),l().createElement(K,{title:"Tab Item 1",tabPanelId:V,id:q,itemActive:!0}),l().createElement(K,{title:"Tab Item 2",tabPanelId:B,id:X})),l().createElement(z,{id:D,tabId:R},"Tab Home Content"),l().createElement(z,{show:!0,id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-success",label:$+"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(J,null,l().createElement(K,{statusLevel:"success",id:R,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,itemActive:!0,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,show:!0,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-success-active",label:$+"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(J,null,l().createElement(K,{statusLevel:"success",id:R,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,show:!0,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-success-focused",label:$+"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(J,null,l().createElement(K,{statusLevel:"success",hasFocus:!0,id:R,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,show:!0,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-success-unread",label:$+"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(J,null,l().createElement(K,{statusLevel:"success",id:R,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,itemActive:!0,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,show:!0,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-success-unsaved",label:$+"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(J,null,l().createElement(K,{statusLevel:"success",id:R,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,itemActive:!0,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,show:!0,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-warning",label:$+"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(J,null,l().createElement(K,{statusLevel:"warning",id:R,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,itemActive:!0,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,show:!0,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-warning-active",label:$+"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(J,null,l().createElement(K,{statusLevel:"warning",id:R,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,show:!0,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-warning-focused",label:$+"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(J,null,l().createElement(K,{statusLevel:"warning",hasFocus:!0,id:R,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,show:!0,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-warning-unread",label:$+"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(J,null,l().createElement(K,{statusLevel:"warning",id:R,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,itemActive:!0,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,show:!0,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-warning-unsaved",label:$+"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(J,null,l().createElement(K,{statusLevel:"warning",id:R,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,itemActive:!0,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,show:!0,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-error",label:$+"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(J,null,l().createElement(K,{statusLevel:"error",id:R,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,itemActive:!0,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,show:!0,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-error-active",label:$+"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(J,null,l().createElement(K,{statusLevel:"error",id:R,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,show:!0,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-error-focused",label:$+"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(J,null,l().createElement(K,{statusLevel:"error",id:R,itemActive:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,show:!0,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-error-unread",label:$+"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(J,null,l().createElement(K,{statusLevel:"error",id:R,itemUnread:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,itemActive:!0,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,show:!0,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Content"))},{id:"pinned-tab-error-unsaved",label:$+"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(J,null,l().createElement(K,{statusLevel:"error",id:R,itemUnsaved:!0,pinned:!0,symbol:"live_chat",tabPanelId:D,title:"Chat - Customer"}),l().createElement(K,{id:q,itemActive:!0,tabPanelId:V,title:"Tab Item 1"}),l().createElement(K,{id:X,tabPanelId:B,title:"Tab Item 2"})),l().createElement(z,{id:D,tabId:R},"Chat - Customer Content"),l().createElement(z,{id:V,show:!0,tabId:q},"Tab One Content"),l().createElement(z,{id:B,tabId:X},"Tab Two Conte