From 51f441c1707eda3c26be297c97b8c7cab3241c25 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Wed, 26 Jun 2024 12:16:42 +0300 Subject: [PATCH 01/20] Fixed #15155 - Component: Dropdown Accessibility --- src/app/components/dropdown/dropdown.ts | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/src/app/components/dropdown/dropdown.ts b/src/app/components/dropdown/dropdown.ts index cdc9379fcdf..cadd3505b85 100755 --- a/src/app/components/dropdown/dropdown.ts +++ b/src/app/components/dropdown/dropdown.ts @@ -269,6 +269,8 @@ export class DropdownItem {
+ + this.getOptionLabel(this.selectedOption) || this.modelValue() || ''); - constructor( - public el: ElementRef, - public renderer: Renderer2, - public cd: ChangeDetectorRef, - public zone: NgZone, - public filterService: FilterService, - public config: PrimeNGConfig - ) { + constructor(public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef, public zone: NgZone, public filterService: FilterService, public config: PrimeNGConfig) { effect(() => { const modelValue = this.modelValue(); const visibleOptions = this.visibleOptions(); From 5a30f0449965d931a091bacb6d7b9d6c6db2421e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Wed, 3 Jul 2024 16:23:04 +0300 Subject: [PATCH 02/20] Fixed #15869 - CascadeSelect | clicking a few times causes the component to freeze --- .../components/cascadeselect/cascadeselect.ts | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/src/app/components/cascadeselect/cascadeselect.ts b/src/app/components/cascadeselect/cascadeselect.ts index 3786a2ce95d..a62824e007d 100755 --- a/src/app/components/cascadeselect/cascadeselect.ts +++ b/src/app/components/cascadeselect/cascadeselect.ts @@ -662,6 +662,10 @@ export class CascadeSelect implements OnInit, AfterContentInit { processedOptions: string[] | string | undefined = []; + containerClickTimeout: any = null; + + containerClickDebounceTime = 200; + get containerClass() { return { 'p-cascadeselect p-component p-inputwrapper': true, @@ -1085,7 +1089,7 @@ export class CascadeSelect implements OnInit, AfterContentInit { } onContainerClick(event: MouseEvent) { - if (this.disabled || this.loading) { + if (this.disabled || this.loading || this.containerClickTimeout) { return; } @@ -1098,6 +1102,19 @@ export class CascadeSelect implements OnInit, AfterContentInit { this.focusInputViewChild?.nativeElement.focus(); } + + this.containerClickTimeout = setTimeout(() => { + this.containerClickTimeout = null; + + if (document?.activeElement !== this.focusInputViewChild?.nativeElement) { + this.focusInputViewChild?.nativeElement.focus(); + } + }, this.containerClickDebounceTime); + } + + cancelContainerClickTimeout(): void { + clearTimeout(this.containerClickTimeout); + this.containerClickTimeout = null; } isOptionMatched(processedOption) { From b2531deec268f7c8310357f65de2480820b25c13 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Thu, 4 Jul 2024 10:41:05 +0300 Subject: [PATCH 03/20] refactor --- src/app/components/cascadeselect/cascadeselect.ts | 5 ----- 1 file changed, 5 deletions(-) diff --git a/src/app/components/cascadeselect/cascadeselect.ts b/src/app/components/cascadeselect/cascadeselect.ts index a62824e007d..750ec88c622 100755 --- a/src/app/components/cascadeselect/cascadeselect.ts +++ b/src/app/components/cascadeselect/cascadeselect.ts @@ -1112,11 +1112,6 @@ export class CascadeSelect implements OnInit, AfterContentInit { }, this.containerClickDebounceTime); } - cancelContainerClickTimeout(): void { - clearTimeout(this.containerClickTimeout); - this.containerClickTimeout = null; - } - isOptionMatched(processedOption) { return this.isValidOption(processedOption) && this.getProccessedOptionLabel(processedOption).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale)); } From 3e16a8d7aab32cbd8c86f177f6d6ae5bc568bd04 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Fri, 5 Jul 2024 13:52:20 +0300 Subject: [PATCH 04/20] refactor --- src/app/components/overlay/overlay.ts | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/app/components/overlay/overlay.ts b/src/app/components/overlay/overlay.ts index 32eee0082b2..2d2e02a7b51 100644 --- a/src/app/components/overlay/overlay.ts +++ b/src/app/components/overlay/overlay.ts @@ -514,13 +514,18 @@ export class Overlay implements AfterContentInit, OnDestroy { switch (event.toState) { case 'visible': - this.show(container, true); + if (this.visible) { + this.show(container, true); + } this.bindListeners(); break; case 'void': - this.hide(container, true); + if (!this.visible) { + this.hide(container, true); + } + this.unbindListeners(); DomHandler.appendOverlay(this.overlayEl, this.targetEl, this.appendTo); From 86da162eb2bf6c56ac6f1362fcfed5a495f69206 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Fri, 5 Jul 2024 13:54:51 +0300 Subject: [PATCH 05/20] revert cs click debounce --- src/app/components/cascadeselect/cascadeselect.ts | 14 +------------- 1 file changed, 1 insertion(+), 13 deletions(-) diff --git a/src/app/components/cascadeselect/cascadeselect.ts b/src/app/components/cascadeselect/cascadeselect.ts index 750ec88c622..3786a2ce95d 100755 --- a/src/app/components/cascadeselect/cascadeselect.ts +++ b/src/app/components/cascadeselect/cascadeselect.ts @@ -662,10 +662,6 @@ export class CascadeSelect implements OnInit, AfterContentInit { processedOptions: string[] | string | undefined = []; - containerClickTimeout: any = null; - - containerClickDebounceTime = 200; - get containerClass() { return { 'p-cascadeselect p-component p-inputwrapper': true, @@ -1089,7 +1085,7 @@ export class CascadeSelect implements OnInit, AfterContentInit { } onContainerClick(event: MouseEvent) { - if (this.disabled || this.loading || this.containerClickTimeout) { + if (this.disabled || this.loading) { return; } @@ -1102,14 +1098,6 @@ export class CascadeSelect implements OnInit, AfterContentInit { this.focusInputViewChild?.nativeElement.focus(); } - - this.containerClickTimeout = setTimeout(() => { - this.containerClickTimeout = null; - - if (document?.activeElement !== this.focusInputViewChild?.nativeElement) { - this.focusInputViewChild?.nativeElement.focus(); - } - }, this.containerClickDebounceTime); } isOptionMatched(processedOption) { From e2df5840c6bcebbab70c9e53f725beb3f2c233ad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Fri, 5 Jul 2024 15:42:02 +0300 Subject: [PATCH 06/20] Fixed #15531 - KeyFilter | No longer working on chips component --- src/app/components/keyfilter/keyfilter.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/app/components/keyfilter/keyfilter.ts b/src/app/components/keyfilter/keyfilter.ts index 16a0e67eb98..1295bb2a572 100755 --- a/src/app/components/keyfilter/keyfilter.ts +++ b/src/app/components/keyfilter/keyfilter.ts @@ -229,7 +229,11 @@ export class KeyFilter implements Validator { if (!browser.mozilla && (this.isSpecialKey(e) || !cc)) { return; } - let val = this.el.nativeElement.value + cc; + + let valueCheck = this.el.nativeElement.value || ''; + + let val = valueCheck + cc; + ok = (this.regex).test(val); if (!ok) { From c0f904cd122d58dd03286ae3d1a56841c4f2b3e6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Fri, 5 Jul 2024 16:14:44 +0300 Subject: [PATCH 07/20] Fixed #15861 - Component: picklist scrolls to top --- src/app/components/picklist/picklist.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/app/components/picklist/picklist.ts b/src/app/components/picklist/picklist.ts index 71c7b5c89cd..1d3d7a56d25 100755 --- a/src/app/components/picklist/picklist.ts +++ b/src/app/components/picklist/picklist.ts @@ -1328,7 +1328,8 @@ export class PickList implements AfterViewChecked, AfterContentInit { this.focused[listType === this.SOURCE_LIST ? 'sourceList' : 'targetList'] = true; const sourceIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : selectedFirstItem ? findIndex : -1; - const filteredIndex = this.findIndexInList(this.source[sourceIndex], this.visibleOptionsSource); + + const filteredIndex = ObjectUtils.isNotEmpty(this.visibleOptionsSource) ? this.findIndexInList(this.source[sourceIndex], this.visibleOptionsSource) : sourceIndex; this.changeFocusedOptionIndex(filteredIndex, listType); this.onFocus.emit(event); From ea09c807db715a82c615e6c64815f6575870bd7c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Fri, 5 Jul 2024 16:29:48 +0300 Subject: [PATCH 08/20] code format --- src/app/components/picklist/picklist.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/src/app/components/picklist/picklist.ts b/src/app/components/picklist/picklist.ts index 1d3d7a56d25..6709a34e782 100755 --- a/src/app/components/picklist/picklist.ts +++ b/src/app/components/picklist/picklist.ts @@ -1328,7 +1328,6 @@ export class PickList implements AfterViewChecked, AfterContentInit { this.focused[listType === this.SOURCE_LIST ? 'sourceList' : 'targetList'] = true; const sourceIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : selectedFirstItem ? findIndex : -1; - const filteredIndex = ObjectUtils.isNotEmpty(this.visibleOptionsSource) ? this.findIndexInList(this.source[sourceIndex], this.visibleOptionsSource) : sourceIndex; this.changeFocusedOptionIndex(filteredIndex, listType); From f8dfc879720f1127bcb273e3b6cfc148cb294ea8 Mon Sep 17 00:00:00 2001 From: leonidasdel <55215042+leonidasdel@users.noreply.github.com> Date: Sun, 7 Jul 2024 01:31:25 +0300 Subject: [PATCH 09/20] fix(autocomplete): dropdown height with virtual scroll --- src/app/components/scroller/scroller.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/app/components/scroller/scroller.ts b/src/app/components/scroller/scroller.ts index b559691785d..c75e44743f9 100644 --- a/src/app/components/scroller/scroller.ts +++ b/src/app/components/scroller/scroller.ts @@ -614,6 +614,7 @@ export class Scroller implements OnInit, AfterContentInit, AfterViewChecked, OnD this.setInitialState(); this.setContentEl(this.contentEl); this.init(); + this.calculateAutoSize(); this.defaultWidth = DomHandler.getWidth(this.elementViewChild?.nativeElement); this.defaultHeight = DomHandler.getHeight(this.elementViewChild?.nativeElement); @@ -1074,6 +1075,7 @@ export class Scroller implements OnInit, AfterContentInit, AfterViewChecked, OnD this.defaultContentHeight = DomHandler.getHeight(this.contentEl); this.init(); + this.calculateAutoSize(); }); } }, this._resizeDelay); From 644e80786c6c1a8146d2e8596efbb059a355e051 Mon Sep 17 00:00:00 2001 From: Janik Schumacher Date: Mon, 8 Jul 2024 10:49:04 +0200 Subject: [PATCH 10/20] fix: #15974 --- src/app/components/dropdown/dropdown.ts | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/app/components/dropdown/dropdown.ts b/src/app/components/dropdown/dropdown.ts index 904f34a9ef5..149d13746f2 100755 --- a/src/app/components/dropdown/dropdown.ts +++ b/src/app/components/dropdown/dropdown.ts @@ -1233,6 +1233,10 @@ export class Dropdown implements OnInit, AfterViewInit, AfterContentInit, AfterV } updatePlaceHolderForFloatingLabel(): void { + if(this._placeholder() !== null && this._placeholder() !== undefined) { + // We don't want to overwrite the placeholder if it's already set + return; + } const parentElement = this.el.nativeElement.parentElement; const isInFloatingLabel = parentElement?.classList.contains('p-float-label'); if (parentElement && isInFloatingLabel && !this.selectedOption) { From 93da67f4e725e8cfacb4c46221ca726e87ee305b Mon Sep 17 00:00:00 2001 From: kubedan Date: Mon, 8 Jul 2024 13:54:15 +0200 Subject: [PATCH 11/20] Fixed #15978 - Doesn't call this.focus infinitely. --- src/app/components/dialog/dialog.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/components/dialog/dialog.ts b/src/app/components/dialog/dialog.ts index 93918923200..ec7f6952f59 100755 --- a/src/app/components/dialog/dialog.ts +++ b/src/app/components/dialog/dialog.ts @@ -611,7 +611,7 @@ export class Dialog implements AfterContentInit, OnInit, OnDestroy { this.zone.runOutsideAngular(() => { setTimeout(() => focusableElement.focus(), 5); }); - } else if (this.footerViewChild) { + } else if (this.footerViewChild && focusParentElement !== this.footerViewChild.nativeElement) { // If the content section is empty try to focus on footer this.focus(this.footerViewChild.nativeElement); } From e0edd92f43e8d29a2df3c154ce9ccb86f70d873b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Mon, 8 Jul 2024 15:24:43 +0300 Subject: [PATCH 12/20] Fixed #15155 - Component: Dropdown Accessibility --- src/app/components/calendar/calendar.ts | 10 ++++++- src/app/components/carousel/carousel.ts | 10 ++++++- .../components/confirmdialog/confirmdialog.ts | 10 ++++++- src/app/components/dialog/dialog.ts | 10 ++++++- src/app/components/dropdown/dropdown.ts | 15 ++++++---- src/app/components/toast/toast.ts | 28 +++++++++++++------ 6 files changed, 66 insertions(+), 17 deletions(-) diff --git a/src/app/components/calendar/calendar.ts b/src/app/components/calendar/calendar.ts index 4f6ada6b797..ce82665acba 100644 --- a/src/app/components/calendar/calendar.ts +++ b/src/app/components/calendar/calendar.ts @@ -1169,7 +1169,15 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { return this.currentView === 'year' ? this.getTranslation('nextDecade') : this.currentView === 'month' ? this.getTranslation('nextYear') : this.getTranslation('nextMonth'); } - constructor(@Inject(DOCUMENT) private document: Document, public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef, private zone: NgZone, private config: PrimeNGConfig, public overlayService: OverlayService) { + constructor( + @Inject(DOCUMENT) private document: Document, + public el: ElementRef, + public renderer: Renderer2, + public cd: ChangeDetectorRef, + private zone: NgZone, + private config: PrimeNGConfig, + public overlayService: OverlayService + ) { this.window = this.document.defaultView as Window; } diff --git a/src/app/components/carousel/carousel.ts b/src/app/components/carousel/carousel.ts index 1409301165e..bf4277a2956 100755 --- a/src/app/components/carousel/carousel.ts +++ b/src/app/components/carousel/carousel.ts @@ -357,7 +357,15 @@ export class Carousel implements AfterContentInit { window: Window; - constructor(public el: ElementRef, public zone: NgZone, public cd: ChangeDetectorRef, private renderer: Renderer2, @Inject(DOCUMENT) private document: Document, @Inject(PLATFORM_ID) private platformId: any, private config: PrimeNGConfig) { + constructor( + public el: ElementRef, + public zone: NgZone, + public cd: ChangeDetectorRef, + private renderer: Renderer2, + @Inject(DOCUMENT) private document: Document, + @Inject(PLATFORM_ID) private platformId: any, + private config: PrimeNGConfig + ) { this.totalShiftedItems = this.page * this.numScroll * -1; this.window = this.document.defaultView as Window; } diff --git a/src/app/components/confirmdialog/confirmdialog.ts b/src/app/components/confirmdialog/confirmdialog.ts index 666aa4f344d..fac1115f0d4 100755 --- a/src/app/components/confirmdialog/confirmdialog.ts +++ b/src/app/components/confirmdialog/confirmdialog.ts @@ -442,7 +442,15 @@ export class ConfirmDialog implements AfterContentInit, OnInit, OnDestroy { translationSubscription: Subscription | undefined; - constructor(public el: ElementRef, public renderer: Renderer2, private confirmationService: ConfirmationService, public zone: NgZone, private cd: ChangeDetectorRef, public config: PrimeNGConfig, @Inject(DOCUMENT) private document: Document) { + constructor( + public el: ElementRef, + public renderer: Renderer2, + private confirmationService: ConfirmationService, + public zone: NgZone, + private cd: ChangeDetectorRef, + public config: PrimeNGConfig, + @Inject(DOCUMENT) private document: Document + ) { this.subscription = this.confirmationService.requireConfirmation$.subscribe((confirmation) => { if (!confirmation) { this.hide(); diff --git a/src/app/components/dialog/dialog.ts b/src/app/components/dialog/dialog.ts index 93918923200..acca8be9754 100755 --- a/src/app/components/dialog/dialog.ts +++ b/src/app/components/dialog/dialog.ts @@ -546,7 +546,15 @@ export class Dialog implements AfterContentInit, OnInit, OnDestroy { return this.config.getTranslation(TranslationKeys.ARIA)['maximizeLabel']; } - constructor(@Inject(DOCUMENT) private document: Document, @Inject(PLATFORM_ID) private platformId: any, public el: ElementRef, public renderer: Renderer2, public zone: NgZone, private cd: ChangeDetectorRef, public config: PrimeNGConfig) { + constructor( + @Inject(DOCUMENT) private document: Document, + @Inject(PLATFORM_ID) private platformId: any, + public el: ElementRef, + public renderer: Renderer2, + public zone: NgZone, + private cd: ChangeDetectorRef, + public config: PrimeNGConfig + ) { this.window = this.document.defaultView as Window; } diff --git a/src/app/components/dropdown/dropdown.ts b/src/app/components/dropdown/dropdown.ts index 6cab9e021b4..28fedad1d4a 100755 --- a/src/app/components/dropdown/dropdown.ts +++ b/src/app/components/dropdown/dropdown.ts @@ -268,9 +268,7 @@ export class DropdownItem {
-
- - +
this.getOptionLabel(this.selectedOption) || this.modelValue() || ''); - constructor(public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef, public zone: NgZone, public filterService: FilterService, public config: PrimeNGConfig) { + constructor( + public el: ElementRef, + public renderer: Renderer2, + public cd: ChangeDetectorRef, + public zone: NgZone, + public filterService: FilterService, + public config: PrimeNGConfig + ) { effect(() => { const modelValue = this.modelValue(); const visibleOptions = this.visibleOptions(); @@ -1825,7 +1830,7 @@ export class Dropdown implements OnInit, AfterViewInit, AfterContentInit, AfterV } hasFocusableElements() { - return DomHandler.getFocusableElements(this.overlayViewChild.overlayViewChild.nativeElement, ':not([data-p-hidden-focusable="true"])').length > 0; + return DomHandler.getFocusableElements(this.overlayViewChild.overlayViewChild.nativeElement, ':not([data-p-hidden-focusable="true"]):not([class="p-dropdown-items-wrapper"])').length > 0; } onBackspaceKey(event: KeyboardEvent, pressedInInputText = false) { diff --git a/src/app/components/toast/toast.ts b/src/app/components/toast/toast.ts index 3a3a94448db..2da996bd85f 100755 --- a/src/app/components/toast/toast.ts +++ b/src/app/components/toast/toast.ts @@ -150,7 +150,10 @@ export class ToastItem implements AfterViewInit, OnDestroy { timeout: any; - constructor(private zone: NgZone, private config: PrimeNGConfig) {} + constructor( + private zone: NgZone, + private config: PrimeNGConfig + ) {} ngAfterViewInit() { this.initTimeout(); @@ -159,12 +162,15 @@ export class ToastItem implements AfterViewInit, OnDestroy { initTimeout() { if (!this.message?.sticky) { this.zone.runOutsideAngular(() => { - this.timeout = setTimeout(() => { - this.onClose.emit({ - index: this.index, - message: this.message - }); - }, this.message?.life || this.life || 3000); + this.timeout = setTimeout( + () => { + this.onClose.emit({ + index: this.index, + message: this.message + }); + }, + this.message?.life || this.life || 3000 + ); }); } } @@ -343,7 +349,13 @@ export class Toast implements OnInit, AfterContentInit, OnDestroy { _position: ToastPositionType = 'top-right'; - constructor(@Inject(DOCUMENT) private document: Document, private renderer: Renderer2, public messageService: MessageService, private cd: ChangeDetectorRef, public config: PrimeNGConfig) {} + constructor( + @Inject(DOCUMENT) private document: Document, + private renderer: Renderer2, + public messageService: MessageService, + private cd: ChangeDetectorRef, + public config: PrimeNGConfig + ) {} styleElement: any; From b38b949988dd8870227823e170393adb306034d4 Mon Sep 17 00:00:00 2001 From: jjs98 Date: Mon, 8 Jul 2024 18:45:00 +0200 Subject: [PATCH 13/20] docu: Update Docu p-button (click) to (onClick) --- .../showcase/doc/accordion/controlleddoc.ts | 6 +- src/app/showcase/doc/blockui/basicdoc.ts | 12 ++-- src/app/showcase/doc/blockui/documentdoc.ts | 4 +- .../doc/confirmdialog/accessibilitydoc.ts | 2 +- .../showcase/doc/confirmdialog/basicdoc.ts | 12 ++-- .../showcase/doc/confirmdialog/headlessdoc.ts | 6 +- .../showcase/doc/confirmdialog/positiondoc.ts | 16 ++--- .../showcase/doc/confirmdialog/templatedoc.ts | 6 +- src/app/showcase/doc/confirmpopup/basicdoc.ts | 4 +- .../showcase/doc/confirmpopup/headlessdoc.ts | 18 +++--- .../showcase/doc/confirmpopup/templatedoc.ts | 6 +- src/app/showcase/doc/dialog/basicdoc.ts | 18 +++--- src/app/showcase/doc/dialog/headlessdoc.ts | 18 +++--- src/app/showcase/doc/dialog/longcontentdoc.ts | 6 +- src/app/showcase/doc/dialog/maximizabledoc.ts | 6 +- src/app/showcase/doc/dialog/modaldoc.ts | 6 +- .../showcase/doc/dialog/overlaysinsidedoc.ts | 6 +- src/app/showcase/doc/dialog/positiondoc.ts | 60 +++++++++---------- src/app/showcase/doc/dialog/responsivedoc.ts | 6 +- src/app/showcase/doc/dialog/templatedoc.ts | 18 +++--- .../showcase/doc/dialog/withoutmodaldoc.ts | 18 +++--- .../showcase/doc/dynamicdialog/exampledoc.ts | 14 ++--- src/app/showcase/doc/dynamicdialog/footer.ts | 2 +- .../showcase/doc/dynamicdialog/infodemo.ts | 2 +- .../doc/dynamicdialog/productlistdemo.ts | 4 +- .../showcase/doc/fileupload/templatedoc.ts | 6 +- .../showcase/doc/galleria/controlleddoc.ts | 12 ++-- .../fullscreen/withoutthumbnailsdoc.ts | 4 +- .../galleria/fullscreen/withthumbnailsdoc.ts | 4 +- src/app/showcase/doc/knob/reactivedoc.ts | 12 ++-- src/app/showcase/doc/menu/popupdoc.ts | 6 +- src/app/showcase/doc/messages/dynamicdoc.ts | 12 ++-- src/app/showcase/doc/messages/servicedoc.ts | 18 +++--- src/app/showcase/doc/overlay/basicdoc.ts | 6 +- src/app/showcase/doc/overlay/templatedoc.ts | 6 +- src/app/showcase/doc/overlaypanel/basicdoc.ts | 6 +- .../showcase/doc/overlaypanel/datatabledoc.ts | 6 +- .../showcase/doc/overlaypanel/targetdoc.ts | 6 +- .../showcase/doc/overlaypanel/templatedoc.ts | 6 +- .../showcase/doc/scroller/programmaticdoc.ts | 6 +- src/app/showcase/doc/sidebar/basicdoc.ts | 6 +- src/app/showcase/doc/sidebar/fullscreendoc.ts | 6 +- src/app/showcase/doc/sidebar/headlessdoc.ts | 12 ++-- src/app/showcase/doc/sidebar/positiondoc.ts | 24 ++++---- src/app/showcase/doc/sidebar/sizedoc.ts | 6 +- src/app/showcase/doc/sidebar/templatedoc.ts | 6 +- src/app/showcase/doc/steps/controlleddoc.ts | 18 +++--- src/app/showcase/doc/table/customersdoc.ts | 6 +- src/app/showcase/doc/table/exportdoc.ts | 6 +- .../showcase/doc/table/filteradvanceddoc.ts | 6 +- .../doc/table/paginatorprogrammaticdoc.ts | 18 +++--- src/app/showcase/doc/table/productsdoc.ts | 32 +++++----- src/app/showcase/doc/tabmenu/controlleddoc.ts | 18 +++--- src/app/showcase/doc/tabview/controlleddoc.ts | 18 +++--- src/app/showcase/doc/tieredmenu/popupdoc.ts | 6 +- src/app/showcase/doc/toast/animationdoc.ts | 6 +- src/app/showcase/doc/toast/basicdoc.ts | 6 +- src/app/showcase/doc/toast/cleardoc.ts | 12 ++-- src/app/showcase/doc/toast/headlessdoc.ts | 18 +++--- src/app/showcase/doc/toast/lifedoc.ts | 12 ++-- src/app/showcase/doc/toast/multipledoc.ts | 6 +- src/app/showcase/doc/toast/positiondoc.ts | 18 +++--- src/app/showcase/doc/toast/responsivedoc.ts | 6 +- src/app/showcase/doc/toast/severitydoc.ts | 36 +++++------ src/app/showcase/doc/toast/stickydoc.ts | 12 ++-- src/app/showcase/doc/toast/targetdoc.ts | 12 ++-- src/app/showcase/doc/toast/templatedoc.ts | 12 ++-- src/app/showcase/doc/tree/controlleddoc.ts | 12 ++-- .../showcase/doc/treetable/controlleddoc.ts | 6 +- 69 files changed, 377 insertions(+), 377 deletions(-) diff --git a/src/app/showcase/doc/accordion/controlleddoc.ts b/src/app/showcase/doc/accordion/controlleddoc.ts index 23fed1e5605..45a4a4838ec 100644 --- a/src/app/showcase/doc/accordion/controlleddoc.ts +++ b/src/app/showcase/doc/accordion/controlleddoc.ts @@ -9,9 +9,9 @@ import { Code } from '@domain/code';
- - - + + +
diff --git a/src/app/showcase/doc/blockui/basicdoc.ts b/src/app/showcase/doc/blockui/basicdoc.ts index a887e6d750b..4960b7840f0 100644 --- a/src/app/showcase/doc/blockui/basicdoc.ts +++ b/src/app/showcase/doc/blockui/basicdoc.ts @@ -8,8 +8,8 @@ import { Code } from '@domain/code';

The element to block should be placed as a child of BlockUI and blocked property is required to control the state.

- - + + @@ -27,8 +27,8 @@ export class BasicDoc { blockedPanel: boolean = false; code: Code = { - basic: ` - + basic: ` + @@ -38,8 +38,8 @@ export class BasicDoc {

`, html: `
- - + + diff --git a/src/app/showcase/doc/blockui/documentdoc.ts b/src/app/showcase/doc/blockui/documentdoc.ts index 6de2294f34c..1bff24a86c6 100644 --- a/src/app/showcase/doc/blockui/documentdoc.ts +++ b/src/app/showcase/doc/blockui/documentdoc.ts @@ -9,7 +9,7 @@ import { Code } from '@domain/code';
- +
` @@ -31,7 +31,7 @@ export class DocumentDoc { basic: ``, html: `
- +
`, typescript: `import { Component, ChangeDetectorRef } from '@angular/core'; import { BlockUIModule } from 'primeng/blockui'; diff --git a/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts b/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts index 7883d13ad9b..564728499b9 100644 --- a/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts +++ b/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts @@ -83,7 +83,7 @@ this.confirmationService.confirm({ reject: () => rejectFunc() }); - + ` diff --git a/src/app/showcase/doc/confirmdialog/basicdoc.ts b/src/app/showcase/doc/confirmdialog/basicdoc.ts index 11136e20ed1..653ede91b19 100644 --- a/src/app/showcase/doc/confirmdialog/basicdoc.ts +++ b/src/app/showcase/doc/confirmdialog/basicdoc.ts @@ -11,8 +11,8 @@ import { Code } from '@domain/code';
- - + +
`, @@ -65,14 +65,14 @@ export class BasicDoc { code: Code = { basic: ` - -`, + +`, html: `
- - + +
`, typescript: `import { Component } from '@angular/core'; diff --git a/src/app/showcase/doc/confirmdialog/headlessdoc.ts b/src/app/showcase/doc/confirmdialog/headlessdoc.ts index 13ad0f111cf..46db10b5438 100644 --- a/src/app/showcase/doc/confirmdialog/headlessdoc.ts +++ b/src/app/showcase/doc/confirmdialog/headlessdoc.ts @@ -25,7 +25,7 @@ import { Code } from '@domain/code';
- +
`, @@ -79,7 +79,7 @@ export class HeadlessDoc {
-`, +`, html: `
@@ -110,7 +110,7 @@ export class HeadlessDoc {
- +
`, typescript: `import { Component } from '@angular/core'; diff --git a/src/app/showcase/doc/confirmdialog/positiondoc.ts b/src/app/showcase/doc/confirmdialog/positiondoc.ts index cf7bb306ffc..09520037fc1 100644 --- a/src/app/showcase/doc/confirmdialog/positiondoc.ts +++ b/src/app/showcase/doc/confirmdialog/positiondoc.ts @@ -12,18 +12,18 @@ import { Code } from '@domain/code';
- - + +
- - - + + +
- - - + + +
diff --git a/src/app/showcase/doc/confirmdialog/templatedoc.ts b/src/app/showcase/doc/confirmdialog/templatedoc.ts index 7b2d6114cad..a3bbd9a7319 100644 --- a/src/app/showcase/doc/confirmdialog/templatedoc.ts +++ b/src/app/showcase/doc/confirmdialog/templatedoc.ts @@ -25,7 +25,7 @@ import { Code } from '@domain/code'; - + `, @@ -64,7 +64,7 @@ export class TemplateDoc { -`, +`, html: `
@@ -76,7 +76,7 @@ export class TemplateDoc {
- + `, typescript: `import { Component } from '@angular/core'; diff --git a/src/app/showcase/doc/confirmpopup/basicdoc.ts b/src/app/showcase/doc/confirmpopup/basicdoc.ts index 5cfd928d1e8..9ea2f447252 100644 --- a/src/app/showcase/doc/confirmpopup/basicdoc.ts +++ b/src/app/showcase/doc/confirmpopup/basicdoc.ts @@ -11,8 +11,8 @@ import { Code } from '@domain/code';
- - + +
`, diff --git a/src/app/showcase/doc/confirmpopup/headlessdoc.ts b/src/app/showcase/doc/confirmpopup/headlessdoc.ts index 0e699a378ec..586eb48ad31 100644 --- a/src/app/showcase/doc/confirmpopup/headlessdoc.ts +++ b/src/app/showcase/doc/confirmpopup/headlessdoc.ts @@ -15,13 +15,13 @@ import { ConfirmPopup } from 'primeng/confirmpopup';
{{ message.message }}
- - + +
- + `, @@ -63,13 +63,13 @@ export class HeadlessDoc {
{{ message.message }}
- - + +
-`, +`, html: `
@@ -78,13 +78,13 @@ export class HeadlessDoc {
{{ message.message }}
- - + +
- +
`, typescript: `import { Component, ViewChild } from '@angular/core'; diff --git a/src/app/showcase/doc/confirmpopup/templatedoc.ts b/src/app/showcase/doc/confirmpopup/templatedoc.ts index ea13c58805e..9a9adcba825 100644 --- a/src/app/showcase/doc/confirmpopup/templatedoc.ts +++ b/src/app/showcase/doc/confirmpopup/templatedoc.ts @@ -18,7 +18,7 @@ import { Code } from '@domain/code'; - + `, @@ -60,7 +60,7 @@ export class TemplateDoc { -`, +`, html: `
@@ -72,7 +72,7 @@ export class TemplateDoc {
- + `, typescript: `import { Component } from '@angular/core'; diff --git a/src/app/showcase/doc/dialog/basicdoc.ts b/src/app/showcase/doc/dialog/basicdoc.ts index 356dac0301a..2a523bc836e 100644 --- a/src/app/showcase/doc/dialog/basicdoc.ts +++ b/src/app/showcase/doc/dialog/basicdoc.ts @@ -9,7 +9,7 @@ import { Code } from '@domain/code'; >
- + Update your information.
@@ -21,8 +21,8 @@ import { Code } from '@domain/code';
- - + +
@@ -37,7 +37,7 @@ export class BasicDoc { } code: Code = { - basic: ` + basic: ` Update your information.
@@ -49,13 +49,13 @@ export class BasicDoc {
- - + +
`, html: `
- + Update your information.
@@ -67,8 +67,8 @@ export class BasicDoc {
- - + +
`, diff --git a/src/app/showcase/doc/dialog/headlessdoc.ts b/src/app/showcase/doc/dialog/headlessdoc.ts index 1811a95ece9..58de70721f2 100644 --- a/src/app/showcase/doc/dialog/headlessdoc.ts +++ b/src/app/showcase/doc/dialog/headlessdoc.ts @@ -8,7 +8,7 @@ import { Code } from '@domain/code';

Headless mode allows you to customize the entire user interface instead of the default elements.

- +
@@ -50,8 +50,8 @@ import { Code } from '@domain/code';
- - + +
@@ -72,7 +72,7 @@ export class HeadlessDoc { } code: Code = { - basic: ` + basic: `
@@ -114,15 +114,15 @@ export class HeadlessDoc {
- - + +
`, html: `
- +
@@ -164,8 +164,8 @@ export class HeadlessDoc {
- - + +
diff --git a/src/app/showcase/doc/dialog/longcontentdoc.ts b/src/app/showcase/doc/dialog/longcontentdoc.ts index d2826526828..00acaffea08 100644 --- a/src/app/showcase/doc/dialog/longcontentdoc.ts +++ b/src/app/showcase/doc/dialog/longcontentdoc.ts @@ -8,7 +8,7 @@ import { Code } from '@domain/code';

Dialog automatically displays a scroller when content exceeeds viewport.

- +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo @@ -55,7 +55,7 @@ export class LongContentDoc { } code: Code = { - basic: ` + basic: ` `, html: `

- + Setting maximizable property to true enables the full screen mode.

- +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo @@ -27,7 +27,7 @@ export class MaximizableDoc { } code: Code = { - basic: ` + basic: ` `, html: `

- + Mask layer behind the Dialog can be turned on by setting the modal property to true.

- +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo @@ -27,7 +27,7 @@ export class ModalDoc { } code: Code = { - basic: ` + basic: `

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo @@ -37,7 +37,7 @@ export class ModalDoc { html: `

- +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/dialog/overlaysinsidedoc.ts b/src/app/showcase/doc/dialog/overlaysinsidedoc.ts index 9759a23585b..1b33c1a3cbd 100644 --- a/src/app/showcase/doc/dialog/overlaysinsidedoc.ts +++ b/src/app/showcase/doc/dialog/overlaysinsidedoc.ts @@ -16,7 +16,7 @@ interface City {

- +
@@ -48,7 +48,7 @@ export class OverlaysInsideDoc implements OnInit { } code: Code = { - basic: ` + basic: `
@@ -57,7 +57,7 @@ export class OverlaysInsideDoc implements OnInit { html: `
- +
diff --git a/src/app/showcase/doc/dialog/positiondoc.ts b/src/app/showcase/doc/dialog/positiondoc.ts index 3564dba290f..6a4c833aaf1 100644 --- a/src/app/showcase/doc/dialog/positiondoc.ts +++ b/src/app/showcase/doc/dialog/positiondoc.ts @@ -9,18 +9,18 @@ import { Code } from '@domain/code';
- - + +
- - - + + +
- - - + + +
Update your information. @@ -33,8 +33,8 @@ import { Code } from '@domain/code';
- - + +
@@ -54,46 +54,46 @@ export class PositionDoc { code: Code = { basic: `
@@ -120,54 +120,54 @@ export class PositionDoc {
- - + +
`, html: `
@@ -194,8 +194,8 @@ export class PositionDoc {
- - + +
`, diff --git a/src/app/showcase/doc/dialog/responsivedoc.ts b/src/app/showcase/doc/dialog/responsivedoc.ts index 03f3ada34d2..b85e2506c2f 100644 --- a/src/app/showcase/doc/dialog/responsivedoc.ts +++ b/src/app/showcase/doc/dialog/responsivedoc.ts @@ -11,7 +11,7 @@ import { Code } from '@domain/code';

- +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo @@ -30,7 +30,7 @@ export class ResponsiveDoc { } code: Code = { - basic: ` + basic: ` `, html: `

- + Dialog can be customized using header and footer templates.

- +
@@ -26,8 +26,8 @@ import { Code } from '@domain/code';
- - + +
@@ -42,7 +42,7 @@ export class TemplateDoc { } code: Code = { - basic: ` + basic: ` + (onClick)="visible = false" /> `, html: `
- + + (onClick)="visible = false" /> diff --git a/src/app/showcase/doc/dialog/withoutmodaldoc.ts b/src/app/showcase/doc/dialog/withoutmodaldoc.ts index 3170616ac16..662982e432f 100644 --- a/src/app/showcase/doc/dialog/withoutmodaldoc.ts +++ b/src/app/showcase/doc/dialog/withoutmodaldoc.ts @@ -8,7 +8,7 @@ import { Code } from '@domain/code';

Mask layer behind the Dialog is configured with the modal property. By default, no modal layer is added.

- + Update your information.
@@ -20,8 +20,8 @@ import { Code } from '@domain/code';
- - + +
@@ -36,7 +36,7 @@ export class WithoutModalDoc { } code: Code = { - basic: ` + basic: ` Update your information.
@@ -48,13 +48,13 @@ export class WithoutModalDoc {
- - + +
`, html: `
- + Update your information.
@@ -66,8 +66,8 @@ export class WithoutModalDoc {
- - + +
`, diff --git a/src/app/showcase/doc/dynamicdialog/exampledoc.ts b/src/app/showcase/doc/dynamicdialog/exampledoc.ts index 3d99288fa42..4dbab7e72e0 100644 --- a/src/app/showcase/doc/dynamicdialog/exampledoc.ts +++ b/src/app/showcase/doc/dynamicdialog/exampledoc.ts @@ -16,7 +16,7 @@ import { Footer } from './footer';
- +
`, @@ -68,11 +68,11 @@ export class ExampleDoc implements OnDestroy { code: Code = { basic: ` -`, +`, html: `
- +
`, typescript: `import { Component, OnDestroy } from '@angular/core'; @@ -173,7 +173,7 @@ import { ButtonModule } from 'primeng/button'; standalone:true, imports:[TableModule, ButtonModule], template: \`
- +
@@ -196,7 +196,7 @@ import { ButtonModule } from 'primeng/button'; {{ product.quantity }} - + @@ -259,7 +259,7 @@ import { ButtonModule } from 'primeng/button'; There are {{ totalProducts }} products in total in this list.

- +
\` }) @@ -302,7 +302,7 @@ import { ButtonModule } from 'primeng/button'; imports: [ButtonModule], template: \`
- +
\` }) export class Footer { diff --git a/src/app/showcase/doc/dynamicdialog/footer.ts b/src/app/showcase/doc/dynamicdialog/footer.ts index f6c5f872c2e..18fc9fe5b33 100644 --- a/src/app/showcase/doc/dynamicdialog/footer.ts +++ b/src/app/showcase/doc/dynamicdialog/footer.ts @@ -5,7 +5,7 @@ import { DynamicDialogRef } from 'primeng/dynamicdialog'; selector: 'footer', template: `
- +
` }) diff --git a/src/app/showcase/doc/dynamicdialog/infodemo.ts b/src/app/showcase/doc/dynamicdialog/infodemo.ts index c01841b293a..040d4145cf7 100644 --- a/src/app/showcase/doc/dynamicdialog/infodemo.ts +++ b/src/app/showcase/doc/dynamicdialog/infodemo.ts @@ -8,7 +8,7 @@ import { DialogService, DynamicDialogComponent, DynamicDialogRef } from 'primeng There are {{ totalProducts }} products in total in this list.

- +
` diff --git a/src/app/showcase/doc/dynamicdialog/productlistdemo.ts b/src/app/showcase/doc/dynamicdialog/productlistdemo.ts index 501fab8aa4c..50b5033be57 100755 --- a/src/app/showcase/doc/dynamicdialog/productlistdemo.ts +++ b/src/app/showcase/doc/dynamicdialog/productlistdemo.ts @@ -5,7 +5,7 @@ import { ProductService } from '@service/productservice'; import { InfoDemo } from './infodemo'; @Component({ template: `
- +
@@ -28,7 +28,7 @@ import { InfoDemo } from './infodemo'; {{ product.quantity }} - + diff --git a/src/app/showcase/doc/fileupload/templatedoc.ts b/src/app/showcase/doc/fileupload/templatedoc.ts index 4f85f3a7559..381e8c30c3b 100644 --- a/src/app/showcase/doc/fileupload/templatedoc.ts +++ b/src/app/showcase/doc/fileupload/templatedoc.ts @@ -38,7 +38,7 @@ import { MessageService, PrimeNGConfig } from 'primeng/api'; {{ file.name }}
{{ formatSize(file.size) }}
- +
@@ -154,7 +154,7 @@ export class TemplateDoc { {{ file.name }}
{{ formatSize(file.size) }}
- +
@@ -207,7 +207,7 @@ export class TemplateDoc { {{ file.name }}
{{ formatSize(file.size) }}
- +
diff --git a/src/app/showcase/doc/galleria/controlleddoc.ts b/src/app/showcase/doc/galleria/controlleddoc.ts index 88195c5141a..8e99400e02f 100644 --- a/src/app/showcase/doc/galleria/controlleddoc.ts +++ b/src/app/showcase/doc/galleria/controlleddoc.ts @@ -10,8 +10,8 @@ import { PhotoService } from '@service/photoservice';
- - + +
@@ -76,13 +76,13 @@ export class ControlledDoc implements OnInit { + (onClick)="next()" />
+ (onClick)="next()" />
Thumbnails can also be hidden in full screen mode.

- + + (onClick)="displayBasic = true" /> Full screen mode is enabled by adding fullScreen property.

- + @@ -81,7 +81,7 @@ export class WithThumbnailsDoc implements OnInit { + (onClick)="displayBasic = true" />
- - + +
@@ -25,11 +25,11 @@ export class ReactiveDoc {
`, @@ -38,11 +38,11 @@ export class ReactiveDoc {
`, diff --git a/src/app/showcase/doc/menu/popupdoc.ts b/src/app/showcase/doc/menu/popupdoc.ts index 4b48845b504..c37ae1bcca2 100644 --- a/src/app/showcase/doc/menu/popupdoc.ts +++ b/src/app/showcase/doc/menu/popupdoc.ts @@ -10,7 +10,7 @@ import { Code } from '@domain/code';
- +
`, @@ -39,11 +39,11 @@ export class PopupDoc implements OnInit { code: Code = { basic: ` -`, +`, html: `
- +
`, typescript: `import { Component, OnInit } from '@angular/core'; diff --git a/src/app/showcase/doc/messages/dynamicdoc.ts b/src/app/showcase/doc/messages/dynamicdoc.ts index 061088c95d5..b7189d304b1 100644 --- a/src/app/showcase/doc/messages/dynamicdoc.ts +++ b/src/app/showcase/doc/messages/dynamicdoc.ts @@ -9,8 +9,8 @@ import { Code } from '@domain/code';

A binding to the value property is required to provide messages to the component.

- - + +
@@ -35,13 +35,13 @@ export class DynamicDoc { basic: ` `, @@ -49,13 +49,13 @@ export class DynamicDoc { diff --git a/src/app/showcase/doc/messages/servicedoc.ts b/src/app/showcase/doc/messages/servicedoc.ts index a2410777643..da72f079bbd 100644 --- a/src/app/showcase/doc/messages/servicedoc.ts +++ b/src/app/showcase/doc/messages/servicedoc.ts @@ -13,9 +13,9 @@ import { Code } from '@domain/code';
- - - + + +
@@ -43,16 +43,16 @@ export class ServiceDoc { code: Code = { basic: `
- - - + + +
`, html: `
- - - + + +
`, diff --git a/src/app/showcase/doc/overlay/basicdoc.ts b/src/app/showcase/doc/overlay/basicdoc.ts index 3cecc5d39dc..e487bc87d8b 100644 --- a/src/app/showcase/doc/overlay/basicdoc.ts +++ b/src/app/showcase/doc/overlay/basicdoc.ts @@ -7,7 +7,7 @@ import { Code } from '@domain/code';

Overlay is a container to display content in an overlay window. All the options mentioned above can be used as props for this component.

- + Content
` @@ -20,13 +20,13 @@ export class OverlayBasicDemo { } code: Code = { - basic: ` + basic: ` Content `, html: `
- + Content diff --git a/src/app/showcase/doc/overlay/templatedoc.ts b/src/app/showcase/doc/overlay/templatedoc.ts index 1e8bc399e65..9d431f86b90 100644 --- a/src/app/showcase/doc/overlay/templatedoc.ts +++ b/src/app/showcase/doc/overlay/templatedoc.ts @@ -7,7 +7,7 @@ import { Code } from '@domain/code';

Content can be customized with the content template.

- + Content - {{ option.mode }} @@ -22,7 +22,7 @@ export class OverlayTemplateDemo { } code: Code = { - basic: ` + basic: ` Content - {{option.mode}} @@ -30,7 +30,7 @@ export class OverlayTemplateDemo { `, html: `
- + Content - {{option.mode}} diff --git a/src/app/showcase/doc/overlaypanel/basicdoc.ts b/src/app/showcase/doc/overlaypanel/basicdoc.ts index 368f29641d3..bececac4c50 100644 --- a/src/app/showcase/doc/overlaypanel/basicdoc.ts +++ b/src/app/showcase/doc/overlaypanel/basicdoc.ts @@ -8,7 +8,7 @@ import { Code } from '@domain/code';

OverlayPanel is accessed via its reference and visibility is controlled using toggle, show and hide methods with an event of the target.

- +
@@ -57,7 +57,7 @@ export class BasicDoc { ]; code: Code = { - basic: ` + basic: `
@@ -96,7 +96,7 @@ export class BasicDoc { `, html: `
- +
diff --git a/src/app/showcase/doc/overlaypanel/datatabledoc.ts b/src/app/showcase/doc/overlaypanel/datatabledoc.ts index fbaca20ba0c..b1c725b04e5 100644 --- a/src/app/showcase/doc/overlaypanel/datatabledoc.ts +++ b/src/app/showcase/doc/overlaypanel/datatabledoc.ts @@ -20,7 +20,7 @@ interface TableRowSelectEvent {
- +
@@ -83,7 +83,7 @@ export class DataTableDoc implements OnInit { code: Code = { basic: `
@@ -146,7 +146,7 @@ export class DataTableDoc implements OnInit { html: `
diff --git a/src/app/showcase/doc/overlaypanel/targetdoc.ts b/src/app/showcase/doc/overlaypanel/targetdoc.ts index 8c6ea3bc915..f5ddace706c 100644 --- a/src/app/showcase/doc/overlaypanel/targetdoc.ts +++ b/src/app/showcase/doc/overlaypanel/targetdoc.ts @@ -11,7 +11,7 @@ import { Code } from '@domain/code';

- +
Target Element
@@ -24,7 +24,7 @@ import { Code } from '@domain/code'; }) export class TargetDoc { code: Code = { - basic: ` + basic: `
Target Element
@@ -34,7 +34,7 @@ export class TargetDoc { html: `
- +
Target Element
diff --git a/src/app/showcase/doc/overlaypanel/templatedoc.ts b/src/app/showcase/doc/overlaypanel/templatedoc.ts index 950792d09b5..cf07a88e7aa 100644 --- a/src/app/showcase/doc/overlaypanel/templatedoc.ts +++ b/src/app/showcase/doc/overlaypanel/templatedoc.ts @@ -13,7 +13,7 @@ import { Code } from '@domain/code';

Custom Content

- +
` @@ -25,7 +25,7 @@ export class TemplateDoc {

Custom Content

-`, +`, html: `
@@ -34,7 +34,7 @@ export class TemplateDoc {

Custom Content

- +
`, typescript: ` diff --git a/src/app/showcase/doc/scroller/programmaticdoc.ts b/src/app/showcase/doc/scroller/programmaticdoc.ts index 4aaf77e5e5a..613d21f440e 100644 --- a/src/app/showcase/doc/scroller/programmaticdoc.ts +++ b/src/app/showcase/doc/scroller/programmaticdoc.ts @@ -9,7 +9,7 @@ import { Code } from '@domain/code';

Scrolling to a specific index can be done with the scrollToIndex function.

- +
{{ item }}
@@ -33,7 +33,7 @@ export class ProgrammaticDoc implements OnInit { } code: Code = { - basic: ` + basic: ` `, html: `
- + - +
` @@ -30,7 +30,7 @@ export class BasicDoc { Lorem ipsum dolor sit amet...

-`, +`, html: `
@@ -40,7 +40,7 @@ export class BasicDoc { Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

- +
`, typescript: `import { Component } from '@angular/core'; diff --git a/src/app/showcase/doc/sidebar/fullscreendoc.ts b/src/app/showcase/doc/sidebar/fullscreendoc.ts index 74afbcde5f5..d0a86799161 100644 --- a/src/app/showcase/doc/sidebar/fullscreendoc.ts +++ b/src/app/showcase/doc/sidebar/fullscreendoc.ts @@ -17,7 +17,7 @@ import { Code } from '@domain/code'; consequat.

- +
` @@ -36,7 +36,7 @@ export class FullScreenDoc { Lorem ipsum dolor sit amet, consectetur adipiscing elit...

-`, +`, html: `
@@ -50,7 +50,7 @@ export class FullScreenDoc { consequat.

- +
`, typescript: `import { Component } from '@angular/core'; diff --git a/src/app/showcase/doc/sidebar/headlessdoc.ts b/src/app/showcase/doc/sidebar/headlessdoc.ts index 84339200127..27d2d2dc432 100644 --- a/src/app/showcase/doc/sidebar/headlessdoc.ts +++ b/src/app/showcase/doc/sidebar/headlessdoc.ts @@ -46,7 +46,7 @@ import { Sidebar } from 'primeng/sidebar'; Your Logo - +
@@ -204,7 +204,7 @@ import { Sidebar } from 'primeng/sidebar';
- +
` @@ -256,7 +256,7 @@ export class HeadlessDoc { Your Logo - +
@@ -414,7 +414,7 @@ export class HeadlessDoc {
-`, +`, html: `
@@ -454,7 +454,7 @@ export class HeadlessDoc { Your Logo - +
@@ -612,7 +612,7 @@ export class HeadlessDoc {
- +
`, typescript: `import { Component, ViewChild } from '@angular/core'; diff --git a/src/app/showcase/doc/sidebar/positiondoc.ts b/src/app/showcase/doc/sidebar/positiondoc.ts index bc07e85a796..d94007f5880 100644 --- a/src/app/showcase/doc/sidebar/positiondoc.ts +++ b/src/app/showcase/doc/sidebar/positiondoc.ts @@ -24,10 +24,10 @@ import { Code } from '@domain/code';

Bottom Sidebar

- - - - + + + +
` @@ -61,22 +61,22 @@ export class PositionDoc { `, html: `
@@ -99,22 +99,22 @@ export class PositionDoc {
`, diff --git a/src/app/showcase/doc/sidebar/sizedoc.ts b/src/app/showcase/doc/sidebar/sizedoc.ts index 974baf5dacc..65fcdee413f 100644 --- a/src/app/showcase/doc/sidebar/sizedoc.ts +++ b/src/app/showcase/doc/sidebar/sizedoc.ts @@ -17,7 +17,7 @@ import { Code } from '@domain/code'; consequat.

- +
` @@ -34,7 +34,7 @@ export class SizeDoc { Lorem ipsum dolor sit amet, consectetur adipiscing elit...

-`, +`, html: `
@@ -46,7 +46,7 @@ export class SizeDoc { Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

- +
`, typescript: `import { Component } from '@angular/core'; diff --git a/src/app/showcase/doc/sidebar/templatedoc.ts b/src/app/showcase/doc/sidebar/templatedoc.ts index 4862df52b0e..12545f8d687 100644 --- a/src/app/showcase/doc/sidebar/templatedoc.ts +++ b/src/app/showcase/doc/sidebar/templatedoc.ts @@ -20,7 +20,7 @@ import { Code } from '@domain/code'; consequat.

- +
` @@ -44,7 +44,7 @@ export class TemplateDoc { Lorem ipsum dolor sit amet...

-`, +`, html: `
@@ -63,7 +63,7 @@ export class TemplateDoc { consequat.

- +
`, typescript: `import { Component } from '@angular/core'; diff --git a/src/app/showcase/doc/steps/controlleddoc.ts b/src/app/showcase/doc/steps/controlleddoc.ts index 970861c7242..58cf648f181 100644 --- a/src/app/showcase/doc/steps/controlleddoc.ts +++ b/src/app/showcase/doc/steps/controlleddoc.ts @@ -10,9 +10,9 @@ import { Code } from '@domain/code';
- - - + + +
@@ -41,19 +41,19 @@ export class ControlledDoc implements OnInit { code: Code = { basic: `
- + @@ -271,7 +271,7 @@ export class CustomersDoc { >
- + @@ -433,7 +433,7 @@ export class CustomersDoc { >
- + diff --git a/src/app/showcase/doc/table/exportdoc.ts b/src/app/showcase/doc/table/exportdoc.ts index d066856a8e7..87ed46635f9 100644 --- a/src/app/showcase/doc/table/exportdoc.ts +++ b/src/app/showcase/doc/table/exportdoc.ts @@ -24,7 +24,7 @@ interface ExportColumn {
- +
@@ -91,7 +91,7 @@ export class ExportDoc { + (onClick)="dt.exportCSV()" />
@@ -123,7 +123,7 @@ export class ExportDoc { + (onClick)="dt.exportCSV()" />
diff --git a/src/app/showcase/doc/table/filteradvanceddoc.ts b/src/app/showcase/doc/table/filteradvanceddoc.ts index d550da02d4e..c0913064dc9 100644 --- a/src/app/showcase/doc/table/filteradvanceddoc.ts +++ b/src/app/showcase/doc/table/filteradvanceddoc.ts @@ -14,7 +14,7 @@ import { CustomerService } from '../../service/customerservice';
- + @@ -233,7 +233,7 @@ export class FilterAdvancedDoc { >
- + @@ -373,7 +373,7 @@ export class FilterAdvancedDoc { >
- + diff --git a/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts b/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts index 0d55200c065..c3d7c37a531 100644 --- a/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts +++ b/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts @@ -12,9 +12,9 @@ import { CustomerService } from '@service/customerservice';
- - - + + +
@@ -152,18 +152,18 @@ export class PaginatorProgrammaticDoc {
diff --git a/src/app/showcase/doc/table/productsdoc.ts b/src/app/showcase/doc/table/productsdoc.ts index 91cfb7043e8..c191b98e720 100644 --- a/src/app/showcase/doc/table/productsdoc.ts +++ b/src/app/showcase/doc/table/productsdoc.ts @@ -14,8 +14,8 @@ import { ProductService } from '@service/productservice'; - - + + @@ -74,8 +74,8 @@ import { ProductService } from '@service/productservice'; - - + + @@ -144,8 +144,8 @@ import { ProductService } from '@service/productservice'; - - + + @@ -293,13 +293,13 @@ export class ProductsDoc { label="New" icon="pi pi-plus" class="mr-2" - (click)="openNew()" /> + (onClick)="openNew()" /> @@ -404,14 +404,14 @@ export class ProductsDoc { [rounded]="true" [outlined]="true" severity="success" - (click)="editProduct(product)" /> + (onClick)="editProduct(product)" /> + (onClick)="deleteProduct(product)" /> @@ -431,13 +431,13 @@ export class ProductsDoc { label="New" icon="pi pi-plus" class="mr-2" - (click)="openNew()" /> + (onClick)="openNew()" /> @@ -549,14 +549,14 @@ export class ProductsDoc { [rounded]="true" [outlined]="true" severity="success" - (click)="editProduct(product)" /> + (onClick)="editProduct(product)" /> + (onClick)="deleteProduct(product)" /> @@ -686,13 +686,13 @@ export class ProductsDoc { label="Cancel" icon="pi pi-times" [text]="true" - (click)="hideDialog()" /> + (onClick)="hideDialog()" /> + (onClick)="saveProduct()" /> diff --git a/src/app/showcase/doc/tabmenu/controlleddoc.ts b/src/app/showcase/doc/tabmenu/controlleddoc.ts index 248f1a057c3..45f614a2c61 100644 --- a/src/app/showcase/doc/tabmenu/controlleddoc.ts +++ b/src/app/showcase/doc/tabmenu/controlleddoc.ts @@ -10,9 +10,9 @@ import { Code } from '@domain/code';
- - - + + +
@@ -41,19 +41,19 @@ export class ControlledDoc implements OnInit { code: Code = { basic: `
- - - + + +
@@ -43,19 +43,19 @@ export class ControlledDoc { code: Code = { basic: `
Popup mode is enabled by adding popup property and calling toggle method with an event of the target.

- +
@@ -91,11 +91,11 @@ export class PopupDoc implements OnInit { } code: Code = { - basic: ` + basic: ` `, html: `
- +
`, diff --git a/src/app/showcase/doc/toast/animationdoc.ts b/src/app/showcase/doc/toast/animationdoc.ts index 35bca011b12..efe08ccfe19 100644 --- a/src/app/showcase/doc/toast/animationdoc.ts +++ b/src/app/showcase/doc/toast/animationdoc.ts @@ -10,7 +10,7 @@ import { Code } from '@domain/code';
- +
`, @@ -29,14 +29,14 @@ export class AnimationDoc { [showTransitionOptions]="'1000ms'" [hideTransitionOptions]="'1000ms'" [showTransformOptions]="'translateX(100%)'" /> -`, +`, html: `
- +
`, typescript: `import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; diff --git a/src/app/showcase/doc/toast/basicdoc.ts b/src/app/showcase/doc/toast/basicdoc.ts index 2ba76023ea2..e4bd9b7d8f9 100644 --- a/src/app/showcase/doc/toast/basicdoc.ts +++ b/src/app/showcase/doc/toast/basicdoc.ts @@ -13,7 +13,7 @@ import { Code } from '@domain/code';
- +
`, @@ -28,10 +28,10 @@ export class BasicDoc { code: Code = { basic: ` -`, +`, html: `
- +
`, typescript: `import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; diff --git a/src/app/showcase/doc/toast/cleardoc.ts b/src/app/showcase/doc/toast/cleardoc.ts index 3cf36209fb4..87de728aa34 100644 --- a/src/app/showcase/doc/toast/cleardoc.ts +++ b/src/app/showcase/doc/toast/cleardoc.ts @@ -13,8 +13,8 @@ import { Code } from '@domain/code';
- - + +
`, @@ -35,22 +35,22 @@ export class ClearDoc { basic: ` `, html: `
`, diff --git a/src/app/showcase/doc/toast/headlessdoc.ts b/src/app/showcase/doc/toast/headlessdoc.ts index a42243fafbc..a95255d6efa 100644 --- a/src/app/showcase/doc/toast/headlessdoc.ts +++ b/src/app/showcase/doc/toast/headlessdoc.ts @@ -21,14 +21,14 @@ import { Code } from '@domain/code';
- - + +
- +
`, @@ -104,18 +104,18 @@ export class HeadlessDoc { label="Another Upload?" [text]="true" styleClass="p-0" - (click)="closeFn($event)" /> + (onClick)="closeFn($event)" /> + (onClick)="closeFn($event)" />
-`, +`, html: `
+ (onClick)="closeFn($event)" /> + (onClick)="closeFn($event)" />
- +
`, typescript: `import { ChangeDetectorRef, Component } from '@angular/core'; import { MessageService } from 'primeng/api'; diff --git a/src/app/showcase/doc/toast/lifedoc.ts b/src/app/showcase/doc/toast/lifedoc.ts index c42256eac22..f1098b30c80 100644 --- a/src/app/showcase/doc/toast/lifedoc.ts +++ b/src/app/showcase/doc/toast/lifedoc.ts @@ -10,8 +10,8 @@ import { Code } from '@domain/code';
- - + +
`, @@ -32,21 +32,21 @@ export class LifeDoc { basic: ` `, html: `
`, typescript: `import { Component } from '@angular/core'; diff --git a/src/app/showcase/doc/toast/multipledoc.ts b/src/app/showcase/doc/toast/multipledoc.ts index e65b3dd9cf5..0822d5589fb 100644 --- a/src/app/showcase/doc/toast/multipledoc.ts +++ b/src/app/showcase/doc/toast/multipledoc.ts @@ -10,7 +10,7 @@ import { Code } from '@domain/code';
- +
`, @@ -32,14 +32,14 @@ export class MultipleDoc { basic: ` `, html: `
`, diff --git a/src/app/showcase/doc/toast/positiondoc.ts b/src/app/showcase/doc/toast/positiondoc.ts index 3d424fbf372..43b8621a046 100644 --- a/src/app/showcase/doc/toast/positiondoc.ts +++ b/src/app/showcase/doc/toast/positiondoc.ts @@ -13,9 +13,9 @@ import { Code } from '@domain/code'; - - - + + +
`, @@ -43,16 +43,16 @@ export class PositionDoc { `, @@ -63,16 +63,16 @@ export class PositionDoc {
`, diff --git a/src/app/showcase/doc/toast/responsivedoc.ts b/src/app/showcase/doc/toast/responsivedoc.ts index 828232c234a..536369bc939 100644 --- a/src/app/showcase/doc/toast/responsivedoc.ts +++ b/src/app/showcase/doc/toast/responsivedoc.ts @@ -13,7 +13,7 @@ import { Code } from '@domain/code';
- +
`, @@ -28,10 +28,10 @@ export class ResponsiveDoc { code: Code = { basic: ` -`, +`, html: `
- +
`, typescript: `import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; diff --git a/src/app/showcase/doc/toast/severitydoc.ts b/src/app/showcase/doc/toast/severitydoc.ts index d1b64136a8e..3f9742701d9 100644 --- a/src/app/showcase/doc/toast/severitydoc.ts +++ b/src/app/showcase/doc/toast/severitydoc.ts @@ -13,12 +13,12 @@ import { Code } from '@domain/code';
- - - - - - + + + + + +
`, @@ -56,37 +56,37 @@ export class SeverityDoc { `, html: `
@@ -94,37 +94,37 @@ export class SeverityDoc {
`, diff --git a/src/app/showcase/doc/toast/stickydoc.ts b/src/app/showcase/doc/toast/stickydoc.ts index 3056c301265..434fea5d1aa 100644 --- a/src/app/showcase/doc/toast/stickydoc.ts +++ b/src/app/showcase/doc/toast/stickydoc.ts @@ -11,8 +11,8 @@ import { Code } from '@domain/code';
- - + +
@@ -35,12 +35,12 @@ export class StickyDoc {
`, html: `
@@ -48,12 +48,12 @@ export class StickyDoc {
`, diff --git a/src/app/showcase/doc/toast/targetdoc.ts b/src/app/showcase/doc/toast/targetdoc.ts index 4deb9075d9f..881253f2e7e 100644 --- a/src/app/showcase/doc/toast/targetdoc.ts +++ b/src/app/showcase/doc/toast/targetdoc.ts @@ -11,8 +11,8 @@ import { Code } from '@domain/code';
- - + +
`, @@ -36,11 +36,11 @@ export class TargetDoc { `, html: `
@@ -48,11 +48,11 @@ export class TargetDoc {
`, diff --git a/src/app/showcase/doc/toast/templatedoc.ts b/src/app/showcase/doc/toast/templatedoc.ts index c74b9cf5f58..622b7b6d542 100644 --- a/src/app/showcase/doc/toast/templatedoc.ts +++ b/src/app/showcase/doc/toast/templatedoc.ts @@ -17,11 +17,11 @@ import { Code } from '@domain/code'; Amy Elsner
{{ message.summary }}
- +
- +
`, @@ -68,11 +68,11 @@ export class TemplateDoc {
{{ message.summary }}
- +
-`, +`, html: `
{{ message.summary }}
- +
- +
`, typescript: `import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; diff --git a/src/app/showcase/doc/tree/controlleddoc.ts b/src/app/showcase/doc/tree/controlleddoc.ts index afc13c05f55..78ad1f32cff 100644 --- a/src/app/showcase/doc/tree/controlleddoc.ts +++ b/src/app/showcase/doc/tree/controlleddoc.ts @@ -11,8 +11,8 @@ import { NodeService } from '@service/nodeservice';
- - + +
@@ -54,12 +54,12 @@ export class ControlledDoc implements OnInit { + (onClick)="collapseAll()" />
`, @@ -68,12 +68,12 @@ export class ControlledDoc implements OnInit { + (onClick)="collapseAll()" />
`, diff --git a/src/app/showcase/doc/treetable/controlleddoc.ts b/src/app/showcase/doc/treetable/controlleddoc.ts index 97ca1cb64f8..27b3327bc2d 100644 --- a/src/app/showcase/doc/treetable/controlleddoc.ts +++ b/src/app/showcase/doc/treetable/controlleddoc.ts @@ -9,7 +9,7 @@ import { NodeService } from '@service/nodeservice';

Expansion state is controlled with expandedKeys property.

- + @@ -59,7 +59,7 @@ export class ControlledDoc { } code: Code = { - basic: ` + basic: ` @@ -81,7 +81,7 @@ export class ControlledDoc { `, html: `
- + From 4e5975d2e42d4401aa2b0555264e821b4919fb89 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Tue, 9 Jul 2024 12:41:59 +0300 Subject: [PATCH 14/20] Fixed #14454 - Listbox | filter is not working if options is bind to a string array --- src/app/components/listbox/listbox.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/app/components/listbox/listbox.ts b/src/app/components/listbox/listbox.ts index 4f20dd18c9d..8a3fd9c2a98 100755 --- a/src/app/components/listbox/listbox.ts +++ b/src/app/components/listbox/listbox.ts @@ -664,7 +664,11 @@ export class Listbox implements AfterContentInit, OnInit, ControlValueAccessor, visibleOptions = computed(() => { const options = this.group ? this.flatOptions(this._options()) : this._options() || []; - return this._filterValue() ? this.filterService.filter(options, this.searchFields, this._filterValue(), this.filterMatchMode, this.filterLocale) : options; + const filterValue = this._filterValue(); + + if (this.searchFields[0] === undefined) { + return filterValue ? options.filter((option) => option.toString().toLocaleLowerCase(this.filterLocale).indexOf(filterValue.toLocaleLowerCase(this.filterLocale).trim()) !== -1) : options; + } else return filterValue ? this.filterService.filter(options, this.searchFields, this._filterValue(), this.filterMatchMode, this.filterLocale) : options; }); constructor( From c0ebe02e685a7daec65112ac4f1f08bfa7cd3b94 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Tue, 9 Jul 2024 13:47:21 +0300 Subject: [PATCH 15/20] refactor --- src/app/components/listbox/listbox.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/components/listbox/listbox.ts b/src/app/components/listbox/listbox.ts index 8a3fd9c2a98..dbb46d3e90f 100755 --- a/src/app/components/listbox/listbox.ts +++ b/src/app/components/listbox/listbox.ts @@ -668,7 +668,7 @@ export class Listbox implements AfterContentInit, OnInit, ControlValueAccessor, if (this.searchFields[0] === undefined) { return filterValue ? options.filter((option) => option.toString().toLocaleLowerCase(this.filterLocale).indexOf(filterValue.toLocaleLowerCase(this.filterLocale).trim()) !== -1) : options; - } else return filterValue ? this.filterService.filter(options, this.searchFields, this._filterValue(), this.filterMatchMode, this.filterLocale) : options; + } else return filterValue ? this.filterService.filter(options, this.searchFields, filterValue, this.filterMatchMode, this.filterLocale) : options; }); constructor( From 9f2dce02b857338d3a0d732fe21f48c7d9daadd0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Tue, 9 Jul 2024 16:22:00 +0300 Subject: [PATCH 16/20] Fixed #15680 - TabView | forward/backward buttons not showing up when dynamic tab panels overflow --- src/app/components/tabview/tabview.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/app/components/tabview/tabview.ts b/src/app/components/tabview/tabview.ts index 7c3847e56a6..fb522e4269a 100755 --- a/src/app/components/tabview/tabview.ts +++ b/src/app/components/tabview/tabview.ts @@ -508,6 +508,7 @@ export class TabView implements AfterContentInit, AfterViewChecked, OnDestroy, B this.tabChangesSubscription = (this.tabPanels as QueryList).changes.subscribe((_) => { this.initTabs(); this.refreshButtonState(); + this.callResizeObserver(); }); (this.templates as QueryList).forEach((item) => { @@ -523,7 +524,7 @@ export class TabView implements AfterContentInit, AfterViewChecked, OnDestroy, B }); } - ngAfterViewInit() { + callResizeObserver() { if (isPlatformBrowser(this.platformId)) { if (this.autoHideButtons) { this.bindResizeObserver(); @@ -531,6 +532,10 @@ export class TabView implements AfterContentInit, AfterViewChecked, OnDestroy, B } } + ngAfterViewInit() { + this.callResizeObserver(); + } + bindResizeObserver() { this.container = DomHandler.findSingle(this.el.nativeElement, '[data-pc-section="navcontent"]'); this.list = DomHandler.findSingle(this.el.nativeElement, '[data-pc-section="nav"]'); From 11df3e95b584e8e6654a22a2d5fbb13a48ff08e2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Tue, 9 Jul 2024 17:30:07 +0300 Subject: [PATCH 17/20] Fixed #15946 - ButtonComponent: routerLink accessible even when button is disabled --- src/app/components/button/button.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/components/button/button.ts b/src/app/components/button/button.ts index a6b9d9a5c1c..95bbc32789d 100755 --- a/src/app/components/button/button.ts +++ b/src/app/components/button/button.ts @@ -349,7 +349,8 @@ export class ButtonDirective implements AfterViewInit, OnDestroy { changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { - class: 'p-element' + class: 'p-element', + '[class.p-disabled]': 'disabled' || 'loading' } }) export class Button implements AfterContentInit { @@ -524,7 +525,6 @@ export class Button implements AfterContentInit { 'p-button p-component': true, 'p-button-icon-only': (this.icon || this.iconTemplate || this.loadingIcon || this.loadingIconTemplate) && !this.label, 'p-button-vertical': (this.iconPos === 'top' || this.iconPos === 'bottom') && this.label, - 'p-disabled': this.disabled || this.loading, 'p-button-loading': this.loading, 'p-button-loading-label-only': this.loading && !this.icon && this.label && !this.loadingIcon && this.iconPos === 'left', 'p-button-link': this.link, From fb957eb1224063a3631fbe9b6172eb6544d38857 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Wed, 10 Jul 2024 10:46:26 +0300 Subject: [PATCH 18/20] Fixed #15761 - Component: p-tree (selection) --- src/app/components/tree/tree.ts | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/app/components/tree/tree.ts b/src/app/components/tree/tree.ts index 7e6e56987dd..afe15afd9ec 100755 --- a/src/app/components/tree/tree.ts +++ b/src/app/components/tree/tree.ts @@ -1358,7 +1358,9 @@ export class Tree implements OnInit, AfterContentInit, OnChanges, OnDestroy, Blo this.onNodeUnselect.emit({ originalEvent: event, node: node }); } else { this.selection = node; - this.onNodeSelect.emit({ originalEvent: event, node: node }); + setTimeout(() => { + this.onNodeSelect.emit({ originalEvent: event, node: node }); + }); } } else { if (selected) { @@ -1366,7 +1368,9 @@ export class Tree implements OnInit, AfterContentInit, OnChanges, OnDestroy, Blo this.onNodeUnselect.emit({ originalEvent: event, node: node }); } else { this.selection = [...(this.selection || []), node]; - this.onNodeSelect.emit({ originalEvent: event, node: node }); + setTimeout(() => { + this.onNodeSelect.emit({ originalEvent: event, node: node }); + }); } } From dcc001d069396e671e9a7b23be686864c9b88ed6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Wed, 10 Jul 2024 12:27:31 +0300 Subject: [PATCH 19/20] Fixed #15749 - Dialog: Focus to input element set before transition ends --- src/app/components/dialog/dialog.ts | 41 ++++++++++++++++++++++++++--- 1 file changed, 38 insertions(+), 3 deletions(-) diff --git a/src/app/components/dialog/dialog.ts b/src/app/components/dialog/dialog.ts index 93918923200..dfdc8d73646 100755 --- a/src/app/components/dialog/dialog.ts +++ b/src/app/components/dialog/dialog.ts @@ -546,7 +546,15 @@ export class Dialog implements AfterContentInit, OnInit, OnDestroy { return this.config.getTranslation(TranslationKeys.ARIA)['maximizeLabel']; } - constructor(@Inject(DOCUMENT) private document: Document, @Inject(PLATFORM_ID) private platformId: any, public el: ElementRef, public renderer: Renderer2, public zone: NgZone, private cd: ChangeDetectorRef, public config: PrimeNGConfig) { + constructor( + @Inject(DOCUMENT) private document: Document, + @Inject(PLATFORM_ID) private platformId: any, + public el: ElementRef, + public renderer: Renderer2, + public zone: NgZone, + private cd: ChangeDetectorRef, + public config: PrimeNGConfig + ) { this.window = this.document.defaultView as Window; } @@ -598,18 +606,45 @@ export class Dialog implements AfterContentInit, OnInit, OnDestroy { return this.header !== null ? UniqueComponentId() + '_header' : null; } + parseDurationToMilliseconds(durationString: string): number | undefined { + const transitionTimeRegex = /([\d\.]+)(ms|s)\b/g; + let totalMilliseconds = 0; + let match; + + while ((match = transitionTimeRegex.exec(durationString)) !== null) { + const value = parseFloat(match[1]); + const unit = match[2]; + + if (unit === 'ms') { + totalMilliseconds += value; + } else if (unit === 's') { + totalMilliseconds += value * 1000; + } + } + + if (totalMilliseconds === 0) { + return undefined; + } + + return totalMilliseconds; + } + focus(focusParentElement = this.contentViewChild?.nativeElement) { + const timeoutDuration = this.parseDurationToMilliseconds(this.transitionOptions); + let focusable = DomHandler.getFocusableElement(focusParentElement, '[autofocus]'); + if (focusable) { this.zone.runOutsideAngular(() => { - setTimeout(() => focusable.focus(), 5); + setTimeout(() => focusable.focus(), timeoutDuration || 5); }); return; } const focusableElement = DomHandler.getFocusableElement(focusParentElement); + if (focusableElement) { this.zone.runOutsideAngular(() => { - setTimeout(() => focusableElement.focus(), 5); + setTimeout(() => focusableElement.focus(), timeoutDuration || 5); }); } else if (this.footerViewChild) { // If the content section is empty try to focus on footer From 23bed7b843d718b838de51269f9cc1039ffe726b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mehmet=20=C3=87etin?= <92744169+mehmetcetin01140@users.noreply.github.com> Date: Wed, 10 Jul 2024 15:34:52 +0300 Subject: [PATCH 20/20] Fixed #15550 - Table | Custom sort in table not working --- src/app/components/table/table.ts | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/app/components/table/table.ts b/src/app/components/table/table.ts index 0a282032d2a..a5c4a3cee6e 100644 --- a/src/app/components/table/table.ts +++ b/src/app/components/table/table.ts @@ -1555,9 +1555,9 @@ export class Table implements OnInit, AfterViewInit, AfterContentInit, Blockable this.restoringSort = false; } - if (this.lazy) { - this.onLazyLoad.emit(this.createLazyLoadMetadata()); - } else if (this.value) { + this.lazy && this.onLazyLoad.emit(this.createLazyLoadMetadata()); + + if (this.value) { if (this.customSort) { this.sortFunction.emit({ data: this.value, @@ -1605,9 +1605,8 @@ export class Table implements OnInit, AfterViewInit, AfterContentInit, Blockable } if (this.multiSortMeta) { - if (this.lazy) { - this.onLazyLoad.emit(this.createLazyLoadMetadata()); - } else if (this.value) { + this.lazy && this.onLazyLoad.emit(this.createLazyLoadMetadata()); + if (this.value) { if (this.customSort) { this.sortFunction.emit({ data: this.value,