primeng 18.0.4-lts → 18.0.5-lts

package/fesm2022/primeng-autocomplete.mjs

@@ -191,6 +191,10 @@ const theme = ({ dt }) => `
     background: ${dt('autocomplete.filled.focus.background')};
 }
 
+.p-autocomplete.p-disabled {
+    opacity: 1;
+}
+
 .p-autocomplete.p-disabled .p-autocomplete-input-multiple {
     opacity: 1;
     background: ${dt('autocomplete.disabled.background')};
@@ -283,21 +287,30 @@ const theme = ({ dt }) => `
 .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-clear-icon {
     right: calc(${dt('autocomplete.padding.x')} + ${dt('autocomplete.dropdown.width')});
 }
-
+p-autoComplete.ng-invalid.ng-dirty .p-autocomplete-input,
+p-autoComplete.ng-invalid.ng-dirty .p-autocomplete-input-multiple,
+p-auto-complete.ng-invalid.ng-dirty .p-autocomplete-input,
+p-auto-complete.ng-invalid.ng-dirty .p-autocomplete-input-multiple
 p-autocomplete.ng-invalid.ng-dirty .p-autocomplete-input,
 p-autocomplete.ng-invalid.ng-dirty .p-autocomplete-input-multiple {
     border-color: ${dt('autocomplete.invalid.border.color')};
 }
-
+p-autoComplete.ng-invalid.ng-dirty .p-autocomplete-input:enabled:focus,
+p-autoComplete.ng-invalid.ng-dirty:not(.p-disabled).p-focus .p-autocomplete-input-multiple,
+p-auto-complete.ng-invalid.ng-dirty .p-autocomplete-input:enabled:focus,
+p-auto-complete.ng-invalid.ng-dirty:not(.p-disabled).p-focus .p-autocomplete-input-multiple,
 p-autocomplete.ng-invalid.ng-dirty .p-autocomplete-input:enabled:focus,
 p-autocomplete.ng-invalid.ng-dirty:not(.p-disabled).p-focus .p-autocomplete-input-multiple {
     border-color: ${dt('autocomplete.focus.border.color')};
 }
-
+p-autoComplete.ng-invalid.ng-dirty .p-autocomplete-input-chip input::placeholder,
+p-auto-complete.ng-invalid.ng-dirty .p-autocomplete-input-chip input::placeholder,
 p-autocomplete.ng-invalid.ng-dirty .p-autocomplete-input-chip input::placeholder {
     color: ${dt('autocomplete.invalid.placeholder.color')};
 }
 
+p-autoComplete.ng-invalid.ng-dirty .p-autocomplete-input::placeholder,
+p-auto-complete.ng-invalid.ng-dirty .p-autocomplete-input::placeholder,
 p-autocomplete.ng-invalid.ng-dirty .p-autocomplete-input::placeholder {
     color: ${dt('autocomplete.invalid.placeholder.color')};
 }`;
@@ -314,12 +327,12 @@ const classes = {
         'p-autocomplete-open': instance.overlayVisible,
         'p-autocomplete-clearable': instance.showClear && !instance.disabled,
         // 'p-invalid': instance.invalid,
-        'p-autocomplete-fluid': instance.hasFluid()
+        'p-autocomplete-fluid': instance.hasFluid
     }),
     pcInput: 'p-autocomplete-input',
     inputMultiple: ({ instance }) => ({
         'p-autocomplete-input-multiple': true,
-        'p-variant-filled': instance.variant ? instance.variant === 'filled' : instance.config.inputStyle() === 'filled'
+        'p-variant-filled': (instance.variant ?? (instance.config.inputStyle() || instance.config.inputVariant())) === 'filled'
     }),
     chipItem: ({ instance, i }) => [
         'p-autocomplete-chip-item',