primevue/multiselect/style/multiselectstyle.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.multiselect=this.primevue.multiselect||{},this.primevue.multiselect.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"multiselect",css:"\n@layer primevue {\n    .p-multiselect {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-multiselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-multiselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n\n    .p-multiselect-label {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .p-multiselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-multiselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n\n    .p-multiselect-token-icon {\n        cursor: pointer;\n    }\n\n    .p-multiselect .p-multiselect-panel {\n        min-width: 100%;\n    }\n\n    .p-multiselect-items-wrapper {\n        overflow: auto;\n    }\n\n    .p-multiselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-multiselect-item {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-multiselect-item-group {\n        cursor: auto;\n    }\n\n    .p-multiselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-multiselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n\n    .p-multiselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-multiselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n\n    .p-multiselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n\n    .p-fluid .p-multiselect {\n        display: flex;\n    }\n}\n",classes:{root:function(e){var n=e.instance,t=e.props;return["p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-focus":n.focused,"p-inputwrapper-filled":t.modelValue&&t.modelValue.length,"p-inputwrapper-focus":n.focused||n.overlayVisible,"p-overlay-open":n.overlayVisible}]},labelContainer:"p-multiselect-label-container",label:function(e){var n=e.props;return["p-multiselect-label",{"p-placeholder":e.instance.label===n.placeholder,"p-multiselect-label-empty":!(n.placeholder||n.modelValue&&0!==n.modelValue.length)}]},token:"p-multiselect-token",tokenLabel:"p-multiselect-token-label",removeTokenIcon:"p-multiselect-token-icon",trigger:"p-multiselect-trigger",loadingIcon:"p-multiselect-trigger-icon",dropdownIcon:"p-multiselect-trigger-icon",panel:function(e){var n=e.instance;return["p-multiselect-panel p-component",{"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},header:"p-multiselect-header",headerCheckboxContainer:function(e){var n=e.instance;return["p-checkbox p-component",{"p-checkbox-checked":n.allSelected,"p-checkbox-focused":n.headerCheckboxFocused}]},headerCheckbox:function(e){var n=e.instance;return["p-checkbox-box",{"p-highlight":n.allSelected,"p-focus":n.headerCheckboxFocused}]},headerCheckboxIcon:"p-checkbox-icon",filterContainer:"p-multiselect-filter-container",filterInput:"p-multiselect-filter p-inputtext p-component",filterIcon:"p-multiselect-filter-icon",closeButton:"p-multiselect-close p-link",closeIcon:"p-multiselect-close-icon",wrapper:"p-multiselect-items-wrapper",list:"p-multiselect-items p-component",itemGroup:"p-multiselect-item-group",item:function(e){var n=e.instance,t=e.option,l=e.index,i=e.getItemOptions;return["p-multiselect-item",{"p-highlight":n.isSelected(t),"p-focus":n.focusedOptionIndex===n.getOptionIndex(l,i),"p-disabled":n.isOptionDisabled(t)}]},checkboxContainer:"p-checkbox p-component",checkbox:function(e){return["p-checkbox-box",{"p-highlight":e.instance.isSelected(e.option)}]},checkboxIcon:"p-checkbox-icon",emptyMessage:"p-multiselect-empty-message"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}})}();