primeng 18.0.0 → 18.0.2

package/fesm2022/primeng-usestyle.mjs

@@ -13,7 +13,7 @@ class UseStyle {
         const { immediate = true, manual = false, name = `style_${++_id}`, id = undefined, media = undefined, nonce = undefined, first = false, props = {} } = options;
         if (!this.document)
             return;
-        styleRef = this.document.querySelector(`style[data-primeng-style-id="${name}"]`) || this.document.getElementById(id) || this.document.createElement('style');
+        styleRef = this.document.querySelector(`style[data-primeng-style-id="${name}"]`) || (id && this.document.getElementById(id)) || this.document.createElement('style');
         if (!styleRef.isConnected) {
             cssRef = css;
             setAttributes(styleRef, {

package/fesm2022/primeng-usestyle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-usestyle.mjs","sources":["../../src/usestyle/usestyle.ts","../../src/usestyle/primeng-usestyle.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { Injectable, inject } from '@angular/core';\nimport { setAttribute, setAttributes } from '@primeuix/utils';\n\nlet _id = 0;\n\n@Injectable({ providedIn: 'root' })\nexport class UseStyle {\n    document: Document = inject(DOCUMENT);\n\n    use(css, options: any = {}) {\n        let isLoaded = false;\n        let cssRef = css;\n        let styleRef = null;\n\n        const { immediate = true, manual = false, name = `style_${++_id}`, id = undefined, media = undefined, nonce = undefined, first = false, props = {} } = options;\n\n        if (!this.document) return;\n        styleRef = this.document.querySelector(`style[data-primeng-style-id=\"${name}\"]`) || this.document.getElementById(id) || this.document.createElement('style');\n\n        if (!styleRef.isConnected) {\n            cssRef = css;\n            setAttributes(styleRef, {\n                type: 'text/css',\n                media,\n                nonce\n            });\n\n            const HEAD = this.document.head;\n\n            first && HEAD.firstChild ? HEAD.insertBefore(styleRef, HEAD.firstChild) : HEAD.appendChild(styleRef);\n            setAttribute(styleRef, 'data-primeng-style-id', name);\n        }\n\n        if (styleRef.textContent !== cssRef) {\n            styleRef.textContent = cssRef;\n        }\n\n        return {\n            id,\n            name,\n            el: styleRef,\n            css: cssRef\n        };\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAIA,IAAI,GAAG,GAAG,CAAC;MAGE,QAAQ,CAAA;AACjB,IAAA,QAAQ,GAAa,MAAM,CAAC,QAAQ,CAAC;AAErC,IAAA,GAAG,CAAC,GAAG,EAAE,OAAA,GAAe,EAAE,EAAA;QACtB,IAAI,QAAQ,GAAG,KAAK;QACpB,IAAI,MAAM,GAAG,GAAG;QAChB,IAAI,QAAQ,GAAG,IAAI;AAEnB,QAAA,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,CAAS,MAAA,EAAA,EAAE,GAAG,CAAE,CAAA,EAAE,EAAE,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,OAAO;QAE9J,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE;AACpB,QAAA,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAAA,EAAA,CAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAE5J,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;YACvB,MAAM,GAAG,GAAG;YACZ,aAAa,CAAC,QAAQ,EAAE;AACpB,gBAAA,IAAI,EAAE,UAAU;gBAChB,KAAK;gBACL;AACH,aAAA,CAAC;AAEF,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI;YAE/B,KAAK,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;AACpG,YAAA,YAAY,CAAC,QAAQ,EAAE,uBAAuB,EAAE,IAAI,CAAC;;AAGzD,QAAA,IAAI,QAAQ,CAAC,WAAW,KAAK,MAAM,EAAE;AACjC,YAAA,QAAQ,CAAC,WAAW,GAAG,MAAM;;QAGjC,OAAO;YACH,EAAE;YACF,IAAI;AACJ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,GAAG,EAAE;SACR;;kGApCI,QAAQ,GAAA,CAAA,EAAA;gEAAR,QAAQ,EAAA,OAAA,EAAR,QAAQ,CAAA,IAAA,EAAA,UAAA,EADK,MAAM,EAAA,CAAA;;iFACnB,QAAQ,EAAA,CAAA;cADpB,UAAU;eAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACNlC;;AAEG;;;;"}
+{"version":3,"file":"primeng-usestyle.mjs","sources":["../../src/usestyle/usestyle.ts","../../src/usestyle/primeng-usestyle.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { Injectable, inject } from '@angular/core';\nimport { setAttribute, setAttributes } from '@primeuix/utils';\n\nlet _id = 0;\n\n@Injectable({ providedIn: 'root' })\nexport class UseStyle {\n    document: Document = inject(DOCUMENT);\n\n    use(css, options: any = {}) {\n        let isLoaded = false;\n        let cssRef = css;\n        let styleRef = null;\n\n        const { immediate = true, manual = false, name = `style_${++_id}`, id = undefined, media = undefined, nonce = undefined, first = false, props = {} } = options;\n\n        if (!this.document) return;\n        styleRef = this.document.querySelector(`style[data-primeng-style-id=\"${name}\"]`) || (id && this.document.getElementById(id)) || this.document.createElement('style');\n\n        if (!styleRef.isConnected) {\n            cssRef = css;\n            setAttributes(styleRef, {\n                type: 'text/css',\n                media,\n                nonce\n            });\n\n            const HEAD = this.document.head;\n\n            first && HEAD.firstChild ? HEAD.insertBefore(styleRef, HEAD.firstChild) : HEAD.appendChild(styleRef);\n            setAttribute(styleRef, 'data-primeng-style-id', name);\n        }\n\n        if (styleRef.textContent !== cssRef) {\n            styleRef.textContent = cssRef;\n        }\n\n        return {\n            id,\n            name,\n            el: styleRef,\n            css: cssRef\n        };\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAIA,IAAI,GAAG,GAAG,CAAC;MAGE,QAAQ,CAAA;AACjB,IAAA,QAAQ,GAAa,MAAM,CAAC,QAAQ,CAAC;AAErC,IAAA,GAAG,CAAC,GAAG,EAAE,OAAA,GAAe,EAAE,EAAA;QACtB,IAAI,QAAQ,GAAG,KAAK;QACpB,IAAI,MAAM,GAAG,GAAG;QAChB,IAAI,QAAQ,GAAG,IAAI;AAEnB,QAAA,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,CAAS,MAAA,EAAA,EAAE,GAAG,CAAE,CAAA,EAAE,EAAE,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,OAAO;QAE9J,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE;AACpB,QAAA,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAgC,6BAAA,EAAA,IAAI,CAAI,EAAA,CAAA,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAEpK,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;YACvB,MAAM,GAAG,GAAG;YACZ,aAAa,CAAC,QAAQ,EAAE;AACpB,gBAAA,IAAI,EAAE,UAAU;gBAChB,KAAK;gBACL;AACH,aAAA,CAAC;AAEF,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI;YAE/B,KAAK,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;AACpG,YAAA,YAAY,CAAC,QAAQ,EAAE,uBAAuB,EAAE,IAAI,CAAC;;AAGzD,QAAA,IAAI,QAAQ,CAAC,WAAW,KAAK,MAAM,EAAE;AACjC,YAAA,QAAQ,CAAC,WAAW,GAAG,MAAM;;QAGjC,OAAO;YACH,EAAE;YACF,IAAI;AACJ,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,GAAG,EAAE;SACR;;kGApCI,QAAQ,GAAA,CAAA,EAAA;gEAAR,QAAQ,EAAA,OAAA,EAAR,QAAQ,CAAA,IAAA,EAAA,UAAA,EADK,MAAM,EAAA,CAAA;;iFACnB,QAAQ,EAAA,CAAA;cADpB,UAAU;eAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACNlC;;AAEG;;;;"}

package/fieldset/fieldset.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
-import { BlockableUI } from 'primeng/api';
+import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { BlockableUI, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { Nullable } from 'primeng/ts-helpers';
 import { FieldsetAfterToggleEvent, FieldsetBeforeToggleEvent } from './fieldset.interface';
@@ -10,7 +10,7 @@ import * as i1 from "primeng/api";
  * Fieldset is a grouping component with the optional content toggle feature.
  * @group Components
  */
-export declare class Fieldset extends BaseComponent implements BlockableUI {
+export declare class Fieldset extends BaseComponent implements AfterContentInit, BlockableUI {
     /**
      * Header text of the fieldset.
      * @group Props
@@ -75,12 +75,12 @@ export declare class Fieldset extends BaseComponent implements BlockableUI {
      * Defines the expandicon template.
      * @group Templates
      */
-    expandiconTemplate: TemplateRef<any> | undefined;
+    expandIconTemplate: TemplateRef<any> | undefined;
     /**
      * Defines the collapseicon template.
      * @group Templates
      */
-    collapseiconTemplate: TemplateRef<any> | undefined;
+    collapseIconTemplate: TemplateRef<any> | undefined;
     /**
      * Defines the content template.
      * @group Templates
@@ -92,8 +92,14 @@ export declare class Fieldset extends BaseComponent implements BlockableUI {
     collapse(): void;
     getBlockableElement(): HTMLElement;
     onToggleDone(): void;
+    _headerTemplate: TemplateRef<any> | undefined;
+    _expandIconTemplate: TemplateRef<any> | undefined;
+    _collapseIconTemplate: TemplateRef<any> | undefined;
+    _contentTemplate: TemplateRef<any> | undefined;
+    templates: QueryList<PrimeTemplate>;
+    ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Fieldset, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Fieldset, "p-fieldset", never, { "legend": { "alias": "legend"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; }, { "collapsedChange": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["headerTemplate", "expandiconTemplate", "collapseiconTemplate", "contentTemplate"], ["p-header", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Fieldset, "p-fieldset", never, { "legend": { "alias": "legend"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; }, { "collapsedChange": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["headerTemplate", "expandIconTemplate", "collapseIconTemplate", "contentTemplate", "templates"], ["p-header", "*"], true, never>;
     static ngAcceptInputType_toggleable: unknown;
     static ngAcceptInputType_collapsed: unknown;
 }

package/fileupload/fileupload.d.ts

@@ -1,7 +1,7 @@
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { BlockableUI } from 'primeng/api';
+import { BlockableUI, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { ButtonProps } from 'primeng/button';
 import { VoidListener } from 'primeng/ts-helpers';
@@ -14,7 +14,7 @@ import * as i1 from "primeng/api";
  * FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.
  * @group Components
  */
-export declare class FileUpload extends BaseComponent implements AfterViewInit, OnInit, OnDestroy, BlockableUI {
+export declare class FileUpload extends BaseComponent implements AfterViewInit, AfterContentInit, OnInit, OnDestroy, BlockableUI {
     /**
      * Name of the request parameter to identify the files at backend.
      * @group Props
@@ -292,22 +292,22 @@ export declare class FileUpload extends BaseComponent implements AfterViewInit,
      * Template for choose icon.
      * @group Templates
      */
-    chooseiconTemplate: TemplateRef<any> | undefined;
+    chooseIconTemplate: TemplateRef<any> | undefined;
     /**
      * Template for file label.
      * @group Templates
      */
-    filelabelTemplate: TemplateRef<any> | undefined;
+    fileLabelTemplate: TemplateRef<any> | undefined;
     /**
      * Template for upload icon.
      * @group Templates
      */
-    uploadiconTemplate: TemplateRef<any> | undefined;
+    uploadIconTemplate: TemplateRef<any> | undefined;
     /**
      * Template for cancel icon.
      * @group Templates
      */
-    canceliconTemplate: TemplateRef<any> | undefined;
+    cancelIconTemplate: TemplateRef<any> | undefined;
     /**
      * Template for empty state.
      * @group Templates
@@ -336,6 +336,17 @@ export declare class FileUpload extends BaseComponent implements AfterViewInit,
     _componentStyle: FileUploadStyle;
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    _headerTemplate: TemplateRef<any> | undefined;
+    _contentTemplate: TemplateRef<any> | undefined;
+    _toolbarTemplate: TemplateRef<any> | undefined;
+    _chooseIconTemplate: TemplateRef<any> | undefined;
+    _uploadIconTemplate: TemplateRef<any> | undefined;
+    _cancelIconTemplate: TemplateRef<any> | undefined;
+    _emptyTemplate: TemplateRef<any> | undefined;
+    _fileTemplate: TemplateRef<any> | undefined;
+    _fileLabelTemplate: TemplateRef<any> | undefined;
+    templates: QueryList<PrimeTemplate> | undefined;
+    ngAfterContentInit(): void;
     basicFileChosenLabel(): any;
     getTranslation(option: string): any;
     choose(): void;
@@ -398,7 +409,7 @@ export declare class FileUpload extends BaseComponent implements AfterViewInit,
     get pendingLabel(): any;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUpload, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUpload, "p-fileupload, p-fileUpload", never, { "name": { "alias": "name"; "required": false; }; "url": { "alias": "url"; "required": false; }; "method": { "alias": "method"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; "withCredentials": { "alias": "withCredentials"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "invalidFileSizeMessageSummary": { "alias": "invalidFileSizeMessageSummary"; "required": false; }; "invalidFileSizeMessageDetail": { "alias": "invalidFileSizeMessageDetail"; "required": false; }; "invalidFileTypeMessageSummary": { "alias": "invalidFileTypeMessageSummary"; "required": false; }; "invalidFileTypeMessageDetail": { "alias": "invalidFileTypeMessageDetail"; "required": false; }; "invalidFileLimitMessageDetail": { "alias": "invalidFileLimitMessageDetail"; "required": false; }; "invalidFileLimitMessageSummary": { "alias": "invalidFileLimitMessageSummary"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "previewWidth": { "alias": "previewWidth"; "required": false; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "chooseIcon": { "alias": "chooseIcon"; "required": false; }; "uploadIcon": { "alias": "uploadIcon"; "required": false; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "customUpload": { "alias": "customUpload"; "required": false; }; "fileLimit": { "alias": "fileLimit"; "required": false; }; "uploadStyleClass": { "alias": "uploadStyleClass"; "required": false; }; "cancelStyleClass": { "alias": "cancelStyleClass"; "required": false; }; "removeStyleClass": { "alias": "removeStyleClass"; "required": false; }; "chooseStyleClass": { "alias": "chooseStyleClass"; "required": false; }; "chooseButtonProps": { "alias": "chooseButtonProps"; "required": false; }; "uploadButtonProps": { "alias": "uploadButtonProps"; "required": false; }; "cancelButtonProps": { "alias": "cancelButtonProps"; "required": false; }; "files": { "alias": "files"; "required": false; }; }, { "onBeforeUpload": "onBeforeUpload"; "onSend": "onSend"; "onUpload": "onUpload"; "onError": "onError"; "onClear": "onClear"; "onRemove": "onRemove"; "onSelect": "onSelect"; "onProgress": "onProgress"; "uploadHandler": "uploadHandler"; "onImageError": "onImageError"; "onRemoveUploadedFile": "onRemoveUploadedFile"; }, ["fileTemplate", "headerTemplate", "contentTemplate", "toolbarTemplate", "chooseiconTemplate", "filelabelTemplate", "uploadiconTemplate", "canceliconTemplate", "emptyTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUpload, "p-fileupload, p-fileUpload", never, { "name": { "alias": "name"; "required": false; }; "url": { "alias": "url"; "required": false; }; "method": { "alias": "method"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; "withCredentials": { "alias": "withCredentials"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "invalidFileSizeMessageSummary": { "alias": "invalidFileSizeMessageSummary"; "required": false; }; "invalidFileSizeMessageDetail": { "alias": "invalidFileSizeMessageDetail"; "required": false; }; "invalidFileTypeMessageSummary": { "alias": "invalidFileTypeMessageSummary"; "required": false; }; "invalidFileTypeMessageDetail": { "alias": "invalidFileTypeMessageDetail"; "required": false; }; "invalidFileLimitMessageDetail": { "alias": "invalidFileLimitMessageDetail"; "required": false; }; "invalidFileLimitMessageSummary": { "alias": "invalidFileLimitMessageSummary"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "previewWidth": { "alias": "previewWidth"; "required": false; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "chooseIcon": { "alias": "chooseIcon"; "required": false; }; "uploadIcon": { "alias": "uploadIcon"; "required": false; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "customUpload": { "alias": "customUpload"; "required": false; }; "fileLimit": { "alias": "fileLimit"; "required": false; }; "uploadStyleClass": { "alias": "uploadStyleClass"; "required": false; }; "cancelStyleClass": { "alias": "cancelStyleClass"; "required": false; }; "removeStyleClass": { "alias": "removeStyleClass"; "required": false; }; "chooseStyleClass": { "alias": "chooseStyleClass"; "required": false; }; "chooseButtonProps": { "alias": "chooseButtonProps"; "required": false; }; "uploadButtonProps": { "alias": "uploadButtonProps"; "required": false; }; "cancelButtonProps": { "alias": "cancelButtonProps"; "required": false; }; "files": { "alias": "files"; "required": false; }; }, { "onBeforeUpload": "onBeforeUpload"; "onSend": "onSend"; "onUpload": "onUpload"; "onError": "onError"; "onClear": "onClear"; "onRemove": "onRemove"; "onSelect": "onSelect"; "onProgress": "onProgress"; "uploadHandler": "uploadHandler"; "onImageError": "onImageError"; "onRemoveUploadedFile": "onRemoveUploadedFile"; }, ["fileTemplate", "headerTemplate", "contentTemplate", "toolbarTemplate", "chooseIconTemplate", "fileLabelTemplate", "uploadIconTemplate", "cancelIconTemplate", "emptyTemplate", "templates"], never, true, never>;
     static ngAcceptInputType_multiple: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_auto: unknown;

package/galleria/galleria.d.ts

@@ -188,6 +188,7 @@ export declare class Galleria extends BaseComponent implements OnChanges, OnDest
     numVisibleLimit: number;
     _componentStyle: GalleriaStyle;
     constructor(platformId: any, element: ElementRef, cd: ChangeDetectorRef);
+    templates: QueryList<PrimeTemplate> | undefined;
     ngAfterContentInit(): void;
     ngOnChanges(simpleChanges: SimpleChanges): void;
     onMaskHide(): void;
@@ -198,7 +199,7 @@ export declare class Galleria extends BaseComponent implements OnChanges, OnDest
     disableModality(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Galleria, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Galleria, "p-galleria", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "fullScreen": { "alias": "fullScreen"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "numVisible": { "alias": "numVisible"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "showItemNavigators": { "alias": "showItemNavigators"; "required": false; }; "showThumbnailNavigators": { "alias": "showThumbnailNavigators"; "required": false; }; "showItemNavigatorsOnHover": { "alias": "showItemNavigatorsOnHover"; "required": false; }; "changeItemOnIndicatorHover": { "alias": "changeItemOnIndicatorHover"; "required": false; }; "circular": { "alias": "circular"; "required": false; }; "autoPlay": { "alias": "autoPlay"; "required": false; }; "shouldStopAutoplayByClick": { "alias": "shouldStopAutoplayByClick"; "required": false; }; "transitionInterval": { "alias": "transitionInterval"; "required": false; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; }; "thumbnailsPosition": { "alias": "thumbnailsPosition"; "required": false; }; "verticalThumbnailViewPortHeight": { "alias": "verticalThumbnailViewPortHeight"; "required": false; }; "showIndicators": { "alias": "showIndicators"; "required": false; }; "showIndicatorsOnItem": { "alias": "showIndicatorsOnItem"; "required": false; }; "indicatorsPosition": { "alias": "indicatorsPosition"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "maskClass": { "alias": "maskClass"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "visibleChange": "visibleChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Galleria, "p-galleria", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "fullScreen": { "alias": "fullScreen"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "numVisible": { "alias": "numVisible"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "showItemNavigators": { "alias": "showItemNavigators"; "required": false; }; "showThumbnailNavigators": { "alias": "showThumbnailNavigators"; "required": false; }; "showItemNavigatorsOnHover": { "alias": "showItemNavigatorsOnHover"; "required": false; }; "changeItemOnIndicatorHover": { "alias": "changeItemOnIndicatorHover"; "required": false; }; "circular": { "alias": "circular"; "required": false; }; "autoPlay": { "alias": "autoPlay"; "required": false; }; "shouldStopAutoplayByClick": { "alias": "shouldStopAutoplayByClick"; "required": false; }; "transitionInterval": { "alias": "transitionInterval"; "required": false; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; }; "thumbnailsPosition": { "alias": "thumbnailsPosition"; "required": false; }; "verticalThumbnailViewPortHeight": { "alias": "verticalThumbnailViewPortHeight"; "required": false; }; "showIndicators": { "alias": "showIndicators"; "required": false; }; "showIndicatorsOnItem": { "alias": "showIndicatorsOnItem"; "required": false; }; "indicatorsPosition": { "alias": "indicatorsPosition"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "maskClass": { "alias": "maskClass"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "visibleChange": "visibleChange"; }, ["templates"], never, false, never>;
     static ngAcceptInputType_fullScreen: unknown;
     static ngAcceptInputType_numVisible: unknown;
     static ngAcceptInputType_showItemNavigators: unknown;
@@ -394,6 +395,6 @@ export declare class GalleriaThumbnails implements OnInit, AfterContentChecked,
 }
 export declare class GalleriaModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleriaModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GalleriaModule, [typeof Galleria, typeof GalleriaContent, typeof GalleriaItemSlot, typeof GalleriaItem, typeof GalleriaThumbnails], [typeof i1.CommonModule, typeof i2.SharedModule, typeof i3.Ripple, typeof i4.TimesIcon, typeof i4.ChevronRightIcon, typeof i4.ChevronLeftIcon, typeof i4.WindowMaximizeIcon, typeof i4.WindowMinimizeIcon, typeof i5.FocusTrap], [typeof i1.CommonModule, typeof Galleria, typeof GalleriaContent, typeof GalleriaItemSlot, typeof GalleriaItem, typeof GalleriaThumbnails, typeof i2.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GalleriaModule, [typeof Galleria, typeof GalleriaContent, typeof GalleriaItemSlot, typeof GalleriaItem, typeof GalleriaThumbnails], [typeof i1.CommonModule, typeof i2.SharedModule, typeof i3.Ripple, typeof i4.TimesIcon, typeof i4.ChevronRightIcon, typeof i4.ChevronUpIcon, typeof i4.ChevronDownIcon, typeof i4.ChevronLeftIcon, typeof i4.WindowMaximizeIcon, typeof i4.WindowMinimizeIcon, typeof i5.FocusTrap], [typeof i1.CommonModule, typeof Galleria, typeof GalleriaContent, typeof GalleriaItemSlot, typeof GalleriaItem, typeof GalleriaThumbnails, typeof i2.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GalleriaModule>;
 }

package/image/image.d.ts

@@ -1,6 +1,7 @@
 import { AnimationEvent } from '@angular/animations';
-import { AfterContentInit, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
 import { SafeUrl } from '@angular/platform-browser';
+import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { Nullable } from 'primeng/ts-helpers';
 import { ImageStyle } from './style/imagestyle';
@@ -133,27 +134,27 @@ export declare class Image extends BaseComponent implements AfterContentInit {
      * Custom template of rotaterighticon.
      * @group Templates
      */
-    rotaterighticon: TemplateRef<any> | undefined;
+    rotateRightIconTemplate: TemplateRef<any> | undefined;
     /**
      * Custom template of rotatelefticon.
      * @group Templates
      */
-    rotatelefticon: TemplateRef<any> | undefined;
+    rotateLeftIconTemplate: TemplateRef<any> | undefined;
     /**
      * Custom template of zoomouticon.
      * @group Templates
      */
-    zoomouticon: TemplateRef<any> | undefined;
+    zoomOutIconTemplate: TemplateRef<any> | undefined;
     /**
      * Custom template of zoominicon.
      * @group Templates
      */
-    zoominicon: TemplateRef<any> | undefined;
+    zoomInIconTemplate: TemplateRef<any> | undefined;
     /**
      * Custom template of closeicon.
      * @group Templates
      */
-    closeicon: TemplateRef<any> | undefined;
+    closeIconTemplate: TemplateRef<any> | undefined;
     /**
      * Custom template of preview.
      * @group Templates
@@ -176,6 +177,16 @@ export declare class Image extends BaseComponent implements AfterContentInit {
     get isZoomInDisabled(): boolean;
     private zoomSettings;
     constructor();
+    templates: QueryList<PrimeTemplate> | undefined;
+    _indicatorTemplate: TemplateRef<any> | undefined;
+    _rotateRightIconTemplate: TemplateRef<any> | undefined;
+    _rotateLeftIconTemplate: TemplateRef<any> | undefined;
+    _zoomOutIconTemplate: TemplateRef<any> | undefined;
+    _zoomInIconTemplate: TemplateRef<any> | undefined;
+    _closeIconTemplate: TemplateRef<any> | undefined;
+    _imageTemplate: TemplateRef<any> | undefined;
+    _previewTemplate: TemplateRef<any> | undefined;
+    ngAfterContentInit(): void;
     onImageClick(): void;
     onMaskClick(): void;
     onMaskKeydown(event: any): void;
@@ -206,7 +217,7 @@ export declare class Image extends BaseComponent implements AfterContentInit {
     closeAriaLabel(): string;
     onKeydownHandler(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Image, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Image, "p-image", never, { "imageClass": { "alias": "imageClass"; "required": false; }; "imageStyle": { "alias": "imageStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "previewImageSrc": { "alias": "previewImageSrc"; "required": false; }; "previewImageSrcSet": { "alias": "previewImageSrcSet"; "required": false; }; "previewImageSizes": { "alias": "previewImageSizes"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onImageError": "onImageError"; }, ["indicatorTemplate", "rotaterighticon", "rotatelefticon", "zoomouticon", "zoominicon", "closeicon", "previewTemplate", "imageTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Image, "p-image", never, { "imageClass": { "alias": "imageClass"; "required": false; }; "imageStyle": { "alias": "imageStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "previewImageSrc": { "alias": "previewImageSrc"; "required": false; }; "previewImageSrcSet": { "alias": "previewImageSrcSet"; "required": false; }; "previewImageSizes": { "alias": "previewImageSizes"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onImageError": "onImageError"; }, ["indicatorTemplate", "rotateRightIconTemplate", "rotateLeftIconTemplate", "zoomOutIconTemplate", "zoomInIconTemplate", "closeIconTemplate", "previewTemplate", "imageTemplate", "templates"], never, true, never>;
     static ngAcceptInputType_preview: unknown;
 }
 export declare class ImageModule {

package/imagecompare/imagecompare.d.ts

@@ -1,4 +1,5 @@
-import { AfterContentInit, TemplateRef } from '@angular/core';
+import { AfterContentInit, QueryList, TemplateRef } from '@angular/core';
+import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { ImageCompareStyle } from './style/imagecomparestyle';
 import * as i0 from "@angular/core";
@@ -35,15 +36,19 @@ export declare class ImageCompare extends BaseComponent implements AfterContentI
      * @group Templates
      */
     rightTemplate: TemplateRef<any>;
+    _leftTemplate: TemplateRef<any> | undefined;
+    _rightTemplate: TemplateRef<any> | undefined;
+    templates: QueryList<PrimeTemplate> | undefined;
     _componentStyle: ImageCompareStyle;
     mutationObserver: MutationObserver;
     ngOnInit(): void;
+    ngAfterContentInit(): void;
     onSlide(event: any): void;
     updateDirection(): void;
     observeDirectionChanges(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageCompare, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageCompare, "p-imageCompare, p-imagecompare, p-image-compare", never, { "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, ["leftTemplate", "rightTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageCompare, "p-imageCompare, p-imagecompare, p-image-compare", never, { "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, ["leftTemplate", "rightTemplate", "templates"], never, true, never>;
 }
 export declare class ImageCompareModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageCompareModule, never>;

package/inplace/inplace.d.ts

@@ -1,4 +1,5 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { InplaceStyle } from './style/inplacestyle';
 import * as i0 from "@angular/core";
@@ -15,7 +16,7 @@ export declare class InplaceContent {
  * Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.
  * @group Components
  */
-export declare class Inplace extends BaseComponent {
+export declare class Inplace extends BaseComponent implements AfterContentInit {
     /**
      * Whether the content is displayed or not.
      * @group Props
@@ -71,21 +72,21 @@ export declare class Inplace extends BaseComponent {
      */
     onDeactivate: EventEmitter<Event>;
     hover: boolean;
-    displayTemplate: TemplateRef<any> | undefined;
     /**
      * Display template of the element.
      * @group Templates
      */
-    contentTemplate: TemplateRef<any> | undefined;
+    displayTemplate: TemplateRef<any> | undefined;
     /**
      * Content template of the element.
      * @group Templates
      */
-    closeicon: TemplateRef<any> | undefined;
+    contentTemplate: TemplateRef<any> | undefined;
     /**
      * Close icon template of the element.
      * @group Templates
      */
+    closeIconTemplate: TemplateRef<any> | undefined;
     _componentStyle: InplaceStyle;
     onActivateClick(event: MouseEvent): void;
     onDeactivateClick(event: MouseEvent): void;
@@ -102,8 +103,13 @@ export declare class Inplace extends BaseComponent {
      */
     deactivate(event?: Event): void;
     onKeydown(event: KeyboardEvent): void;
+    templates: QueryList<PrimeTemplate> | undefined;
+    _displayTemplate: TemplateRef<any> | undefined;
+    _closeIconTemplate: TemplateRef<any> | undefined;
+    _contentTemplate: TemplateRef<any> | undefined;
+    ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Inplace, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Inplace, "p-inplace", never, { "active": { "alias": "active"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "preventClick": { "alias": "preventClick"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; }, { "onActivate": "onActivate"; "onDeactivate": "onDeactivate"; }, ["displayTemplate", "contentTemplate", "closeicon"], ["[pInplaceDisplay]", "[pInplaceContent]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Inplace, "p-inplace", never, { "active": { "alias": "active"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "preventClick": { "alias": "preventClick"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; }, { "onActivate": "onActivate"; "onDeactivate": "onDeactivate"; }, ["displayTemplate", "contentTemplate", "closeIconTemplate", "templates"], ["[pInplaceDisplay]", "[pInplaceContent]"], true, never>;
     static ngAcceptInputType_active: unknown;
     static ngAcceptInputType_closable: unknown;
     static ngAcceptInputType_disabled: unknown;

package/inputmask/inputmask.d.ts

@@ -1,5 +1,6 @@
-import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { Nullable } from 'primeng/ts-helpers';
 import { Caret } from './inputmask.interface';
@@ -11,7 +12,7 @@ export declare const INPUTMASK_VALUE_ACCESSOR: any;
  * InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.
  * @group Components
  */
-export declare class InputMask extends BaseComponent implements OnInit, ControlValueAccessor {
+export declare class InputMask extends BaseComponent implements OnInit, AfterContentInit, ControlValueAccessor {
     /**
      * HTML5 input type.
      * @group Props
@@ -189,7 +190,8 @@ export declare class InputMask extends BaseComponent implements OnInit, ControlV
      * Template of the clear icon.
      * @group Templates
      */
-    cleariconTemplate: Nullable<TemplateRef<any>>;
+    clearIconTemplate: Nullable<TemplateRef<any>>;
+    templates: QueryList<PrimeTemplate>;
     inputViewChild: Nullable<ElementRef>;
     value: Nullable<string>;
     _mask: Nullable<string>;
@@ -218,6 +220,8 @@ export declare class InputMask extends BaseComponent implements OnInit, ControlV
     };
     _componentStyle: InputMaskStyle;
     ngOnInit(): void;
+    _clearIconTemplate: TemplateRef<any> | undefined;
+    ngAfterContentInit(): void;
     initMask(): void;
     writeValue(value: any): void;
     registerOnChange(fn: Function): void;
@@ -246,7 +250,7 @@ export declare class InputMask extends BaseComponent implements OnInit, ControlV
     focus(): void;
     clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputMask, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputMask, "p-inputmask, p-inputMask, p-input-mask", never, { "type": { "alias": "type"; "required": false; }; "slotChar": { "alias": "slotChar"; "required": false; }; "autoClear": { "alias": "autoClear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "style": { "alias": "style"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "unmask": { "alias": "unmask"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "characterPattern": { "alias": "characterPattern"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "keepBuffer": { "alias": "keepBuffer"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; }, { "onComplete": "onComplete"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onInput": "onInput"; "onKeydown": "onKeydown"; "onClear": "onClear"; }, ["cleariconTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputMask, "p-inputmask, p-inputMask, p-input-mask", never, { "type": { "alias": "type"; "required": false; }; "slotChar": { "alias": "slotChar"; "required": false; }; "autoClear": { "alias": "autoClear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "style": { "alias": "style"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "unmask": { "alias": "unmask"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "characterPattern": { "alias": "characterPattern"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "keepBuffer": { "alias": "keepBuffer"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; }, { "onComplete": "onComplete"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onInput": "onInput"; "onKeydown": "onKeydown"; "onClear": "onClear"; }, ["clearIconTemplate", "templates"], never, true, never>;
     static ngAcceptInputType_autoClear: unknown;
     static ngAcceptInputType_showClear: unknown;
     static ngAcceptInputType_maxlength: unknown;

package/inputnumber/inputnumber.d.ts

@@ -1,5 +1,6 @@
-import { AfterContentInit, ElementRef, EventEmitter, Injector, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, Injector, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { Nullable } from 'primeng/ts-helpers';
 import { InputNumberInputEvent } from './inputnumber.interface';
@@ -264,18 +265,22 @@ export declare class InputNumber extends BaseComponent implements OnInit, AfterC
      * Template of the clear icon.
      * @group Templates
      */
-    clearicon: Nullable<TemplateRef<any>>;
+    clearIconTemplate: Nullable<TemplateRef<any>>;
     /**
-     * Template of the icrement button icon.
+     * Template of the increment button icon.
      * @group Templates
      */
-    incrementbuttonicon: Nullable<TemplateRef<any>>;
+    incrementButtonIconTemplate: Nullable<TemplateRef<any>>;
     /**
      * Template of the decrement button icon.
      * @group Templates
      */
-    decrementbuttonicon: Nullable<TemplateRef<any>>;
+    decrementButtonIconTemplate: Nullable<TemplateRef<any>>;
+    templates: QueryList<PrimeTemplate>;
     input: ElementRef<HTMLInputElement>;
+    _clearIconTemplate: TemplateRef<any> | undefined;
+    _incrementButtonIconTemplate: TemplateRef<any> | undefined;
+    _decrementButtonIconTemplate: TemplateRef<any> | undefined;
     value: Nullable<number>;
     onModelChange: Function;
     onModelTouched: Function;
@@ -403,7 +408,7 @@ export declare class InputNumber extends BaseComponent implements OnInit, AfterC
     get filled(): boolean;
     clearTimer(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputNumber, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumber, "p-inputNumber, p-inputnumber, p-input-number", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "format": { "alias": "format"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "step": { "alias": "step"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["clearicon", "incrementbuttonicon", "decrementbuttonicon"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumber, "p-inputNumber, p-inputnumber, p-input-number", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "format": { "alias": "format"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "step": { "alias": "step"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["clearIconTemplate", "incrementButtonIconTemplate", "decrementButtonIconTemplate", "templates"], never, true, never>;
     static ngAcceptInputType_showButtons: unknown;
     static ngAcceptInputType_format: unknown;
     static ngAcceptInputType_maxlength: unknown;

package/inputotp/inputotp.d.ts

@@ -1,6 +1,8 @@
-import { AfterContentInit, EventEmitter, TemplateRef } from '@angular/core';
+import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { InputOtpStyle } from './style/inputotpstyle';
+import { Nullable } from 'primeng/ts-helpers';
 import * as i0 from "@angular/core";
 import * as i1 from "primeng/api";
 export declare const INPUT_OTP_VALUE_ACCESSOR: any;
@@ -126,6 +128,8 @@ export declare class InputOtp extends BaseComponent implements AfterContentInit
      * @group Templates
      */
     inputTemplate: TemplateRef<any>;
+    templates: Nullable<QueryList<PrimeTemplate>>;
+    _inputTemplate: TemplateRef<any> | undefined;
     tokens: any;
     onModelChange: Function;
     onModelTouched: Function;
@@ -133,6 +137,7 @@ export declare class InputOtp extends BaseComponent implements AfterContentInit
     get inputMode(): string;
     get inputType(): string;
     _componentStyle: InputOtpStyle;
+    ngAfterContentInit(): void;
     getToken(index: any): any;
     getTemplateEvents(index: any): {
         input: (event: any) => void;
@@ -160,7 +165,7 @@ export declare class InputOtp extends BaseComponent implements AfterContentInit
     getRange(n: number): number[];
     trackByFn(index: number): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputOtp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputOtp, "p-inputOtp, p-inputotp, p-input-otp", never, { "invalid": { "alias": "invalid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "integerOnly": { "alias": "integerOnly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["inputTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputOtp, "p-inputOtp, p-inputotp, p-input-otp", never, { "invalid": { "alias": "invalid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "integerOnly": { "alias": "integerOnly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["inputTemplate", "templates"], never, true, never>;
     static ngAcceptInputType_autofocus: unknown;
 }
 export declare class InputOtpModule {

package/listbox/listbox.d.ts

@@ -1,6 +1,6 @@
-import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { FilterService, ScrollerOptions } from 'primeng/api';
+import { FilterService, PrimeTemplate, ScrollerOptions } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { Scroller, ScrollerLazyLoadEvent } from 'primeng/scroller';
 import { Nullable } from 'primeng/ts-helpers';
@@ -355,7 +355,7 @@ export declare class Listbox extends BaseComponent implements AfterContentInit,
      * Custom empty filter message template.
      * @group Templates
      */
-    emptyfilter: TemplateRef<any> | undefined;
+    emptyFilterTemplate: TemplateRef<any> | undefined;
     /**
      * Custom empty message template.
      * @group Templates
@@ -381,6 +381,18 @@ export declare class Listbox extends BaseComponent implements AfterContentInit,
      * @group Templates
      */
     loaderTemplate: TemplateRef<any> | undefined;
+    templates: QueryList<PrimeTemplate>;
+    _itemTemplate: TemplateRef<any> | undefined;
+    _groupTemplate: TemplateRef<any> | undefined;
+    _headerTemplate: TemplateRef<any> | undefined;
+    _filterTemplate: TemplateRef<any> | undefined;
+    _footerTemplate: TemplateRef<any> | undefined;
+    _emptyFilterTemplate: TemplateRef<any> | undefined;
+    _emptyTemplate: TemplateRef<any> | undefined;
+    _filterIconTemplate: TemplateRef<any> | undefined;
+    _checkIconTemplate: TemplateRef<any> | undefined;
+    _checkmarkTemplate: TemplateRef<any> | undefined;
+    _loaderTemplate: TemplateRef<any> | undefined;
     _filterValue: import("@angular/core").WritableSignal<string>;
     _filteredOptions: any[] | undefined | null;
     filterOptions: ListboxFilterOptions | undefined;
@@ -422,6 +434,7 @@ export declare class Listbox extends BaseComponent implements AfterContentInit,
     visibleOptions: import("@angular/core").Signal<any>;
     constructor(filterService: FilterService);
     ngOnInit(): void;
+    ngAfterContentInit(): void;
     writeValue(value: any): void;
     registerOnChange(fn: Function): void;
     registerOnTouched(fn: Function): void;
@@ -501,7 +514,7 @@ export declare class Listbox extends BaseComponent implements AfterContentInit,
     resetFilter(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Listbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Listbox, "p-listbox, p-listBox, p-list-box", never, { "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterMessage": { "alias": "filterMessage"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "listStyleClass": { "alias": "listStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; }, { "onChange": "onChange"; "onClick": "onClick"; "onDblClick": "onDblClick"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onSelectAllChange": "onSelectAllChange"; "onLazyLoad": "onLazyLoad"; }, ["headerFacet", "footerFacet", "itemTemplate", "groupTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyfilter", "emptyTemplate", "filterIconTemplate", "checkIconTemplate", "checkmarkTemplate", "loaderTemplate"], ["p-header", "p-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Listbox, "p-listbox, p-listBox, p-list-box", never, { "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterMessage": { "alias": "filterMessage"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "listStyleClass": { "alias": "listStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; }, { "onChange": "onChange"; "onClick": "onClick"; "onDblClick": "onDblClick"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onSelectAllChange": "onSelectAllChange"; "onLazyLoad": "onLazyLoad"; }, ["headerFacet", "footerFacet", "itemTemplate", "groupTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "filterIconTemplate", "checkIconTemplate", "checkmarkTemplate", "loaderTemplate", "templates"], ["p-header", "p-footer"], true, never>;
     static ngAcceptInputType_autoOptionFocus: unknown;
     static ngAcceptInputType_selectOnFocus: unknown;
     static ngAcceptInputType_searchLocale: unknown;