primevue/dropdown/style/dropdownstyle.min.js

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

this.primevue=this.primevue||{},this.primevue.dropdown=this.primevue.dropdown||{},this.primevue.dropdown.style=function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return e(primevue.base.style).default.extend({name:"dropdown",css:"\n@layer primevue {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n\n    .p-dropdown-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n\n    .p-dropdown-label-empty {\n        overflow: hidden;\n        opacity: 0;\n    }\n\n    input.p-dropdown-label {\n        cursor: default;\n    }\n\n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n\n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n\n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-dropdown-item-group {\n        cursor: auto;\n    }\n\n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-dropdown-filter {\n        width: 100%;\n    }\n\n    .p-dropdown-filter-container {\n        position: relative;\n    }\n\n    .p-dropdown-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n\n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n",classes:{root:function(n){var e=n.props,o=n.state;return["p-dropdown p-component p-inputwrapper",{"p-disabled":e.disabled,"p-dropdown-clearable":e.showClear,"p-focus":o.focused,"p-inputwrapper-filled":n.instance.hasSelectedOption,"p-inputwrapper-focus":o.focused||o.overlayVisible,"p-overlay-open":o.overlayVisible}]},input:function(n){var e=n.instance,o=n.props;return["p-dropdown-label p-inputtext",{"p-placeholder":!o.editable&&e.label===o.placeholder,"p-dropdown-label-empty":!(o.editable||e.$slots.value||"p-emptylabel"!==e.label&&0!==e.label.length)}]},clearIcon:"p-dropdown-clear-icon",trigger:"p-dropdown-trigger",loadingicon:"p-dropdown-trigger-icon",dropdownIcon:"p-dropdown-trigger-icon",panel:function(n){var e=n.instance;return["p-dropdown-panel p-component",{"p-input-filled":"filled"===e.$primevue.config.inputStyle,"p-ripple-disabled":!1===e.$primevue.config.ripple}]},header:"p-dropdown-header",filterContainer:"p-dropdown-filter-container",filterInput:"p-dropdown-filter p-inputtext p-component",filterIcon:"p-dropdown-filter-icon",wrapper:"p-dropdown-items-wrapper",list:"p-dropdown-items",itemGroup:"p-dropdown-item-group",item:function(n){var e=n.instance,o=n.state,p=n.option,r=n.focusedOption;return["p-dropdown-item",{"p-highlight":e.isSelected(p),"p-focus":o.focusedOptionIndex===r,"p-disabled":e.isOptionDisabled(p)}]},emptyMessage:"p-dropdown-empty-message"}})}();