@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 6.62 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5059:function(e,t,l){l.r(t),l.d(t,{Context:function(){return p},UtilityBar:function(){return u},UtilityBarItem:function(){return d},UtilityPanel:function(){return m},states:function(){return f}});var n=l(1594),a=l.n(n),s=l(8347),i=l(6955),r=l(942),o=l.n(r),c="\n height: 540px;\n overflow: hidden;\n padding-top: 50px;\n\n .slds-utility-bar_container {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n .slds-utility-bar,\n .slds-utility-panel {\n position: absolute;\n }\n",m=function(e){return a().createElement("div",{className:o()("slds-utility-panel slds-grid slds-grid_vertical",e.className),role:"dialog","aria-labelledby":"panel-heading-01"},a().createElement("div",{className:"slds-utility-panel__header slds-grid slds-shrink-none"},a().createElement("div",{className:"slds-media slds-media_center"},a().createElement("div",{className:"slds-media__figure slds-m-right_x-small"},a().createElement("span",{className:"slds-icon_container"},a().createElement(s.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:"call"}))),a().createElement("div",{className:"slds-media__body"},a().createElement("h2",{id:"panel-heading-01"},e.header||"Header"))),a().createElement("div",{className:"slds-col_bump-left slds-shrink-none"},a().createElement(i.A,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Close Panel",title:"Close Panel"}))),a().createElement("div",{className:"slds-utility-panel__body"},e.children))},d=function(e){return a().createElement("li",{className:o()("slds-utility-bar__item",{"slds-has-notification":e.notification,"slds-utility-bar__item_pop-out":e.hasPopOut},e.className)},a().createElement("button",{className:o()("slds-button slds-utility-bar__action",{"slds-is-active":e.active}),"aria-pressed":!!e.active},e.notification?a().createElement("abbr",{className:"slds-indicator_unread",title:"Unread Item","aria-label":"Unread Item"},a().createElement("span",{className:"slds-assistive-text"},"●")):null,a().createElement(s.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:e.symbol}),a().createElement("span",{className:"slds-utility-bar__text"},e.children),e.hasPopOut&&a().createElement("span",{className:"slds-assistive-text"},": is popped out in new window")))},u=function(e){return a().createElement("footer",{className:"slds-utility-bar_container","aria-label":"Utility Bar"},a().createElement("h2",{className:"slds-assistive-text"},"Utility Bar"),a().createElement("ul",{className:o()("slds-utility-bar",e.className)},e.children),e.panel)},b=a().createElement(m,{className:"slds-is-open",header:"Call"},a().createElement("div",{className:"slds-align_absolute-center"},"Utility Panel Body")),p=function(e){return a().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"540px"}},e.children)},y=a().createElement(u,{panel:a().createElement(m,{header:"Call"},a().createElement("div",{className:"slds-align_absolute-center"},"Utility Panel Body"))},a().createElement(d,{symbol:"call"},"Call"),a().createElement(d,{symbol:"clock"},"History"),a().createElement(d,{symbol:"note"},"Notes"),a().createElement(d,{symbol:"omni_channel"},a().createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),a().createElement("span",null,"Omni-Channel")));t.default=y;var f=[{id:"default",label:"Default",demoStyles:c,element:y},{id:"open",label:"Panel Open",demoStyles:c,element:a().createElement(u,{panel:b},a().createElement(d,{symbol:"call",active:!0},"Call"),a().createElement(d,{symbol:"clock"},"History"),a().createElement(d,{symbol:"note"},"Notes"),a().createElement(d,{symbol:"omni_channel"},a().createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),a().createElement("span",null,"Omni-Channel")))},{id:"notification",label:"Item has notification",demoStyles:c,element:a().createElement(u,null,a().createElement(d,{symbol:"call"},"Call"),a().createElement(d,{symbol:"clock"},"History"),a().createElement(d,{symbol:"note"},"Notes"),a().createElement(d,{symbol:"omni_channel",notification:!0},a().createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),a().createElement("span",null,"Omni-Channel")))},{id:"pop-out",label:"Item has popout",demoStyles:c,element:a().createElement(u,null,a().createElement(d,{symbol:"call"},"Call"),a().createElement(d,{hasPopOut:!0,active:!0,symbol:"clock"},"History"),a().createElement(d,{symbol:"note"},"Notes"),a().createElement(d,{symbol:"omni_channel"},a().createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),a().createElement("span",null,"Omni-Channel")))}]}},l={};function n(e){var a=l[e];if(void 0!==a)return a.exports;var s=l[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.m=t,n.amdO={},e=[],n.O=function(t,l,a,s){if(!l){var i=1/0;for(m=0;m<e.length;m++){l=e[m][0],a=e[m][1],s=e[m][2];for(var r=!0,o=0;o<l.length;o++)(!1&s||i>=s)&&Object.keys(n.O).every(function(e){return n.O[e](l[o])})?l.splice(o--,1):(r=!1,s<i&&(i=s));if(r){e.splice(m--,1);var c=a();void 0!==c&&(t=c)}}return t}s=s||0;for(var m=e.length;m>0&&e[m-1][2]>s;m--)e[m]=e[m-1];e[m]=[l,a,s]},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 l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},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=6281,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,6281: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,l){var a,s,i=l[0],r=l[1],o=l[2],c=0;if(i.some(function(t){return 0!==e[t]})){for(a in r)n.o(r,a)&&(n.m[a]=r[a]);if(o)var m=o(n)}for(t&&t(l);c<i.length;c++)s=i[c],n.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return n.O(m)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),n.nc=void 0;var a=n.O(void 0,[6790],function(){return n(5059)});a=n.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/docked-utility-bar/base/example.jsx.js"]=a}();