pigui/pireon-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: convierte los inputs con accessor a signals (input/model + effect)

Browse Source
This commit is contained in:
Josep Piguillem
2026-07-27 23:33:29 +02:00
parent c046e6ac23
commit 3b640dab1b
74 changed files with 496 additions and 525 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
libs/ui/src/lib/util/menu/base.menu.component.ts
View File

@@ -1,5 +1,5 @@
// Angular
import { Directive, HostBinding, Input, TemplateRef, input, contentChild } from '@angular/core';
import { Directive, HostBinding, TemplateRef, input, contentChild } from '@angular/core';
// Style definitions
import { MenuEntry, MenuItemText } from './entities/menu-entry.model';
@@ -12,16 +12,7 @@ export abstract class PiBaseMenuComponent {
readonly label = input<string>();
_menuItems: Array<MenuEntry> = [];
@Input()
set menuItems(menuItems: MenuEntry[]) {
this._menuItems = menuItems;
}
get menuItems(): MenuEntry[] {
return this._menuItems;
}
readonly menuItems = input<Array<MenuEntry>>([]);
/**
* Parent Menu

16
libs/ui/src/lib/util/status/directives/status.directive.ts
View File

@@ -1,15 +1,15 @@
import { Directive, OnChanges, HostBinding, Input, SimpleChanges } from '@angular/core';
import { Directive, OnChanges, HostBinding, SimpleChanges, input } from '@angular/core';
@Directive({ selector: '[pi-disabled]', })
export class PiDisabledDirective implements OnChanges {
@HostBinding('style.opacity') get opacity(): number {
return this.isDisabled ? 0.33 : 1;
return this.isDisabled() ? 0.33 : 1;
}
@HostBinding('class') get classes(): string | boolean {
return [this.isDisabled && 'is-disabled'].join(' ');
return [this.isDisabled() && 'is-disabled'].join(' ');
}
@Input() isDisabled: boolean;
readonly isDisabled = input<boolean>();
ngOnChanges(changes: SimpleChanges): void {
if (changes) {
@@ -21,10 +21,10 @@ export class PiDisabledDirective implements OnChanges {
@Directive({ selector: '[is-active]', })
export class PiIsActiveDirective {
@HostBinding('class') get classes(): string | boolean {
return [this.isActive ? 'is-active' : '', 'pi-status'].join(' ');
return [this.isActive() ? 'is-active' : '', 'pi-status'].join(' ');
}
@Input() isActive!: boolean;
readonly isActive = input.required<boolean>();
ngOnChanges(changes: SimpleChanges): void {
if (changes) {
@@ -36,10 +36,10 @@ export class PiIsActiveDirective {
@Directive({ selector: '[is-visited]', })
export class PiIsVisitedDirective {
@HostBinding('class') get classes(): string | boolean {
return [this.isVisited ? 'is-visited' : '', 'pi-status'].join(' ');
return [this.isVisited() ? 'is-visited' : '', 'pi-status'].join(' ');
}
@Input() isVisited!: boolean;
readonly isVisited = input.required<boolean>();
ngOnChanges(changes: SimpleChanges): void {
if (changes) {