text: var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/picklist/base/example.jsx.js"]=webpackJsonpSLDS___internal_chunked_showcase([46,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149],{0:function(e,t){e.exports=React},81:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=t.Context=void 0;var n,o=l(0),i=(n=o)&&n.__esModule?n:{default:n},a=l(8),s=l(13);var d=function(e){return i.default.createElement(a.Listbox,{"aria-label":e.heading?e.heading:null,className:"slds-dropdown slds-dropdown_fluid",vertical:!0},e.heading?i.default.createElement("li",{role:"presentation",className:"slds-listbox__item"},i.default.createElement("div",{className:"slds-media slds-listbox__option slds-listbox__option_plain",role:"presentation",id:"listbox-option-unique-id-00"},i.default.createElement("h3",{className:"slds-text-title_caps",role:"presentation"},e.heading))):null,i.default.createElement(a.ListboxItem,null,i.default.createElement(a.Option,{id:"listbox-option-unique-id-01",title:"Option A",focused:e.focused,selected:e.optionOneSelected})),i.default.createElement(a.ListboxItem,null,i.default.createElement(a.Option,{id:"listbox-option-unique-id-02",title:"Option B",selected:e.optionTwoSelected})),i.default.createElement(a.ListboxItem,null,i.default.createElement(a.Option,{id:"listbox-option-unique-id-03",title:"Option ABCDEFGHIJKLMNOPQRSTUVWXYZ",selected:e.optionThreeSelected})))};t.Context=function(e){return i.default.createElement("div",{style:{height:"14rem"}},e.children)};t.default=i.default.createElement(a.ComboboxContainer,{className:"slds-combobox-picklist",containerClassName:"slds-size_small",inputIcon:"right",inputIconRightSymbol:"down",listbox:i.default.createElement(d,null),readonly:!0});t.states=[{id:"focused",label:"Focused",element:i.default.createElement(a.ComboboxContainer,{containerClassName:"slds-size_small",isOpen:!0,inputIcon:"right",inputIconRightSymbol:"down",listbox:i.default.createElement(d,null),readonly:!0}),script:"\n      document.getElementById('combobox-unique-id').focus()\n    "},{id:"open-item-focused",label:"Open - Item Focused",element:i.default.createElement(a.ComboboxContainer,{containerClassName:"slds-size_small",isOpen:!0,inputIcon:"right",inputIconRightSymbol:"down",listbox:i.default.createElement(d,{focused:!0}),"aria-activedescendant":"listbox-option-unique-id-01",readonly:!0})},{id:"open-option-selected",label:"Open - Option Selected",element:i.default.createElement(a.ComboboxContainer,{containerClassName:"slds-size_small",isOpen:!0,inputIcon:"right",inputIconRightSymbol:"down",value:"Option A",listbox:i.default.createElement(d,{optionOneSelected:!0}),readonly:!0})},{id:"open-options-selected",label:"Open - Options Selected",element:i.default.createElement(a.ComboboxContainer,{containerClassName:"slds-size_small",isOpen:!0,inputIcon:"right",inputIconRightSymbol:"down",value:"2 Options Selected",listbox:i.default.createElement(d,{optionOneSelected:!0,optionTwoSelected:!0}),readonly:!0})},{id:"closed-option-selected",label:"Closed - Option Selected",element:i.default.createElement(a.ComboboxContainer,{containerClassName:"slds-size_small",inputIcon:"right",inputIconRightSymbol:"down",value:"Option A",listbox:i.default.createElement(d,{focused:!0,optionOneSelected:!0}),readonly:!0})},{id:"closed-options-selected",label:"Closed - Options Selected",element:i.default.createElement(a.ComboboxContainer,{containerClassName:"slds-size_small",inputIcon:"right",inputIconRightSymbol:"down",value:"2 Options Selected",listbox:i.default.createElement(d,{optionOneSelected:!0,optionTwoSelected:!0}),readonly:!0},i.default.createElement(a.Listbox,{id:"listbox-selections-unique-id","aria-label":"Selected Options:",className:"slds-p-top_xxx-small",horizontal:!0},i.default.createElement(a.ListboxItem,null,i.default.createElement(s.ListboxPill,{label:"Option A",tabIndex:"0"})),i.default.createElement(a.ListboxItem,null,i.default.createElement(s.ListboxPill,{label:"Option B"}))))},{id:"group-heading",label:"Group heading label",element:i.default.createElement(a.ComboboxContainer,{containerClassName:"slds-size_small",isOpen:!0,inputIcon:"right",inputIconRightSymbol:"down",value:"Option A",listbox:i.default.createElement(d,{optionOneSelected:!0,heading:"Recently Viewed"}),readonly:!0})}]}},[81]);