Accessibility | Input section (part 1)

src/app/components/api/primengconfig.ts

@@ -8,6 +8,8 @@ import { Translation } from './translation';
 export class PrimeNGConfig {
     ripple: boolean = false;
 
+    inputStyle: 'outlined' | 'filled' = 'outlined';
+
     overlayOptions: OverlayOptions = {};
 
     filterMatchModeOptions = {

src/app/components/autocomplete/autocomplete.interface.ts

@@ -32,6 +32,36 @@ export interface AutoCompleteDropdownClickEvent {
      */
     query: string;
 }
+/**
+ * Custom select event.
+ * @see {@link AutoComplete.onSelect}
+ * @group Events
+ */
+export interface AutoCompleteOnSelectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Selected value.
+     */
+    value: any;
+}
+/**
+ * Custom unselect event.
+ * @see {@link AutoComplete.onUnSelect}
+ * @group Events
+ */
+export interface AutoCompleteUnselectEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Removed value.
+     */
+    value: any;
+}
 /**
  * Custom lazy load event.
  * @see {@link AutoComplete.onLazyLoad}

src/app/components/cascadeselect/cascadeselect.interface.ts

@@ -42,6 +42,25 @@ export interface CascadeSelectBeforeShowEvent extends CascadeSelectShowEvent {}
  * @group Events
  */
 export interface CascadeSelectBeforeHideEvent extends CascadeSelectShowEvent {}
+/**
+ * Custom panel change event emits when selection changed.
+ * @see {@link CascadeSelect.onChange}
+ * @group Events
+ */
+export interface CascadeSelectChangeEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent?: Event;
+    /**
+     * Selected value.
+     */
+    value?: any;
+    /**
+     * Focus state.
+     */
+    isFocus?: boolean;
+}
 /**
  * Defines valid templates in CascadeSelect.
  * @group Templates