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

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},2133:function(e,t,n){n.r(t),n.d(t,{Context:function(){return g},default:function(){return A},states:function(){return S}});var r=n(1594),o=n.n(r),i=n(6955),a=n(942),c=n.n(a),l=n(6333),s=n.n(l);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},u(e)}function p(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,d(r.key),r)}}function d(e){var t=function(e){if("object"!=u(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(f=function(){return!!e})()}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function b(e,t){return b=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},b(e,t)}var v=function(e){return o().createElement("li",{className:"slds-carousel__indicator",role:"presentation"},o().createElement("a",{id:e.id,className:c()("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()}},o().createElement("span",{className:"slds-assistive-text"},e.title)))},y=function(e){return o().createElement("div",{id:e.id,className:c()("slds-carousel__panel",e.className),role:"tabpanel",hidden:!e.isActive,"aria-labelledby":e.indicatorId},o().createElement("a",{href:"#",className:"slds-carousel__panel-action slds-text-link_reset",tabIndex:e.isActive?"0":"-1",onClick:function(e){return e.preventDefault()}},o().createElement("div",{className:"slds-carousel__image"},o().createElement("img",{src:e.src,alt:e.title})),o().createElement("div",{className:"slds-carousel__content"},o().createElement("h2",{className:"slds-carousel__content-title"},e.title),o().createElement("p",null,e.description))))},h=function(e){return o().createElement("span",{className:"slds-carousel__autoplay"},o().createElement(i.A,{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,n){return t=m(t),function(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)}(e,f()?Reflect.construct(t,n||[],m(e).constructor):t.apply(e,n))}(this,t,arguments)}return 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&&b(e,t)}(t,e),n=t,(r=[{key:"render",value:function(){var e=s()("content-id-"),t=s()("content-id-"),n=s()("content-id-"),r=s()("indicator-id-"),i=s()("indicator-id-"),a=s()("indicator-id-");return o().createElement("div",{className:c()("slds-carousel",this.props.className)},o().createElement("div",{className:"slds-carousel__stage"},this.props.autoPlay&&o().createElement(h,{stop:"stop"===this.props.autoPlay}),o().createElement("div",{className:"slds-carousel__panels",style:{transform:"translateX(-".concat(100*(this.props.panelActive-3),"%)")}},o().createElement(y,{isActive:"1"===this.props.panelActive,id:e,indicatorId:r,title:"Visit App Exchange",description:"Extend Salesforce with the #1 business marketplace.",src:"/assets/images/carousel/carousel-01.jpg"}),o().createElement(y,{isActive:"2"===this.props.panelActive,id:t,indicatorId:i,title:"Click to Customize",description:"Use the Object Manager to add fields, build layouts, and more.",src:"/assets/images/carousel/carousel-02.jpg"}),o().createElement(y,{isActive:"3"===this.props.panelActive,id:n,indicatorId:a,title:"Download SalesforceA",description:"Get the mobile app that's just for Salesforce admins.",src:"/assets/images/carousel/carousel-03.jpg"})),o().createElement("ul",{className:"slds-carousel__indicators",role:"tablist"},o().createElement(v,{isActive:"1"===this.props.panelActive,id:r,contentId:e,title:"Visit App Exchange tab"}),o().createElement(v,{isActive:"2"===this.props.panelActive,id:i,contentId:t,title:"Click to Customize tab"}),o().createElement(v,{isActive:"3"===this.props.panelActive,id:a,contentId:n,title:"Download SalesforceA tab"}))))}}])&&p(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(r.Component),E=_,g=function(e){return o().createElement("div",{style:{width:"480px",maxWidth:"100%",height:"400px"}},e.children)},A=o().createElement(E,{panelActive:"1"}),S=[{id:"tab-1-active",label:"Tab 1 Active",element:o().createElement(E,{panelActive:"1"})},{id:"tab-2-active",label:"Tab 2 Active",element:o().createElement(E,{panelActive:"2"})},{id:"tab-3-active",label:"Tab 3 active",element:o().createElement(E,{panelActive:"3"})},{id:"auto-play-enabled",label:"Auto-play enabled",element:o().createElement(E,{panelActive:"1",autoPlay:!0})},{id:"auto-play-stopped",label:"Auto-play stopped",element:o().createElement(E,{panelActive:"1",autoPlay:"stop"})}]}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,o,i){if(!n){var a=1/0;for(u=0;u<e.length;u++){n=e[u][0],o=e[u][1],i=e[u][2];for(var c=!0,l=0;l<n.length;l++)(!1&i||a>=i)&&Object.keys(r.O).every(function(e){return r.O[e](n[l])})?n.splice(l--,1):(c=!1,i<a&&(a=i));if(c){e.splice(u--,1);var s=o();void 0!==s&&(t=s)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[n,o,i]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=3566,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3566:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,i,a=n[0],c=n[1],l=n[2],s=0;if(a.some(function(t){return 0!==e[t]})){for(o in c)r.o(c,o)&&(r.m[o]=c[o]);if(l)var u=l(r)}for(t&&t(n);s<a.length;s++)i=a[s],r.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return r.O(u)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),r.nc=void 0;var o=r.O(void 0,[6790],function(){return r(2133)});o=r.O(o),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/carousel/base/example.jsx.js"]=o}();