Commit66ac009

committed

refactor(pagination): input transform for disabled prop, cleanups

1 parentf4c29f8 commit66ac009Copy full SHA for 66ac009

File tree

+41

-7

lines changed

+41

-7

lines changed

Lines changed: 6 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,12 @@`
`2`	`2`
`3`	`3`	`---`
`4`	`4`
	`5`	+####`5.5.22` next
	`6`	`+`
	`7`	`+- refactor(pagination): input transform for disabled prop, cleanups`
	`8`	`+`
	`9`	`+---`
	`10`	`+`
`5`	`11`	####`5.5.21`
`6`	`12`
`7`	`13`	- chore(dependencies): update to`Angular 20.3.10`

Lines changed: 15 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,15 @@`
`1`		`-import{computed,contentChild,Directive,effect,ElementRef,inject,input,Renderer2}from'@angular/core';`
	`1`	`+import{`
	`2`	`+booleanAttribute,`
	`3`	`+computed,`
	`4`	`+contentChild,`
	`5`	`+Directive,`
	`6`	`+effect,`
	`7`	`+ElementRef,`
	`8`	`+inject,`
	`9`	`+input,`
	`10`	`+Renderer2`
	`11`	`+}from'@angular/core';`
	`12`	`+import{BooleanInput}from'@angular/cdk/coercion';`
`2`	`13`
`3`	`14`	`import{PageLinkDirective}from'../page-link/page-link.directive';`
`4`	`15`
`@@ -11,6 +22,8 @@ import { PageLinkDirective } from '../page-link/page-link.directive';`
`11`	`22`	`}`
`12`	`23`	`})`
`13`	`24`	`exportclassPageItemDirective{`
	`25`	`+staticngAcceptInputType_disabled:BooleanInput;`
	`26`	`+`
`14`	`27`	`readonly #renderer=inject(Renderer2);`
`15`	`28`
`16`	`29`	`/**`
`@@ -23,7 +36,7 @@ export class PageItemDirective {`
`23`	`36`	`* Toggle the disabled state for the component.`
`24`	`37`	`*@return boolean`
`25`	`38`	`*/`
`26`		`-readonlydisabled=input<boolean>();`
	`39`	`+readonlydisabled=input(false,{transform:booleanAttribute});`
`27`	`40`
`28`	`41`	`readonlyariaCurrent=computed(()=>{`
`29`	`42`	`returnthis.active() ?'page' :null;`

Lines changed: 5 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,11 @@`
	`1`	`+import{TestBed}from'@angular/core/testing';`
`1`	`2`	`import{PageLinkDirective}from'./page-link.directive';`
`2`	`3`
`3`	`4`	`describe('PageLinkDirective',()=>{`
`4`	`5`	`it('should create an instance',()=>{`
`5`		`-constdirective=newPageLinkDirective();`
`6`		`-expect(directive).toBeTruthy();`
	`6`	`+TestBed.runInInjectionContext(()=>{`
	`7`	`+constdirective=newPageLinkDirective();`
	`8`	`+expect(directive).toBeTruthy();`
	`9`	`+});`
`7`	`10`	`});`
`8`	`11`	`});`

Lines changed: 15 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,19 @@`
`1`		`-import{Directive}from'@angular/core';`
	`1`	`+import{booleanAttribute,computed,Directive,input}from'@angular/core';`
	`2`	`+import{BooleanInput}from'@angular/cdk/coercion';`
`2`	`3`
`3`	`4`	`@Directive({`
`4`	`5`	`selector:'[cPageLink]',`
`5`		`-host:{class:'page-link'}`
	`6`	`+host:{class:'page-link','[class]':'hostClasses()'}`
`6`	`7`	`})`
`7`		`-exportclassPageLinkDirective{}`
	`8`	`+exportclassPageLinkDirective{`
	`9`	`+staticngAcceptInputType_disabled:BooleanInput;`
	`10`	`+`
	`11`	`+readonlydisabled=input(false,{transform:booleanAttribute});`
	`12`	`+`
	`13`	`+readonlyhostClasses=computed(()=>{`
	`14`	`+return{`
	`15`	`+'page-link':true,`
	`16`	`+disabled:this.disabled()`
	`17`	`+}asRecord<string,boolean>;`
	`18`	`+});`
	`19`	`+}`

Comments

(0)