@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 7.02 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={736:function(e,t,n){n.d(t,{NavVerticalSection:function(){return f}});var a=n(1594),r=n.n(a),i=n(4187),l=n(538),c=n(2711),o=n(5526),s=n(8347),d=n(942),u=n.n(d),p=n(9825),m=n(806);i.PropTypes.string,i.PropTypes.node,i.PropTypes.bool,i.PropTypes.bool;var v=function(e){return r().createElement("li",{className:u()("slds-nav-vertical__item",{"slds-is-active":e.active},e.className)},r().createElement("a",{href:"#",className:"slds-nav-vertical__action","aria-current":e.active,onClick:function(e){return e.preventDefault()}},e.children))};v.propTypes={active:i.PropTypes.oneOf([!0,void 0,"page","step","location","date","time"]),className:i.PropTypes.string,children:i.PropTypes.node},v.defaultProps={active:void 0};var f=function(e){var t,n=e.children,a=e.className,i=e.collapsed,l=e.expanded,c=e.headerId,o=e.isNavVerticalRadioSet,d=e.listId,m=e.title,v=i||l;return t=o?r().createElement("div",null,n):r().createElement("ul",{"aria-describedby":c},n),r().createElement("div",{className:u()(v?"slds-nav-vertical__overflow":"slds-nav-vertical__section",a)},!v&&!o&&m&&r().createElement("h2",{id:c,className:"slds-nav-vertical__title"},m),v&&r().createElement(p.Button,{className:"slds-button_reset slds-nav-vertical__action slds-nav-vertical__action_overflow","aria-controls":d,"aria-expanded":l?"true":"false"},r().createElement(s.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"chevronright"}),r().createElement("span",{className:"slds-nav-vertical__action-text"},i?"Show More":"Show Less",r().createElement("span",{className:"slds-assistive-text"},m))),v?r().createElement("div",{id:d,className:u()({"slds-hide":i,"slds-show":l})},t):t)};f.defaultProps={headerId:"header-id-1"},f.propTypes={children:i.PropTypes.node,className:i.PropTypes.string,collapsed:(0,m.VY)("listId",i.PropTypes.bool),expanded:(0,m.VY)("listId",i.PropTypes.bool),headerId:i.PropTypes.string.isRequired,isNavVerticalRadioSet:i.PropTypes.bool,listId:i.PropTypes.string,title:i.PropTypes.string},l.UtilityIcon,l.UtilityIcon,c.ZS,l.UtilityIcon,o.A},1043:function(e,t,n){n.r(t),n.d(t,{Context:function(){return u},NavVerticalFieldset:function(){return s},NavVerticalItemRadio:function(){return d},NavVerticalRadioSet:function(){return p},examples:function(){return m}});var a=n(1594),r=n.n(a),i=n(736),l=n(942),c=n.n(l),o="entity-header",s=function(e){return r().createElement("fieldset",{className:c()("slds-nav-vertical",{"slds-nav-vertical_shade":e.shaded},{"slds-nav-vertical_compact":e.compact})},r().createElement("legend",{className:"slds-nav-vertical__title"},"Reports"),e.children)},d=function(e){return r().createElement("span",{className:c()("slds-nav-vertical__item",e.className)},r().createElement("input",{defaultChecked:e.checked,type:"radio",id:e.id,value:e.id,name:e.name||"unique-id-example"}),r().createElement("label",{className:"slds-nav-vertical__action",htmlFor:e.id},r().createElement("span",{className:"slds-nav-vertical_radio-faux"},e.children)))},u=function(e){return r().createElement("div",{className:"demo-only",style:{width:"320px"}},e.children)},p=function(e){return r().createElement(i.NavVerticalSection,{headerId:o,title:"Reports",isNavVerticalRadioSet:!0},r().createElement(s,null,r().createElement(d,{checked:!0,id:"unique-id-01-recent"},"Recent"),r().createElement(d,{id:"unique-id-01-created-by-me"},"Created by Me"),r().createElement(d,{id:"unique-id-01-private-reports"},"Private Reports"),r().createElement(d,{id:"unique-id-01-public-reports"},"Public Reports"),r().createElement(d,{id:"unique-id-01-all-reports"},"All Reports")))};t.default=r().createElement(p,null);var m=[{id:"compact",label:"Compact",element:r().createElement(i.NavVerticalSection,{headerId:o,title:"Reports",isNavVerticalRadioSet:!0},r().createElement(s,{compact:!0},r().createElement(d,{checked:!0,id:"unique-id-02-recent",name:"unique-id-compact"},"Recent"),r().createElement(d,{id:"unique-id-02-created-by-me",name:"unique-id-compact"},"Created by Me"),r().createElement(d,{id:"unique-id-02-private-reports",name:"unique-id-compact"},"Private Reports"),r().createElement(d,{id:"unique-id-02-public-reports",name:"unique-id-compact"},"Public Reports"),r().createElement(d,{id:"unique-id-02-all-reports",name:"unique-id-compact"},"All Reports")))},{id:"shade",label:"Shaded Background",element:r().createElement("div",{className:"demo-only",style:{backgroundColor:"#FAFAFB"}},r().createElement(i.NavVerticalSection,{headerId:o,title:"Reports",isNavVerticalRadioSet:!0},r().createElement(s,{shaded:!0},r().createElement(d,{checked:!0,id:"unique-id-03-recent",name:"unique-id-shade"},"Recent"),r().createElement(d,{id:"unique-id-03-created-by-me",name:"unique-id-shade"},"Created by Me"),r().createElement(d,{id:"unique-id-03-private-reports",name:"unique-id-shade"},"Private Reports"),r().createElement(d,{id:"unique-id-03-public-reports",name:"unique-id-shade"},"Public Reports"),r().createElement(d,{id:"unique-id-03-all-reports",name:"unique-id-shade"},"All Reports"))))}]},1594:function(e){e.exports=React}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,a),i.exports}a.m=t,a.amdO={},e=[],a.O=function(t,n,r,i){if(!n){var l=1/0;for(d=0;d<e.length;d++){n=e[d][0],r=e[d][1],i=e[d][2];for(var c=!0,o=0;o<n.length;o++)(!1&i||l>=i)&&Object.keys(a.O).every(function(e){return a.O[e](n[o])})?n.splice(o--,1):(c=!1,i<l&&(l=i));if(c){e.splice(d--,1);var s=r();void 0!==s&&(t=s)}}return t}i=i||0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[n,r,i]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=5253,function(){var e={518:0,1117:0,1252:0,1578:0,1614:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,5253:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};a.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,i,l=n[0],c=n[1],o=n[2],s=0;if(l.some(function(t){return 0!==e[t]})){for(r in c)a.o(c,r)&&(a.m[r]=c[r]);if(o)var d=o(a)}for(t&&t(n);s<l.length;s++)i=l[s],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return a.O(d)},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))}(),a.nc=void 0;var r=a.O(void 0,[6790],function(){return a(1043)});r=a.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/vertical-navigation/radio-group/example.jsx.js"]=r}();