primevue/inputtags/style/index.mjs

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

import { style } from '@primeuix/styles/inputtags';
import BaseStyle from '@primevue/core/base/style';

var classes = {
  root: function root(_ref) {
    var instance = _ref.instance,
      props = _ref.props;
    return ['p-inputtags p-component p-inputwrapper', {
      'p-disabled': props.disabled,
      'p-invalid': instance.$invalid,
      'p-focus': instance.focused,
      'p-inputwrapper-filled': instance.$filled,
      'p-inputwrapper-focus': instance.focused,
      'p-inputtags-fluid': instance.$fluid,
      'p-variant-filled': instance.$variant === 'filled'
    }];
  },
  item: function item(_ref2) {
    var instance = _ref2.instance,
      i = _ref2.i;
    return ['p-inputtags-item', {
      'p-focus': instance.focusedItemIndex === i
    }];
  },
  chipIcon: 'p-inputtags-chip-icon',
  pcAutoComplete: 'p-inputtags-autocomplete'
};
var InputTagsStyle = BaseStyle.extend({
  name: 'inputtags',
  style: style,
  classes: classes
});

export { InputTagsStyle as default };