UNPKG

primevue

Version:

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

2 lines (1 loc) 2.03 kB
this.primevue=this.primevue||{},this.primevue.dropdown=this.primevue.dropdown||{},this.primevue.dropdown.style=function(e){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return p(primevue.base.style).default.extend({name:"dropdown",classes:{root:function(e){var p=e.instance,o=e.props,n=e.state;return["p-dropdown p-component p-inputwrapper",{"p-disabled":o.disabled,"p-invalid":o.invalid,"p-variant-filled":o.variant?"filled"===o.variant:"filled"===p.$primevue.config.inputStyle,"p-dropdown-clearable":o.showClear,"p-focus":n.focused,"p-inputwrapper-filled":p.hasSelectedOption,"p-inputwrapper-focus":n.focused||n.overlayVisible,"p-overlay-open":n.overlayVisible}]},input:function(e){var p=e.instance,o=e.props;return["p-dropdown-label p-inputtext",{"p-placeholder":!o.editable&&p.label===o.placeholder,"p-dropdown-label-empty":!(o.editable||p.$slots.value||"p-emptylabel"!==p.label&&0!==p.label.length)}]},clearIcon:"p-dropdown-clear-icon",trigger:"p-dropdown-trigger",loadingicon:"p-dropdown-trigger-icon",dropdownIcon:"p-dropdown-trigger-icon",panel:function(e){return["p-dropdown-panel p-component",{"p-ripple-disabled":!1===e.instance.$primevue.config.ripple}]},header:"p-dropdown-header",filterContainer:"p-dropdown-filter-container",filterInput:function(e){var p=e.props;return["p-dropdown-filter p-inputtext p-component",{"p-variant-filled":p.variant?"filled"===p.variant:"filled"===e.instance.$primevue.config.inputStyle}]},filterIcon:"p-dropdown-filter-icon",wrapper:"p-dropdown-items-wrapper",list:"p-dropdown-items",itemGroup:"p-dropdown-item-group",itemGroupLabel:"p-dropdown-item-group-label",item:function(e){var p=e.instance,o=e.props,n=e.state,i=e.option,r=e.focusedOption;return["p-dropdown-item",{"p-highlight":p.isSelected(i)&&o.highlightOnSelect,"p-focus":n.focusedOptionIndex===r,"p-disabled":p.isOptionDisabled(i)}]},itemLabel:"p-dropdown-item-label",checkIcon:"p-dropdown-check-icon",blankIcon:"p-dropdown-blank-icon",emptyMessage:"p-dropdown-empty-message"}})}();