@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 12 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},9119:function(e,t,n){n.r(t),n.d(t,{ListboxDropdown:function(){return I},states:function(){return v}});var l=n(1594),i=n.n(l),o=n(5159),s=n(6185),c=n(8158),a=n(7705),r=n(3106),d=n(538),u=n(8522),p=n(1280),m=n(806),y=n(3964),b=n(6333),h=n.n(b);function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},x.apply(null,arguments)}var _="Select-Only (Base)",g=h()("option"),f=h()("option"),I=function(e){return i().createElement(a.NC,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:"listbox-unique-id-03"},i().createElement(a.Oh,null,i().createElement(a.q9,{id:g,entityTitle:"Acme",entityMeta:!0,focused:e.focused})),i().createElement(a.Oh,null,i().createElement(a.q9,{id:f,entityTitle:"Salesforce.com, Inc.",entityMeta:!0})))},E=function(e){var t=h()("listbox-id-");return i().createElement(o.Ay,x({id:m.Ay.uniqueId("combobox-id-"),"aria-controls":t,inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Ay,{id:t,snapshot:y.Un,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0},e))};t.default=[{context:_,id:"".concat(_.toLowerCase(),"-default"),label:"".concat(_," default (select-only)"),element:i().createElement(E,null)}];var v=[{context:_,id:"focused",label:"Focused (select-only)",element:i().createElement(o.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-4",selectOnly:!0,inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Ay,{id:"listbox-id-4",snapshot:y.jT,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",hasFocus:!0})},{context:_,id:"focused-open",label:"Focused - Opened (select-only)",element:i().createElement(o.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-4",selectOnly:!0,inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Ay,{id:"listbox-id-4",snapshot:y.Un,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:_,id:"highlighting-an-option",label:"Highlighting an option (select-only)",element:i().createElement(o.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-4",selectOnly:!0,inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Ay,{id:"listbox-id-4",snapshot:y.jT,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox","aria-activedescendant":"option1",isOpen:!0,hasFocus:!0})},{context:_,id:"selecting-a-single-option",label:"Selecting a single option (select-only)",element:i().createElement(o.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-6",selectOnly:!0,value:"Accounts",inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Ay,{id:"listbox-id-6",snapshot:y.OZ,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox","aria-activedescendant":"option1",isOpen:!0,hasFocus:!0})},{context:_,id:"selected-an-option-closed",label:"Selected an option - Closed (select-only)",element:i().createElement(o.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-5",selectOnly:!0,value:"Accounts",inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Ay,{id:"listbox-id-5",snapshot:y.OZ,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox"})},{context:_,id:"selecting-multiple-options",label:"Selecting multiple options (select-only)",element:i().createElement(o.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-7",selectOnly:!0,value:"2 Options Selected",inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Ay,{id:"listbox-id-7",snapshot:y.JC,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:_,id:"selected-multiple-options-closed",label:"Selected multiple options-closed (select-only)",element:i().createElement(o.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-8",selectOnly:!0,value:"2 Options Selected",inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Ay,{id:"listbox-id-8",snapshot:y.JC,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",listboxOfSelections:i().createElement(c.A,{snapshot:y.br,count:2})})},{context:_,id:"selecting-a-single-option-truncated",label:"Selecting a single option (truncated)",demoStyles:"max-width: 225px;",storybookStyles:!0,element:i().createElement(o.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-6",selectOnly:!0,value:"Accounts (should truncate)",inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Ay,{id:"listbox-id-6",snapshot:y.OZ,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox","aria-activedescendant":"option1",isOpen:!0,hasFocus:!0})},{context:_,id:"loading-options",label:"Loading more options (select-only)",element:i().createElement(o.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-222",selectOnly:!0,value:"Accounts",inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Ay,{id:"listbox-id-222",snapshot:y.Un,type:"plain",count:3,visualSelection:!0,loading:!0}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:_,id:"grouped-options",label:"Grouped options (select-only)",element:i().createElement(o.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-3",selectOnly:!0,inputIconPosition:"right",rightInputIcon:i().createElement(d.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:i().createElement(s.Jm,{id:"listbox-id-3",className:"slds-dropdown slds-dropdown_fluid",ariaLabel:"{{Placeholder for Dropdown Options}}"},i().createElement(s.NA,{"aria-label":"Group One",snapshot:y.y1,count:3}),i().createElement(s.NA,{"aria-label":"Group Two",snapshot:y.__,count:3})),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:_,id:"deprecated-closed",label:"Deprecated - Closed (select-only)",element:i().createElement("div",{className:"demo-only",style:{height:"10rem"}},i().createElement(a.H_,{autocomplete:!0,inputIcon:"right",inputIconRightSymbol:"search",listbox:i().createElement(I,null)}))},{context:_,id:"deprecated-focused",label:"Deprecated - Focused (select-only)",element:i().createElement("div",{className:"demo-only",style:{height:"10rem"}},i().createElement(a.H_,{isOpen:!0,autocomplete:!0,inputIcon:"right",inputIconRightSymbol:"search",listbox:i().createElement(I,null)}))},{context:_,id:"deprecated-open-item-focused",label:"Deprecated - Open - Item Focused (select-only)",element:i().createElement("div",{className:"demo-only",style:{height:"10rem"}},i().createElement(a.H_,{isOpen:!0,autocomplete:!0,inputIcon:"right",inputIconRightSymbol:"search",listbox:i().createElement(I,{focused:!0}),"aria-activedescendant":g}))},{context:_,id:"deprecated-closed-options-selected",label:"Deprecated - Option(s) Selected (select-only)",element:i().createElement("div",{className:"demo-only",style:{height:"10rem"}},i().createElement(a.H_,{inputIcon:"right",inputIconRightSymbol:"search",autocomplete:!0,listbox:i().createElement(I,null)},i().createElement(r.IK,{className:"slds-p-top_xxx-small"},i().createElement(r.j9,null,i().createElement(r.$P,{label:"Acme",tabIndex:"0"},i().createElement(u.StandardIcon,{containerClassName:"slds-pill__icon_container",title:"Account",assistiveText:"Account"}))),i().createElement(r.j9,null,i().createElement(r.$P,{label:"Salesforce.com, Inc."},i().createElement(u.StandardIcon,{containerClassName:"slds-pill__icon_container",title:"Account",assistiveText:"Account"}))))))},{context:_,id:"".concat(_.toLowerCase(),"-without-placeholder"),label:"".concat(_," without placeholder (select-only)"),element:i().createElement(p.A,{className:"slds-gutters"},i().createElement(p.V,null,i().createElement(E,{placeholder:"This has a placeholder…"})),i().createElement(p.V,null,i().createElement(E,{placeholder:""})),i().createElement(p.V,null,i().createElement(E,{placeholder:"…the middle one does not"})))}]}},n={};function l(e){var i=n[e];if(void 0!==i)return i.exports;var o=n[e]={exports:{}};return t[e](o,o.exports,l),o.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,i,o){if(!n){var s=1/0;for(d=0;d<e.length;d++){n=e[d][0],i=e[d][1],o=e[d][2];for(var c=!0,a=0;a<n.length;a++)(!1&o||s>=o)&&Object.keys(l.O).every(function(e){return l.O[e](n[a])})?n.splice(a--,1):(c=!1,o<s&&(s=o));if(c){e.splice(d--,1);var r=i();void 0!==r&&(t=r)}}return t}o=o||0;for(var d=e.length;d>0&&e[d-1][2]>o;d--)e[d]=e[d-1];e[d]=[n,i,o]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=2509,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2509:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var i,o,s=n[0],c=n[1],a=n[2],r=0;if(s.some(function(t){return 0!==e[t]})){for(i in c)l.o(c,i)&&(l.m[i]=c[i]);if(a)var d=a(l)}for(t&&t(n);r<s.length;r++)o=s[r],l.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return l.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))}(),l.nc=void 0;var i=l.O(void 0,[6790],function(){return l(9119)});i=l.O(i),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/combobox/base/example.jsx.js"]=i}();