Merge branch 'master' into issue-13970

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,5 +1,5 @@
 name: Bug report
-description: Create a report to help us improve
+description: Create a report to help PrimeNG improve.
 title: "Component: Title"
 labels: ['Status: Needs Triage']
 body:

.github/ISSUE_TEMPLATE/config.yml

@@ -1,4 +1,7 @@
 contact_links:
+    - name: Feature request
+      url: https://github.com/orgs/primefaces/discussions/categories/primeng
+      about: Propose an enhancement at discussions.
     - name: Support
-      url: https://primeng.org/support
+      url: https://primeng.org/support/
       about: Professional support for the open source innovation.

src/app/components/animate/animate.ts

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { AfterViewInit, Directive, ElementRef, Input, NgModule, Renderer2 } from '@angular/core';
+import { AfterViewInit, Directive, ElementRef, Input, NgModule, OnInit, Renderer2 } from '@angular/core';
 import { DomHandler } from 'primeng/dom';
 /**
  * Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.
@@ -11,7 +11,7 @@ import { DomHandler } from 'primeng/dom';
         '[class.p-animate]': 'true'
     }
 })
-export class Animate implements AfterViewInit {
+export class Animate implements OnInit, AfterViewInit {
     /**
      * Selector to define the CSS class for enter animation.
      * @group Props
@@ -29,6 +29,10 @@ export class Animate implements AfterViewInit {
 
     constructor(private host: ElementRef, public el: ElementRef, public renderer: Renderer2) {}
 
+    ngOnInit() {
+        console.log('pAnimate directive is deprecated in 16.7.0 and will be removed in the future. Use pAnimateOnScroll directive instead');
+    }
+
     ngAfterViewInit() {
         this.bindIntersectionObserver();
     }

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