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

Salesforce Lightning Design System

var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/carousel/base/example.jsx.js"]=function(e){function t(t){for(var a,i,l=t[0],s=t[1],c=t[2],p=0,d=[];p<l.length;p++)i=l[p],Object.prototype.hasOwnProperty.call(r,i)&&r[i]&&d.push(r[i][0]),r[i]=0;for(a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a]);for(u&&u(t);d.length;)d.shift()();return o.push.apply(o,c||[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],a=!0,l=1;l<n.length;l++){var s=n[l];0!==r[s]&&(a=!1)}a&&(o.splice(t--,1),e=i(i.s=n[0]))}return e}var a={},r={31:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,128:0,132:0,136:0,141:0,143:0},o=[];function i(t){if(a[t])return a[t].exports;var n=a[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=a,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(n,a,function(t){return e[t]}.bind(null,a));return n},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 l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],s=l.push.bind(l);l.push=t,l=l.slice();for(var c=0;c<l.length;c++)t(l[c]);var u=s;return o.push([717,0]),n()}({0:function(e,t){e.exports=React},717:function(e,t,n){"use strict";n.r(t),n.d(t,"Context",(function(){return A})),n.d(t,"states",(function(){return g}));var a=n(0),r=n.n(a),o=n(4),i=n(2),l=n.n(i),s=n(18),c=n.n(s);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function f(e,t){return(f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=y(e);if(t){var r=y(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return b(this,n)}}function b(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function y(e){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var v=function(e){return r.a.createElement("li",{className:"slds-carousel__indicator",role:"presentation"},r.a.createElement("a",{id:e.id,className:l()("slds-carousel__indicator-action",e.isActive&&"slds-is-active",e.className),href:"#",role:"tab",tabIndex:e.isActive?"0":"-1","aria-selected":e.isActive?"true":"false","aria-controls":e.contentId,title:e.title,onClick:function(e){return e.preventDefault()}},r.a.createElement("span",{className:"slds-assistive-text"},e.title)))},h=function(e){return r.a.createElement("div",{id:e.id,className:l()("slds-carousel__panel",e.className),role:"tabpanel",hidden:!e.isActive,"aria-labelledby":e.indicatorId},r.a.createElement("a",{href:"#",className:"slds-carousel__panel-action slds-text-link_reset",tabIndex:e.isActive?"0":"-1",onClick:function(e){return e.preventDefault()}},r.a.createElement("div",{className:"slds-carousel__image"},r.a.createElement("img",{src:e.src,alt:e.title})),r.a.createElement("div",{className:"slds-carousel__content"},r.a.createElement("h2",{className:"slds-carousel__content-title"},e.title),r.a.createElement("p",null,e.description))))},_=function(e){return r.a.createElement("span",{className:"slds-carousel__autoplay"},r.a.createElement(o.b,{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"}))},E=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(i,e);var t,n,a,o=m(i);function i(){return p(this,i),o.apply(this,arguments)}return t=i,(n=[{key:"render",value:function(){var e=c()("content-id-"),t=c()("content-id-"),n=c()("content-id-"),a=c()("indicator-id-"),o=c()("indicator-id-"),i=c()("indicator-id-");return r.a.createElement("div",{className:l()("slds-carousel",this.props.className)},r.a.createElement("div",{className:"slds-carousel__stage"},this.props.autoPlay&&r.a.createElement(_,{stop:"stop"===this.props.autoPlay}),r.a.createElement("div",{className:"slds-carousel__panels",style:{transform:"translateX(-".concat(100*(this.props.panelActive-3),"%)")}},r.a.createElement(h,{isActive:"1"===this.props.panelActive,id:e,indicatorId:a,title:"Visit App Exchange",description:"Extend Salesforce with the #1 business marketplace.",src:"/assets/images/carousel/carousel-01.jpg"}),r.a.createElement(h,{isActive:"2"===this.props.panelActive,id:t,indicatorId:o,title:"Click to Customize",description:"Use the Object Manager to add fields, build layouts, and more.",src:"/assets/images/carousel/carousel-02.jpg"}),r.a.createElement(h,{isActive:"3"===this.props.panelActive,id:n,indicatorId:i,title:"Download SalesforceA",description:"Get the mobile app that's just for Salesforce admins.",src:"/assets/images/carousel/carousel-03.jpg"})),r.a.createElement("ul",{className:"slds-carousel__indicators",role:"tablist"},r.a.createElement(v,{isActive:"1"===this.props.panelActive,id:a,contentId:e,title:"Visit App Exchange tab"}),r.a.createElement(v,{isActive:"2"===this.props.panelActive,id:o,contentId:t,title:"Click to Customize tab"}),r.a.createElement(v,{isActive:"3"===this.props.panelActive,id:i,contentId:n,title:"Download SalesforceA tab"}))))}}])&&d(t.prototype,n),a&&d(t,a),Object.defineProperty(t,"prototype",{writable:!1}),i}(a.Component),A=function(e){return r.a.createElement("div",{style:{width:"480px",maxWidth:"100%",height:"400px"}},e.children)},g=(t.default=r.a.createElement(E,{panelActive:"1"}),[{id:"tab-1-active",label:"Tab 1 Active",element:r.a.createElement(E,{panelActive:"1"})},{id:"tab-2-active",label:"Tab 2 Active",element:r.a.createElement(E,{panelActive:"2"})},{id:"tab-3-active",label:"Tab 3 active",element:r.a.createElement(E,{panelActive:"3"})},{id:"auto-play-enabled",label:"Auto-play enabled",element:r.a.createElement(E,{panelActive:"1",autoPlay:!0})},{id:"auto-play-stopped",label:"Auto-play stopped",element:r.a.createElement(E,{panelActive:"1",autoPlay:"stop"})}])}});