@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 4.93 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},9930:function(e,t,n){n.r(t),n.d(t,{Section:function(){return u},SectionContent:function(){return c},SectionTitle:function(){return m},SectionTitleAction:function(){return d},examples:function(){return f},states:function(){return p}});var r=n(1594),l=n.n(r),a=n(8347),i=n(942),s=n.n(i),o="expando-unique-id",u=function(e){return l().createElement("div",{className:s()("slds-section",e.className)},e.children)},c=function(e){return l().createElement("div",{hidden:!e.isOpen,className:s()("slds-section__content",e.className),id:e.referenceId},e.children)},m=function(e){return l().createElement("h3",{className:s()("slds-section__title",e.className)},e.children)},d=function(e){return l().createElement("button",{"aria-controls":e.referenceId,"aria-expanded":e.isOpen?"true":"false",className:"slds-button slds-section__title-action"},l().createElement(a.A,{className:"slds-section__title-action-icon slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"switch"}),l().createElement("span",{className:"slds-truncate",title:e.children},e.children))};t.default=[{id:"default",label:"Default",element:l().createElement(u,{className:"slds-is-open"},l().createElement(m,null,l().createElement(d,{referenceId:o,isOpen:!0},"Section Title")),l().createElement(c,{referenceId:o,isOpen:!0},l().createElement("p",null,"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue.")))}];var f=[{id:"non-collapsable",label:"Non-collapsable",element:l().createElement(u,{className:"slds-is-open"},l().createElement(m,{className:"slds-theme_shade"},l().createElement("span",{className:"slds-truncate slds-p-horizontal_small",title:"Section Title"},"Section Title")),l().createElement(c,{isOpen:!0},l().createElement("p",null,"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue.")))}],p=[{id:"closed",label:"Closed",element:l().createElement(u,null,l().createElement(m,null,l().createElement(d,{referenceId:o},"Section Title")),l().createElement(c,{referenceId:o},l().createElement("p",null,"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue.")))}]}},n={};function r(e){var l=n[e];if(void 0!==l)return l.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,l,a){if(!n){var i=1/0;for(c=0;c<e.length;c++){n=e[c][0],l=e[c][1],a=e[c][2];for(var s=!0,o=0;o<n.length;o++)(!1&a||i>=a)&&Object.keys(r.O).every(function(e){return r.O[e](n[o])})?n.splice(o--,1):(s=!1,a<i&&(i=a));if(s){e.splice(c--,1);var u=l();void 0!==u&&(t=u)}}return t}a=a||0;for(var c=e.length;c>0&&e[c-1][2]>a;c--)e[c]=e[c-1];e[c]=[n,l,a]},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=3670,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3670: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 l,a,i=n[0],s=n[1],o=n[2],u=0;if(i.some(function(t){return 0!==e[t]})){for(l in s)r.o(s,l)&&(r.m[l]=s[l]);if(o)var c=o(r)}for(t&&t(n);u<i.length;u++)a=i[u],r.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return r.O(c)},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 l=r.O(void 0,[6790],function(){return r(9930)});l=r.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/expandable-section/base/example.jsx.js"]=l}();