@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 28.4 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},2395:function(e,t,l){l.r(t),l.d(t,{default:function(){return v},examples:function(){return k},states:function(){return C}});var n=l(1594),a=l.n(n),i=l(5373),s=l(6955),o=l(2711),d=l(6869),r=l(5526),m=l(7086),c=l(3589),u=l(1069),p=l(274),f=l(5159),E=l(6185),b=l(538),S={rows:[{fields:[{type:"text",label:"Assigned To",value:"Jack Rogers",avatar:"/assets/images/avatar1.jpg",isRequired:!0,link:!0,component:a().createElement(o.ZS,{inputId:"stacked-form-element-id-01",labelContent:"Assigned To",isRequired:!0,isEditing:!0,isStacked:!0},a().createElement(r.A,{id:"stacked-form-element-id-01",readOnly:!0,defaultValue:"Jack Rogers",required:!0}))},{type:"lookup",label:"Team Name",value:"Salesforce Lightning Design System",link:!0,component:a().createElement(f.Ay,{id:"stacked-combobox-id-01",label:"Team Name","aria-controls":"stacked-listbox-id-01",autocomplete:!0,isEditing:!0,isStacked:!0,inputIconPosition:"right",rightInputIcon:a().createElement(s.A,{className:"slds-input__icon slds-input__icon_right",symbol:"clear",title:"Clear the text input",assistiveText:"Clear the text input"}),results:a().createElement(E.Ay,{id:"stacked-listbox-id-01",snapshot:{},type:"entity",count:2}),resultsType:"listbox",value:"Salesforce Lightning Design System"})}]},{fields:[{type:"checkbox",label:"Security Assessment Required?",value:a().createElement(b.UtilityIcon,{symbol:"steps",size:"x-small",useCurrentColor:!0,assistiveText:"False",title:"False"}),component:a().createElement(u.L,{labelContent:"Security Assessment Required?",isEditing:!0,isStacked:!0})},{type:"picklist",label:"Status",component:a().createElement(f.Ay,{id:"stacked-combobox-id-02",label:"Status","aria-controls":"stacked-listbox-id-02",readonly:!0,isEditing:!0,isStacked:!0,inputIconPosition:"right",rightInputIcon:a().createElement(b.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(E.Ay,{id:"stacked-listbox-id-02",snapshot:{},type:"plain",count:2,visualSelection:!0}),resultsType:"listbox"})}]},{fields:[{type:"checkbox-group",label:"Personalization Settings",value:"Disable end user personalization",component:a().createElement(o.LB,{label:"App Personalization Settings",isEditing:!0,isStacked:!0},a().createElement(c.Checkbox,{label:"Disable end user personalization",name:"default",checked:!0}),a().createElement(c.Checkbox,{label:"Don't automatically create temporary tabs",name:"default"}))},{type:"",label:"",value:""}]},{fields:[{type:"text",label:"SLA Serial Number",value:"5367",hasTooltip:!0,component:a().createElement(o.ZS,{labelContent:"SLA Serial Number",inputId:"stacked-form-element-id-02",hasTooltip:!0,isEditing:!0,isStacked:!0},a().createElement(r.A,{id:"stacked-form-element-id-02",defaultValue:"5367"}))},{type:"date",label:"SLA Expiration Date",value:"1/1/2018",component:a().createElement(o.ZS,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Date",inputId:"stacked-form-element-id-03",hasRightIcon:!0,isEditing:!0,isStacked:!0},a().createElement(r.A,{id:"stacked-form-element-id-03",defaultValue:"1/1/2018"}),a().createElement(s.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"}))}]},{fields:[{type:"location",label:"Location",value:"10.283, 54.293",component:a().createElement(d.q,{labelContent:"Location",isEditing:!0,isStacked:!0},a().createElement(d.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(o.ZS,{labelContent:"Longitude",inputId:"stacked-location-longitude-01"},a().createElement(r.A,{id:"stacked-location-longitude-01",defaultValue:"10.283"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(o.ZS,{labelContent:"Latitude",inputId:"stacked-location-latitude-01"},a().createElement(r.A,{id:"stacked-location-latitude-01",defaultValue:"54.293"})))))},{type:"multiselect",label:"Selected Languages",value:"Arabic, Chinese, English, German",component:a().createElement(p.KF,{isEditing:!0,isStacked:!0,dataSet:p.Wz,isResponsive:!0})}]},{fields:[{type:"address",label:"Billing Address",value:["525 S. Lexington Ave","Burlington, NC 27215","USA"],link:!0,isRequired:!0,hasTooltip:!0,component:a().createElement(d.q,{labelContent:"Billing Address",isAddress:!0,isEditing:!0,isRequired:!0,hasTooltip:!0,isStacked:!0},a().createElement(d.M,null,a().createElement("div",{className:"slds-size_1-of-1"},a().createElement(o.ZS,{labelContent:"Billing Street",inputId:"stacked-form-element-id-04"},a().createElement(m.Textarea,{id:"stacked-form-element-id-04",defaultValue:"525 S. Lexington Ave",required:!0})))),a().createElement(d.M,null,a().createElement("div",{className:"slds-size_4-of-6"},a().createElement(o.ZS,{labelContent:"Billing City",inputId:"stacked-form-element-id-05"},a().createElement(r.A,{id:"stacked-form-element-id-05",defaultValue:"Burlington",required:!0}))),a().createElement("div",{className:"slds-size_2-of-6"},a().createElement(o.ZS,{labelContent:"Billing State/Province",inputId:"stacked-form-element-id-06"},a().createElement(r.A,{id:"stacked-form-element-id-06",defaultValue:"NC",required:!0})))),a().createElement(d.M,null,a().createElement("div",{className:"slds-size_4-of-6"},a().createElement(o.ZS,{labelContent:"Billing Zip/Postal Code",inputId:"stacked-form-element-id-07"},a().createElement(r.A,{id:"stacked-form-element-id-07",defaultValue:"27215",required:!0}))),a().createElement("div",{className:"slds-size_2-of-6"},a().createElement(o.ZS,{labelContent:"Billing Country",inputId:"stacked-form-element-id-08"},a().createElement(r.A,{id:"stacked-form-element-id-08",defaultValue:"USA",required:!0})))))},{type:"address",label:"Shipping Address",value:["312 Constitution Place","Austin, TX 78767","USA"],link:!0,component:a().createElement(d.q,{labelContent:"Shipping Address",isAddress:!0,isEditing:!0,isStacked:!0},a().createElement(d.M,null,a().createElement("div",{className:"slds-size_1-of-1"},a().createElement(o.ZS,{labelContent:"Shipping Street",inputId:"stacked-form-element-id-09"},a().createElement(m.Textarea,{id:"stacked-form-element-id-09",defaultValue:"312 Constitution Place"})))),a().createElement(d.M,null,a().createElement("div",{className:"slds-size_4-of-6"},a().createElement(o.ZS,{labelContent:"Shipping City",inputId:"stacked-form-element-id-10"},a().createElement(r.A,{id:"stacked-form-element-id-10",defaultValue:"Austin"}))),a().createElement("div",{className:"slds-size_2-of-6"},a().createElement(o.ZS,{labelContent:"Shipping State/Province",inputId:"stacked-form-element-id-11"},a().createElement(r.A,{id:"stacked-form-element-id-11",defaultValue:"TX"})))),a().createElement(d.M,null,a().createElement("div",{className:"slds-size_4-of-6"},a().createElement(o.ZS,{labelContent:"Shipping Zip/Postal Code",inputId:"stacked-form-element-id-12"},a().createElement(r.A,{id:"stacked-form-element-id-12",defaultValue:"78767"}))),a().createElement("div",{className:"slds-size_2-of-6"},a().createElement(o.ZS,{labelContent:"Shipping Country",inputId:"stacked-form-element-id-13"},a().createElement(r.A,{id:"stacked-form-element-id-13",defaultValue:"USA"})))))}]},{fields:[{type:"textarea",label:"Description",value:["Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."],column:1,component:a().createElement(o.ZS,{labelContent:"Description",inputId:"stacked-form-element-id-14",isStacked:!0,isEditing:!0,column:1},a().createElement(m.Textarea,{id:"stacked-form-element-id-14",defaultValue:"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."}))}]}]},g=(o.ZS,r.A,f.Ay,s.A,E.Ay,b.UtilityIcon,u.L,f.Ay,b.UtilityIcon,E.Ay,o.LB,c.Checkbox,c.Checkbox,o.ZS,r.A,o.ZS,r.A,s.A,o.ZS,m.Textarea,d.q,d.M,o.ZS,r.A,o.ZS,r.A,p.KF,p.Wz,d.q,d.M,o.ZS,m.Textarea,d.M,o.ZS,r.A,o.ZS,r.A,d.M,o.ZS,r.A,o.ZS,r.A,d.q,d.M,o.ZS,m.Textarea,d.M,o.ZS,r.A,o.ZS,r.A,d.M,o.ZS,r.A,o.ZS,r.A,o.ZS,r.A,f.Ay,s.A,E.Ay,o.ZS,r.A,d.q,d.M,o.ZS,r.A,s.A,f.Ay,b.UtilityIcon,E.Ay,o.ZS,m.Textarea,d.q,d.M,o.ZS,m.Textarea,d.M,o.ZS,r.A,o.ZS,r.A,d.M,o.ZS,r.A,o.ZS,r.A,d.q,d.M,o.ZS,m.Textarea,d.M,o.ZS,r.A,o.ZS,r.A,d.M,o.ZS,r.A,o.ZS,r.A,{rows:[{fields:[{type:"text",label:"Assigned To",value:"Jack Rogers",avatar:"/assets/images/avatar1.jpg",isRequired:!0,link:!0,column:1,component:a().createElement(o.ZS,{inputId:"form-element-id-01",labelContent:"Assigned To",isRequired:!0,isEditing:!0},a().createElement(r.A,{id:"form-element-id-01",readOnly:!0,defaultValue:"Jack Rogers",required:!0}))}]},{fields:[{type:"lookup",label:"Team Name",value:"Salesforce Lightning Design System",link:!0,column:1,component:a().createElement(f.Ay,{id:"combobox-id-01",label:"Team Name","aria-controls":"listbox-id-01",autocomplete:!0,inputIconPosition:"right",rightInputIcon:a().createElement(s.A,{className:"slds-input__icon slds-input__icon_right",symbol:"clear",title:"Clear the text input",assistiveText:"Clear the text input"}),results:a().createElement(E.Ay,{id:"listbox-id-01",snapshot:{},type:"entity",count:2}),resultsType:"listbox",value:"Salesforce Lightning Design System"})}]},{fields:[{type:"checkbox",label:"Security Assessment Required?",value:a().createElement(b.UtilityIcon,{symbol:"steps",size:"x-small",useCurrentColor:!0,assistiveText:"False",title:"False"}),column:1,component:a().createElement(u.L,{labelContent:"Security Assessment Required?",isEditing:!0})}]},{fields:[{type:"picklist",label:"Status",column:1,component:a().createElement(f.Ay,{id:"combobox-id-02",label:"Status","aria-controls":"listbox-id-02",readonly:!0,inputIconPosition:"right",rightInputIcon:a().createElement(b.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(E.Ay,{id:"listbox-id-02",snapshot:{},type:"plain",count:2,visualSelection:!0}),resultsType:"listbox"})}]},{fields:[{type:"text",label:"Reference Image",value:"The URL for the image is https://www.google.com/imgres?imgurl=https%3A%2F%2Fis1-ssl.mzstatic.com%2Fimage%2Fthumb%2FPurple128%2Fv4%2F50%2F98%2Fb6%2F5098b62e-b26d-6d0e-bda4-26a85c42fe1f%2FAppIcon-1x_U007emarketing-0-0-GLES2_U002c0-512MB-sRGB-0-0-0-85-220-0-0-0-3.png%2F246x0w.jpg&imgrefurl=https%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fflower%2Fid1279174518%3Fmt%3D8&docid=2fZCCC_Ugr43lM&tbnid=9soMHOA780_ooM%3A&vet=10ahUKEwiJzc206-PcAhVYIjQIHcJsB3YQMwjxASgAMAA..i&w=246&h=246&bih=1320&biw=1280&q=flower&ved=0ahUKEwiJzc206-PcAhVYIjQIHcJsB3YQMwjxASgAMAA&iact=mrc&uact=8",column:1,component:a().createElement(o.ZS,{labelContent:"Reference Image",inputId:"form-element-id-15",isStacked:!0,isEditing:!0},a().createElement(m.Textarea,{id:"form-element-id-15",defaultValue:"The URL for the image is https://www.google.com/imgres?imgurl=https%3A%2F%2Fis1-ssl.mzstatic.com%2Fimage%2Fthumb%2FPurple128%2Fv4%2F50%2F98%2Fb6%2F5098b62e-b26d-6d0e-bda4-26a85c42fe1f%2FAppIcon-1x_U007emarketing-0-0-GLES2_U002c0-512MB-sRGB-0-0-0-85-220-0-0-0-3.png%2F246x0w.jpg&imgrefurl=https%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fflower%2Fid1279174518%3Fmt%3D8&docid=2fZCCC_Ugr43lM&tbnid=9soMHOA780_ooM%3A&vet=10ahUKEwiJzc206-PcAhVYIjQIHcJsB3YQMwjxASgAMAA..i&w=246&h=246&bih=1320&biw=1280&q=flower&ved=0ahUKEwiJzc206-PcAhVYIjQIHcJsB3YQMwjxASgAMAA&iact=mrc&uact=8"}))}]},{fields:[{type:"richtext",label:"Rich Text Output",column:1,value:a().createElement("div",{className:"slds-rich-text-editor__output"},a().createElement("p",null,"Here's a big image"),a().createElement("p",null,a().createElement("img",{src:"/assets/images/themes/oneSalesforce/banner-group-public-default.png",alt:""})))}]},{fields:[{type:"text",label:"SLA Serial Number",value:"5367",hasTooltip:!0,column:1,component:a().createElement(o.ZS,{labelContent:"SLA Serial Number",inputId:"form-element-id-02",hasTooltip:!0,isEditing:!0},a().createElement(r.A,{id:"form-element-id-02",defaultValue:"5367"}))}]},{fields:[{type:"date",label:"SLA Expiration Date",value:"1/1/2018",column:1,component:a().createElement(o.ZS,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Date",inputId:"form-element-id-03",hasRightIcon:!0},a().createElement(r.A,{id:"form-element-id-03",defaultValue:"1/1/2018"}),a().createElement(s.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"}))}]},{fields:[{type:"location",label:"Location",value:"10.283, 54.293",column:1,component:a().createElement(d.q,{labelContent:"Location",isEditing:!0,isHorizontal:!0},a().createElement(d.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(o.ZS,{labelContent:"Longitude",inputId:"location-longitude-01"},a().createElement(r.A,{id:"location-longitude-01",defaultValue:"10.283"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(o.ZS,{labelContent:"Latitude",inputId:"location-latitude-01"},a().createElement(r.A,{id:"location-latitude-01",defaultValue:"54.293"})))))}]},{fields:[{type:"multiselect",label:"Selected Languages",value:"Arabic, Chinese, English, German",column:1,component:a().createElement(p.KF,{dataSet:p.Wz,isResponsive:!0})}]},{fields:[{type:"address",label:"Billing Address",value:["525 S. Lexington Ave","Burlington, NC 27215","USA"],link:!0,isRequired:!0,hasTooltip:!0,column:1,component:a().createElement(d.q,{labelContent:"Billing Address",isAddress:!0,isEditing:!0,isRequired:!0,hasTooltip:!0,isStacked:!0},a().createElement(d.M,null,a().createElement("div",{className:"slds-size_1-of-1"},a().createElement(o.ZS,{labelContent:"Billing Street",inputId:"form-element-id-04"},a().createElement(m.Textarea,{id:"form-element-id-04",defaultValue:"525 S. Lexington Ave",required:!0})))),a().createElement(d.M,null,a().createElement("div",{className:"slds-size_4-of-6"},a().createElement(o.ZS,{labelContent:"Billing City",inputId:"form-element-id-05"},a().createElement(r.A,{id:"form-element-id-05",defaultValue:"Burlington",required:!0}))),a().createElement("div",{className:"slds-size_2-of-6"},a().createElement(o.ZS,{labelContent:"Billing State/Province",inputId:"form-element-id-06"},a().createElement(r.A,{id:"form-element-id-06",defaultValue:"NC",required:!0})))),a().createElement(d.M,null,a().createElement("div",{className:"slds-size_4-of-6"},a().createElement(o.ZS,{labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-07"},a().createElement(r.A,{id:"form-element-id-07",defaultValue:"27215",required:!0}))),a().createElement("div",{className:"slds-size_2-of-6"},a().createElement(o.ZS,{labelContent:"Billing Country",inputId:"form-element-id-08"},a().createElement(r.A,{id:"form-element-id-08",defaultValue:"USA",required:!0})))))}]},{fields:[{type:"address",label:"Shipping Address",value:["312 Constitution Place","Austin, TX 78767","USA"],link:!0,column:1,component:a().createElement(d.q,{labelContent:"Shipping Address",isAddress:!0,isEditing:!0,isStacked:!0},a().createElement(d.M,null,a().createElement("div",{className:"slds-size_1-of-1"},a().createElement(o.ZS,{labelContent:"Shipping Street",inputId:"form-element-id-09"},a().createElement(m.Textarea,{id:"form-element-id-09",defaultValue:"312 Constitution Place"})))),a().createElement(d.M,null,a().createElement("div",{className:"slds-size_4-of-6"},a().createElement(o.ZS,{labelContent:"Shipping City",inputId:"form-element-id-10"},a().createElement(r.A,{id:"form-element-id-10",defaultValue:"Austin"}))),a().createElement("div",{className:"slds-size_2-of-6"},a().createElement(o.ZS,{labelContent:"Shipping State/Province",inputId:"form-element-id-11"},a().createElement(r.A,{id:"form-element-id-11",defaultValue:"TX"})))),a().createElement(d.M,null,a().createElement("div",{className:"slds-size_4-of-6"},a().createElement(o.ZS,{labelContent:"Shipping Zip/Postal Code",inputId:"form-element-id-12"},a().createElement(r.A,{id:"form-element-id-12",defaultValue:"78767"}))),a().createElement("div",{className:"slds-size_2-of-6"},a().createElement(o.ZS,{labelContent:"Shipping Country",inputId:"form-element-id-13"},a().createElement(r.A,{id:"form-element-id-13",defaultValue:"USA"})))))}]},{fields:[{type:"textarea",label:"Description",value:["Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."],column:1,component:a().createElement(o.ZS,{labelContent:"Description",inputId:"form-element-id-14",isStacked:!0,isEditing:!0},a().createElement(m.Textarea,{id:"form-element-id-14",defaultValue:"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."}))}]}]}),A={rows:[{fields:[{type:"text",label:"Assigned To",value:"Jack Rogers",avatar:"/assets/images/avatar1.jpg",isRequired:!0,link:!0,component:a().createElement(o.ZS,{inputId:"form-element-id-01",labelContent:"Assigned To",isRequired:!0,isEditing:!0},a().createElement(r.A,{id:"form-element-id-01",readOnly:!0,defaultValue:"Jack Rogers",required:!0}))},{type:"lookup",label:"Team Name",value:"Salesforce Lightning Design System",link:!0,component:a().createElement(f.Ay,{id:"combobox-id-01",label:"Team Name","aria-controls":"listbox-id-01",autocomplete:!0,isEditing:!0,inputIconPosition:"right",rightInputIcon:a().createElement(s.A,{className:"slds-input__icon slds-input__icon_right",symbol:"clear",title:"Clear the text input",assistiveText:"Clear the text input"}),results:a().createElement(E.Ay,{id:"listbox-id-01",snapshot:{},type:"entity",count:2}),resultsType:"listbox",value:"Salesforce Lightning Design System"})}]},{fields:[{type:"checkbox",label:"Security Assessment Required?",value:"False",component:a().createElement(u.L,{labelContent:"Security Assessment Required?",isEditing:!0})},{type:"picklist",label:"Status",component:a().createElement(f.Ay,{id:"combobox-id-02",label:"Status",value:"In Progress","aria-controls":"listbox-id-02",readonly:!0,isEditing:!0,inputIconPosition:"right",rightInputIcon:a().createElement(b.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(E.Ay,{id:"listbox-id-02",snapshot:{},type:"plain",count:2,visualSelection:!0}),resultsType:"listbox"})}]},{fields:[{type:"checkbox-group",label:"Personalization Settings",value:"Disable end user personalization",component:a().createElement(o.LB,{label:"App Personalization Settings",isEditing:!0},a().createElement(c.Checkbox,{label:"Disable end user personalization",name:"default",checked:!0}),a().createElement(c.Checkbox,{label:"Don't automatically create temporary tabs",name:"default"}))},{type:"",label:"",value:""}]},{fields:[{type:"text",label:"SLA Serial Number",value:"5367",hasTooltip:!0,component:a().createElement(o.ZS,{labelContent:"SLA Serial Number",inputId:"form-element-id-02",hasTooltip:!0,isEditing:!0},a().createElement(r.A,{id:"form-element-id-02",defaultValue:"5367"}))},{type:"date",label:"SLA Expiration Date",value:"1/1/2018",component:a().createElement(o.ZS,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Date",inputId:"form-element-id-03",hasRightIcon:!0,isEditing:!0},a().createElement(r.A,{id:"form-element-id-03",defaultValue:"1/1/2018"}),a().createElement(s.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"}))}]},{fields:[{type:"location",label:"Location",value:"10.283, 54.293",component:a().createElement(o.LB,{label:"Location",isEditing:!0,hasCompoundFields:!0,isDeprecated:!0},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(o.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"location-longitude-01"},a().createElement(r.A,{id:"location-longitude-01",defaultValue:"10.283"})),a().createElement(o.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"location-latitude-01"},a().createElement(r.A,{id:"location-latitude-01",defaultValue:"54.293"})))))},{type:"multiselect",label:"Selected Languages",value:"Arabic, Chinese, English, German",component:a().createElement(p.KF,{isEditing:!0,dataSet:p.Wz,isResponsive:!0,isStacked:!0})}]},{fields:[{type:"address",label:"Billing Address",value:["525 S. Lexington Ave","Burlington, NC 27215","USA"],link:!0,isRequired:!0,hasTooltip:!0,component:a().createElement(o.LB,{label:"Billing Address",isRequired:!0,isEditing:!0,isStacked:!0,isAddress:!0,hasTooltip:!0,hasCompoundFields:!0,isDeprecated:!0},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(o.ZS,{formElementClassName:"slds-size_1-of-1",labelContent:"Billing Street",inputId:"form-element-id-04"},a().createElement(m.Textarea,{id:"form-element-id-04",defaultValue:"525 S. Lexington Ave",required:!0}))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(o.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Billing City",inputId:"form-element-id-05"},a().createElement(r.A,{id:"form-element-id-05",defaultValue:"Burlington",required:!0})),a().createElement(o.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Billing State/Province",inputId:"form-element-id-06"},a().createElement(r.A,{id:"form-element-id-06",defaultValue:"NC",required:!0}))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(o.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-07"},a().createElement(r.A,{id:"form-element-id-07",defaultValue:"27215",required:!0})),a().createElement(o.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Billing Country",inputId:"form-element-id-08"},a().createElement(r.A,{id:"form-element-id-08",defaultValue:"USA",required:!0})))))},{type:"address",label:"Shipping Address",value:["312 Constitution Place","Austin, TX 78767","USA"],link:!0,component:a().createElement(o.LB,{label:"Shipping Address",isEditing:!0,isStacked:!0,isAddress:!0,hasCompoundFields:!0,isDeprecated:!0},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(o.ZS,{formElementClassName:"slds-size_1-of-1",labelContent:"Shipping Street",inputId:"form-element-id-09"},a().createElement(m.Textarea,{id:"form-element-id-09",defaultValue:"312 Constitution Place"}))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(o.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping City",inputId:"form-element-id-10"},a().createElement(r.A,{id:"form-element-id-10",defaultValue:"Austin"})),a().createElement(o.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping State/Province",inputId:"form-element-id-11"},a().createElement(r.A,{id:"form-element-id-11",defaultValue:"TX"}))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(o.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping Zip/Postal Code",inputId:"form-element-id-12"},a().createElement(r.A,{id:"form-element-id-12",defaultValue:"78767"})),a().createElement(o.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping Country",inputId:"form-element-id-13"},a().createElement(r.A,{id:"form-element-id-13",defaultValue:"USA"})))))}]},{fields:[{type:"textarea",label:"Description",value:["Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."],column:1,component:a().createElement(o.ZS,{labelContent:"Description",inputId:"form-element-id-14",isStacked:!0,isEditing:!0,column:1},a().createElement(m.Textarea,{id:"form-element-id-14",defaultValue:"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."}))}]}]},h=l(885),y="Stacked",v=[{id:"stacked-default",label:"".concat(y," - Default"),context:"".concat(y),element:a().createElement(i.Ay,{direction:"stacked",snapshot:S,isViewMode:!0,hasInlineEdit:!0})}],C=[{id:"edit-stacked",label:"".concat(y," - Edit Mode"),context:"".concat(y),element:a().createElement(i.Ay,{direction:"stacked",snapshot:S})}],k=[{id:"stacked-single-column",label:"".concat(y," - 1 column Read Only"),context:"".concat(y),element:a().createElement(i.Ay,{direction:"stacked",snapshot:g,isViewMode:!0})},{id:"stacked-single-column-in-narrow-container",label:"".concat(y," - 1 column - In narrow container"),context:"".concat(y),demoStyles:"max-width: 280px;",storybookStyles:!0,element:a().createElement(i.Ay,{direction:"stacked",snapshot:S})},{id:"deprecated-view-stacked",label:"".concat(y," - View Mode (Deprecated)"),context:"Deprecated",element:a().createElement(i.Ay,{direction:"stacked",snapshot:A,isViewMode:!0,hasInlineEdit:!0,isDeprecated:!0})},{id:"deprecated-edit-stacked",label:"Deprecated - Stacked form layout - Edit Mode",context:"Deprecated",element:a().createElement(i.Ay,{direction:"stacked",snapshot:A,isDeprecated:!0})},{id:"simple-stacked",label:"".concat(y," - Simple form layout"),context:"".concat(y),element:a().createElement("div",{className:"slds-form"},a().createElement(o.ZS,{labelContent:"Text Input",inputId:"stacked-input-id-01",isStacked:!0},a().createElement(r.A,{id:"stacked-input-id-01",placeholder:"Placeholder text…"})),a().createElement(o.ZS,{labelContent:"Textarea Input",inputId:"stacked-input-id-02",isStacked:!0},a().createElement(m.Textarea,{id:"stacked-input-id-02",placeholder:"Placeholder text…"})),a().createElement(o.LB,{label:"Checkbox Group Label",isStacked:!0},a().createElement(c.Checkbox,{label:"All opportunities owned by you",name:"default"}),a().createElement(c.Checkbox,{label:"All contacts in the account owned by you",name:"default"})),a().createElement(o.LB,{label:"Radio Group Label",isStacked:!0},a().createElement(h.Radio,{label:"Lead generation",name:"options"}),a().createElement(h.Radio,{label:"Education leads",name:"options"})))},{id:"stacked",label:"".concat(y," - View Mode"),context:"".concat(y),element:a().createElement(i.Ay,{direction:"stacked",snapshot:S,isViewMode:!0,hasInlineEdit:!0})}]}},l={};function n(e){var a=l[e];if(void 0!==a)return a.exports;var i=l[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.m=t,n.amdO={},e=[],n.O=function(t,l,a,i){if(!l){var s=1/0;for(m=0;m<e.length;m++){l=e[m][0],a=e[m][1],i=e[m][2];for(var o=!0,d=0;d<l.length;d++)(!1&i||s>=i)&&Object.keys(n.O).every(function(e){return n.O[e](l[d])})?l.splice(d--,1):(o=!1,i<s&&(s=i));if(o){e.splice(m--,1);var r=a();void 0!==r&&(t=r)}}return t}i=i||0;for(var m=e.length;m>0&&e[m-1][2]>i;m--)e[m]=e[m-1];e[m]=[l,a,i]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=4463,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4463:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,l){var a,i,s=l[0],o=l[1],d=l[2],r=0;if(s.some(function(t){return 0!==e[t]})){for(a in o)n.o(o,a)&&(n.m[a]=o[a]);if(d)var m=d(n)}for(t&&t(l);r<s.length;r++)i=s[r],n.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return n.O(m)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),n.nc=void 0;var a=n.O(void 0,[6790],function(){return n(2395)});a=n.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/form-element/stacked/example.jsx.js"]=a}();