@radix-ng/primitives 0.9.1 → 0.11.0

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 (111) hide show
  1. package/accordion/src/accordion-content.directive.d.ts +12 -60
  2. package/accordion/src/accordion-header.directive.d.ts +2 -18
  3. package/accordion/src/accordion-item.directive.d.ts +52 -26
  4. package/accordion/src/accordion-root.directive.d.ts +41 -20
  5. package/accordion/src/accordion-trigger.directive.d.ts +6 -22
  6. package/collapsible/src/collapsible-content.directive.d.ts +8 -2
  7. package/collapsible/src/collapsible-content.token.d.ts +3 -0
  8. package/collapsible/src/collapsible-root.directive.d.ts +7 -4
  9. package/compodoc/documentation.json +11395 -0
  10. package/dropdown-menu/src/dropdown-menu-content.directive.d.ts +6 -7
  11. package/dropdown-menu/src/dropdown-menu-trigger.directive.d.ts +7 -6
  12. package/esm2022/accordion/src/accordion-content.directive.mjs +21 -122
  13. package/esm2022/accordion/src/accordion-header.directive.mjs +10 -31
  14. package/esm2022/accordion/src/accordion-item.directive.mjs +144 -57
  15. package/esm2022/accordion/src/accordion-root.directive.mjs +101 -64
  16. package/esm2022/accordion/src/accordion-trigger.directive.mjs +22 -41
  17. package/esm2022/alert-dialog/src/alert-dialog-cancel.directive.mjs +3 -3
  18. package/esm2022/alert-dialog/src/alert-dialog-content.directive.mjs +3 -3
  19. package/esm2022/alert-dialog/src/alert-dialog-root.directive.mjs +3 -3
  20. package/esm2022/alert-dialog/src/alert-dialog-title.directive.mjs +3 -3
  21. package/esm2022/alert-dialog/src/alert-dialog-trigger.directive.mjs +3 -3
  22. package/esm2022/alert-dialog/src/alert-dialog.service.mjs +3 -3
  23. package/esm2022/avatar/src/avatar-fallback.directive.mjs +3 -3
  24. package/esm2022/avatar/src/avatar-image.directive.mjs +3 -3
  25. package/esm2022/avatar/src/avatar-root.directive.mjs +3 -3
  26. package/esm2022/checkbox/src/checkbox-button.directive.mjs +3 -3
  27. package/esm2022/checkbox/src/checkbox-indicator.directive.mjs +3 -3
  28. package/esm2022/checkbox/src/checkbox-input.directive.mjs +3 -3
  29. package/esm2022/checkbox/src/checkbox.directive.mjs +3 -3
  30. package/esm2022/collapsible/src/collapsible-content.directive.mjs +20 -7
  31. package/esm2022/collapsible/src/collapsible-content.token.mjs +3 -0
  32. package/esm2022/collapsible/src/collapsible-root.directive.mjs +17 -13
  33. package/esm2022/collapsible/src/collapsible-trigger.directive.mjs +3 -3
  34. package/esm2022/dropdown-menu/src/dropdown-menu-content.directive.mjs +30 -16
  35. package/esm2022/dropdown-menu/src/dropdown-menu-item-checkbox.directive.mjs +3 -3
  36. package/esm2022/dropdown-menu/src/dropdown-menu-item-indicator.directive.mjs +3 -3
  37. package/esm2022/dropdown-menu/src/dropdown-menu-item-radio-group.directive.mjs +3 -3
  38. package/esm2022/dropdown-menu/src/dropdown-menu-item-radio.directive.mjs +3 -3
  39. package/esm2022/dropdown-menu/src/dropdown-menu-item-selectable.mjs +3 -3
  40. package/esm2022/dropdown-menu/src/dropdown-menu-item.directive.mjs +17 -13
  41. package/esm2022/dropdown-menu/src/dropdown-menu-label.directive.mjs +3 -3
  42. package/esm2022/dropdown-menu/src/dropdown-menu-separator.directive.mjs +3 -3
  43. package/esm2022/dropdown-menu/src/dropdown-menu-trigger.directive.mjs +34 -26
  44. package/esm2022/label/src/label.directive.mjs +10 -5
  45. package/esm2022/menu/index.mjs +4 -4
  46. package/esm2022/menu/src/menu-content.directive.mjs +3 -3
  47. package/esm2022/menu/src/menu-directive.mjs +3 -3
  48. package/esm2022/menu/src/menu-group.directive.mjs +3 -3
  49. package/esm2022/menu/src/menu-item.directive.mjs +3 -3
  50. package/esm2022/menu/src/menu-label.directive.mjs +3 -3
  51. package/esm2022/menu/src/menu-separator.directive.mjs +3 -3
  52. package/esm2022/menubar/index.mjs +4 -4
  53. package/esm2022/menubar/src/menubar-content.directive.mjs +3 -3
  54. package/esm2022/menubar/src/menubar-item-checkbox.directive.mjs +3 -3
  55. package/esm2022/menubar/src/menubar-item-indicator.directive.mjs +3 -3
  56. package/esm2022/menubar/src/menubar-item-radio.directive.mjs +3 -3
  57. package/esm2022/menubar/src/menubar-item.directive.mjs +3 -3
  58. package/esm2022/menubar/src/menubar-radio-group.directive.mjs +3 -3
  59. package/esm2022/menubar/src/menubar-root.directive.mjs +3 -3
  60. package/esm2022/menubar/src/menubar-separator.directive.mjs +3 -3
  61. package/esm2022/menubar/src/menubar-trigger.directive.mjs +3 -3
  62. package/esm2022/progress/src/progress-indicator.directive.mjs +3 -3
  63. package/esm2022/progress/src/progress-root.directive.mjs +3 -3
  64. package/esm2022/radio/src/radio-indicator.directive.mjs +10 -10
  65. package/esm2022/radio/src/radio-item.directive.mjs +29 -18
  66. package/esm2022/radio/src/radio-root.directive.mjs +110 -16
  67. package/esm2022/radio/src/radio-tokens.mjs +3 -0
  68. package/esm2022/separator/src/separator.directive.mjs +7 -8
  69. package/esm2022/switch/index.mjs +4 -4
  70. package/esm2022/switch/src/switch-input.directive.mjs +3 -3
  71. package/esm2022/switch/src/switch-root.directive.mjs +3 -3
  72. package/esm2022/switch/src/switch-thumb.directive.mjs +3 -3
  73. package/esm2022/tabs/index.mjs +4 -4
  74. package/esm2022/tabs/src/tabs-content.directive.mjs +3 -3
  75. package/esm2022/tabs/src/tabs-context.service.mjs +3 -3
  76. package/esm2022/tabs/src/tabs-list.directive.mjs +3 -3
  77. package/esm2022/tabs/src/tabs-root.directive.mjs +3 -3
  78. package/esm2022/tabs/src/tabs-trigger.directive.mjs +3 -3
  79. package/esm2022/toggle/src/toggle.directive.mjs +3 -3
  80. package/esm2022/toggle-group/src/toggle-group-button.directive.mjs +3 -3
  81. package/esm2022/toggle-group/src/toggle-group-multi.directive.mjs +3 -3
  82. package/esm2022/toggle-group/src/toggle-group.directive.mjs +3 -3
  83. package/fesm2022/radix-ng-primitives-accordion.mjs +305 -324
  84. package/fesm2022/radix-ng-primitives-accordion.mjs.map +1 -1
  85. package/fesm2022/radix-ng-primitives-alert-dialog.mjs +18 -18
  86. package/fesm2022/radix-ng-primitives-avatar.mjs +9 -9
  87. package/fesm2022/radix-ng-primitives-checkbox.mjs +12 -12
  88. package/fesm2022/radix-ng-primitives-collapsible.mjs +61 -44
  89. package/fesm2022/radix-ng-primitives-collapsible.mjs.map +1 -1
  90. package/fesm2022/radix-ng-primitives-dropdown-menu.mjs +97 -70
  91. package/fesm2022/radix-ng-primitives-dropdown-menu.mjs.map +1 -1
  92. package/fesm2022/radix-ng-primitives-label.mjs +9 -4
  93. package/fesm2022/radix-ng-primitives-label.mjs.map +1 -1
  94. package/fesm2022/radix-ng-primitives-menu.mjs +22 -22
  95. package/fesm2022/radix-ng-primitives-menubar.mjs +31 -31
  96. package/fesm2022/radix-ng-primitives-progress.mjs +6 -6
  97. package/fesm2022/radix-ng-primitives-radio.mjs +182 -77
  98. package/fesm2022/radix-ng-primitives-radio.mjs.map +1 -1
  99. package/fesm2022/radix-ng-primitives-separator.mjs +6 -7
  100. package/fesm2022/radix-ng-primitives-separator.mjs.map +1 -1
  101. package/fesm2022/radix-ng-primitives-switch.mjs +13 -13
  102. package/fesm2022/radix-ng-primitives-tabs.mjs +19 -19
  103. package/fesm2022/radix-ng-primitives-toggle-group.mjs +9 -9
  104. package/fesm2022/radix-ng-primitives-toggle.mjs +3 -3
  105. package/label/src/label.directive.d.ts +9 -3
  106. package/package.json +1 -1
  107. package/radio/src/radio-indicator.directive.d.ts +4 -2
  108. package/radio/src/radio-item.directive.d.ts +10 -5
  109. package/radio/src/radio-root.directive.d.ts +19 -18
  110. package/radio/src/radio-tokens.d.ts +12 -0
  111. package/separator/src/separator.directive.d.ts +1 -1
@@ -28,10 +28,10 @@ export class RdxTabsTriggerDirective {
28
28
  this.tabsContext?.setValue(this.value());
29
29
  }
30
30
  }
31
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxTabsTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
32
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: RdxTabsTriggerDirective, isStandalone: true, selector: "[rdxTabsTrigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "role": "tab" }, listeners: { "mousedown": "onMouseDown($event)", "keydown": "onKeyDown($event)" }, properties: { "id": "triggerId", "attr.aria-selected": "selected()", "attr.aria-controls": "contentId()", "attr.data-disabled": "disabled() ? '' : undefined", "attr.data-state": "selected() ? 'active' : 'inactive'" } }, ngImport: i0 }); }
31
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxTabsTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
32
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: RdxTabsTriggerDirective, isStandalone: true, selector: "[rdxTabsTrigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "role": "tab" }, listeners: { "mousedown": "onMouseDown($event)", "keydown": "onKeyDown($event)" }, properties: { "id": "triggerId", "attr.aria-selected": "selected()", "attr.aria-controls": "contentId()", "attr.data-disabled": "disabled() ? '' : undefined", "attr.data-state": "selected() ? 'active' : 'inactive'" } }, ngImport: i0 }); }
33
33
  }
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxTabsTriggerDirective, decorators: [{
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxTabsTriggerDirective, decorators: [{
35
35
  type: Directive,
36
36
  args: [{
37
37
  selector: '[rdxTabsTrigger]',
@@ -16,10 +16,10 @@ export class RdxToggleDirective {
16
16
  this.onPressedChange.emit(this.pressed());
17
17
  }
18
18
  }
19
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
20
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: RdxToggleDirective, isStandalone: true, selector: "button[rdxToggle]", inputs: { defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange", onPressedChange: "onPressedChange" }, host: { attributes: { "type": "button" }, listeners: { "click": "toggle()" }, properties: { "attr.aria-pressed": "pressed()", "attr.data-state": "pressed() ? \"on\" : \"off\"", "attr.data-disabled": "disabled()" } }, exportAs: ["rdxToggle"], ngImport: i0 }); }
19
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
20
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: RdxToggleDirective, isStandalone: true, selector: "button[rdxToggle]", inputs: { defaultPressed: { classPropertyName: "defaultPressed", publicName: "defaultPressed", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange", onPressedChange: "onPressedChange" }, host: { attributes: { "type": "button" }, listeners: { "click": "toggle()" }, properties: { "attr.aria-pressed": "pressed()", "attr.data-state": "pressed() ? \"on\" : \"off\"", "attr.data-disabled": "disabled()" } }, exportAs: ["rdxToggle"], ngImport: i0 }); }
21
21
  }
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxToggleDirective, decorators: [{
22
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxToggleDirective, decorators: [{
23
23
  type: Directive,
24
24
  args: [{
25
25
  selector: 'button[rdxToggle]',
@@ -46,10 +46,10 @@ export class RdxToggleGroupButtonDirective {
46
46
  updateDisabled() {
47
47
  // TODO
48
48
  }
49
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxToggleGroupButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
50
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.1.2", type: RdxToggleGroupButtonDirective, isStandalone: true, selector: "button[rdxToggleGroupButton]", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute] }, host: { attributes: { "role": "radio" }, listeners: { "click": "toggle()" }, properties: { "attr.aria-checked": "checked", "attr.aria-disabled": "disabled || toggleGroup.disabled", "attr.data-disabled": "disabled || toggleGroup.disabled", "attr.data-state": "checked ? \"on\" : \"off\"", "attr.data-orientation": "toggleGroup.orientation" } }, providers: [{ provide: RdxToggleGroupButtonToken, useExisting: RdxToggleGroupButtonDirective }], usesOnChanges: true, ngImport: i0 }); }
49
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxToggleGroupButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
50
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: RdxToggleGroupButtonDirective, isStandalone: true, selector: "button[rdxToggleGroupButton]", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute] }, host: { attributes: { "role": "radio" }, listeners: { "click": "toggle()" }, properties: { "attr.aria-checked": "checked", "attr.aria-disabled": "disabled || toggleGroup.disabled", "attr.data-disabled": "disabled || toggleGroup.disabled", "attr.data-state": "checked ? \"on\" : \"off\"", "attr.data-orientation": "toggleGroup.orientation" } }, providers: [{ provide: RdxToggleGroupButtonToken, useExisting: RdxToggleGroupButtonDirective }], usesOnChanges: true, ngImport: i0 }); }
51
51
  }
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxToggleGroupButtonDirective, decorators: [{
52
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxToggleGroupButtonDirective, decorators: [{
53
53
  type: Directive,
54
54
  args: [{
55
55
  selector: 'button[rdxToggleGroupButton]',
@@ -100,13 +100,13 @@ export class RdxToggleGroupMultiDirective {
100
100
  this.disabled = isDisabled;
101
101
  this.buttons?.forEach((button) => button.updateDisabled());
102
102
  }
103
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxToggleGroupMultiDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
104
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.1.2", type: RdxToggleGroupMultiDirective, isStandalone: true, selector: "[rdxToggleGroupMulti]", inputs: { value: ["rdxToggleGroupMultiValue", "value"], orientation: ["rdxToggleGroupMultiOrientation", "orientation"], disabled: ["rdxToggleGroupMultiDisabled", "disabled", booleanAttribute], wrap: ["rdxToggleGroupMultiWrap", "wrap", booleanAttribute], valueChange: ["rdxToggleGroupMultiValueChange", "valueChange"] }, host: { attributes: { "role": "group" }, listeners: { "focusout": "onTouched?.()" }, properties: { "attr.data-orientation": "orientation" } }, providers: [
103
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxToggleGroupMultiDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
104
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: RdxToggleGroupMultiDirective, isStandalone: true, selector: "[rdxToggleGroupMulti]", inputs: { value: ["rdxToggleGroupMultiValue", "value"], orientation: ["rdxToggleGroupMultiOrientation", "orientation"], disabled: ["rdxToggleGroupMultiDisabled", "disabled", booleanAttribute], wrap: ["rdxToggleGroupMultiWrap", "wrap", booleanAttribute], valueChange: ["rdxToggleGroupMultiValueChange", "valueChange"] }, host: { attributes: { "role": "group" }, listeners: { "focusout": "onTouched?.()" }, properties: { "attr.data-orientation": "orientation" } }, providers: [
105
105
  { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupMultiDirective },
106
106
  { provide: NG_VALUE_ACCESSOR, useExisting: RdxToggleGroupMultiDirective, multi: true }
107
107
  ], queries: [{ propertyName: "buttons", predicate: RdxToggleGroupButtonToken }], usesOnChanges: true, ngImport: i0 }); }
108
108
  }
109
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxToggleGroupMultiDirective, decorators: [{
109
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxToggleGroupMultiDirective, decorators: [{
110
110
  type: Directive,
111
111
  args: [{
112
112
  selector: '[rdxToggleGroupMulti]',
@@ -94,13 +94,13 @@ export class RdxToggleGroupDirective {
94
94
  this.disabled = isDisabled;
95
95
  this.buttons?.forEach((button) => button.updateDisabled());
96
96
  }
97
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
98
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.1.2", type: RdxToggleGroupDirective, isStandalone: true, selector: "[rdxToggleGroup]", inputs: { value: "value", orientation: "orientation", disabled: ["disabled", "disabled", booleanAttribute], wrap: ["wrap", "wrap", booleanAttribute], valueChange: "valueChange" }, host: { attributes: { "role": "group" }, listeners: { "focusout": "onTouched?.()" }, properties: { "attr.data-orientation": "orientation" } }, providers: [
97
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
98
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: RdxToggleGroupDirective, isStandalone: true, selector: "[rdxToggleGroup]", inputs: { value: "value", orientation: "orientation", disabled: ["disabled", "disabled", booleanAttribute], wrap: ["wrap", "wrap", booleanAttribute], valueChange: "valueChange" }, host: { attributes: { "role": "group" }, listeners: { "focusout": "onTouched?.()" }, properties: { "attr.data-orientation": "orientation" } }, providers: [
99
99
  { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupDirective },
100
100
  { provide: NG_VALUE_ACCESSOR, useExisting: RdxToggleGroupDirective, multi: true }
101
101
  ], queries: [{ propertyName: "buttons", predicate: RdxToggleGroupButtonToken }], usesOnChanges: true, ngImport: i0 }); }
102
102
  }
103
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: RdxToggleGroupDirective, decorators: [{
103
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RdxToggleGroupDirective, decorators: [{
104
104
  type: Directive,
105
105
  args: [{
106
106
  selector: '[rdxToggleGroup]',