@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 8.51 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},4684:function(e,t,n){n.r(t),n.d(t,{default:function(){return _},examples:function(){return g}});var r=n(1594),a=n.n(r),l=n(942),o=n.n(l);function s(e){return s="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},s(e)}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,i(r.key),r)}}function i(e){var t=function(e){if("object"!=s(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(t)?t:t+""}function u(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(u=function(){return!!e})()}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}var d=function(e){function t(e){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(n=function(e,t,n){return t=m(t),function(e,t){if(t&&("object"==s(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,u()?Reflect.construct(t,n||[],m(e).constructor):t.apply(e,n))}(this,t,[e])).state={currentTabIndex:0},n}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&&f(e,t)}(t,e),n=t,r=[{key:"render",value:function(){var e=this.state.currentTabIndex,t=this.props,n=t.itemFocused,r=t.tabs;return a().createElement("div",{className:"slds-vertical-tabs"},a().createElement("ul",{className:"slds-vertical-tabs__nav",role:"tablist","aria-orientation":"vertical"},r.map(function(t,r){var l=r!==e||n?"":"slds-is-active",s=r===e&&n?"slds-has-focus":"",c=r===e?0:-1,i=r===e?"true":"false",u="slds-vertical-tabs-".concat(r),m="slds-vertical-tabs-".concat(r,"__nav");return a().createElement("li",{className:o()("slds-vertical-tabs__nav-item",l,s),title:t.label,role:"presentation",key:m},a().createElement("a",{className:"slds-vertical-tabs__link",href:"#",role:"tab",tabIndex:c,"aria-selected":i,"aria-controls":u,id:m,onClick:function(e){return e.preventDefault()}},a().createElement("span",{className:"slds-vertical-tabs__left-icon"},t.leftIcon),a().createElement("span",{className:"slds-truncate",title:t.label},t.label),a().createElement("span",{className:"slds-vertical-tabs__right-icon"},t.rightIcon)))})),r.map(function(t,n){var l="slds-vertical-tabs-".concat(n),s=n===e?"slds-show":"slds-hide",c="slds-vertical-tabs-".concat(n,"__nav");return a().createElement("div",{className:o()("slds-vertical-tabs__content",s),id:l,role:"tabpanel","aria-labelledby":c,key:l},r[e].content)}))}}],r&&c(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(a().Component),b=n(8522),p=n(538),v=n(9382),y=[{label:"Tab 1",content:a().createElement("div",{className:"slds-text-longform"},a().createElement("h3",{className:"slds-text-heading_medium"},"Tab Title"),a().createElement("p",null,"Content for Tab 1"),a().createElement("p",null,"Lorem ipsum dolor..."),a().createElement("p",null,"Lorem ipsum dolor..."))},{label:"Tab 2",content:a().createElement("div",{className:"slds-text-longform"},a().createElement("p",null,"Content for Tab 2"))},{label:"Tab 3 has a really long label and can wrap or truncate",content:a().createElement("div",{className:"slds-text-longform"},a().createElement("p",null,"Content for Tab 3"))}],h=[{label:"Opportunities",leftIcon:a().createElement(b.StandardIcon,{symbol:"opportunity",assistiveText:!1,className:"slds-icon_small"}),content:a().createElement("div",{className:"slds-text-longform"},a().createElement("h3",{className:"slds-text-heading_medium"},"Tab Title"),a().createElement("p",null,"Content for Tab 1"),a().createElement("p",null,"Lorem ipsum dolor..."),a().createElement("p",null,"Lorem ipsum dolor..."))},{label:"Cases",leftIcon:a().createElement(b.StandardIcon,{symbol:"case",assistiveText:!1,className:"slds-icon_small"}),rightIcon:a().createElement(p.UtilityIcon,{symbol:"error",title:"This tab has an error",assistiveText:"This tab has an error",className:"slds-icon_x-small slds-icon-text-error"}),content:a().createElement("div",{className:"slds-text-longform"},a().createElement("p",null,"Content for Tab 2"))},{label:"Accounts",leftIcon:a().createElement(b.StandardIcon,{symbol:"account",assistiveText:!1,className:"slds-icon_small"}),content:a().createElement("div",{className:"slds-text-longform"},a().createElement("p",null,"Content for Tab 3"))}],E=[{label:"Opportunities",leftIcon:a().createElement(b.StandardIcon,{symbol:"opportunity",assistiveText:!1,className:"slds-icon_small"}),rightIcon:a().createElement(v.Ex,{isInverse:!0},"New"),content:a().createElement("div",{className:"slds-text-longform"},a().createElement("h3",{className:"slds-text-heading_medium"},"Tab Title"),a().createElement("p",null,"Content for Tab 1"),a().createElement("p",null,"Lorem ipsum dolor..."),a().createElement("p",null,"Lorem ipsum dolor..."))},{label:"Cases",leftIcon:a().createElement(b.StandardIcon,{symbol:"case",assistiveText:!1,className:"slds-icon_small"}),rightIcon:a().createElement(v.Ex,{isInverse:!0},"New"),content:a().createElement("div",{className:"slds-text-longform"},a().createElement("p",null,"Content for Tab 2"))},{label:"Accounts",leftIcon:a().createElement(b.StandardIcon,{symbol:"account",assistiveText:!1,className:"slds-icon_small"}),content:a().createElement("div",{className:"slds-text-longform"},a().createElement("p",null,"Content for Tab 3"))}],_=a().createElement(d,{tabs:y}),g=[{id:"with-icons",label:"With icons",element:a().createElement(d,{tabs:h})},{id:"with-badges",label:"With badges",element:a().createElement(d,{tabs:E})},{id:"item-focus",label:"Item Focus",element:a().createElement(d,{itemFocused:!0,tabs:y})}]}},n={};function r(e){var a=n[e];if(void 0!==a)return a.exports;var l=n[e]={exports:{}};return t[e](l,l.exports,r),l.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,a,l){if(!n){var o=1/0;for(u=0;u<e.length;u++){n=e[u][0],a=e[u][1],l=e[u][2];for(var s=!0,c=0;c<n.length;c++)(!1&l||o>=l)&&Object.keys(r.O).every(function(e){return r.O[e](n[c])})?n.splice(c--,1):(s=!1,l<o&&(o=l));if(s){e.splice(u--,1);var i=a();void 0!==i&&(t=i)}}return t}l=l||0;for(var u=e.length;u>0&&e[u-1][2]>l;u--)e[u]=e[u-1];e[u]=[n,a,l]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=4597,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,4597:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,l,o=n[0],s=n[1],c=n[2],i=0;if(o.some(function(t){return 0!==e[t]})){for(a in s)r.o(s,a)&&(r.m[a]=s[a]);if(c)var u=c(r)}for(t&&t(n);i<o.length;i++)l=o[i],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(u)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),r.nc=void 0;var a=r.O(void 0,[6790],function(){return r(4684)});a=r.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/vertical-tabs/base/example.jsx.js"]=a}();