ng-prime-tools 1.0.27 → 1.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -636,6 +636,10 @@ export class FormBuilderTesterComponent implements OnInit {
636
636
 
637
637
  ## Changelog
638
638
 
639
+ ### Version 1.0.28 - Release Date: 05/04/2025
640
+
641
+ - Changing style of pt-button when disabled
642
+
639
643
  ### Version 1.0.27 - Release Date: 27/03/2025
640
644
 
641
645
  - adding pt-notifier
@@ -23,6 +23,11 @@ export class PTButtonComponent {
23
23
  ngOnInit() {
24
24
  // Initialization logic if needed
25
25
  }
26
+ ngOnChanges(changes) {
27
+ if (changes['buttonConfig']) {
28
+ this.applyButtonStyles();
29
+ }
30
+ }
26
31
  ngAfterViewInit() {
27
32
  this.applyButtonStyles();
28
33
  }
@@ -33,24 +38,23 @@ export class PTButtonComponent {
33
38
  return this.buttonConfig.type || 'button';
34
39
  }
35
40
  applyButtonStyles() {
36
- // Select the native button element inside the p-button
37
41
  const buttonElement = this.el.nativeElement.querySelector('button.p-element');
38
- if (buttonElement) {
39
- // Apply dynamic styles using Renderer2
40
- this.renderer.setStyle(buttonElement, 'color', this.buttonConfig.fontColor);
41
- this.renderer.setStyle(buttonElement, 'background-color', this.buttonConfig.backgroundColor);
42
- this.renderer.setStyle(buttonElement, 'border-color', this.buttonConfig.borderColor);
42
+ if (buttonElement && this.buttonConfig) {
43
+ const isDisabled = this.buttonConfig.disabled;
44
+ this.renderer.setStyle(buttonElement, 'color', isDisabled ? '#999' : this.buttonConfig.fontColor);
45
+ this.renderer.setStyle(buttonElement, 'background-color', isDisabled ? '#e0e0e0' : this.buttonConfig.backgroundColor);
46
+ this.renderer.setStyle(buttonElement, 'border-color', isDisabled ? '#bdbdbd' : this.buttonConfig.borderColor);
43
47
  this.renderer.setStyle(buttonElement, 'width', this.buttonConfig.width || 'auto');
44
48
  this.renderer.setStyle(buttonElement, 'height', this.buttonConfig.height || 'auto');
45
49
  }
46
50
  }
47
51
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
48
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTButtonComponent, selector: "pt-button", inputs: { buttonConfig: "buttonConfig" }, ngImport: i0, template: "<p-button\n [label]=\"buttonConfig.label\"\n [icon]=\"buttonConfig.icon || ''\"\n [iconPos]=\"getIconPos()\"\n [disabled]=\"buttonConfig.disabled\"\n [loading]=\"buttonConfig.loading\"\n [class]=\"buttonConfig.styleClass\"\n [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"], dependencies: [{ kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
52
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTButtonComponent, selector: "pt-button", inputs: { buttonConfig: "buttonConfig" }, usesOnChanges: true, ngImport: i0, template: "<p-button\n [label]=\"buttonConfig?.label\"\n [icon]=\"buttonConfig?.icon || ''\"\n [iconPos]=\"getIconPos()\"\n [disabled]=\"buttonConfig?.disabled\"\n [loading]=\"buttonConfig?.loading\"\n [class]=\"buttonConfig?.styleClass || ''\"\n [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"], dependencies: [{ kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
49
53
  }
50
54
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTButtonComponent, decorators: [{
51
55
  type: Component,
52
- args: [{ selector: 'pt-button', template: "<p-button\n [label]=\"buttonConfig.label\"\n [icon]=\"buttonConfig.icon || ''\"\n [iconPos]=\"getIconPos()\"\n [disabled]=\"buttonConfig.disabled\"\n [loading]=\"buttonConfig.loading\"\n [class]=\"buttonConfig.styleClass\"\n [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"] }]
56
+ args: [{ selector: 'pt-button', template: "<p-button\n [label]=\"buttonConfig?.label\"\n [icon]=\"buttonConfig?.icon || ''\"\n [iconPos]=\"getIconPos()\"\n [disabled]=\"buttonConfig?.disabled\"\n [loading]=\"buttonConfig?.loading\"\n [class]=\"buttonConfig?.styleClass || ''\"\n [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"] }]
53
57
  }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { buttonConfig: [{
54
58
  type: Input
55
59
  }] } });
56
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtYnV0dG9uL3B0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LWJ1dHRvbi9wdC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEdBS04sTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8saUJBQWlCO0lBZ0I1QixZQUFvQixRQUFtQixFQUFVLEVBQWM7UUFBM0MsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFVLE9BQUUsR0FBRixFQUFFLENBQVk7UUFmdEQsaUJBQVksR0FBZ0I7WUFDbkMsS0FBSyxFQUFFLFVBQVU7WUFDakIsSUFBSSxFQUFFLEVBQUU7WUFDUixPQUFPLEVBQUUsTUFBTTtZQUNmLFFBQVEsRUFBRSxLQUFLO1lBQ2YsVUFBVSxFQUFFLEVBQUU7WUFDZCxPQUFPLEVBQUUsS0FBSztZQUNkLElBQUksRUFBRSxRQUFRO1lBQ2QsS0FBSyxFQUFFLE1BQU07WUFDYixNQUFNLEVBQUUsTUFBTTtZQUNkLFNBQVMsRUFBRSxNQUFNO1lBQ2pCLGVBQWUsRUFBRSxNQUFNO1lBQ3ZCLFdBQVcsRUFBRSxNQUFNO1NBQ3BCLENBQUM7SUFFZ0UsQ0FBQztJQUVuRSxRQUFRO1FBQ04saUNBQWlDO0lBQ25DLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFVBQVU7UUFDUixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDbEUsQ0FBQztJQUVELE9BQU87UUFDTCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxJQUFJLFFBQVEsQ0FBQztJQUM1QyxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsdURBQXVEO1FBQ3ZELE1BQU0sYUFBYSxHQUNqQixJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUUxRCxJQUFJLGFBQWEsRUFBRSxDQUFDO1lBQ2xCLHVDQUF1QztZQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDcEIsYUFBYSxFQUNiLE9BQU8sRUFDUCxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FDNUIsQ0FBQztZQUNGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNwQixhQUFhLEVBQ2Isa0JBQWtCLEVBQ2xCLElBQUksQ0FBQyxZQUFZLENBQUMsZUFBZSxDQUNsQyxDQUFDO1lBQ0YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQ3BCLGFBQWEsRUFDYixjQUFjLEVBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQzlCLENBQUM7WUFDRixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDcEIsYUFBYSxFQUNiLE9BQU8sRUFDUCxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssSUFBSSxNQUFNLENBQ2xDLENBQUM7WUFDRixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDcEIsYUFBYSxFQUNiLFFBQVEsRUFDUixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sSUFBSSxNQUFNLENBQ25DLENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQzsrR0FuRVUsaUJBQWlCO21HQUFqQixpQkFBaUIsMkZDZjlCLDhRQVNBOzs0RkRNYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzt1R0FLWixZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBBZnRlclZpZXdJbml0LFxuICBSZW5kZXJlcjIsXG4gIEVsZW1lbnRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kZWwgfSBmcm9tICcuLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwdC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcHQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHQtYnV0dG9uLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUFRCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBidXR0b25Db25maWc6IEJ1dHRvbk1vZGVsID0ge1xuICAgIGxhYmVsOiAnQ2xpY2sgTWUnLFxuICAgIGljb246ICcnLFxuICAgIGljb25Qb3M6ICdsZWZ0JyxcbiAgICBkaXNhYmxlZDogZmFsc2UsXG4gICAgc3R5bGVDbGFzczogJycsXG4gICAgbG9hZGluZzogZmFsc2UsXG4gICAgdHlwZTogJ2J1dHRvbicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICBmb250Q29sb3I6ICcjMDAwJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjZmZmJyxcbiAgICBib3JkZXJDb2xvcjogJyMwMDAnLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSBlbDogRWxlbWVudFJlZikge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBJbml0aWFsaXphdGlvbiBsb2dpYyBpZiBuZWVkZWRcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmFwcGx5QnV0dG9uU3R5bGVzKCk7XG4gIH1cblxuICBnZXRJY29uUG9zKCk6ICdsZWZ0JyB8ICdyaWdodCcge1xuICAgIHJldHVybiB0aGlzLmJ1dHRvbkNvbmZpZy5pY29uUG9zID09PSAncmlnaHQnID8gJ3JpZ2h0JyA6ICdsZWZ0JztcbiAgfVxuXG4gIGdldFR5cGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5idXR0b25Db25maWcudHlwZSB8fCAnYnV0dG9uJztcbiAgfVxuXG4gIGFwcGx5QnV0dG9uU3R5bGVzKCk6IHZvaWQge1xuICAgIC8vIFNlbGVjdCB0aGUgbmF0aXZlIGJ1dHRvbiBlbGVtZW50IGluc2lkZSB0aGUgcC1idXR0b25cbiAgICBjb25zdCBidXR0b25FbGVtZW50ID1cbiAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdidXR0b24ucC1lbGVtZW50Jyk7XG5cbiAgICBpZiAoYnV0dG9uRWxlbWVudCkge1xuICAgICAgLy8gQXBwbHkgZHluYW1pYyBzdHlsZXMgdXNpbmcgUmVuZGVyZXIyXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICBidXR0b25FbGVtZW50LFxuICAgICAgICAnY29sb3InLFxuICAgICAgICB0aGlzLmJ1dHRvbkNvbmZpZy5mb250Q29sb3JcbiAgICAgICk7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICBidXR0b25FbGVtZW50LFxuICAgICAgICAnYmFja2dyb3VuZC1jb2xvcicsXG4gICAgICAgIHRoaXMuYnV0dG9uQ29uZmlnLmJhY2tncm91bmRDb2xvclxuICAgICAgKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIGJ1dHRvbkVsZW1lbnQsXG4gICAgICAgICdib3JkZXItY29sb3InLFxuICAgICAgICB0aGlzLmJ1dHRvbkNvbmZpZy5ib3JkZXJDb2xvclxuICAgICAgKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIGJ1dHRvbkVsZW1lbnQsXG4gICAgICAgICd3aWR0aCcsXG4gICAgICAgIHRoaXMuYnV0dG9uQ29uZmlnLndpZHRoIHx8ICdhdXRvJ1xuICAgICAgKTtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIGJ1dHRvbkVsZW1lbnQsXG4gICAgICAgICdoZWlnaHQnLFxuICAgICAgICB0aGlzLmJ1dHRvbkNvbmZpZy5oZWlnaHQgfHwgJ2F1dG8nXG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuIiwiPHAtYnV0dG9uXG4gIFtsYWJlbF09XCJidXR0b25Db25maWcubGFiZWxcIlxuICBbaWNvbl09XCJidXR0b25Db25maWcuaWNvbiB8fCAnJ1wiXG4gIFtpY29uUG9zXT1cImdldEljb25Qb3MoKVwiXG4gIFtkaXNhYmxlZF09XCJidXR0b25Db25maWcuZGlzYWJsZWRcIlxuICBbbG9hZGluZ109XCJidXR0b25Db25maWcubG9hZGluZ1wiXG4gIFtjbGFzc109XCJidXR0b25Db25maWcuc3R5bGVDbGFzc1wiXG4gIFt0eXBlXT1cImdldFR5cGUoKVwiXG4+PC9wLWJ1dHRvbj5cbiJdfQ==
60
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXByaW1lLXRvb2xzL3NyYy9saWIvcHQtYnV0dG9uL3B0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1wcmltZS10b29scy9zcmMvbGliL3B0LWJ1dHRvbi9wdC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEdBT04sTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8saUJBQWlCO0lBZ0I1QixZQUFvQixRQUFtQixFQUFVLEVBQWM7UUFBM0MsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFVLE9BQUUsR0FBRixFQUFFLENBQVk7UUFmdEQsaUJBQVksR0FBZ0I7WUFDbkMsS0FBSyxFQUFFLFVBQVU7WUFDakIsSUFBSSxFQUFFLEVBQUU7WUFDUixPQUFPLEVBQUUsTUFBTTtZQUNmLFFBQVEsRUFBRSxLQUFLO1lBQ2YsVUFBVSxFQUFFLEVBQUU7WUFDZCxPQUFPLEVBQUUsS0FBSztZQUNkLElBQUksRUFBRSxRQUFRO1lBQ2QsS0FBSyxFQUFFLE1BQU07WUFDYixNQUFNLEVBQUUsTUFBTTtZQUNkLFNBQVMsRUFBRSxNQUFNO1lBQ2pCLGVBQWUsRUFBRSxNQUFNO1lBQ3ZCLFdBQVcsRUFBRSxNQUFNO1NBQ3BCLENBQUM7SUFFZ0UsQ0FBQztJQUVuRSxRQUFRO1FBQ04saUNBQWlDO0lBQ25DLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsY0FBYyxDQUFDLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUMzQixDQUFDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsVUFBVTtRQUNSLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEtBQUssT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUNsRSxDQUFDO0lBRUQsT0FBTztRQUNMLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLElBQUksUUFBUSxDQUFDO0lBQzVDLENBQUM7SUFFRCxpQkFBaUI7UUFDZixNQUFNLGFBQWEsR0FDakIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFFMUQsSUFBSSxhQUFhLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3ZDLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDO1lBRTlDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNwQixhQUFhLEVBQ2IsT0FBTyxFQUNQLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FDbEQsQ0FBQztZQUVGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNwQixhQUFhLEVBQ2Isa0JBQWtCLEVBQ2xCLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FDM0QsQ0FBQztZQUVGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNwQixhQUFhLEVBQ2IsY0FBYyxFQUNkLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FDdkQsQ0FBQztZQUVGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNwQixhQUFhLEVBQ2IsT0FBTyxFQUNQLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FDbEMsQ0FBQztZQUVGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNwQixhQUFhLEVBQ2IsUUFBUSxFQUNSLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxJQUFJLE1BQU0sQ0FDbkMsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDOytHQTdFVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixnSENqQjlCLHlSQVNBOzs0RkRRYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzt1R0FLWixZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBBZnRlclZpZXdJbml0LFxuICBSZW5kZXJlcjIsXG4gIEVsZW1lbnRSZWYsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIE9uQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25Nb2RlbCB9IGZyb20gJy4uL21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3B0LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wdC1idXR0b24uY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQVEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgYnV0dG9uQ29uZmlnOiBCdXR0b25Nb2RlbCA9IHtcbiAgICBsYWJlbDogJ0NsaWNrIE1lJyxcbiAgICBpY29uOiAnJyxcbiAgICBpY29uUG9zOiAnbGVmdCcsXG4gICAgZGlzYWJsZWQ6IGZhbHNlLFxuICAgIHN0eWxlQ2xhc3M6ICcnLFxuICAgIGxvYWRpbmc6IGZhbHNlLFxuICAgIHR5cGU6ICdidXR0b24nLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgZm9udENvbG9yOiAnIzAwMCcsXG4gICAgYmFja2dyb3VuZENvbG9yOiAnI2ZmZicsXG4gICAgYm9yZGVyQ29sb3I6ICcjMDAwJyxcbiAgfTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsIHByaXZhdGUgZWw6IEVsZW1lbnRSZWYpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy8gSW5pdGlhbGl6YXRpb24gbG9naWMgaWYgbmVlZGVkXG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2J1dHRvbkNvbmZpZyddKSB7XG4gICAgICB0aGlzLmFwcGx5QnV0dG9uU3R5bGVzKCk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYXBwbHlCdXR0b25TdHlsZXMoKTtcbiAgfVxuXG4gIGdldEljb25Qb3MoKTogJ2xlZnQnIHwgJ3JpZ2h0JyB7XG4gICAgcmV0dXJuIHRoaXMuYnV0dG9uQ29uZmlnLmljb25Qb3MgPT09ICdyaWdodCcgPyAncmlnaHQnIDogJ2xlZnQnO1xuICB9XG5cbiAgZ2V0VHlwZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmJ1dHRvbkNvbmZpZy50eXBlIHx8ICdidXR0b24nO1xuICB9XG5cbiAgYXBwbHlCdXR0b25TdHlsZXMoKTogdm9pZCB7XG4gICAgY29uc3QgYnV0dG9uRWxlbWVudCA9XG4gICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignYnV0dG9uLnAtZWxlbWVudCcpO1xuXG4gICAgaWYgKGJ1dHRvbkVsZW1lbnQgJiYgdGhpcy5idXR0b25Db25maWcpIHtcbiAgICAgIGNvbnN0IGlzRGlzYWJsZWQgPSB0aGlzLmJ1dHRvbkNvbmZpZy5kaXNhYmxlZDtcblxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgYnV0dG9uRWxlbWVudCxcbiAgICAgICAgJ2NvbG9yJyxcbiAgICAgICAgaXNEaXNhYmxlZCA/ICcjOTk5JyA6IHRoaXMuYnV0dG9uQ29uZmlnLmZvbnRDb2xvclxuICAgICAgKTtcblxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShcbiAgICAgICAgYnV0dG9uRWxlbWVudCxcbiAgICAgICAgJ2JhY2tncm91bmQtY29sb3InLFxuICAgICAgICBpc0Rpc2FibGVkID8gJyNlMGUwZTAnIDogdGhpcy5idXR0b25Db25maWcuYmFja2dyb3VuZENvbG9yXG4gICAgICApO1xuXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICBidXR0b25FbGVtZW50LFxuICAgICAgICAnYm9yZGVyLWNvbG9yJyxcbiAgICAgICAgaXNEaXNhYmxlZCA/ICcjYmRiZGJkJyA6IHRoaXMuYnV0dG9uQ29uZmlnLmJvcmRlckNvbG9yXG4gICAgICApO1xuXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKFxuICAgICAgICBidXR0b25FbGVtZW50LFxuICAgICAgICAnd2lkdGgnLFxuICAgICAgICB0aGlzLmJ1dHRvbkNvbmZpZy53aWR0aCB8fCAnYXV0bydcbiAgICAgICk7XG5cbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgIGJ1dHRvbkVsZW1lbnQsXG4gICAgICAgICdoZWlnaHQnLFxuICAgICAgICB0aGlzLmJ1dHRvbkNvbmZpZy5oZWlnaHQgfHwgJ2F1dG8nXG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuIiwiPHAtYnV0dG9uXG4gIFtsYWJlbF09XCJidXR0b25Db25maWc/LmxhYmVsXCJcbiAgW2ljb25dPVwiYnV0dG9uQ29uZmlnPy5pY29uIHx8ICcnXCJcbiAgW2ljb25Qb3NdPVwiZ2V0SWNvblBvcygpXCJcbiAgW2Rpc2FibGVkXT1cImJ1dHRvbkNvbmZpZz8uZGlzYWJsZWRcIlxuICBbbG9hZGluZ109XCJidXR0b25Db25maWc/LmxvYWRpbmdcIlxuICBbY2xhc3NdPVwiYnV0dG9uQ29uZmlnPy5zdHlsZUNsYXNzIHx8ICcnXCJcbiAgW3R5cGVdPVwiZ2V0VHlwZSgpXCJcbj48L3AtYnV0dG9uPlxuIl19
@@ -3242,6 +3242,11 @@ class PTButtonComponent {
3242
3242
  ngOnInit() {
3243
3243
  // Initialization logic if needed
3244
3244
  }
3245
+ ngOnChanges(changes) {
3246
+ if (changes['buttonConfig']) {
3247
+ this.applyButtonStyles();
3248
+ }
3249
+ }
3245
3250
  ngAfterViewInit() {
3246
3251
  this.applyButtonStyles();
3247
3252
  }
@@ -3252,23 +3257,22 @@ class PTButtonComponent {
3252
3257
  return this.buttonConfig.type || 'button';
3253
3258
  }
3254
3259
  applyButtonStyles() {
3255
- // Select the native button element inside the p-button
3256
3260
  const buttonElement = this.el.nativeElement.querySelector('button.p-element');
3257
- if (buttonElement) {
3258
- // Apply dynamic styles using Renderer2
3259
- this.renderer.setStyle(buttonElement, 'color', this.buttonConfig.fontColor);
3260
- this.renderer.setStyle(buttonElement, 'background-color', this.buttonConfig.backgroundColor);
3261
- this.renderer.setStyle(buttonElement, 'border-color', this.buttonConfig.borderColor);
3261
+ if (buttonElement && this.buttonConfig) {
3262
+ const isDisabled = this.buttonConfig.disabled;
3263
+ this.renderer.setStyle(buttonElement, 'color', isDisabled ? '#999' : this.buttonConfig.fontColor);
3264
+ this.renderer.setStyle(buttonElement, 'background-color', isDisabled ? '#e0e0e0' : this.buttonConfig.backgroundColor);
3265
+ this.renderer.setStyle(buttonElement, 'border-color', isDisabled ? '#bdbdbd' : this.buttonConfig.borderColor);
3262
3266
  this.renderer.setStyle(buttonElement, 'width', this.buttonConfig.width || 'auto');
3263
3267
  this.renderer.setStyle(buttonElement, 'height', this.buttonConfig.height || 'auto');
3264
3268
  }
3265
3269
  }
3266
3270
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
3267
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTButtonComponent, selector: "pt-button", inputs: { buttonConfig: "buttonConfig" }, ngImport: i0, template: "<p-button\n [label]=\"buttonConfig.label\"\n [icon]=\"buttonConfig.icon || ''\"\n [iconPos]=\"getIconPos()\"\n [disabled]=\"buttonConfig.disabled\"\n [loading]=\"buttonConfig.loading\"\n [class]=\"buttonConfig.styleClass\"\n [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"], dependencies: [{ kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
3271
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTButtonComponent, selector: "pt-button", inputs: { buttonConfig: "buttonConfig" }, usesOnChanges: true, ngImport: i0, template: "<p-button\n [label]=\"buttonConfig?.label\"\n [icon]=\"buttonConfig?.icon || ''\"\n [iconPos]=\"getIconPos()\"\n [disabled]=\"buttonConfig?.disabled\"\n [loading]=\"buttonConfig?.loading\"\n [class]=\"buttonConfig?.styleClass || ''\"\n [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"], dependencies: [{ kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
3268
3272
  }
3269
3273
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTButtonComponent, decorators: [{
3270
3274
  type: Component,
3271
- args: [{ selector: 'pt-button', template: "<p-button\n [label]=\"buttonConfig.label\"\n [icon]=\"buttonConfig.icon || ''\"\n [iconPos]=\"getIconPos()\"\n [disabled]=\"buttonConfig.disabled\"\n [loading]=\"buttonConfig.loading\"\n [class]=\"buttonConfig.styleClass\"\n [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"] }]
3275
+ args: [{ selector: 'pt-button', template: "<p-button\n [label]=\"buttonConfig?.label\"\n [icon]=\"buttonConfig?.icon || ''\"\n [iconPos]=\"getIconPos()\"\n [disabled]=\"buttonConfig?.disabled\"\n [loading]=\"buttonConfig?.loading\"\n [class]=\"buttonConfig?.styleClass || ''\"\n [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"] }]
3272
3276
  }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { buttonConfig: [{
3273
3277
  type: Input
3274
3278
  }] } });