primeng 20.0.0-rc.2 → 20.0.0-rc.3

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.
Files changed (96) hide show
  1. package/autocomplete/index.d.ts +8 -7
  2. package/baseeditableholder/index.d.ts +14 -5
  3. package/basemodelholder/index.d.ts +12 -0
  4. package/cascadeselect/index.d.ts +7 -5
  5. package/checkbox/index.d.ts +9 -7
  6. package/colorpicker/index.d.ts +8 -7
  7. package/datepicker/index.d.ts +8 -7
  8. package/editor/index.d.ts +9 -8
  9. package/fesm2022/primeng-autocomplete.mjs +33 -35
  10. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  11. package/fesm2022/primeng-baseeditableholder.mjs +25 -7
  12. package/fesm2022/primeng-baseeditableholder.mjs.map +1 -1
  13. package/fesm2022/primeng-basemodelholder.mjs +25 -0
  14. package/fesm2022/primeng-basemodelholder.mjs.map +1 -0
  15. package/fesm2022/primeng-card.mjs +2 -2
  16. package/fesm2022/primeng-card.mjs.map +1 -1
  17. package/fesm2022/primeng-cascadeselect.mjs +21 -23
  18. package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
  19. package/fesm2022/primeng-checkbox.mjs +13 -15
  20. package/fesm2022/primeng-checkbox.mjs.map +1 -1
  21. package/fesm2022/primeng-colorpicker.mjs +35 -37
  22. package/fesm2022/primeng-colorpicker.mjs.map +1 -1
  23. package/fesm2022/primeng-contextmenu.mjs +1 -9
  24. package/fesm2022/primeng-contextmenu.mjs.map +1 -1
  25. package/fesm2022/primeng-datepicker.mjs +41 -43
  26. package/fesm2022/primeng-datepicker.mjs.map +1 -1
  27. package/fesm2022/primeng-divider.mjs +2 -2
  28. package/fesm2022/primeng-divider.mjs.map +1 -1
  29. package/fesm2022/primeng-editor.mjs +8 -10
  30. package/fesm2022/primeng-editor.mjs.map +1 -1
  31. package/fesm2022/primeng-fileupload.mjs +4 -3
  32. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  33. package/fesm2022/primeng-inputmask.mjs +23 -25
  34. package/fesm2022/primeng-inputmask.mjs.map +1 -1
  35. package/fesm2022/primeng-inputnumber.mjs +28 -30
  36. package/fesm2022/primeng-inputnumber.mjs.map +1 -1
  37. package/fesm2022/primeng-inputotp.mjs +26 -28
  38. package/fesm2022/primeng-inputotp.mjs.map +1 -1
  39. package/fesm2022/primeng-inputtext.mjs +11 -5
  40. package/fesm2022/primeng-inputtext.mjs.map +1 -1
  41. package/fesm2022/primeng-knob.mjs +22 -24
  42. package/fesm2022/primeng-knob.mjs.map +1 -1
  43. package/fesm2022/primeng-listbox.mjs +36 -38
  44. package/fesm2022/primeng-listbox.mjs.map +1 -1
  45. package/fesm2022/primeng-menubar.mjs +2 -2
  46. package/fesm2022/primeng-menubar.mjs.map +1 -1
  47. package/fesm2022/primeng-multiselect.mjs +38 -39
  48. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  49. package/fesm2022/primeng-password.mjs +19 -21
  50. package/fesm2022/primeng-password.mjs.map +1 -1
  51. package/fesm2022/primeng-radiobutton.mjs +16 -18
  52. package/fesm2022/primeng-radiobutton.mjs.map +1 -1
  53. package/fesm2022/primeng-rating.mjs +14 -16
  54. package/fesm2022/primeng-rating.mjs.map +1 -1
  55. package/fesm2022/primeng-select.mjs +32 -34
  56. package/fesm2022/primeng-select.mjs.map +1 -1
  57. package/fesm2022/primeng-selectbutton.mjs +15 -17
  58. package/fesm2022/primeng-selectbutton.mjs.map +1 -1
  59. package/fesm2022/primeng-slider.mjs +28 -30
  60. package/fesm2022/primeng-slider.mjs.map +1 -1
  61. package/fesm2022/primeng-stepper.mjs +32 -7
  62. package/fesm2022/primeng-stepper.mjs.map +1 -1
  63. package/fesm2022/primeng-table.mjs +13 -21
  64. package/fesm2022/primeng-table.mjs.map +1 -1
  65. package/fesm2022/primeng-textarea.mjs +10 -5
  66. package/fesm2022/primeng-textarea.mjs.map +1 -1
  67. package/fesm2022/primeng-togglebutton.mjs +13 -15
  68. package/fesm2022/primeng-togglebutton.mjs.map +1 -1
  69. package/fesm2022/primeng-toggleswitch.mjs +14 -16
  70. package/fesm2022/primeng-toggleswitch.mjs.map +1 -1
  71. package/fesm2022/primeng-tree.mjs +1 -1
  72. package/fesm2022/primeng-tree.mjs.map +1 -1
  73. package/fesm2022/primeng-treeselect.mjs +16 -18
  74. package/fesm2022/primeng-treeselect.mjs.map +1 -1
  75. package/fesm2022/primeng-treetable.mjs +8 -8
  76. package/fesm2022/primeng-treetable.mjs.map +1 -1
  77. package/inputmask/index.d.ts +8 -7
  78. package/inputnumber/index.d.ts +8 -7
  79. package/inputotp/index.d.ts +7 -5
  80. package/inputtext/index.d.ts +10 -4
  81. package/knob/index.d.ts +7 -5
  82. package/listbox/index.d.ts +8 -7
  83. package/multiselect/index.d.ts +8 -7
  84. package/package.json +213 -209
  85. package/password/index.d.ts +7 -5
  86. package/radiobutton/index.d.ts +9 -7
  87. package/rating/index.d.ts +8 -7
  88. package/select/index.d.ts +8 -7
  89. package/selectbutton/index.d.ts +9 -8
  90. package/slider/index.d.ts +9 -8
  91. package/stepper/index.d.ts +4 -0
  92. package/table/index.d.ts +1 -5
  93. package/textarea/index.d.ts +9 -4
  94. package/togglebutton/index.d.ts +8 -7
  95. package/toggleswitch/index.d.ts +7 -5
  96. package/treeselect/index.d.ts +7 -5
@@ -1,9 +1,8 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { input, booleanAttribute, signal, computed, Directive } from '@angular/core';
3
- import { isNotEmpty } from '@primeuix/utils';
4
- import { BaseComponent } from 'primeng/basecomponent';
3
+ import { BaseModelHolder } from 'primeng/basemodelholder';
5
4
 
6
- class BaseEditableHolder extends BaseComponent {
5
+ class BaseEditableHolder extends BaseModelHolder {
7
6
  /**
8
7
  * There must be a value (if set).
9
8
  * @defaultValue false
@@ -28,10 +27,29 @@ class BaseEditableHolder extends BaseComponent {
28
27
  * @group Props
29
28
  */
30
29
  name = input();
31
- modelValue = signal(undefined);
32
- $filled = computed(() => isNotEmpty(this.modelValue()));
33
- writeModelValue(value, event) {
34
- this.modelValue.set(value);
30
+ _disabled = signal(false);
31
+ $disabled = computed(() => this.disabled() || this._disabled());
32
+ onModelChange = () => { };
33
+ onModelTouched = () => { };
34
+ writeDisabledState(value) {
35
+ this._disabled.set(value);
36
+ }
37
+ writeControlValue(value, setModelValue) {
38
+ // NOOP - this method should be overridden in the derived classes
39
+ }
40
+ /**** Angular ControlValueAccessors ****/
41
+ writeValue(value) {
42
+ this.writeControlValue(value, this.writeModelValue.bind(this));
43
+ }
44
+ registerOnChange(fn) {
45
+ this.onModelChange = fn;
46
+ }
47
+ registerOnTouched(fn) {
48
+ this.onModelTouched = fn;
49
+ }
50
+ setDisabledState(val) {
51
+ this.writeDisabledState(val);
52
+ this.cd.markForCheck();
35
53
  }
36
54
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseEditableHolder, deps: null, target: i0.ɵɵFactoryTarget.Directive });
37
55
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: BaseEditableHolder, isStandalone: true, inputs: { required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
@@ -1 +1 @@
1
- {"version":3,"file":"primeng-baseeditableholder.mjs","sources":["../../src/baseeditableholder/baseeditableholder.ts","../../src/baseeditableholder/primeng-baseeditableholder.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, input, signal } from '@angular/core';\nimport { isNotEmpty } from '@primeuix/utils';\nimport { BaseComponent } from 'primeng/basecomponent';\n\n@Directive({ standalone: true })\nexport class BaseEditableHolder extends BaseComponent {\n /**\n * There must be a value (if set).\n * @defaultValue false\n * @group Props\n */\n required = input(undefined, { transform: booleanAttribute });\n /**\n * When present, it specifies that the component should have invalid state style.\n * @defaultValue false\n * @group Props\n */\n invalid = input(undefined, { transform: booleanAttribute });\n /**\n * When present, it specifies that the component should have disabled state style.\n * @defaultValue false\n * @group Props\n */\n disabled = input(undefined, { transform: booleanAttribute });\n /**\n * When present, it specifies that the name of the input.\n * @defaultValue undefined\n * @group Props\n */\n name = input<string | undefined>();\n\n modelValue = signal<string | string[] | any | undefined>(undefined);\n\n $filled = computed(() => isNotEmpty(this.modelValue()));\n\n writeModelValue(value: any, event?: any) {\n this.modelValue.set(value);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAKM,MAAO,kBAAmB,SAAQ,aAAa,CAAA;AACjD;;;;AAIG;IACH,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC5D;;;;AAIG;IACH,OAAO,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC3D;;;;AAIG;IACH,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC5D;;;;AAIG;IACH,IAAI,GAAG,KAAK,EAAsB;AAElC,IAAA,UAAU,GAAG,MAAM,CAAsC,SAAS,CAAC;AAEnE,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAEvD,eAAe,CAAC,KAAU,EAAE,KAAW,EAAA;AACnC,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;;uGA/BrB,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,SAAS;mBAAC,EAAE,UAAU,EAAE,IAAI,EAAE;;;ACJ/B;;AAEG;;;;"}
1
+ {"version":3,"file":"primeng-baseeditableholder.mjs","sources":["../../src/baseeditableholder/baseeditableholder.ts","../../src/baseeditableholder/primeng-baseeditableholder.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, input, signal } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { BaseModelHolder } from 'primeng/basemodelholder';\n\n@Directive({ standalone: true })\nexport class BaseEditableHolder extends BaseModelHolder implements ControlValueAccessor {\n /**\n * There must be a value (if set).\n * @defaultValue false\n * @group Props\n */\n required = input(undefined, { transform: booleanAttribute });\n /**\n * When present, it specifies that the component should have invalid state style.\n * @defaultValue false\n * @group Props\n */\n invalid = input(undefined, { transform: booleanAttribute });\n /**\n * When present, it specifies that the component should have disabled state style.\n * @defaultValue false\n * @group Props\n */\n disabled = input(undefined, { transform: booleanAttribute });\n /**\n * When present, it specifies that the name of the input.\n * @defaultValue undefined\n * @group Props\n */\n name = input<string | undefined>();\n\n _disabled = signal<boolean>(false);\n\n $disabled = computed(() => this.disabled() || this._disabled());\n\n onModelChange: Function = () => {};\n\n onModelTouched: Function = () => {};\n\n writeDisabledState(value: boolean) {\n this._disabled.set(value);\n }\n\n writeControlValue(value: any, setModelValue?: (value: any) => void) {\n // NOOP - this method should be overridden in the derived classes\n }\n\n /**** Angular ControlValueAccessors ****/\n writeValue(value: any) {\n this.writeControlValue(value, this.writeModelValue.bind(this));\n }\n\n registerOnChange(fn: Function) {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: Function) {\n this.onModelTouched = fn;\n }\n\n setDisabledState(val: boolean) {\n this.writeDisabledState(val);\n this.cd.markForCheck();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;AAKM,MAAO,kBAAmB,SAAQ,eAAe,CAAA;AACnD;;;;AAIG;IACH,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC5D;;;;AAIG;IACH,OAAO,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC3D;;;;AAIG;IACH,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAC5D;;;;AAIG;IACH,IAAI,GAAG,KAAK,EAAsB;AAElC,IAAA,SAAS,GAAG,MAAM,CAAU,KAAK,CAAC;AAElC,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;AAE/D,IAAA,aAAa,GAAa,MAAK,GAAG;AAElC,IAAA,cAAc,GAAa,MAAK,GAAG;AAEnC,IAAA,kBAAkB,CAAC,KAAc,EAAA;AAC7B,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;;IAG7B,iBAAiB,CAAC,KAAU,EAAE,aAAoC,EAAA;;;;AAKlE,IAAA,UAAU,CAAC,KAAU,EAAA;AACjB,QAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;AAGlE,IAAA,gBAAgB,CAAC,EAAY,EAAA;AACzB,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;;AAG3B,IAAA,iBAAiB,CAAC,EAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE;;AAG5B,IAAA,gBAAgB,CAAC,GAAY,EAAA;AACzB,QAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC;AAC5B,QAAA,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE;;uGAzDjB,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,SAAS;mBAAC,EAAE,UAAU,EAAE,IAAI,EAAE;;;ACJ/B;;AAEG;;;;"}
@@ -0,0 +1,25 @@
1
+ import * as i0 from '@angular/core';
2
+ import { signal, computed, Directive } from '@angular/core';
3
+ import { isNotEmpty } from '@primeuix/utils';
4
+ import { BaseComponent } from 'primeng/basecomponent';
5
+
6
+ class BaseModelHolder extends BaseComponent {
7
+ modelValue = signal(undefined);
8
+ $filled = computed(() => isNotEmpty(this.modelValue()));
9
+ writeModelValue(value) {
10
+ this.modelValue.set(value);
11
+ }
12
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseModelHolder, deps: null, target: i0.ɵɵFactoryTarget.Directive });
13
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: BaseModelHolder, isStandalone: true, usesInheritance: true, ngImport: i0 });
14
+ }
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseModelHolder, decorators: [{
16
+ type: Directive,
17
+ args: [{ standalone: true }]
18
+ }] });
19
+
20
+ /**
21
+ * Generated bundle index. Do not edit.
22
+ */
23
+
24
+ export { BaseModelHolder };
25
+ //# sourceMappingURL=primeng-basemodelholder.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"primeng-basemodelholder.mjs","sources":["../../src/basemodelholder/basemodelholder.ts","../../src/basemodelholder/primeng-basemodelholder.ts"],"sourcesContent":["import { computed, Directive, signal } from '@angular/core';\nimport { isNotEmpty } from '@primeuix/utils';\nimport { BaseComponent } from 'primeng/basecomponent';\n\n@Directive({ standalone: true })\nexport class BaseModelHolder extends BaseComponent {\n modelValue = signal<string | string[] | any | undefined>(undefined);\n\n $filled = computed(() => isNotEmpty(this.modelValue()));\n\n writeModelValue(value: any) {\n this.modelValue.set(value);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAKM,MAAO,eAAgB,SAAQ,aAAa,CAAA;AAC9C,IAAA,UAAU,GAAG,MAAM,CAAsC,SAAS,CAAC;AAEnE,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;AAEvD,IAAA,eAAe,CAAC,KAAU,EAAA;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;;uGANrB,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,SAAS;mBAAC,EAAE,UAAU,EAAE,IAAI,EAAE;;;ACJ/B;;AAEG;;;;"}
@@ -153,7 +153,7 @@ class Card extends BaseComponent {
153
153
  });
154
154
  }
155
155
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: Card, deps: null, target: i0.ɵɵFactoryTarget.Component });
156
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: Card, isStandalone: true, selector: "p-card", inputs: { header: "header", subheader: "subheader", style: "style", styleClass: "styleClass" }, host: { properties: { "class": "cn(cx('root'), styleClass)", "data-pc-name": "\"card\"", "style": "_style()" } }, providers: [CardStyle], queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "titleTemplate", first: true, predicate: ["title"] }, { propertyName: "subtitleTemplate", first: true, predicate: ["subtitle"] }, { propertyName: "contentTemplate", first: true, predicate: ["content"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, ngImport: i0, template: `
156
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: Card, isStandalone: true, selector: "p-card", inputs: { header: "header", subheader: "subheader", style: "style", styleClass: "styleClass" }, host: { properties: { "class": "cn(cx('root'), styleClass)", "attr.data-pc-name": "\"card\"", "style": "_style()" } }, providers: [CardStyle], queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "titleTemplate", first: true, predicate: ["title"] }, { propertyName: "subtitleTemplate", first: true, predicate: ["subtitle"] }, { propertyName: "contentTemplate", first: true, predicate: ["content"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, ngImport: i0, template: `
157
157
  <div [class]="cx('header')" *ngIf="headerFacet || headerTemplate || _headerTemplate">
158
158
  <ng-content select="p-header"></ng-content>
159
159
  <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-container>
@@ -213,7 +213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
213
213
  providers: [CardStyle],
214
214
  host: {
215
215
  '[class]': "cn(cx('root'), styleClass)",
216
- '[data-pc-name]': '"card"',
216
+ '[attr.data-pc-name]': '"card"',
217
217
  '[style]': '_style()'
218
218
  }
219
219
  }]
@@ -1 +1 @@
1
- {"version":3,"file":"primeng-card.mjs","sources":["../../src/card/style/cardstyle.ts","../../src/card/card.ts","../../src/card/primeng-card.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/card';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = /*css*/ `\n ${style}\n\n .p-card {\n display: block;\n }\n`;\n\nconst classes = {\n root: 'p-card p-component',\n header: 'p-card-header',\n body: 'p-card-body',\n caption: 'p-card-caption',\n title: 'p-card-title',\n subtitle: 'p-card-subtitle',\n content: 'p-card-content',\n footer: 'p-card-footer'\n};\n\n@Injectable()\nexport class CardStyle extends BaseStyle {\n name = 'card';\n\n theme = theme;\n\n classes = classes;\n}\n\n/**\n *\n * Card is a flexible container component.\n *\n * [Live Demo](https://www.primeng.org/card/)\n *\n * @module cardstyle\n *\n */\nexport enum CardClasses {\n /**\n * Class name of the root element\n */\n root = 'p-card',\n /**\n * Class name of the header element\n */\n header = 'p-card-header',\n /**\n * Class name of the body element\n */\n body = 'p-card-body',\n /**\n * Class name of the caption element\n */\n caption = 'p-card-caption',\n /**\n * Class name of the title element\n */\n title = 'p-card-title',\n /**\n * Class name of the subtitle element\n */\n subtitle = 'p-card-subtitle',\n /**\n * Class name of the content element\n */\n content = 'p-card-content',\n /**\n * Class name of the footer element\n */\n footer = 'p-card-footer'\n}\n\nexport interface CardStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, ContentChild, ContentChildren, inject, Input, NgModule, QueryList, signal, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { equals } from '@primeuix/utils';\nimport { BlockableUI, Footer, Header, PrimeTemplate, SharedModule } from 'primeng/api';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { CardStyle } from './style/cardstyle';\n\n/**\n * Card is a flexible container component.\n * @group Components\n */\n@Component({\n selector: 'p-card',\n standalone: true,\n imports: [CommonModule, SharedModule],\n template: `\n <div [class]=\"cx('header')\" *ngIf=\"headerFacet || headerTemplate || _headerTemplate\">\n <ng-content select=\"p-header\"></ng-content>\n <ng-container *ngTemplateOutlet=\"headerTemplate || _headerTemplate\"></ng-container>\n </div>\n <div [class]=\"cx('body')\">\n <div [class]=\"cx('title')\" *ngIf=\"header || titleTemplate || _titleTemplate\">\n <ng-container *ngIf=\"header && !_titleTemplate && !titleTemplate\">{{ header }}</ng-container>\n <ng-container *ngTemplateOutlet=\"titleTemplate || _titleTemplate\"></ng-container>\n </div>\n <div [class]=\"cx('subtitle')\" *ngIf=\"subheader || subtitleTemplate || _subtitleTemplate\">\n <ng-container *ngIf=\"subheader && !_subtitleTemplate && !subtitleTemplate\">{{ subheader }}</ng-container>\n <ng-container *ngTemplateOutlet=\"subtitleTemplate || _subtitleTemplate\"></ng-container>\n </div>\n <div [class]=\"cx('content')\">\n <ng-content></ng-content>\n <ng-container *ngTemplateOutlet=\"contentTemplate || _contentTemplate\"></ng-container>\n </div>\n <div [class]=\"cx('footer')\" *ngIf=\"footerFacet || footerTemplate || _footerTemplate\">\n <ng-content select=\"p-footer\"></ng-content>\n <ng-container *ngTemplateOutlet=\"footerTemplate || _footerTemplate\"></ng-container>\n </div>\n </div>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [CardStyle],\n host: {\n '[class]': \"cn(cx('root'), styleClass)\",\n '[data-pc-name]': '\"card\"',\n '[style]': '_style()'\n }\n})\nexport class Card extends BaseComponent implements AfterContentInit, BlockableUI {\n /**\n * Header of the card.\n * @group Props\n */\n @Input() header: string | undefined;\n /**\n * Subheader of the card.\n * @group Props\n */\n @Input() subheader: string | undefined;\n /**\n * Inline style of the element.\n * @group Props\n */\n @Input() set style(value: { [klass: string]: any } | null | undefined) {\n if (!equals(this._style(), value)) {\n this._style.set(value);\n }\n }\n /**\n * Class of the element.\n * @deprecated since v20.0.0, use `class` instead.\n * @group Props\n */\n @Input() styleClass: string | undefined;\n\n @ContentChild(Header) headerFacet: TemplateRef<any> | undefined;\n\n @ContentChild(Footer) footerFacet: TemplateRef<any> | undefined;\n\n @ContentChild('header', { descendants: false }) headerTemplate: TemplateRef<any> | undefined;\n\n @ContentChild('title', { descendants: false }) titleTemplate: TemplateRef<any> | undefined;\n\n @ContentChild('subtitle', { descendants: false }) subtitleTemplate: TemplateRef<any> | undefined;\n\n @ContentChild('content', { descendants: false }) contentTemplate: TemplateRef<any> | undefined;\n\n @ContentChild('footer', { descendants: false }) footerTemplate: TemplateRef<any> | undefined;\n\n _headerTemplate: TemplateRef<any> | undefined;\n\n _titleTemplate: TemplateRef<any> | undefined;\n\n _subtitleTemplate: TemplateRef<any> | undefined;\n\n _contentTemplate: TemplateRef<any> | undefined;\n\n _footerTemplate: TemplateRef<any> | undefined;\n\n _style = signal<{ [klass: string]: any } | null | undefined>(null);\n\n _componentStyle = inject(CardStyle);\n\n getBlockableElement(): HTMLElement {\n return this.el.nativeElement.children[0];\n }\n\n @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;\n\n ngAfterContentInit() {\n (this.templates as QueryList<PrimeTemplate>).forEach((item) => {\n switch (item.getType()) {\n case 'header':\n this._headerTemplate = item.template;\n break;\n\n case 'title':\n this._titleTemplate = item.template;\n break;\n\n case 'subtitle':\n this._subtitleTemplate = item.template;\n break;\n\n case 'content':\n this._contentTemplate = item.template;\n break;\n\n case 'footer':\n this._footerTemplate = item.template;\n break;\n\n default:\n this._contentTemplate = item.template;\n break;\n }\n });\n }\n}\n\n@NgModule({\n imports: [Card, SharedModule],\n exports: [Card, SharedModule]\n})\nexport class CardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"primeng-card.mjs","sources":["../../src/card/style/cardstyle.ts","../../src/card/card.ts","../../src/card/primeng-card.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/card';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = /*css*/ `\n ${style}\n\n .p-card {\n display: block;\n }\n`;\n\nconst classes = {\n root: 'p-card p-component',\n header: 'p-card-header',\n body: 'p-card-body',\n caption: 'p-card-caption',\n title: 'p-card-title',\n subtitle: 'p-card-subtitle',\n content: 'p-card-content',\n footer: 'p-card-footer'\n};\n\n@Injectable()\nexport class CardStyle extends BaseStyle {\n name = 'card';\n\n theme = theme;\n\n classes = classes;\n}\n\n/**\n *\n * Card is a flexible container component.\n *\n * [Live Demo](https://www.primeng.org/card/)\n *\n * @module cardstyle\n *\n */\nexport enum CardClasses {\n /**\n * Class name of the root element\n */\n root = 'p-card',\n /**\n * Class name of the header element\n */\n header = 'p-card-header',\n /**\n * Class name of the body element\n */\n body = 'p-card-body',\n /**\n * Class name of the caption element\n */\n caption = 'p-card-caption',\n /**\n * Class name of the title element\n */\n title = 'p-card-title',\n /**\n * Class name of the subtitle element\n */\n subtitle = 'p-card-subtitle',\n /**\n * Class name of the content element\n */\n content = 'p-card-content',\n /**\n * Class name of the footer element\n */\n footer = 'p-card-footer'\n}\n\nexport interface CardStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, ContentChild, ContentChildren, inject, Input, NgModule, QueryList, signal, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { equals } from '@primeuix/utils';\nimport { BlockableUI, Footer, Header, PrimeTemplate, SharedModule } from 'primeng/api';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { CardStyle } from './style/cardstyle';\n\n/**\n * Card is a flexible container component.\n * @group Components\n */\n@Component({\n selector: 'p-card',\n standalone: true,\n imports: [CommonModule, SharedModule],\n template: `\n <div [class]=\"cx('header')\" *ngIf=\"headerFacet || headerTemplate || _headerTemplate\">\n <ng-content select=\"p-header\"></ng-content>\n <ng-container *ngTemplateOutlet=\"headerTemplate || _headerTemplate\"></ng-container>\n </div>\n <div [class]=\"cx('body')\">\n <div [class]=\"cx('title')\" *ngIf=\"header || titleTemplate || _titleTemplate\">\n <ng-container *ngIf=\"header && !_titleTemplate && !titleTemplate\">{{ header }}</ng-container>\n <ng-container *ngTemplateOutlet=\"titleTemplate || _titleTemplate\"></ng-container>\n </div>\n <div [class]=\"cx('subtitle')\" *ngIf=\"subheader || subtitleTemplate || _subtitleTemplate\">\n <ng-container *ngIf=\"subheader && !_subtitleTemplate && !subtitleTemplate\">{{ subheader }}</ng-container>\n <ng-container *ngTemplateOutlet=\"subtitleTemplate || _subtitleTemplate\"></ng-container>\n </div>\n <div [class]=\"cx('content')\">\n <ng-content></ng-content>\n <ng-container *ngTemplateOutlet=\"contentTemplate || _contentTemplate\"></ng-container>\n </div>\n <div [class]=\"cx('footer')\" *ngIf=\"footerFacet || footerTemplate || _footerTemplate\">\n <ng-content select=\"p-footer\"></ng-content>\n <ng-container *ngTemplateOutlet=\"footerTemplate || _footerTemplate\"></ng-container>\n </div>\n </div>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [CardStyle],\n host: {\n '[class]': \"cn(cx('root'), styleClass)\",\n '[attr.data-pc-name]': '\"card\"',\n '[style]': '_style()'\n }\n})\nexport class Card extends BaseComponent implements AfterContentInit, BlockableUI {\n /**\n * Header of the card.\n * @group Props\n */\n @Input() header: string | undefined;\n /**\n * Subheader of the card.\n * @group Props\n */\n @Input() subheader: string | undefined;\n /**\n * Inline style of the element.\n * @group Props\n */\n @Input() set style(value: { [klass: string]: any } | null | undefined) {\n if (!equals(this._style(), value)) {\n this._style.set(value);\n }\n }\n /**\n * Class of the element.\n * @deprecated since v20.0.0, use `class` instead.\n * @group Props\n */\n @Input() styleClass: string | undefined;\n\n @ContentChild(Header) headerFacet: TemplateRef<any> | undefined;\n\n @ContentChild(Footer) footerFacet: TemplateRef<any> | undefined;\n\n @ContentChild('header', { descendants: false }) headerTemplate: TemplateRef<any> | undefined;\n\n @ContentChild('title', { descendants: false }) titleTemplate: TemplateRef<any> | undefined;\n\n @ContentChild('subtitle', { descendants: false }) subtitleTemplate: TemplateRef<any> | undefined;\n\n @ContentChild('content', { descendants: false }) contentTemplate: TemplateRef<any> | undefined;\n\n @ContentChild('footer', { descendants: false }) footerTemplate: TemplateRef<any> | undefined;\n\n _headerTemplate: TemplateRef<any> | undefined;\n\n _titleTemplate: TemplateRef<any> | undefined;\n\n _subtitleTemplate: TemplateRef<any> | undefined;\n\n _contentTemplate: TemplateRef<any> | undefined;\n\n _footerTemplate: TemplateRef<any> | undefined;\n\n _style = signal<{ [klass: string]: any } | null | undefined>(null);\n\n _componentStyle = inject(CardStyle);\n\n getBlockableElement(): HTMLElement {\n return this.el.nativeElement.children[0];\n }\n\n @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;\n\n ngAfterContentInit() {\n (this.templates as QueryList<PrimeTemplate>).forEach((item) => {\n switch (item.getType()) {\n case 'header':\n this._headerTemplate = item.template;\n break;\n\n case 'title':\n this._titleTemplate = item.template;\n break;\n\n case 'subtitle':\n this._subtitleTemplate = item.template;\n break;\n\n case 'content':\n this._contentTemplate = item.template;\n break;\n\n case 'footer':\n this._footerTemplate = item.template;\n break;\n\n default:\n this._contentTemplate = item.template;\n break;\n }\n });\n }\n}\n\n@NgModule({\n imports: [Card, SharedModule],\n exports: [Card, SharedModule]\n})\nexport class CardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
@@ -36,9 +36,9 @@ const classes = {
36
36
  'p-cascadeselect p-component p-inputwrapper',
37
37
  {
38
38
  'p-cascadeselect p-component p-inputwrapper': true,
39
- 'p-cascadeselect-clearable': instance.showClear && !instance.disabled(),
39
+ 'p-cascadeselect-clearable': instance.showClear && !instance.$disabled(),
40
40
  'p-cascadeselect-mobile': instance.queryMatches(),
41
- 'p-disabled': instance.disabled(),
41
+ 'p-disabled': instance.$disabled(),
42
42
  'p-invalid': instance.invalid(),
43
43
  'p-focus': instance.focused,
44
44
  'p-inputwrapper-filled': instance.modelValue(),
@@ -736,8 +736,6 @@ class CascadeSelect extends BaseEditableHolder {
736
736
  dirty = false;
737
737
  searchValue;
738
738
  searchTimeout;
739
- onModelChange = () => { };
740
- onModelTouched = () => { };
741
739
  focusedOptionInfo = signal({ index: -1, level: 0, parentKey: '' });
742
740
  activeOptionPath = signal([]);
743
741
  processedOptions = [];
@@ -852,7 +850,7 @@ class CascadeSelect extends BaseEditableHolder {
852
850
  return processedOptions;
853
851
  }
854
852
  onInputFocus(event) {
855
- if (this.disabled()) {
853
+ if (this.$disabled()) {
856
854
  // For screenreaders
857
855
  return;
858
856
  }
@@ -867,7 +865,7 @@ class CascadeSelect extends BaseEditableHolder {
867
865
  this.onBlur.emit(event);
868
866
  }
869
867
  onInputKeyDown(event) {
870
- if (this.disabled() || this.loading) {
868
+ if (this.$disabled() || this.loading) {
871
869
  event.preventDefault();
872
870
  return;
873
871
  }
@@ -1091,7 +1089,7 @@ class CascadeSelect extends BaseEditableHolder {
1091
1089
  this.onGroupChange.emit(event);
1092
1090
  }
1093
1091
  onContainerClick(event) {
1094
- if (this.disabled() || this.loading) {
1092
+ if (this.$disabled() || this.loading) {
1095
1093
  return;
1096
1094
  }
1097
1095
  if (!this.overlayViewChild?.el?.nativeElement?.contains(event.target)) {
@@ -1378,17 +1376,17 @@ class CascadeSelect extends BaseEditableHolder {
1378
1376
  break;
1379
1377
  }
1380
1378
  }
1381
- writeValue(value) {
1379
+ /**
1380
+ * @override
1381
+ *
1382
+ * @see {@link BaseEditableHolder.writeControlValue}
1383
+ * Writes the value to the control.
1384
+ */
1385
+ writeControlValue(value, setModelValue) {
1382
1386
  this.value = value;
1383
- this.updateModel(value);
1387
+ setModelValue(value);
1384
1388
  this.cd.markForCheck();
1385
1389
  }
1386
- registerOnChange(fn) {
1387
- this.onModelChange = fn;
1388
- }
1389
- registerOnTouched(fn) {
1390
- this.onModelTouched = fn;
1391
- }
1392
1390
  ngOnDestroy() {
1393
1391
  if (this.matchMediaListener) {
1394
1392
  this.unbindMatchMediaListener();
@@ -1404,13 +1402,13 @@ class CascadeSelect extends BaseEditableHolder {
1404
1402
  role="combobox"
1405
1403
  [attr.name]="name()"
1406
1404
  [attr.required]="required() ? '' : undefined"
1407
- [attr.disabled]="disabled() ? '' : undefined"
1405
+ [attr.disabled]="$disabled() ? '' : undefined"
1408
1406
  [attr.placeholder]="placeholder"
1409
- [attr.tabindex]="!disabled() ? tabindex : -1"
1407
+ [attr.tabindex]="!$disabled() ? tabindex : -1"
1410
1408
  [attr.id]="inputId"
1411
1409
  [attr.aria-label]="ariaLabel"
1412
1410
  [attr.aria-labelledby]="ariaLabelledBy"
1413
- aria-haspopup="tree"
1411
+ [attr.aria-haspopup]="'tree'"
1414
1412
  [attr.aria-expanded]="overlayVisible ?? false"
1415
1413
  [attr.aria-controls]="overlayVisible ? id + '_tree' : null"
1416
1414
  [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
@@ -1429,7 +1427,7 @@ class CascadeSelect extends BaseEditableHolder {
1429
1427
  </ng-template>
1430
1428
  </span>
1431
1429
 
1432
- <ng-container *ngIf="$filled() && !disabled() && showClear">
1430
+ <ng-container *ngIf="$filled() && !$disabled() && showClear">
1433
1431
  <svg data-p-icon="times" *ngIf="!clearIconTemplate && !_clearIconTemplate" [class]="cx('clearIcon')" (click)="clear($event)" [attr.data-pc-section]="'clearicon'" [attr.aria-hidden]="true" />
1434
1432
  <span *ngIf="clearIconTemplate || _clearIconTemplate" [class]="cx('clearIcon')" (click)="clear($event)" [attr.data-pc-section]="'clearicon'" [attr.aria-hidden]="true">
1435
1433
  <ng-template *ngTemplateOutlet="clearIconTemplate || _clearIconTemplate"></ng-template>
@@ -1519,13 +1517,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
1519
1517
  role="combobox"
1520
1518
  [attr.name]="name()"
1521
1519
  [attr.required]="required() ? '' : undefined"
1522
- [attr.disabled]="disabled() ? '' : undefined"
1520
+ [attr.disabled]="$disabled() ? '' : undefined"
1523
1521
  [attr.placeholder]="placeholder"
1524
- [attr.tabindex]="!disabled() ? tabindex : -1"
1522
+ [attr.tabindex]="!$disabled() ? tabindex : -1"
1525
1523
  [attr.id]="inputId"
1526
1524
  [attr.aria-label]="ariaLabel"
1527
1525
  [attr.aria-labelledby]="ariaLabelledBy"
1528
- aria-haspopup="tree"
1526
+ [attr.aria-haspopup]="'tree'"
1529
1527
  [attr.aria-expanded]="overlayVisible ?? false"
1530
1528
  [attr.aria-controls]="overlayVisible ? id + '_tree' : null"
1531
1529
  [attr.aria-activedescendant]="focused ? focusedOptionId : undefined"
@@ -1544,7 +1542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
1544
1542
  </ng-template>
1545
1543
  </span>
1546
1544
 
1547
- <ng-container *ngIf="$filled() && !disabled() && showClear">
1545
+ <ng-container *ngIf="$filled() && !$disabled() && showClear">
1548
1546
  <svg data-p-icon="times" *ngIf="!clearIconTemplate && !_clearIconTemplate" [class]="cx('clearIcon')" (click)="clear($event)" [attr.data-pc-section]="'clearicon'" [attr.aria-hidden]="true" />
1549
1547
  <span *ngIf="clearIconTemplate || _clearIconTemplate" [class]="cx('clearIcon')" (click)="clear($event)" [attr.data-pc-section]="'clearicon'" [attr.aria-hidden]="true">
1550
1548
  <ng-template *ngTemplateOutlet="clearIconTemplate || _clearIconTemplate"></ng-template>