primefaces · cetincakiroglu · Mar 29, 2024 · Feb 8, 2024 · Feb 28, 2024 · Feb 28, 2024
diff --git a/api-generator/build-apidoc.ts b/api-generator/build-apidoc.ts
@@ -46,6 +46,11 @@ async function main() {
             return text.replace(/&#123;/g, '{').replace(/&#125;/g, '}');
         };
 
+        const getDeprecatedText = (signature) => {
+            const deprecatedTag = signature?.comment?.getTag('@deprecated');
+            return deprecatedTag ? parseText(deprecatedTag.content[0].text) : undefined;
+        };
+
         const modules = project.groups.find((g) => g.title === 'Modules');
 
         if (isProcessable(modules)) {
@@ -89,13 +94,10 @@ async function main() {
                                             readonly: prop.flags.isReadonly,
                                             type: prop.getSignature && prop.getSignature.type ? prop.getSignature.type.toString() : prop.type ? prop.type.toString() : null,
                                             default: prop.type && prop.type.name === 'boolean' && !prop.defaultValue ? 'false' : prop.defaultValue ? prop.defaultValue.replace(/^'|'$/g, '') : undefined,
-                                            description: prop.getSignature && prop.getSignature.comment ? prop.getSignature.comment.summary.map((s) => s.text || '').join(' ') : prop.comment && prop.comment.summary.map((s) => s.text || '').join(' '),
-                                            deprecated:
-                                                prop.getSignature && prop.getSignature.comment && prop.getSignature.comment.getTag('@deprecated')
-                                                    ? parseText(prop.getSignature.comment.getTag('@deprecated').content[0].text)
-                                                    : prop.comment && prop.comment.getTag('@deprecated')
-                                                    ? parseText(prop.comment.getTag('@deprecated').content[0].text)
-                                                    : undefined
+                                            description: ((prop.getSignature?.comment?.summary || prop.setSignature?.comment?.summary) || prop.comment?.summary)?.map((s) => s.text || '').join(' '),
+                                            deprecated: getDeprecatedText(prop.getSignature)
+                                                || getDeprecatedText(prop.setSignature)
+                                                || getDeprecatedText(prop)
                                         });
                                     });
                                     doc[name]['components'][componentName]['props'] = props;
@@ -113,7 +115,7 @@ async function main() {
                                             name: emitter.name,
                                             parameters: [{ name: extractParameter(emitter) && extractParameter(emitter).includes('Event') ? 'event' : 'value', type: extractParameter(emitter) }],
                                             description: emitter.comment && emitter.comment.summary.map((s) => s.text || '').join(' '),
-                                            deprecated: emitter.comment && emitter.comment.getTag('@deprecated') ? parseText(emitter.comment.getTag('@deprecated').content[0].text) : undefined
+                                            deprecated: getDeprecatedText(emitter)
                                         });
                                     });
 
@@ -164,7 +166,7 @@ async function main() {
                                                     readonly: child.flags.isReadonly,
                                                     type: child.type && child.type.toString(),
                                                     description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '),
-                                                    deprecated: child.comment && child.comment.getTag('@deprecated') ? parseText(child.comment.getTag('@deprecated').content[0].text) : undefined
+                                                    deprecated: getDeprecatedText(child)
                                                 }))
                                         });
                                     });
@@ -192,7 +194,7 @@ async function main() {
                                             readonly: child.flags.isReadonly,
                                             type: child.type && child.type.toString(),
                                             description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '),
-                                            deprecated: child.comment && child.comment.getTag('@deprecated') ? parseText(child.comment.getTag('@deprecated').content[0].text) : undefined
+                                            deprecated: getDeprecatedText(child)
                                         }))
                                 });
                             });
@@ -243,7 +245,7 @@ async function main() {
                                             };
                                         }),
                                         description: signature.comment && signature.comment.summary.map((s) => s.text || '').join(' '),
-                                        deprecated: signature.comment && signature.comment.getTag('@deprecated') ? parseText(signature.comment.getTag('@deprecated').content[0].text) : undefined
+                                        deprecated: getDeprecatedText(signature)
                                     });
                                 });
                             });
@@ -269,7 +271,7 @@ async function main() {
                                             readonly: child.flags.isReadonly,
                                             type: child.type ? child.type.toString() : extractParameter(int),
                                             description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '),
-                                            deprecated: child.comment && child.comment.getTag('@deprecated') ? parseText(child.comment.getTag('@deprecated').content[0].text) : undefined
+                                            deprecated: getDeprecatedText(child)
                                         }))
                                 });
                             });

diff --git a/package.json b/package.json
@@ -89,4 +89,4 @@
         "@docsearch/js": "^3.3.4",
         "esbuild": "^0.19.8"
     }
-}
+}
diff --git a/src/app/components/api/messageservice.ts b/src/app/components/api/messageservice.ts
@@ -23,7 +23,7 @@ export class MessageService {
         }
     }
     /**
-     * Insterts new messages.
+     * Inserts new messages.
      * @param {Message[]} messages - Messages to be added.
      * @group Method
      */

diff --git a/src/app/components/autocomplete/autocomplete.interface.ts b/src/app/components/autocomplete/autocomplete.interface.ts
@@ -107,7 +107,7 @@ export interface AutoCompleteTemplates {
         $implicit: any | any[];
     }): TemplateRef<{ $implicit: any | any[] }>;
     /**
-     * Custom selected item template.
+     * Custom selected item template, only supported in multiple mode.
      * @param {Object} context - selected item data.
      */
     selectedItem(context: {

diff --git a/src/app/components/calendar/calendar.ts b/src/app/components/calendar/calendar.ts
@@ -2803,7 +2803,7 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor {
     updateUI() {
         let propValue = this.value;
         if (Array.isArray(propValue)) {
-            propValue = propValue[0];
+            propValue = propValue.length === 2 ? propValue[1] : propValue[0];
         }
 
         let val = this.defaultDate && this.isValidDate(this.defaultDate) && !this.value ? this.defaultDate : propValue && this.isValidDate(propValue) ? propValue : new Date();

diff --git a/src/app/components/dropdown/dropdown.ts b/src/app/components/dropdown/dropdown.ts
@@ -164,6 +164,7 @@ export class DropdownItem {
                 [disabled]="disabled"
                 aria-haspopup="listbox"
                 [attr.placeholder]="modelValue() === undefined || modelValue() === null ? placeholder() : undefined"
+                [attr.aria-label]="ariaLabel || (label() === 'p-emptylabel' ? undefined : label())"
                 (input)="onEditableInput($event)"
                 (keydown)="onKeyDown($event)"
                 (focus)="onInputFocus($event)"

diff --git a/src/app/components/listbox/listbox.ts b/src/app/components/listbox/listbox.ts
@@ -273,6 +273,11 @@ export class Listbox implements AfterContentInit, OnInit, ControlValueAccessor,
      * @group Props
      */
     @Input() autoOptionFocus: boolean | undefined = true;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    @Input() ariaLabel: string | undefined;
     /**
      * When enabled, the focused option is selected.
      * @group Props

diff --git a/src/app/components/speeddial/speeddial.interface.ts b/src/app/components/speeddial/speeddial.interface.ts
@@ -1,10 +1,24 @@
 import { TemplateRef } from '@angular/core';
+import { MenuItem } from '../api/menuitem';
 
 /**
  * Defines valid templates in SpeedDial.
  * @group Templates
  */
 export interface SpeedDialTemplates {
+    /**
+     * Custom template of item.
+     */
+    item(context: {
+        /**
+         * Data of the item.
+         */
+        $implicit: MenuItem[];
+        /**
+         * Index of the item.
+         */
+        index: number;
+    }): TemplateRef<{ $implicit: MenuItem[]; index: number }>;
     /**
      * Custom template of button.
      */

diff --git a/src/app/components/speeddial/speeddial.ts b/src/app/components/speeddial/speeddial.ts
@@ -85,48 +85,53 @@ import { asapScheduler } from 'rxjs';
                     role="menuitem"
                     [attr.data-pc-section]="'menuitem'"
                 >
-                    <a
-                        *ngIf="_visible && isClickableRouterLink(item); else elseBlock"
-                        pRipple
-                        [routerLink]="item.routerLink"
-                        [queryParams]="item.queryParams"
-                        class="p-speeddial-action"
-                        [ngClass]="{ 'p-disabled': item.disabled }"
-                        role="menuitem"
-                        [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
-                        (click)="onItemClick($event, item)"
-                        (keydown.enter)="onItemClick($event, item, i)"
-                        [attr.target]="item.target"
-                        [attr.tabindex]="item.disabled || readonly || !visible ? null : item.tabindex ? item.tabindex : '0'"
-                        [fragment]="item.fragment"
-                        [queryParamsHandling]="item.queryParamsHandling"
-                        [preserveFragment]="item.preserveFragment"
-                        [skipLocationChange]="item.skipLocationChange"
-                        [replaceUrl]="item.replaceUrl"
-                        [state]="item.state"
-                        [attr.aria-label]="item.label"
-                        [attr.data-pc-section]="'action'"
-                    >
-                        <span class="p-speeddial-action-icon" *ngIf="item.icon" [ngClass]="item.icon"></span>
-                    </a>
-                    <ng-template #elseBlock>
+                    <ng-container *ngIf="itemTemplate">
+                        <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: i }"></ng-container>
+                    </ng-container>
+                    <ng-container *ngIf="!itemTemplate">
                         <a
-                            *ngIf="_visible"
-                            [attr.href]="item.url || null"
+                            *ngIf="_visible && isClickableRouterLink(item); else elseBlock"
+                            pRipple
+                            [routerLink]="item.routerLink"
+                            [queryParams]="item.queryParams"
                             class="p-speeddial-action"
+                            [ngClass]="{ 'p-disabled': item.disabled }"
                             role="menuitem"
-                            pRipple
+                            [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
                             (click)="onItemClick($event, item)"
-                            [ngClass]="{ 'p-disabled': item.disabled }"
                             (keydown.enter)="onItemClick($event, item, i)"
                             [attr.target]="item.target"
-                            [attr.data-pc-section]="'action'"
+                            [attr.tabindex]="item.disabled || readonly || !visible ? null : item.tabindex ? item.tabindex : '0'"
+                            [fragment]="item.fragment"
+                            [queryParamsHandling]="item.queryParamsHandling"
+                            [preserveFragment]="item.preserveFragment"
+                            [skipLocationChange]="item.skipLocationChange"
+                            [replaceUrl]="item.replaceUrl"
+                            [state]="item.state"
                             [attr.aria-label]="item.label"
-                            [attr.tabindex]="item.disabled || (i !== activeIndex && readonly) || !visible ? null : item.tabindex ? item.tabindex : '0'"
+                            [attr.data-pc-section]="'action'"
                         >
                             <span class="p-speeddial-action-icon" *ngIf="item.icon" [ngClass]="item.icon"></span>
                         </a>
-                    </ng-template>
+                        <ng-template #elseBlock>
+                            <a
+                                *ngIf="_visible"
+                                [attr.href]="item.url || null"
+                                class="p-speeddial-action"
+                                role="menuitem"
+                                pRipple
+                                (click)="onItemClick($event, item)"
+                                [ngClass]="{ 'p-disabled': item.disabled }"
+                                (keydown.enter)="onItemClick($event, item, i)"
+                                [attr.target]="item.target"
+                                [attr.data-pc-section]="'action'"
+                                [attr.aria-label]="item.label"
+                                [attr.tabindex]="item.disabled || (i !== activeIndex && readonly) || !visible ? null : item.tabindex ? item.tabindex : '0'"
+                            >
+                                <span class="p-speeddial-action-icon" *ngIf="item.icon" [ngClass]="item.icon"></span>
+                            </a>
+                        </ng-template>
+                    </ng-container>
                 </li>
             </ul>
         </div>
@@ -296,6 +301,8 @@ export class SpeedDial implements AfterViewInit, AfterContentInit, OnDestroy {
 
     buttonTemplate: TemplateRef<any> | undefined;
 
+    itemTemplate: TemplateRef<any> | undefined;
+
     isItemClicked: boolean = false;
 
     _visible: boolean = false;
@@ -338,6 +345,9 @@ export class SpeedDial implements AfterViewInit, AfterContentInit, OnDestroy {
                 case 'button':
                     this.buttonTemplate = item.template;
                     break;
+                case 'item':
+                    this.itemTemplate = item.template;
+                    break;
             }
         });
     }

diff --git a/src/app/components/treetable/treetable.ts b/src/app/components/treetable/treetable.ts
@@ -1813,35 +1813,19 @@ export class TreeTable implements AfterContentInit, OnInit, OnDestroy, Blockable
         }
     }
 
-    isSelected(node: TreeTableNode): boolean {
+    isSelected(node: TreeTableNode) {
         if (node && this.selection) {
             if (this.dataKey) {
                 return this.selectionKeys[ObjectUtils.resolveFieldData(node.data, this.dataKey)] !== undefined;
             } else {
-                if (Array.isArray(this.selection)) {
-                    return this.allChildrenOrNodeSelected(node);
-                } else {
-                    return this.equals(node, this.selection);
-                }
+                if (Array.isArray(this.selection)) return this.findIndexInSelection(node) > -1;
+                else return this.equals(node, this.selection);
             }
         }
 
         return false;
     }
 
-    allChildrenOrNodeSelected(node: TreeTableNode): boolean {
-        if (this.findIndexInSelection(node) == -1 && node.parent) {
-            if (this.findIndexInSelection(node.parent) !== -1) {
-                return true;
-            }
-        }
-        if (!node.children) {
-            return this.selection.some((selectedItem) => this.equals(node, selectedItem));
-        } else {
-            return node.children.every((child) => this.isSelected(child)) || this.selection.some((selectedItem) => this.equals(node, selectedItem));
-        }
-    }
-
     findIndexInSelection(node: any) {
         let index: number = -1;
         if (this.selection && this.selection.length) {
@@ -1865,7 +1849,7 @@ export class TreeTable implements AfterContentInit, OnInit, OnDestroy, Blockable
     }
 
     equals(node1: TreeTableNode, node2: TreeTableNode) {
-        return this.compareSelectionBy === 'equals' ? node1 === node2 : ObjectUtils.equals(node1.data, node2.data, this.dataKey);
+        return this.compareSelectionBy === 'equals' ? ObjectUtils.equals(node1, node2) : ObjectUtils.equals(node1.data, node2.data, this.dataKey);
     }
 
     filter(value: string | string[], field: string, matchMode: string) {
@@ -2949,13 +2933,13 @@ export class TTContextMenuRow {
             <div class="p-hidden-accessible">
                 <input type="checkbox" [checked]="checked" (focus)="onFocus()" (blur)="onBlur()" tabindex="-1" />
             </div>
-            <div #box [ngClass]="{ 'p-checkbox-box': true, 'p-highlight': checked, 'p-focus': focused, 'p-indeterminate': isPartialSelected(), 'p-disabled': disabled }" role="checkbox" [attr.aria-checked]="checked">
+            <div #box [ngClass]="{ 'p-checkbox-box': true, 'p-highlight': checked, 'p-focus': focused, 'p-indeterminate': rowNode.node.partialSelected, 'p-disabled': disabled }" role="checkbox" [attr.aria-checked]="checked">
                 <ng-container *ngIf="!tt.checkboxIconTemplate">
                     <CheckIcon [styleClass]="'p-checkbox-icon'" *ngIf="checked" />
-                    <MinusIcon [styleClass]="'p-checkbox-icon'" *ngIf="isPartialSelected()" />
+                    <MinusIcon [styleClass]="'p-checkbox-icon'" *ngIf="rowNode.node.partialSelected" />
                 </ng-container>
                 <span *ngIf="tt.checkboxIconTemplate">
-                    <ng-template *ngTemplateOutlet="tt.checkboxIconTemplate; context: { $implicit: checked, partialSelected: isPartialSelected() }"></ng-template>
+                    <ng-template *ngTemplateOutlet="tt.checkboxIconTemplate; context: { $implicit: checked, partialSelected: rowNode.node.partialSelected }"></ng-template>
                 </span>
             </div>
         </div>
@@ -2988,16 +2972,6 @@ export class TTCheckbox {
         this.checked = this.tt.isSelected(this.rowNode.node);
     }
 
-    isPartialSelected() {
-        const node = this.rowNode.node;
-        if (node['partialSelected']) {
-            return !this.checked && node['partialSelected'];
-        }
-        if (node['partialSelected'] == undefined && node.children && node.children.length > 0) {
-            return !this.checked && node.children.some((child) => this.tt.isSelected(child));
-        }
-    }
-
     onClick(event: Event) {
         if (!this.disabled) {
             this.tt.toggleNodeWithCheckbox({
-Original file line number
+Diff line change
@@ Expand Up / @@ -89,4 +89,4 @@ @@
             "@docsearch/js": "^3.3.4",
             "esbuild": "^0.19.8"
         }
-    }
+    }