Merge branch 'ganastasov/add-agents' into simenoff/theming-agent-rules

Author: georgianastasov

.github/agents/changelog-agent.md

@@ -52,32 +52,28 @@ If the needed subsection exists, append to it. If not, create that subsection on
 
 #### General
 
-Use `### General` for changelog-worthy bug fixes.
+Use `### General` for deprecations, behavioral changes, and changelog-worthy bug fixes.
 
 ```markdown
 - `IgxComponentName`
     - Fixed an issue where <description of what was broken>.
 ```
 
-#### Breaking Changes
-
 ```markdown
 - `IgxComponentName`
-    - **Breaking Change** - `oldName` has been renamed to `newName`. Automatic migration is available and will be applied on `ng update`.
+    - **Deprecation** - `oldName` has been deprecated and will be removed in a future version. Use `newName` instead.
 ```
 
-#### Deprecations
-
 ```markdown
 - `IgxComponentName`
-    - **Deprecation** - `oldName` has been deprecated and will be removed in a future version. Use `newName` instead.
+    - **Behavioral Change** - description of the behavioral change.
 ```
 
-#### Behavioral Changes
+#### Breaking Changes
 
 ```markdown
 - `IgxComponentName`
-    - **Behavioral Change** - Description of what changed.
+    - **Breaking Change** - `oldName` has been renamed to `newName`. Automatic migration is available and will be applied on `ng update`.
 ```
 
 ### 4. Placement Rules
@@ -86,7 +82,7 @@ Use `### General` for changelog-worthy bug fixes.
 - If the component already has entries in the same subsection, add sub-bullets under the same component heading.
 - Include short code examples only if they clarify usage.
 
-## 5. Final Self-Validation
+### 5. Final Self-Validation
 
 Before finishing:
 
@@ -95,7 +91,7 @@ Before finishing:
 3. Confirm the formatting matches the existing CHANGELOG style.
 4. Confirm you updated an existing component entry instead of duplicating it when appropriate.
 
-### 5. Commit
+### 6. Commit
 
 For features:
 ```

.github/copilot-instructions.md

@@ -4,7 +4,7 @@ You are a dedicated Angular developer who thrives on leveraging the absolute lat
 
 ## Examples
 
-These are modern examples of how to write an Angular 20 component with signals
+These are modern examples of how to write an Angular component with signals
 
 ```ts
 import { ChangeDetectionStrategy, Component, signal } from '@angular/core';

projects/igniteui-angular/paginator/src/paginator/paginator.component.spec.ts

@@ -231,6 +231,55 @@ describe('IgxPaginator with default settings', () => {
         expect(totalPages.innerText).toBe('1');
     });
 
+    it('should display the pager text ("of") in page navigation', () => {
+        const fix = TestBed.createComponent(DefaultPaginatorComponent);
+        fix.detectChanges();
+
+        const pageNavTextDiv = fix.debugElement.query(By.css('.igx-page-nav__text')).nativeElement;
+        const spans = pageNavTextDiv.querySelectorAll('span');
+        const paginator = fix.componentInstance.paginator;
+
+        // Should have 3 spans: current page, "of" text, total pages
+        expect(spans.length).toBe(3);
+
+        // Check current page
+        expect(spans[0].innerText.trim()).toBe('1');
+
+        // Check the "of" text
+        expect(spans[1].innerText.trim()).toBe('of');
+
+        // Check total pages
+        expect(spans[2].innerText.trim()).toBe('3');
+
+        // Verify the resource string is set
+        expect(paginator.resourceStrings.igx_paginator_pager_text).toBe('of');
+    });
+
+    it('should preserve default resource strings when partial resourceStrings are provided', () => {
+        const fix = TestBed.createComponent(DefaultPaginatorComponent);
+        fix.detectChanges();
+
+        const paginator = fix.componentInstance.paginator;
+
+        // Set only a partial resource string (only override label)
+        paginator.resourceStrings = { igx_paginator_label: 'Custom per page' };
+        fix.detectChanges();
+
+        const pageNavTextDiv = fix.debugElement.query(By.css('.igx-page-nav__text')).nativeElement;
+        const spans = pageNavTextDiv.querySelectorAll('span');
+
+        // Verify the custom label is set
+        expect(paginator.resourceStrings.igx_paginator_label).toBe('Custom per page');
+
+        // Verify the pager text ("of") is still present from defaults
+        expect(paginator.resourceStrings.igx_paginator_pager_text).toBe('of');
+        expect(spans[1].innerText.trim()).toBe('of');
+
+        // Verify other default strings are also preserved
+        expect(paginator.resourceStrings.igx_paginator_first_page_button_text).toBe('Go to first page');
+        expect(paginator.resourceStrings.igx_paginator_next_page_button_text).toBe('Next page');
+    });
+
 });
 
 describe('IgxPaginator with custom settings', () => {

projects/igniteui-angular/paginator/src/paginator/paginator.component.ts

@@ -256,7 +256,7 @@ export class IgxPaginatorComponent implements IgxPaginatorToken {
      */
     @Input()
     public set resourceStrings(value: IPaginatorResourceStrings) {
-        this._resourceStrings = Object.assign({}, this._resourceStrings, value);
+        this._resourceStrings = Object.assign({}, this.resourceStrings, value);
     }
 
     /**