primevue/autocomplete/style/autocompletestyle.cjs.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

"use strict";var e=require("primevue/base/style"),n=require("primevue/utils");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e).default.extend({name:"autocomplete",css:"\n@layer primevue {\n    .p-autocomplete {\n        display: inline-flex;\n    }\n\n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-autocomplete-dd .p-autocomplete-input {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-autocomplete-dd .p-autocomplete-input,\n    .p-autocomplete-dd .p-autocomplete-multiple-container {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-autocomplete-dd .p-autocomplete-dropdown {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0px;\n    }\n\n    .p-autocomplete .p-autocomplete-panel {\n        min-width: 100%;\n    }\n\n    .p-autocomplete-panel {\n        position: absolute;\n        overflow: auto;\n        top: 0;\n        left: 0;\n    }\n\n    .p-autocomplete-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-autocomplete-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-autocomplete-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-autocomplete-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n\n    .p-autocomplete-token-icon {\n        cursor: pointer;\n    }\n\n    .p-autocomplete-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n\n    .p-autocomplete-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n\n    .p-fluid .p-autocomplete {\n        display: flex;\n    }\n\n    .p-fluid .p-autocomplete-dd .p-autocomplete-input {\n        width: 1%;\n    }\n}\n",classes:{root:function(e){var t=e.instance,o=e.props;return["p-autocomplete p-component p-inputwrapper",{"p-disabled":o.disabled,"p-focus":t.focused,"p-autocomplete-dd":o.dropdown,"p-autocomplete-multiple":o.multiple,"p-inputwrapper-filled":o.modelValue||n.ObjectUtils.isNotEmpty(t.inputValue),"p-inputwrapper-focus":t.focused,"p-overlay-open":t.overlayVisible}]},input:function(e){return["p-autocomplete-input p-inputtext p-component",{"p-autocomplete-dd-input":e.props.dropdown}]},container:"p-autocomplete-multiple-container p-component p-inputtext",token:function(e){return["p-autocomplete-token",{"p-focus":e.instance.focusedMultipleOptionIndex===e.i}]},tokenLabel:"p-autocomplete-token-label",removeTokenIcon:"p-autocomplete-token-icon",inputToken:"p-autocomplete-input-token",loadingIcon:"p-autocomplete-loader",dropdownButton:"p-autocomplete-dropdown",panel:function(e){var n=e.instance;return["p-autocomplete-panel p-component",{"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},list:"p-autocomplete-items",itemGroup:"p-autocomplete-item-group",item:function(e){var n=e.instance,t=e.option,o=e.i,p=e.getItemOptions;return["p-autocomplete-item",{"p-highlight":n.isSelected(t),"p-focus":n.focusedOptionIndex===n.getOptionIndex(o,p),"p-disabled":n.isOptionDisabled(t)}]},emptyMessage:"p-autocomplete-empty-message"},inlineStyles:{root:{position:"relative"}}});module.exports=o;