@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 6.23 kB
JavaScript
var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/docked-utility-bar/base/example.jsx.js"]=function(e){function t(t){for(var a,i,r=t[0],c=t[1],d=t[2],u=0,m=[];u<r.length;u++)i=r[u],s[i]&&m.push(s[i][0]),s[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(o&&o(t);m.length;)m.shift()();return n.push.apply(n,d||[]),l()}function l(){for(var e,t=0;t<n.length;t++){for(var l=n[t],a=!0,r=1;r<l.length;r++){var c=l[r];0!==s[c]&&(a=!1)}a&&(n.splice(t--,1),e=i(i.s=l[0]))}return e}var a={},s={30: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},n=[];function i(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,i),l.l=!0,l.exports}i.m=e,i.c=a,i.d=function(e,t,l){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:l})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],c=r.push.bind(r);r.push=t,r=r.slice();for(var d=0;d<r.length;d++)t(r[d]);var o=c;return n.push([98,0]),l()}({0:function(e,t){e.exports=React},98:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=t.Context=t.UtilityBar=t.UtilityBarItem=t.UtilityPanel=void 0;var a=r(l(0)),s=r(l(4)),n=r(l(2)),i=r(l(1));function r(e){return e&&e.__esModule?e:{default:e}}var c=t.UtilityPanel=function(e){return a.default.createElement("div",{className:(0,i.default)("slds-utility-panel slds-grid slds-grid_vertical",e.className),role:"dialog","aria-labelledby":"panel-heading-01"},a.default.createElement("div",{className:"slds-utility-panel__header slds-grid slds-shrink-none"},a.default.createElement("div",{className:"slds-media slds-media_center"},a.default.createElement("div",{className:"slds-media__figure slds-m-right_x-small"},a.default.createElement("span",{className:"slds-icon_container"},a.default.createElement(s.default,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:"call"}))),a.default.createElement("div",{className:"slds-media__body"},a.default.createElement("h2",{id:"panel-heading-01"},e.header||"Header"))),a.default.createElement("div",{className:"slds-col_bump-left slds-shrink-none"},a.default.createElement(n.default,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Close Panel",title:"Close Panel"}))),a.default.createElement("div",{className:"slds-utility-panel__body"},e.children))},d=t.UtilityBarItem=function(e){return a.default.createElement("li",{className:(0,i.default)("slds-utility-bar__item",{"slds-has-notification":e.notification,"slds-utility-bar__item_pop-out":e.hasPopOut},e.className)},a.default.createElement("button",{className:(0,i.default)("slds-button slds-utility-bar__action",{"slds-is-active":e.active}),"aria-pressed":!!e.active},e.notification?a.default.createElement("abbr",{className:"slds-indicator_unread",title:"Unread Item","aria-label":"Unread Item"},a.default.createElement("span",{className:"slds-assistive-text"},"●")):null,a.default.createElement(s.default,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:e.symbol}),a.default.createElement("span",{className:"slds-utility-bar__text"},e.children),e.hasPopOut&&a.default.createElement("span",{className:"slds-assistive-text"},": is popped out in new window")))},o=t.UtilityBar=function(e){return a.default.createElement("footer",{className:"slds-utility-bar_container","aria-label":"Utility Bar"},a.default.createElement("h2",{className:"slds-assistive-text"},"Utility Bar"),a.default.createElement("ul",{className:(0,i.default)("slds-utility-bar",e.className)},e.children),e.panel)},u=a.default.createElement(c,{className:"slds-is-open",header:"Call"},a.default.createElement("div",{className:"slds-align_absolute-center"},"Utility Panel Body"));t.Context=function(e){return a.default.createElement("div",{style:{height:"540px"}},e.children)};t.default=a.default.createElement(o,{panel:a.default.createElement(c,{header:"Call"},a.default.createElement("div",{className:"slds-align_absolute-center"},"Utility Panel Body"))},a.default.createElement(d,{symbol:"call"},"Call"),a.default.createElement(d,{symbol:"clock"},"History"),a.default.createElement(d,{symbol:"note"},"Notes"),a.default.createElement(d,{symbol:"omni_channel"},a.default.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),a.default.createElement("span",null,"Omni-Channel")));t.states=[{id:"open",label:"Panel Open",element:a.default.createElement(o,{panel:u},a.default.createElement(d,{symbol:"call",active:!0},"Call"),a.default.createElement(d,{symbol:"clock"},"History"),a.default.createElement(d,{symbol:"note"},"Notes"),a.default.createElement(d,{symbol:"omni_channel"},a.default.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),a.default.createElement("span",null,"Omni-Channel")))},{id:"notification",label:"Item has notification",element:a.default.createElement(o,null,a.default.createElement(d,{symbol:"call"},"Call"),a.default.createElement(d,{symbol:"clock"},"History"),a.default.createElement(d,{symbol:"note"},"Notes"),a.default.createElement(d,{symbol:"omni_channel",notification:!0},a.default.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),a.default.createElement("span",null,"Omni-Channel")))},{id:"pop-out",label:"Item has popout",element:a.default.createElement(o,null,a.default.createElement(d,{symbol:"call"},"Call"),a.default.createElement(d,{hasPopOut:!0,active:!0,symbol:"clock"},"History"),a.default.createElement(d,{symbol:"note"},"Notes"),a.default.createElement(d,{symbol:"omni_channel"},a.default.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),a.default.createElement("span",null,"Omni-Channel")))}]}});