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

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/carousel/base/example.jsx.js"]=function(e){function t(t){for(var l,i,r=t[0],o=t[1],c=t[2],u=0,p=[];u<r.length;u++)i=r[u],n[i]&&p.push(n[i][0]),n[i]=0;for(l in o)Object.prototype.hasOwnProperty.call(o,l)&&(e[l]=o[l]);for(d&&d(t);p.length;)p.shift()();return s.push.apply(s,c||[]),a()}function a(){for(var e,t=0;t<s.length;t++){for(var a=s[t],l=!0,r=1;r<a.length;r++){var o=a[r];0!==n[o]&&(l=!1)}l&&(s.splice(t--,1),e=i(i.s=a[0]))}return e}var l={},n={146: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 i(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,i),a.l=!0,a.exports}i.m=e,i.c=l,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},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||[],o=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var d=o;return s.push([219,0]),a()}({0:function(e,t){e.exports=React},218:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CarouselPlayToggle=t.indicatorId03=t.indicatorId02=t.indicatorId01=t.contentId03=t.contentId02=t.contentId01=void 0;var l=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),n=a(0),s=o(n),i=o(a(2)),r=o(a(1));function o(e){return e&&e.__esModule?e:{default:e}}var c=t.contentId01="content-id-01",d=t.contentId02="content-id-02",u=t.contentId03="content-id-03",p=t.indicatorId01="indicator-id-01",f=t.indicatorId02="indicator-id-02",m=t.indicatorId03="indicator-id-03",v=function(e){return s.default.createElement("li",{className:"slds-carousel__indicator",role:"presentation"},s.default.createElement("a",{id:e.id,className:(0,r.default)("slds-carousel__indicator-action",e.isActive&&"slds-is-active",e.className),href:"javascript:void(0);",role:"tab",tabIndex:e.isActive?"0":"-1","aria-selected":e.isActive?"true":"false","aria-controls":e.contentId,title:e.title},s.default.createElement("span",{className:"slds-assistive-text"},e.title)))},b=function(e){return s.default.createElement("div",{id:e.id,className:(0,r.default)("slds-carousel__panel",e.className),role:"tabpanel","aria-hidden":e.isActive?"false":"true","aria-labelledby":e.indicatorId},s.default.createElement("a",{href:"javascript:void(0);",className:"slds-carousel__panel-action slds-text-link_reset",tabIndex:e.isActive?"0":"-1"},s.default.createElement("div",{className:"slds-carousel__image"},s.default.createElement("img",{src:e.src,alt:e.title})),s.default.createElement("div",{className:"slds-carousel__content"},s.default.createElement("h2",{className:"slds-carousel__content-title"},e.title),s.default.createElement("p",null,e.description))))},h=t.CarouselPlayToggle=function(e){return s.default.createElement("span",{className:"slds-carousel__autoplay"},s.default.createElement(i.default,{className:"slds-button_icon-border-filled slds-button_icon-x-small",symbol:e.stop?"right":"pause","aria-controls":e["aria-controls"],"aria-pressed":e.stop,disabled:e.disabled,title:"Stop auto-play",assistiveText:"Stop auto-play"}))},_=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),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)).apply(this,arguments))}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,n.Component),l(t,[{key:"render",value:function(){return s.default.createElement("div",{className:(0,r.default)("slds-carousel",this.props.className)},s.default.createElement("div",{className:"slds-carousel__stage"},this.props.autoPlay&&s.default.createElement(h,{stop:"stop"===this.props.autoPlay}),s.default.createElement("div",{className:"slds-carousel__panels",style:{transform:"translateX(-"+100*(this.props.panelActive-1)+"%)"}},s.default.createElement(b,{isActive:"1"===this.props.panelActive,id:c,indicatorId:p,title:"Visit App Exchange",description:"Extend Salesforce with the #1 business marketplace.",src:"/assets/images/carousel/carousel-01.jpg"}),s.default.createElement(b,{isActive:"2"===this.props.panelActive,id:d,indicatorId:f,title:"Click to Customize",description:"Use the Object Manager to add fields, build layouts, and more.",src:"/assets/images/carousel/carousel-02.jpg"}),s.default.createElement(b,{isActive:"3"===this.props.panelActive,id:u,indicatorId:m,title:"Download SalesforceA",description:"Get the mobile app that's just for Salesforce admins.",src:"/assets/images/carousel/carousel-03.jpg"})),s.default.createElement("ul",{className:"slds-carousel__indicators",role:"tablist"},s.default.createElement(v,{isActive:"1"===this.props.panelActive,id:p,contentId:c,title:"Visit App Exchange tab"}),s.default.createElement(v,{isActive:"2"===this.props.panelActive,id:f,contentId:d,title:"Click to Customize tab"}),s.default.createElement(v,{isActive:"3"===this.props.panelActive,id:m,contentId:u,title:"Download SalesforceA tab"}))))}}]),t}();t.default=_},219:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=t.Context=void 0;var l=s(a(0)),n=s(a(218));function s(e){return e&&e.__esModule?e:{default:e}}t.Context=function(e){return l.default.createElement("div",{style:{width:"480px",maxWidth:"100%",height:"400px"}},e.children)};t.default=l.default.createElement(n.default,{panelActive:"1"});t.states=[{id:"tab-1-active",label:"Tab 1 Active",element:l.default.createElement(n.default,{panelActive:"1"})},{id:"tab-2-active",label:"Tab 2 Active",element:l.default.createElement(n.default,{panelActive:"2"})},{id:"tab-3-active",label:"Tab 3 active",element:l.default.createElement(n.default,{panelActive:"3"})},{id:"auto-play-enabled",label:"Auto-play enabled",element:l.default.createElement(n.default,{panelActive:"1",autoPlay:!0})},{id:"auto-play-stopped",label:"Auto-play stopped",element:l.default.createElement(n.default,{panelActive:"1",autoPlay:"stop"})}]}});