@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/popovers/feature/example.jsx.js

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/popovers/feature/example.jsx.js"]=function(e){function t(t){for(var l,n,d=t[0],o=t[1],r=t[2],u=0,m=[];u<d.length;u++)n=d[u],s[n]&&m.push(s[n][0]),s[n]=0;for(l in o)Object.prototype.hasOwnProperty.call(o,l)&&(e[l]=o[l]);for(c&&c(t);m.length;)m.shift()();return i.push.apply(i,r||[]),a()}function a(){for(var e,t=0;t<i.length;t++){for(var a=i[t],l=!0,d=1;d<a.length;d++){var o=a[d];0!==s[o]&&(l=!1)}l&&(i.splice(t--,1),e=n(n.s=a[0]))}return e}var l={},s={37: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},i=[];function n(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=l,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/assets/scripts/bundle/";var d=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],o=d.push.bind(d);d.push=t,d=d.slice();for(var r=0;r<d.length;r++)t(d[r]);var c=o;return i.push([104,0]),a()}({0:function(e,t){e.exports=React},104:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=void 0;var l=d(a(0)),s=d(a(4)),i=a(12),n=a(136);function d(e){return e&&e.__esModule?e:{default:e}}var o=d(a(5)).default.uniqueId("dialog-heading-id-");t.default=l.default.createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",title:"Dialog Title",closeButton:!0,inverse:!0},l.default.createElement("div",{className:"slds-media"},l.default.createElement("div",{className:"slds-media__body"},l.default.createElement("p",{className:"slds-text-heading_small"},"Shelly, it seems you frequent this record. Try favoriting it for easy access."))));t.examples=[{id:"icon-text",label:"With icon and text",element:l.default.createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",title:"Dialog Title",closeButton:!0,inverse:!0},l.default.createElement("div",{className:"slds-media"},l.default.createElement("div",{className:"slds-media__figure"},l.default.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.default.createElement(s.default,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"favorite"}),l.default.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.default.createElement("div",{className:"slds-media__body"},l.default.createElement("p",{className:"slds-text-heading_small"},"Shelly, it seems you frequent this record. Try favoriting it for easy access."))))},{id:"icon-header-text-link",label:"With icon, header, text, and link",element:l.default.createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",headingId:o,closeButton:!0,inverse:!0},l.default.createElement("div",{className:"slds-media"},l.default.createElement("div",{className:"slds-media__figure"},l.default.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.default.createElement(s.default,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"smiley_and_people"}),l.default.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.default.createElement("div",{className:"slds-media__body"},l.default.createElement("h2",{id:o,className:"slds-text-heading_small"},"Title"),l.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."," ",l.default.createElement("a",{href:"javascript:void(0);"},"Learn more")))))},{id:"icon-header-text",label:"With icon, header, and text",element:l.default.createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",headingId:o,closeButton:!0,inverse:!0},l.default.createElement("div",{className:"slds-media"},l.default.createElement("div",{className:"slds-media__figure"},l.default.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.default.createElement(s.default,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"description"}),l.default.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.default.createElement("div",{className:"slds-media__body"},l.default.createElement("h2",{id:o,className:"slds-text-heading_small"},"Title"),l.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))))},{id:"icon-header-text-footer",label:"With icon, header, text, and footer",element:l.default.createElement(i.Popover,{className:"slds-popover_walkthrough slds-popover_feature slds-nubbin_left",headingId:o,footer:l.default.createElement(n.Footer,{learnMoreButton:!0}),closeButton:!0,inverse:!0},l.default.createElement("div",{className:"slds-media"},l.default.createElement("div",{className:"slds-media__figure"},l.default.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},l.default.createElement(s.default,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"favorite"}),l.default.createElement("span",{className:"slds-assistive-text"},"Description of icon"))),l.default.createElement("div",{className:"slds-media__body"},l.default.createElement("h2",{id:o,className:"slds-text-heading_small"},"Title"),l.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))))}]}});