UNPKG

@salesforce-ux/design-system

Version:
1 lines 7.48 kB
var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/global-navigation/navigation-bar/example.jsx.js"]=function(e){function t(t){for(var n,r,c=t[0],u=t[1],o=t[2],d=0,m=[];d<c.length;d++)r=c[d],l[r]&&m.push(l[r][0]),l[r]=0;for(n in u)Object.prototype.hasOwnProperty.call(u,n)&&(e[n]=u[n]);for(i&&i(t);m.length;)m.shift()();return s.push.apply(s,o||[]),a()}function a(){for(var e,t=0;t<s.length;t++){for(var a=s[t],n=!0,c=1;c<a.length;c++){var u=a[c];0!==l[u]&&(n=!1)}n&&(s.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},l={160:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},s=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},r.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],u=c.push.bind(c);c.push=t,c=c.slice();for(var o=0;o<c.length;o++)t(c[o]);var i=u;return s.push([241,0]),a()}({0:function(e,t){e.exports=React},240:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ContextBar=void 0;var n=function(){function e(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,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),l=a(0),s=m(l),r=m(a(1)),c=m(a(4)),u=a(10),o=m(a(2)),i=a(63),d=m(a(5));function m(e){return e&&e.__esModule?e:{default:e}}var f=s.default.createElement(u.Menu,{className:"slds-dropdown_right"},s.default.createElement(u.MenuList,null,s.default.createElement(u.MenuItem,{title:"Main action"},s.default.createElement(c.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"add"}),"Main action"),s.default.createElement("li",{className:"slds-dropdown__header slds-has-divider_top-space",role:"separator"},s.default.createElement("span",null,"Menu header")),s.default.createElement(u.MenuItem,null,"Menu Item One"),s.default.createElement(u.MenuItem,null,"Menu Item Two"),s.default.createElement(u.MenuItem,null,"Menu Item Three"))),p=t.ContextBar=function(e){return s.default.createElement("div",{className:(0,r.default)("slds-context-bar",e.className)},s.default.createElement("div",{className:"slds-context-bar__primary"},s.default.createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},s.default.createElement("div",{className:"slds-context-bar__icon-action"},s.default.createElement(i.WaffleIcon,{className:"slds-context-bar__button"})),s.default.createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},s.default.createElement("span",{className:"slds-truncate",title:e.appName||"App Name"},e.appName||"App Name")))),s.default.createElement("nav",{className:"slds-context-bar__secondary",role:"navigation"},s.default.createElement("ul",{className:"slds-grid"},s.default.createElement("li",{className:(0,r.default)("slds-context-bar__item",e.itemActive&&"slds-is-active")},s.default.createElement("a",{href:"javascript:void(0);",className:"slds-context-bar__label-action",title:"Home"},e.itemActive&&s.default.createElement("span",{className:"slds-assistive-text"},"Current Page:"),s.default.createElement("span",{className:"slds-truncate",title:"Home"},"Home"))),s.default.createElement("li",{className:(0,r.default)("slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click",e.hasNavMenuOpen&&"slds-is-open")},s.default.createElement("a",{href:"javascript:void(0);",className:"slds-context-bar__label-action",title:"Menu Item"},s.default.createElement("span",{className:"slds-truncate",title:"Menu Item"},"Menu Item")),s.default.createElement("div",{className:"slds-context-bar__icon-action slds-p-left_none"},s.default.createElement(o.default,{className:"slds-button_icon slds-context-bar__button",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open menu item submenu",title:"Open menu item submenu",onClick:function(){return e.isInteractive&&e.toggleNavMenu()}})),e.hideDropdown?null:f),e.children?e.children:d.default.times(3,function(e){return s.default.createElement("li",{className:"slds-context-bar__item",key:e},s.default.createElement("a",{href:"javascript:void(0);",className:"slds-context-bar__label-action",title:"Menu Item"},s.default.createElement("span",{className:"slds-truncate",title:"Menu Item"},"Menu Item")))}))))},_=function(e){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.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, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,l.Component),n(t,[{key:"toggleNavMenu",value:function(){this.setState({hasNavMenuOpen:!this.state.hasNavMenuOpen})}},{key:"render",value:function(){return s.default.createElement(p,{itemActive:!0,toggleNavMenu:this.toggleNavMenu,hasNavMenuOpen:this.props.hasNavMenuOpen||this.state.hasNavMenuOpen,isInteractive:!0})}}]),t}();t.default=_},241:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=t.Context=void 0;var n=c(a(0)),l=c(a(5)),s=a(240),r=c(s);function c(e){return e&&e.__esModule?e:{default:e}}t.Context=function(e){return n.default.createElement("div",{style:{height:"16rem"}},e.children)};t.default=n.default.createElement(r.default,null);t.states=[{id:"item-active",label:"Item Active",element:n.default.createElement(s.ContextBar,null,n.default.createElement("li",{className:"slds-context-bar__item slds-is-active"},n.default.createElement("a",{href:"javascript:void(0);",className:"slds-context-bar__label-action",title:"Menu Item"},n.default.createElement("span",{className:"slds-assistive-text"},"Current Page:"),n.default.createElement("span",{className:"slds-truncate",title:"Menu Item"},"Menu Item"))),l.default.times(2,function(e){return n.default.createElement("li",{className:"slds-context-bar__item",key:e},n.default.createElement("a",{href:"javascript:void(0);",className:"slds-context-bar__label-action",title:"Menu Item "+e},n.default.createElement("span",{className:"slds-truncate",title:"Menu Item"},"Menu Item")))}))},{id:"item-menu-open",label:"Item Menu Open",element:n.default.createElement(r.default,{hasNavMenuOpen:!0})}]}});