@frame-ui-ng/components 0.3.0-beta.0 → 0.4.1

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 (172) hide show
  1. package/button/src/styles/button.css +5 -1
  2. package/button-group/src/styles/button-group.css +6 -0
  3. package/confirm-popover/src/styles/confirm-popover.css +20 -0
  4. package/drag-drop/src/styles/_vars.css +28 -0
  5. package/drag-drop/src/styles/drag-drop.css +132 -0
  6. package/fesm2022/frame-ui-ng-components-accordion.mjs +26 -21
  7. package/fesm2022/frame-ui-ng-components-accordion.mjs.map +1 -1
  8. package/fesm2022/frame-ui-ng-components-alert.mjs +4 -0
  9. package/fesm2022/frame-ui-ng-components-alert.mjs.map +1 -1
  10. package/fesm2022/frame-ui-ng-components-avatar.mjs +7 -0
  11. package/fesm2022/frame-ui-ng-components-avatar.mjs.map +1 -1
  12. package/fesm2022/frame-ui-ng-components-badge.mjs +4 -0
  13. package/fesm2022/frame-ui-ng-components-badge.mjs.map +1 -1
  14. package/fesm2022/frame-ui-ng-components-breadcrumb.mjs +13 -6
  15. package/fesm2022/frame-ui-ng-components-breadcrumb.mjs.map +1 -1
  16. package/fesm2022/frame-ui-ng-components-button-group.mjs +1 -0
  17. package/fesm2022/frame-ui-ng-components-button-group.mjs.map +1 -1
  18. package/fesm2022/frame-ui-ng-components-button.mjs +5 -0
  19. package/fesm2022/frame-ui-ng-components-button.mjs.map +1 -1
  20. package/fesm2022/frame-ui-ng-components-calendar.mjs +4 -0
  21. package/fesm2022/frame-ui-ng-components-calendar.mjs.map +1 -1
  22. package/fesm2022/frame-ui-ng-components-card.mjs +15 -15
  23. package/fesm2022/frame-ui-ng-components-card.mjs.map +1 -1
  24. package/fesm2022/frame-ui-ng-components-carousel.mjs +33 -16
  25. package/fesm2022/frame-ui-ng-components-carousel.mjs.map +1 -1
  26. package/fesm2022/frame-ui-ng-components-checkbox.mjs +7 -9
  27. package/fesm2022/frame-ui-ng-components-checkbox.mjs.map +1 -1
  28. package/fesm2022/frame-ui-ng-components-collapsible.mjs +24 -23
  29. package/fesm2022/frame-ui-ng-components-collapsible.mjs.map +1 -1
  30. package/fesm2022/frame-ui-ng-components-combobox.mjs +113 -68
  31. package/fesm2022/frame-ui-ng-components-combobox.mjs.map +1 -1
  32. package/fesm2022/frame-ui-ng-components-command.mjs +47 -16
  33. package/fesm2022/frame-ui-ng-components-command.mjs.map +1 -1
  34. package/fesm2022/frame-ui-ng-components-confirm-modal.mjs +165 -0
  35. package/fesm2022/frame-ui-ng-components-confirm-modal.mjs.map +1 -0
  36. package/fesm2022/frame-ui-ng-components-confirm-popover.mjs +423 -0
  37. package/fesm2022/frame-ui-ng-components-confirm-popover.mjs.map +1 -0
  38. package/fesm2022/frame-ui-ng-components-context-menu.mjs +71 -45
  39. package/fesm2022/frame-ui-ng-components-context-menu.mjs.map +1 -1
  40. package/fesm2022/frame-ui-ng-components-date-picker.mjs +3 -0
  41. package/fesm2022/frame-ui-ng-components-date-picker.mjs.map +1 -1
  42. package/fesm2022/frame-ui-ng-components-drag-drop.mjs +293 -0
  43. package/fesm2022/frame-ui-ng-components-drag-drop.mjs.map +1 -0
  44. package/fesm2022/frame-ui-ng-components-dropdown-menu.mjs +74 -37
  45. package/fesm2022/frame-ui-ng-components-dropdown-menu.mjs.map +1 -1
  46. package/fesm2022/frame-ui-ng-components-empty.mjs +6 -0
  47. package/fesm2022/frame-ui-ng-components-empty.mjs.map +1 -1
  48. package/fesm2022/frame-ui-ng-components-field.mjs +21 -12
  49. package/fesm2022/frame-ui-ng-components-field.mjs.map +1 -1
  50. package/fesm2022/frame-ui-ng-components-forms.mjs +1 -0
  51. package/fesm2022/frame-ui-ng-components-forms.mjs.map +1 -1
  52. package/fesm2022/frame-ui-ng-components-hover-card.mjs +49 -43
  53. package/fesm2022/frame-ui-ng-components-hover-card.mjs.map +1 -1
  54. package/fesm2022/frame-ui-ng-components-input-otp.mjs +69 -69
  55. package/fesm2022/frame-ui-ng-components-input-otp.mjs.map +1 -1
  56. package/fesm2022/frame-ui-ng-components-input.mjs +13 -0
  57. package/fesm2022/frame-ui-ng-components-input.mjs.map +1 -1
  58. package/fesm2022/frame-ui-ng-components-item.mjs +10 -0
  59. package/fesm2022/frame-ui-ng-components-item.mjs.map +1 -1
  60. package/fesm2022/frame-ui-ng-components-menubar.mjs +15 -0
  61. package/fesm2022/frame-ui-ng-components-menubar.mjs.map +1 -1
  62. package/fesm2022/frame-ui-ng-components-modal.mjs +221 -129
  63. package/fesm2022/frame-ui-ng-components-modal.mjs.map +1 -1
  64. package/fesm2022/frame-ui-ng-components-navigation-menu.mjs +14 -0
  65. package/fesm2022/frame-ui-ng-components-navigation-menu.mjs.map +1 -1
  66. package/fesm2022/frame-ui-ng-components-pagination.mjs +45 -36
  67. package/fesm2022/frame-ui-ng-components-pagination.mjs.map +1 -1
  68. package/fesm2022/frame-ui-ng-components-popover.mjs +63 -51
  69. package/fesm2022/frame-ui-ng-components-popover.mjs.map +1 -1
  70. package/fesm2022/frame-ui-ng-components-progress.mjs +4 -1
  71. package/fesm2022/frame-ui-ng-components-progress.mjs.map +1 -1
  72. package/fesm2022/frame-ui-ng-components-radio-group.mjs +5 -0
  73. package/fesm2022/frame-ui-ng-components-radio-group.mjs.map +1 -1
  74. package/fesm2022/frame-ui-ng-components-resizable.mjs +22 -26
  75. package/fesm2022/frame-ui-ng-components-resizable.mjs.map +1 -1
  76. package/fesm2022/frame-ui-ng-components-select.mjs +62 -14
  77. package/fesm2022/frame-ui-ng-components-select.mjs.map +1 -1
  78. package/fesm2022/frame-ui-ng-components-separator.mjs +1 -0
  79. package/fesm2022/frame-ui-ng-components-separator.mjs.map +1 -1
  80. package/fesm2022/frame-ui-ng-components-sheet.mjs +118 -104
  81. package/fesm2022/frame-ui-ng-components-sheet.mjs.map +1 -1
  82. package/fesm2022/frame-ui-ng-components-sidebar.mjs +45 -24
  83. package/fesm2022/frame-ui-ng-components-sidebar.mjs.map +1 -1
  84. package/fesm2022/frame-ui-ng-components-skeleton.mjs +1 -0
  85. package/fesm2022/frame-ui-ng-components-skeleton.mjs.map +1 -1
  86. package/fesm2022/frame-ui-ng-components-slider.mjs +82 -75
  87. package/fesm2022/frame-ui-ng-components-slider.mjs.map +1 -1
  88. package/fesm2022/frame-ui-ng-components-spinner.mjs +1 -0
  89. package/fesm2022/frame-ui-ng-components-spinner.mjs.map +1 -1
  90. package/fesm2022/frame-ui-ng-components-switch.mjs +6 -0
  91. package/fesm2022/frame-ui-ng-components-switch.mjs.map +1 -1
  92. package/fesm2022/frame-ui-ng-components-table.mjs +76 -50
  93. package/fesm2022/frame-ui-ng-components-table.mjs.map +1 -1
  94. package/fesm2022/frame-ui-ng-components-tabs.mjs +4 -0
  95. package/fesm2022/frame-ui-ng-components-tabs.mjs.map +1 -1
  96. package/fesm2022/frame-ui-ng-components-textarea.mjs +1 -0
  97. package/fesm2022/frame-ui-ng-components-textarea.mjs.map +1 -1
  98. package/fesm2022/frame-ui-ng-components-toast.mjs +2 -0
  99. package/fesm2022/frame-ui-ng-components-toast.mjs.map +1 -1
  100. package/fesm2022/frame-ui-ng-components-toggle.mjs +23 -16
  101. package/fesm2022/frame-ui-ng-components-toggle.mjs.map +1 -1
  102. package/fesm2022/frame-ui-ng-components-tooltip.mjs +74 -25
  103. package/fesm2022/frame-ui-ng-components-tooltip.mjs.map +1 -1
  104. package/fesm2022/frame-ui-ng-components-utils.mjs +20 -0
  105. package/fesm2022/frame-ui-ng-components-utils.mjs.map +1 -0
  106. package/fesm2022/frame-ui-ng-components-virtual-scroll.mjs +36 -20
  107. package/fesm2022/frame-ui-ng-components-virtual-scroll.mjs.map +1 -1
  108. package/fesm2022/frame-ui-ng-components.mjs +1737 -845
  109. package/fesm2022/frame-ui-ng-components.mjs.map +1 -1
  110. package/item/src/styles/item.css +188 -187
  111. package/modal/src/styles/modal.css +10 -1
  112. package/package.json +18 -2
  113. package/popover/src/styles/popover.css +106 -101
  114. package/sidebar/src/styles/sidebar.css +10 -4
  115. package/src/styles/blueprint.css +98 -0
  116. package/src/styles/components.css +2 -0
  117. package/styles/blueprint.css +98 -0
  118. package/styles/components.css +2 -0
  119. package/styles.css +2 -0
  120. package/tooltip/src/styles/tooltip.css +4 -4
  121. package/types/frame-ui-ng-components-accordion.d.ts +11 -4
  122. package/types/frame-ui-ng-components-alert.d.ts +4 -0
  123. package/types/frame-ui-ng-components-avatar.d.ts +7 -0
  124. package/types/frame-ui-ng-components-badge.d.ts +4 -0
  125. package/types/frame-ui-ng-components-breadcrumb.d.ts +7 -0
  126. package/types/frame-ui-ng-components-button-group.d.ts +1 -0
  127. package/types/frame-ui-ng-components-button.d.ts +5 -0
  128. package/types/frame-ui-ng-components-calendar.d.ts +1 -0
  129. package/types/frame-ui-ng-components-card.d.ts +8 -3
  130. package/types/frame-ui-ng-components-carousel.d.ts +11 -2
  131. package/types/frame-ui-ng-components-checkbox.d.ts +3 -2
  132. package/types/frame-ui-ng-components-collapsible.d.ts +9 -4
  133. package/types/frame-ui-ng-components-combobox.d.ts +33 -4
  134. package/types/frame-ui-ng-components-command.d.ts +26 -4
  135. package/types/frame-ui-ng-components-confirm-modal.d.ts +50 -0
  136. package/types/frame-ui-ng-components-confirm-popover.d.ts +87 -0
  137. package/types/frame-ui-ng-components-context-menu.d.ts +29 -10
  138. package/types/frame-ui-ng-components-date-picker.d.ts +1 -0
  139. package/types/frame-ui-ng-components-drag-drop.d.ts +103 -0
  140. package/types/frame-ui-ng-components-dropdown-menu.d.ts +32 -9
  141. package/types/frame-ui-ng-components-empty.d.ts +6 -0
  142. package/types/frame-ui-ng-components-field.d.ts +9 -0
  143. package/types/frame-ui-ng-components-forms.d.ts +1 -0
  144. package/types/frame-ui-ng-components-hover-card.d.ts +8 -2
  145. package/types/frame-ui-ng-components-input-otp.d.ts +5 -1
  146. package/types/frame-ui-ng-components-input.d.ts +13 -0
  147. package/types/frame-ui-ng-components-item.d.ts +10 -0
  148. package/types/frame-ui-ng-components-menubar.d.ts +15 -0
  149. package/types/frame-ui-ng-components-modal.d.ts +30 -7
  150. package/types/frame-ui-ng-components-navigation-menu.d.ts +14 -0
  151. package/types/frame-ui-ng-components-pagination.d.ts +8 -0
  152. package/types/frame-ui-ng-components-popover.d.ts +14 -2
  153. package/types/frame-ui-ng-components-progress.d.ts +2 -0
  154. package/types/frame-ui-ng-components-radio-group.d.ts +5 -0
  155. package/types/frame-ui-ng-components-resizable.d.ts +3 -0
  156. package/types/frame-ui-ng-components-select.d.ts +23 -2
  157. package/types/frame-ui-ng-components-separator.d.ts +1 -0
  158. package/types/frame-ui-ng-components-sheet.d.ts +13 -0
  159. package/types/frame-ui-ng-components-sidebar.d.ts +23 -2
  160. package/types/frame-ui-ng-components-skeleton.d.ts +1 -0
  161. package/types/frame-ui-ng-components-slider.d.ts +5 -2
  162. package/types/frame-ui-ng-components-spinner.d.ts +1 -0
  163. package/types/frame-ui-ng-components-switch.d.ts +6 -0
  164. package/types/frame-ui-ng-components-table.d.ts +26 -0
  165. package/types/frame-ui-ng-components-tabs.d.ts +4 -0
  166. package/types/frame-ui-ng-components-textarea.d.ts +1 -0
  167. package/types/frame-ui-ng-components-toast.d.ts +2 -0
  168. package/types/frame-ui-ng-components-toggle.d.ts +8 -2
  169. package/types/frame-ui-ng-components-tooltip.d.ts +11 -2
  170. package/types/frame-ui-ng-components-utils.d.ts +5 -0
  171. package/types/frame-ui-ng-components-virtual-scroll.d.ts +11 -2
  172. package/types/frame-ui-ng-components.d.ts +525 -96
@@ -29,7 +29,7 @@
29
29
  --frame-spinner-indicator-color: currentColor;
30
30
  position: relative;
31
31
  display: inline-flex;
32
- min-width: 2rem;
32
+ min-width: fit-content;
33
33
  min-height: var(--frame-button-root-height, 2.5rem);
34
34
  align-items: center;
35
35
  justify-content: center;
@@ -81,6 +81,10 @@
81
81
  transition: opacity 150ms ease;
82
82
  }
83
83
 
84
+ :root[data-frame-corner-handles='false'] .frame-button::before {
85
+ content: none;
86
+ }
87
+
84
88
  .frame-icon-button {
85
89
  inline-size: var(--frame-button-root-height, 2.5rem);
86
90
  min-inline-size: var(--frame-button-root-height, 2.5rem);
@@ -90,6 +90,12 @@ frame-button-group::before {
90
90
  pointer-events: none;
91
91
  }
92
92
 
93
+ :root[data-frame-corner-handles='false'] .frame-button-group::before,
94
+ :root[data-frame-corner-handles='false'] [frButtonGroup]::before,
95
+ :root[data-frame-corner-handles='false'] frame-button-group::before {
96
+ content: none;
97
+ }
98
+
93
99
  .frame-button-group > .frame-button::before,
94
100
  .frame-button-group > [frButton]::before,
95
101
  [frButtonGroup] > .frame-button::before,
@@ -0,0 +1,20 @@
1
+ .frame-confirm-popover-overlay {
2
+ --frame-popover-content-width: var(--frame-confirm-popover-content-width, 19rem);
3
+ }
4
+
5
+ .frame-confirm-popover__content {
6
+ --frame-blueprint-radius: var(--frame-popover-content-radius);
7
+ gap: var(--frame-confirm-popover-gap, var(--frame-popover-content-gap));
8
+ }
9
+
10
+ .frame-confirm-popover__title {
11
+ margin: 0;
12
+ }
13
+
14
+ .frame-confirm-popover__description {
15
+ margin: 0;
16
+ }
17
+
18
+ .frame-confirm-popover__footer {
19
+ justify-content: flex-end;
20
+ }
@@ -0,0 +1,28 @@
1
+ :root {
2
+ --frame-drag-drop-gap: 0.75rem;
3
+ --frame-drag-drop-group-gap: 1rem;
4
+ --frame-drop-list-min-height: 3.5rem;
5
+ --frame-drop-list-padding: 0.5rem;
6
+ --frame-drop-list-radius: var(--frame-radius-lg);
7
+ --frame-drop-list-bg: var(--frame-surface);
8
+ --frame-drop-list-border: var(--frame-border);
9
+ --frame-drop-list-hover-border: color-mix(in srgb, var(--frame-primary) 45%, var(--frame-border));
10
+ --frame-drop-list-disabled-opacity: 0.55;
11
+ --frame-drag-gap: 0.75rem;
12
+ --frame-drag-padding: 0.875rem;
13
+ --frame-drag-radius: var(--frame-radius-md);
14
+ --frame-drag-bg: var(--frame-background);
15
+ --frame-drag-color: var(--frame-foreground);
16
+ --frame-drag-border: var(--frame-border);
17
+ --frame-drag-shadow: var(--frame-shadow-xs);
18
+ --frame-drag-hover-bg: var(--frame-accent);
19
+ --frame-drag-preview-bg: var(--frame-background);
20
+ --frame-drag-preview-shadow: var(--frame-shadow-xl);
21
+ --frame-drag-placeholder-opacity: 0.24;
22
+ --frame-drag-placeholder-bg: color-mix(in srgb, var(--frame-primary) 12%, transparent);
23
+ --frame-drag-placeholder-border: color-mix(in srgb, var(--frame-primary) 45%, transparent);
24
+ --frame-drag-sort-duration: 250ms;
25
+ --frame-drag-sort-easing: cubic-bezier(0, 0, 0.2, 1);
26
+ --frame-drag-handle-color: var(--frame-muted-foreground);
27
+ --frame-drag-handle-hover-color: var(--frame-foreground);
28
+ }
@@ -0,0 +1,132 @@
1
+ @import './_vars.css';
2
+
3
+ [frDragDropGroup],
4
+ frame-drag-drop-group {
5
+ display: flex;
6
+ flex-wrap: wrap;
7
+ gap: var(--frame-drag-drop-group-gap);
8
+ align-items: flex-start;
9
+ }
10
+
11
+ [frDragDropGroup][data-disabled],
12
+ frame-drag-drop-group[data-disabled] {
13
+ opacity: var(--frame-drop-list-disabled-opacity);
14
+ }
15
+
16
+ [frDropList],
17
+ frame-drop-list {
18
+ box-sizing: border-box;
19
+ display: grid;
20
+ gap: var(--frame-drag-drop-gap);
21
+ min-height: var(--frame-drop-list-min-height);
22
+ width: 100%;
23
+ padding: var(--frame-drop-list-padding);
24
+ border: 1px solid var(--frame-drop-list-border);
25
+ border-radius: var(--frame-drop-list-radius);
26
+ background: var(--frame-drop-list-bg);
27
+ transition:
28
+ background-color 140ms ease,
29
+ border-color 140ms ease,
30
+ opacity 140ms ease;
31
+ }
32
+
33
+ [frDropList][data-orientation='horizontal'],
34
+ frame-drop-list[data-orientation='horizontal'] {
35
+ display: flex;
36
+ flex-direction: row;
37
+ align-items: stretch;
38
+ overflow-x: auto;
39
+ }
40
+
41
+ [frDropList].cdk-drop-list-dragging,
42
+ frame-drop-list.cdk-drop-list-dragging {
43
+ border-color: var(--frame-drop-list-hover-border);
44
+ }
45
+
46
+ [frDropList][data-disabled],
47
+ frame-drop-list[data-disabled] {
48
+ opacity: var(--frame-drop-list-disabled-opacity);
49
+ }
50
+
51
+ [frDrag],
52
+ frame-drag {
53
+ box-sizing: border-box;
54
+ display: flex;
55
+ align-items: flex-start;
56
+ gap: var(--frame-drag-gap);
57
+ min-width: 0;
58
+ padding: var(--frame-drag-padding);
59
+ border: 1px solid var(--frame-drag-border);
60
+ border-radius: var(--frame-drag-radius);
61
+ background: var(--frame-drag-bg);
62
+ color: var(--frame-drag-color);
63
+ box-shadow: var(--frame-drag-shadow);
64
+ cursor: grab;
65
+ touch-action: none;
66
+ transition:
67
+ background-color 140ms ease,
68
+ border-color 140ms ease,
69
+ box-shadow 140ms ease,
70
+ opacity 140ms ease;
71
+ }
72
+
73
+ [frDrag]:where(:not([data-disabled])):hover,
74
+ frame-drag:where(:not([data-disabled])):hover {
75
+ background: var(--frame-drag-hover-bg);
76
+ }
77
+
78
+ [frDrag].cdk-drag-dragging,
79
+ frame-drag.cdk-drag-dragging {
80
+ cursor: grabbing;
81
+ transition: none;
82
+ }
83
+
84
+ [frDrag][data-disabled],
85
+ frame-drag[data-disabled] {
86
+ cursor: not-allowed;
87
+ opacity: var(--frame-drop-list-disabled-opacity);
88
+ }
89
+
90
+ [frDrag].cdk-drag-preview,
91
+ frame-drag.cdk-drag-preview {
92
+ box-sizing: border-box;
93
+ background: var(--frame-drag-preview-bg);
94
+ box-shadow: var(--frame-drag-preview-shadow);
95
+ }
96
+
97
+ .cdk-drag-placeholder.frame-drag,
98
+ .cdk-drag-placeholder[frDrag] {
99
+ opacity: var(--frame-drag-placeholder-opacity);
100
+ border-style: dashed;
101
+ border-color: var(--frame-drag-placeholder-border);
102
+ background: var(--frame-drag-placeholder-bg);
103
+ box-shadow: none;
104
+ }
105
+
106
+ [frDropList].cdk-drop-list-dragging [frDrag]:not(.cdk-drag-placeholder),
107
+ frame-drop-list.cdk-drop-list-dragging frame-drag:not(.cdk-drag-placeholder) {
108
+ transition: transform var(--frame-drag-sort-duration) var(--frame-drag-sort-easing);
109
+ }
110
+
111
+ [frDragHandle],
112
+ frame-drag-handle {
113
+ display: inline-flex;
114
+ flex: 0 0 auto;
115
+ align-items: center;
116
+ justify-content: center;
117
+ color: var(--frame-drag-handle-color);
118
+ cursor: grab;
119
+ touch-action: none;
120
+ transition: color 140ms ease;
121
+ }
122
+
123
+ [frDragHandle]:where(:not([data-disabled])):hover,
124
+ frame-drag-handle:where(:not([data-disabled])):hover {
125
+ color: var(--frame-drag-handle-hover-color);
126
+ }
127
+
128
+ [frDragHandle][data-disabled],
129
+ frame-drag-handle[data-disabled] {
130
+ cursor: not-allowed;
131
+ opacity: var(--frame-drop-list-disabled-opacity);
132
+ }
@@ -1,26 +1,32 @@
1
1
  import * as i0 from '@angular/core';
2
- import { InjectionToken, inject, ElementRef, effect, Directive, input, booleanAttribute, computed, output, signal, NgModule } from '@angular/core';
2
+ import { InjectionToken, inject, ElementRef, Directive, input, booleanAttribute, computed, output, linkedSignal, NgModule } from '@angular/core';
3
3
 
4
4
  const ACCORDION_ROOT = new InjectionToken('FrAccordion');
5
5
  const ACCORDION_ITEM = new InjectionToken('FrAccordionItem');
6
6
 
7
+ /** Content slot for accordion. */
7
8
  class FrAccordionContent {
8
9
  host = inject(ElementRef);
9
10
  item = inject(ACCORDION_ITEM);
10
11
  initialized = false;
12
+ lastOpen = false;
11
13
  rafIds = [];
12
- constructor() {
13
- effect((onCleanup) => {
14
- const open = this.item.open();
15
- this.cancelAnimationFrame();
16
- if (!this.initialized) {
17
- this.applyStaticState(open);
18
- this.initialized = true;
19
- return;
20
- }
21
- this.animate(open);
22
- onCleanup(() => this.cancelAnimationFrame());
23
- });
14
+ ngAfterViewInit() {
15
+ this.lastOpen = this.item.open();
16
+ this.applyStaticState(this.lastOpen);
17
+ this.initialized = true;
18
+ }
19
+ ngDoCheck() {
20
+ const open = this.item.open();
21
+ if (!this.initialized || open === this.lastOpen) {
22
+ return;
23
+ }
24
+ this.cancelAnimationFrame();
25
+ this.lastOpen = open;
26
+ this.animate(open);
27
+ }
28
+ ngOnDestroy() {
29
+ this.cancelAnimationFrame();
24
30
  }
25
31
  onTransitionEnd(event) {
26
32
  if (event.target !== this.host.nativeElement || event.propertyName !== 'height') {
@@ -97,9 +103,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
97
103
  'role': 'region',
98
104
  },
99
105
  }]
100
- }], ctorParameters: () => [] });
106
+ }] });
101
107
 
102
108
  let accordionItemId = 0;
109
+ /** Item slot for accordion. */
103
110
  class FrAccordionItem {
104
111
  root = inject(ACCORDION_ROOT);
105
112
  itemId = ++accordionItemId;
@@ -132,18 +139,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
132
139
  }]
133
140
  }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
134
141
 
142
+ /** Accordion component primitive. */
135
143
  class FrAccordion {
136
144
  type = input('single', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
137
145
  border = input(true, { ...(ngDevMode ? { debugName: "border" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
138
146
  collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
139
147
  defaultValue = input(null, ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
140
148
  valueChange = output();
141
- openItems = signal([], ...(ngDevMode ? [{ debugName: "openItems" }] : /* istanbul ignore next */ []));
142
- constructor() {
143
- effect(() => {
144
- this.openItems.set(this.normalizeValues(this.defaultValue(), this.type()));
145
- });
146
- }
149
+ openItems = linkedSignal(() => this.normalizeValues(this.defaultValue(), this.type()), ...(ngDevMode ? [{ debugName: "openItems" }] : /* istanbul ignore next */ []));
147
150
  isItemOpen(value) {
148
151
  return this.openItems().includes(value);
149
152
  }
@@ -199,8 +202,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
199
202
  '[attr.data-type]': 'type()',
200
203
  },
201
204
  }]
202
- }], ctorParameters: () => [], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
205
+ }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
203
206
 
207
+ /** Trigger control for accordion. */
204
208
  class FrAccordionTrigger {
205
209
  item = inject(ACCORDION_ITEM);
206
210
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -224,6 +228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
224
228
  },
225
229
  }]
226
230
  }] });
231
+ /** Icon slot for accordion. */
227
232
  class FrAccordionIcon {
228
233
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAccordionIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
229
234
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAccordionIcon, isStandalone: true, selector: "[frAccordionIcon]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "frame-accordion__icon" }, ngImport: i0 });
@@ -1 +1 @@
1
- {"version":3,"file":"frame-ui-ng-components-accordion.mjs","sources":["../../../projects/components/accordion/src/accordion.tokens.ts","../../../projects/components/accordion/src/accordion.content.ts","../../../projects/components/accordion/src/accordion.item.ts","../../../projects/components/accordion/src/accordion.root.ts","../../../projects/components/accordion/src/accordion.trigger.ts","../../../projects/components/accordion/src/accordion.types.ts","../../../projects/components/accordion/accordion.module.ts","../../../projects/components/accordion/frame-ui-ng-components-accordion.ts"],"sourcesContent":["import { InjectionToken, Signal } from '@angular/core';\n\nexport interface FrAccordionRootContext {\n isItemOpen(value: string): boolean;\n toggleItem(value: string): void;\n}\n\nexport interface FrAccordionItemContext {\n readonly contentId: Signal<string>;\n readonly disabled: Signal<boolean>;\n readonly open: Signal<boolean>;\n readonly triggerId: Signal<string>;\n toggle(): void;\n}\n\nexport const ACCORDION_ROOT = new InjectionToken<FrAccordionRootContext>('FrAccordion');\nexport const ACCORDION_ITEM = new InjectionToken<FrAccordionItemContext>('FrAccordionItem');\n","import { Directive, ElementRef, effect, inject } from '@angular/core';\r\n\r\nimport { ACCORDION_ITEM } from './accordion.tokens';\r\n\r\n@Directive({\r\n selector: '[frAccordionContent]',\r\n standalone: true,\r\n host: {\r\n class: 'frame-accordion__content',\r\n '[attr.aria-hidden]': 'item.open() ? \"false\" : \"true\"',\r\n '[attr.aria-labelledby]': 'item.triggerId()',\r\n '[attr.data-state]': 'item.open() ? \"open\" : \"closed\"',\r\n '[attr.id]': 'item.contentId()',\r\n '(transitionend)': 'onTransitionEnd($event)',\r\n 'role': 'region',\r\n },\r\n})\r\nexport class FrAccordionContent {\r\n private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n protected readonly item = inject(ACCORDION_ITEM);\r\n private initialized = false;\r\n private rafIds: number[] = [];\r\n\r\n constructor() {\r\n effect((onCleanup) => {\r\n const open = this.item.open();\r\n\r\n this.cancelAnimationFrame();\r\n\r\n if (!this.initialized) {\r\n this.applyStaticState(open);\r\n this.initialized = true;\r\n return;\r\n }\r\n\r\n this.animate(open);\r\n onCleanup(() => this.cancelAnimationFrame());\r\n });\r\n }\r\n\r\n onTransitionEnd(event: TransitionEvent): void {\r\n if (event.target !== this.host.nativeElement || event.propertyName !== 'height') {\r\n return;\r\n }\r\n\r\n if (!this.item.open()) {\r\n this.host.nativeElement.style.visibility = 'hidden';\r\n return;\r\n }\r\n\r\n this.host.nativeElement.style.height = 'auto';\r\n }\r\n\r\n private animate(open: boolean): void {\r\n const element = this.host.nativeElement;\r\n const currentHeight = element.getBoundingClientRect().height;\r\n const contentHeight = this.measureContentHeight();\r\n\r\n if (open) {\r\n element.style.visibility = 'visible';\r\n element.style.height = `${currentHeight}px`;\r\n\r\n if (currentHeight === 0) {\r\n element.style.opacity = '0';\r\n }\r\n\r\n void element.offsetHeight;\r\n\r\n this.requestAnimationFrame(() => {\r\n element.style.height = `${contentHeight}px`;\r\n element.style.opacity = '1';\r\n });\r\n return;\r\n }\r\n\r\n element.style.height = `${currentHeight || contentHeight}px`;\r\n element.style.opacity = '1';\r\n void element.offsetHeight;\r\n\r\n this.requestAnimationFrame(() => {\r\n element.style.height = '0px';\r\n element.style.opacity = '0';\r\n });\r\n }\r\n\r\n private applyStaticState(open: boolean): void {\r\n const element = this.host.nativeElement;\r\n\r\n element.style.height = open ? 'auto' : '0px';\r\n element.style.opacity = open ? '1' : '0';\r\n element.style.visibility = open ? 'visible' : 'hidden';\r\n }\r\n\r\n private measureContentHeight(): number {\r\n return this.host.nativeElement.scrollHeight;\r\n }\r\n\r\n private cancelAnimationFrame(): void {\r\n for (const rafId of this.rafIds) {\r\n cancelAnimationFrame(rafId);\r\n }\r\n\r\n this.rafIds = [];\r\n }\r\n\r\n private requestAnimationFrame(callback: FrameRequestCallback): void {\r\n const rafId = requestAnimationFrame((time) => {\r\n this.rafIds = this.rafIds.filter((id) => id !== rafId);\r\n callback(time);\r\n });\r\n\r\n this.rafIds.push(rafId);\r\n }\r\n}\r\n","import {\n Directive,\n booleanAttribute,\n computed,\n inject,\n input,\n} from '@angular/core';\n\nimport { ACCORDION_ITEM, ACCORDION_ROOT } from './accordion.tokens';\n\nlet accordionItemId = 0;\n\n@Directive({\n selector: '[frAccordionItem]',\n exportAs: 'frAccordionItem',\n standalone: true,\n providers: [{ provide: ACCORDION_ITEM, useExisting: FrAccordionItem }],\n host: {\n class: 'frame-accordion__item',\n '[attr.data-disabled]': 'disabled() ? \"\" : null',\n '[attr.data-state]': 'open() ? \"open\" : \"closed\"',\n },\n})\nexport class FrAccordionItem {\n private readonly root = inject(ACCORDION_ROOT);\n private readonly itemId = ++accordionItemId;\n\n readonly value = input.required<string>();\n readonly disabled = input(false, { transform: booleanAttribute });\n\n readonly open = computed(() => this.root.isItemOpen(this.value()));\n readonly triggerId = computed(() => `frame-accordion-trigger-${this.itemId}`);\n readonly contentId = computed(() => `frame-accordion-content-${this.itemId}`);\n\n toggle(): void {\n if (this.disabled()) {\n return;\n }\n\n this.root.toggleItem(this.value());\n }\n}\n","import {\n Directive,\n booleanAttribute,\n effect,\n input,\n output,\n signal,\n} from '@angular/core';\n\nimport { ACCORDION_ROOT } from './accordion.tokens';\nimport { FrAccordionType } from './accordion.types';\n\n@Directive({\n selector: '[frAccordion]',\n exportAs: 'frAccordion',\n standalone: true,\n providers: [{ provide: ACCORDION_ROOT, useExisting: FrAccordion }],\n host: {\n class: 'frame-accordion',\n '[attr.data-border]': 'border() ? \"true\" : \"false\"',\n '[attr.data-type]': 'type()',\n },\n})\nexport class FrAccordion {\n readonly type = input<FrAccordionType>('single');\n readonly border = input(true, { transform: booleanAttribute });\n readonly collapsible = input(false, { transform: booleanAttribute });\n readonly defaultValue = input<string | readonly string[] | null>(null);\n readonly valueChange = output<string | string[] | null>();\n\n private readonly openItems = signal<string[]>([]);\n\n constructor() {\n effect(() => {\n this.openItems.set(this.normalizeValues(this.defaultValue(), this.type()));\n });\n }\n\n isItemOpen(value: string): boolean {\n return this.openItems().includes(value);\n }\n\n toggleItem(value: string): void {\n const current = this.openItems();\n const isOpen = current.includes(value);\n\n if (this.type() === 'multiple') {\n const next = isOpen\n ? current.filter((item) => item !== value)\n : [...current, value];\n this.commit(next);\n return;\n }\n\n if (isOpen) {\n if (!this.collapsible()) {\n return;\n }\n\n this.commit([]);\n return;\n }\n\n this.commit([value]);\n }\n\n private commit(next: string[]): void {\n this.openItems.set(next);\n\n if (this.type() === 'multiple') {\n this.valueChange.emit(next);\n return;\n }\n\n this.valueChange.emit(next[0] ?? null);\n }\n\n private normalizeValues(\n value: string | readonly string[] | null,\n type: FrAccordionType,\n ): string[] {\n if (Array.isArray(value)) {\n return type === 'multiple' ? [...value] : value.length ? [value[0]] : [];\n }\n\n if (value == null || value === '') {\n return [];\n }\n\n return [value as string];\n }\n}\n","import { Directive, inject } from '@angular/core';\n\nimport { ACCORDION_ITEM } from './accordion.tokens';\n\n@Directive({\n selector: 'button[frAccordionTrigger]',\n standalone: true,\n host: {\n class: 'frame-accordion__trigger',\n '[attr.aria-controls]': 'item.contentId()',\n '[attr.aria-expanded]': 'item.open() ? \"true\" : \"false\"',\n '[attr.data-disabled]': 'item.disabled() ? \"\" : null',\n '[attr.data-state]': 'item.open() ? \"open\" : \"closed\"',\n '[attr.disabled]': 'item.disabled() ? \"\" : null',\n '[attr.id]': 'item.triggerId()',\n 'type': 'button',\n '(click)': 'item.toggle()',\n },\n})\nexport class FrAccordionTrigger {\n protected readonly item = inject(ACCORDION_ITEM);\n}\n\n@Directive({\n selector: '[frAccordionIcon]',\n standalone: true,\n host: {\n class: 'frame-accordion__icon',\n 'aria-hidden': 'true',\n },\n})\nexport class FrAccordionIcon {}\n","export const FR_ACCORDION_TYPES = ['single', 'multiple'] as const;\n\nexport type FrAccordionType = (typeof FR_ACCORDION_TYPES)[number];\n","import { NgModule } from '@angular/core';\nimport {\n FrAccordion,\n FrAccordionContent,\n FrAccordionIcon,\n FrAccordionItem,\n FrAccordionTrigger,\n} from './src/accordion';\n\n@NgModule({\n imports: [\n FrAccordion,\n FrAccordionContent,\n FrAccordionIcon,\n FrAccordionItem,\n FrAccordionTrigger,\n ],\n exports: [\n FrAccordion,\n FrAccordionContent,\n FrAccordionIcon,\n FrAccordionItem,\n FrAccordionTrigger,\n ],\n})\nexport class FrAccordionModule {}\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":"frame-ui-ng-components-accordion.mjs","sources":["../../../projects/components/accordion/src/accordion.tokens.ts","../../../projects/components/accordion/src/accordion.content.ts","../../../projects/components/accordion/src/accordion.item.ts","../../../projects/components/accordion/src/accordion.root.ts","../../../projects/components/accordion/src/accordion.trigger.ts","../../../projects/components/accordion/src/accordion.types.ts","../../../projects/components/accordion/accordion.module.ts","../../../projects/components/accordion/frame-ui-ng-components-accordion.ts"],"sourcesContent":["import { InjectionToken, Signal } from '@angular/core';\n\nexport interface FrAccordionRootContext {\n isItemOpen(value: string): boolean;\n toggleItem(value: string): void;\n}\n\nexport interface FrAccordionItemContext {\n readonly contentId: Signal<string>;\n readonly disabled: Signal<boolean>;\n readonly open: Signal<boolean>;\n readonly triggerId: Signal<string>;\n toggle(): void;\n}\n\nexport const ACCORDION_ROOT = new InjectionToken<FrAccordionRootContext>('FrAccordion');\nexport const ACCORDION_ITEM = new InjectionToken<FrAccordionItemContext>('FrAccordionItem');\n","import { AfterViewInit, Directive, DoCheck, ElementRef, OnDestroy, inject } from '@angular/core';\r\n\r\nimport { ACCORDION_ITEM } from './accordion.tokens';\r\n\r\n/** Content slot for accordion. */\r\n@Directive({\r\n selector: '[frAccordionContent]',\r\n standalone: true,\r\n host: {\r\n class: 'frame-accordion__content',\r\n '[attr.aria-hidden]': 'item.open() ? \"false\" : \"true\"',\r\n '[attr.aria-labelledby]': 'item.triggerId()',\r\n '[attr.data-state]': 'item.open() ? \"open\" : \"closed\"',\r\n '[attr.id]': 'item.contentId()',\r\n '(transitionend)': 'onTransitionEnd($event)',\r\n 'role': 'region',\r\n },\r\n})\r\nexport class FrAccordionContent implements AfterViewInit, DoCheck, OnDestroy {\r\n private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n protected readonly item = inject(ACCORDION_ITEM);\r\n private initialized = false;\r\n private lastOpen = false;\r\n private rafIds: number[] = [];\r\n\r\n ngAfterViewInit(): void {\r\n this.lastOpen = this.item.open();\r\n this.applyStaticState(this.lastOpen);\r\n this.initialized = true;\r\n }\r\n\r\n ngDoCheck(): void {\r\n const open = this.item.open();\r\n\r\n if (!this.initialized || open === this.lastOpen) {\r\n return;\r\n }\r\n\r\n this.cancelAnimationFrame();\r\n this.lastOpen = open;\r\n this.animate(open);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.cancelAnimationFrame();\r\n }\r\n\r\n onTransitionEnd(event: TransitionEvent): void {\r\n if (event.target !== this.host.nativeElement || event.propertyName !== 'height') {\r\n return;\r\n }\r\n\r\n if (!this.item.open()) {\r\n this.host.nativeElement.style.visibility = 'hidden';\r\n return;\r\n }\r\n\r\n this.host.nativeElement.style.height = 'auto';\r\n }\r\n\r\n private animate(open: boolean): void {\r\n const element = this.host.nativeElement;\r\n const currentHeight = element.getBoundingClientRect().height;\r\n const contentHeight = this.measureContentHeight();\r\n\r\n if (open) {\r\n element.style.visibility = 'visible';\r\n element.style.height = `${currentHeight}px`;\r\n\r\n if (currentHeight === 0) {\r\n element.style.opacity = '0';\r\n }\r\n\r\n void element.offsetHeight;\r\n\r\n this.requestAnimationFrame(() => {\r\n element.style.height = `${contentHeight}px`;\r\n element.style.opacity = '1';\r\n });\r\n return;\r\n }\r\n\r\n element.style.height = `${currentHeight || contentHeight}px`;\r\n element.style.opacity = '1';\r\n void element.offsetHeight;\r\n\r\n this.requestAnimationFrame(() => {\r\n element.style.height = '0px';\r\n element.style.opacity = '0';\r\n });\r\n }\r\n\r\n private applyStaticState(open: boolean): void {\r\n const element = this.host.nativeElement;\r\n\r\n element.style.height = open ? 'auto' : '0px';\r\n element.style.opacity = open ? '1' : '0';\r\n element.style.visibility = open ? 'visible' : 'hidden';\r\n }\r\n\r\n private measureContentHeight(): number {\r\n return this.host.nativeElement.scrollHeight;\r\n }\r\n\r\n private cancelAnimationFrame(): void {\r\n for (const rafId of this.rafIds) {\r\n cancelAnimationFrame(rafId);\r\n }\r\n\r\n this.rafIds = [];\r\n }\r\n\r\n private requestAnimationFrame(callback: FrameRequestCallback): void {\r\n const rafId = requestAnimationFrame((time) => {\r\n this.rafIds = this.rafIds.filter((id) => id !== rafId);\r\n callback(time);\r\n });\r\n\r\n this.rafIds.push(rafId);\r\n }\r\n}\r\n","import {\r\n Directive,\r\n booleanAttribute,\r\n computed,\r\n inject,\r\n input,\r\n} from '@angular/core';\r\n\r\nimport { ACCORDION_ITEM, ACCORDION_ROOT } from './accordion.tokens';\r\n\r\nlet accordionItemId = 0;\r\n\r\n/** Item slot for accordion. */\r\n@Directive({\r\n selector: '[frAccordionItem]',\r\n exportAs: 'frAccordionItem',\r\n standalone: true,\r\n providers: [{ provide: ACCORDION_ITEM, useExisting: FrAccordionItem }],\r\n host: {\r\n class: 'frame-accordion__item',\r\n '[attr.data-disabled]': 'disabled() ? \"\" : null',\r\n '[attr.data-state]': 'open() ? \"open\" : \"closed\"',\r\n },\r\n})\r\nexport class FrAccordionItem {\r\n private readonly root = inject(ACCORDION_ROOT);\r\n private readonly itemId = ++accordionItemId;\r\n\r\n readonly value = input.required<string>();\r\n readonly disabled = input(false, { transform: booleanAttribute });\r\n\r\n readonly open = computed(() => this.root.isItemOpen(this.value()));\r\n readonly triggerId = computed(() => `frame-accordion-trigger-${this.itemId}`);\r\n readonly contentId = computed(() => `frame-accordion-content-${this.itemId}`);\r\n\r\n toggle(): void {\r\n if (this.disabled()) {\r\n return;\r\n }\r\n\r\n this.root.toggleItem(this.value());\r\n }\r\n}\r\n","import {\r\n Directive,\r\n booleanAttribute,\r\n input,\r\n linkedSignal,\r\n output,\r\n} from '@angular/core';\r\n\r\nimport { ACCORDION_ROOT } from './accordion.tokens';\r\nimport { FrAccordionType } from './accordion.types';\r\n\r\n/** Accordion component primitive. */\r\n@Directive({\r\n selector: '[frAccordion]',\r\n exportAs: 'frAccordion',\r\n standalone: true,\r\n providers: [{ provide: ACCORDION_ROOT, useExisting: FrAccordion }],\r\n host: {\r\n class: 'frame-accordion',\r\n '[attr.data-border]': 'border() ? \"true\" : \"false\"',\r\n '[attr.data-type]': 'type()',\r\n },\r\n})\r\nexport class FrAccordion {\r\n readonly type = input<FrAccordionType>('single');\r\n readonly border = input(true, { transform: booleanAttribute });\r\n readonly collapsible = input(false, { transform: booleanAttribute });\r\n readonly defaultValue = input<string | readonly string[] | null>(null);\r\n readonly valueChange = output<string | string[] | null>();\r\n\r\n private readonly openItems = linkedSignal(() => this.normalizeValues(this.defaultValue(), this.type()));\r\n\r\n isItemOpen(value: string): boolean {\r\n return this.openItems().includes(value);\r\n }\r\n\r\n toggleItem(value: string): void {\r\n const current = this.openItems();\r\n const isOpen = current.includes(value);\r\n\r\n if (this.type() === 'multiple') {\r\n const next = isOpen\r\n ? current.filter((item) => item !== value)\r\n : [...current, value];\r\n this.commit(next);\r\n return;\r\n }\r\n\r\n if (isOpen) {\r\n if (!this.collapsible()) {\r\n return;\r\n }\r\n\r\n this.commit([]);\r\n return;\r\n }\r\n\r\n this.commit([value]);\r\n }\r\n\r\n private commit(next: string[]): void {\r\n this.openItems.set(next);\r\n\r\n if (this.type() === 'multiple') {\r\n this.valueChange.emit(next);\r\n return;\r\n }\r\n\r\n this.valueChange.emit(next[0] ?? null);\r\n }\r\n\r\n private normalizeValues(\r\n value: string | readonly string[] | null,\r\n type: FrAccordionType,\r\n ): string[] {\r\n if (Array.isArray(value)) {\r\n return type === 'multiple' ? [...value] : value.length ? [value[0]] : [];\r\n }\r\n\r\n if (value == null || value === '') {\r\n return [];\r\n }\r\n\r\n return [value as string];\r\n }\r\n}\r\n","import { Directive, inject } from '@angular/core';\r\n\r\nimport { ACCORDION_ITEM } from './accordion.tokens';\r\n\r\n/** Trigger control for accordion. */\r\n@Directive({\r\n selector: 'button[frAccordionTrigger]',\r\n standalone: true,\r\n host: {\r\n class: 'frame-accordion__trigger',\r\n '[attr.aria-controls]': 'item.contentId()',\r\n '[attr.aria-expanded]': 'item.open() ? \"true\" : \"false\"',\r\n '[attr.data-disabled]': 'item.disabled() ? \"\" : null',\r\n '[attr.data-state]': 'item.open() ? \"open\" : \"closed\"',\r\n '[attr.disabled]': 'item.disabled() ? \"\" : null',\r\n '[attr.id]': 'item.triggerId()',\r\n 'type': 'button',\r\n '(click)': 'item.toggle()',\r\n },\r\n})\r\nexport class FrAccordionTrigger {\r\n protected readonly item = inject(ACCORDION_ITEM);\r\n}\r\n\r\n/** Icon slot for accordion. */\r\n@Directive({\r\n selector: '[frAccordionIcon]',\r\n standalone: true,\r\n host: {\r\n class: 'frame-accordion__icon',\r\n 'aria-hidden': 'true',\r\n },\r\n})\r\nexport class FrAccordionIcon {}\r\n","export const FR_ACCORDION_TYPES = ['single', 'multiple'] as const;\n\nexport type FrAccordionType = (typeof FR_ACCORDION_TYPES)[number];\n","import { NgModule } from '@angular/core';\nimport {\n FrAccordion,\n FrAccordionContent,\n FrAccordionIcon,\n FrAccordionItem,\n FrAccordionTrigger,\n} from './src/accordion';\n\n@NgModule({\n imports: [\n FrAccordion,\n FrAccordionContent,\n FrAccordionIcon,\n FrAccordionItem,\n FrAccordionTrigger,\n ],\n exports: [\n FrAccordion,\n FrAccordionContent,\n FrAccordionIcon,\n FrAccordionItem,\n FrAccordionTrigger,\n ],\n})\nexport class FrAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -8,6 +8,7 @@ const FR_ALERT_VARIANTS = [
8
8
  'danger',
9
9
  'info',
10
10
  ];
11
+ /** Alert component primitive. */
11
12
  class FrAlert {
12
13
  variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
13
14
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlert, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -24,6 +25,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
24
25
  },
25
26
  }]
26
27
  }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
28
+ /** Icon slot for alert. */
27
29
  class FrAlertIcon {
28
30
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
29
31
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAlertIcon, isStandalone: true, selector: "[frAlertIcon]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "frame-alert__icon" }, ngImport: i0 });
@@ -38,6 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
38
40
  },
39
41
  }]
40
42
  }] });
43
+ /** Title slot for alert. */
41
44
  class FrAlertTitle {
42
45
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
43
46
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAlertTitle, isStandalone: true, selector: "[frAlertTitle]", host: { classAttribute: "frame-alert__title" }, ngImport: i0 });
@@ -51,6 +54,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
51
54
  },
52
55
  }]
53
56
  }] });
57
+ /** Description slot for alert. */
54
58
  class FrAlertDescription {
55
59
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
56
60
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAlertDescription, isStandalone: true, selector: "[frAlertDescription]", host: { classAttribute: "frame-alert__description" }, ngImport: i0 });
@@ -1 +1 @@
1
- {"version":3,"file":"frame-ui-ng-components-alert.mjs","sources":["../../../projects/components/alert/src/alert.ts","../../../projects/components/alert/alert.module.ts","../../../projects/components/alert/frame-ui-ng-components-alert.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\n\nexport const FR_ALERT_VARIANTS = [\n 'default',\n 'destructive',\n 'success',\n 'danger',\n 'info',\n] as const;\n\nexport type FrAlertVariant = (typeof FR_ALERT_VARIANTS)[number];\n\n@Directive({\n selector: '[frAlert]',\n host: {\n class: 'frame-alert',\n '[attr.data-variant]': 'variant()',\n 'role': 'alert',\n },\n})\nexport class FrAlert {\n readonly variant = input<FrAlertVariant>('default');\n}\n\n@Directive({\n selector: '[frAlertIcon]',\n host: {\n class: 'frame-alert__icon',\n 'aria-hidden': 'true',\n },\n})\nexport class FrAlertIcon {}\n\n@Directive({\n selector: '[frAlertTitle]',\n host: {\n class: 'frame-alert__title',\n },\n})\nexport class FrAlertTitle {}\n\n@Directive({\n selector: '[frAlertDescription]',\n host: {\n class: 'frame-alert__description',\n },\n})\nexport class FrAlertDescription {}\n","import { NgModule } from '@angular/core';\nimport {\n FrAlert,\n FrAlertDescription,\n FrAlertIcon,\n FrAlertTitle,\n} from './src/alert';\n\n@NgModule({\n imports: [\n FrAlert,\n FrAlertDescription,\n FrAlertIcon,\n FrAlertTitle,\n ],\n exports: [\n FrAlert,\n FrAlertDescription,\n FrAlertIcon,\n FrAlertTitle,\n ],\n})\nexport class FrAlertModule {}\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":"frame-ui-ng-components-alert.mjs","sources":["../../../projects/components/alert/src/alert.ts","../../../projects/components/alert/alert.module.ts","../../../projects/components/alert/frame-ui-ng-components-alert.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\r\n\r\nexport const FR_ALERT_VARIANTS = [\r\n 'default',\r\n 'destructive',\r\n 'success',\r\n 'danger',\r\n 'info',\r\n] as const;\r\n\r\nexport type FrAlertVariant = (typeof FR_ALERT_VARIANTS)[number];\r\n\r\n/** Alert component primitive. */\r\n@Directive({\r\n selector: '[frAlert]',\r\n host: {\r\n class: 'frame-alert',\r\n '[attr.data-variant]': 'variant()',\r\n 'role': 'alert',\r\n },\r\n})\r\nexport class FrAlert {\r\n readonly variant = input<FrAlertVariant>('default');\r\n}\r\n\r\n/** Icon slot for alert. */\r\n@Directive({\r\n selector: '[frAlertIcon]',\r\n host: {\r\n class: 'frame-alert__icon',\r\n 'aria-hidden': 'true',\r\n },\r\n})\r\nexport class FrAlertIcon {}\r\n\r\n/** Title slot for alert. */\r\n@Directive({\r\n selector: '[frAlertTitle]',\r\n host: {\r\n class: 'frame-alert__title',\r\n },\r\n})\r\nexport class FrAlertTitle {}\r\n\r\n/** Description slot for alert. */\r\n@Directive({\r\n selector: '[frAlertDescription]',\r\n host: {\r\n class: 'frame-alert__description',\r\n },\r\n})\r\nexport class FrAlertDescription {}\r\n","import { NgModule } from '@angular/core';\nimport {\n FrAlert,\n FrAlertDescription,\n FrAlertIcon,\n FrAlertTitle,\n} from './src/alert';\n\n@NgModule({\n imports: [\n FrAlert,\n FrAlertDescription,\n FrAlertIcon,\n FrAlertTitle,\n ],\n exports: [\n FrAlert,\n FrAlertDescription,\n FrAlertIcon,\n FrAlertTitle,\n ],\n})\nexport class FrAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,6 +1,7 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { Directive, InjectionToken, inject, input, booleanAttribute, ElementRef, signal, NgModule } from '@angular/core';
3
3
 
4
+ /** Badge slot for avatar. */
4
5
  class FrAvatarBadge {
5
6
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
6
7
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAvatarBadge, isStandalone: true, selector: "[frAvatarBadge]", host: { classAttribute: "frame-avatar__badge" }, ngImport: i0 });
@@ -18,6 +19,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
18
19
 
19
20
  const AVATAR_ROOT = new InjectionToken('FrAvatar');
20
21
 
22
+ /** Avatar fallback component primitive. */
21
23
  class FrAvatarFallback {
22
24
  root = inject(AVATAR_ROOT);
23
25
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarFallback, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -36,6 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
36
38
  }]
37
39
  }] });
38
40
 
41
+ /** Group slot for avatar. */
39
42
  class FrAvatarGroup {
40
43
  expandOnHover = input(false, { ...(ngDevMode ? { debugName: "expandOnHover" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
41
44
  size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
@@ -54,6 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
54
57
  },
55
58
  }]
56
59
  }], propDecorators: { expandOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOnHover", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
60
+ /** Avatar group count component primitive. */
57
61
  class FrAvatarGroupCount {
58
62
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarGroupCount, deps: [], target: i0.ɵɵFactoryTarget.Directive });
59
63
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAvatarGroupCount, isStandalone: true, selector: "[frAvatarGroupCount]", host: { classAttribute: "frame-avatar-group__count" }, ngImport: i0 });
@@ -69,6 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
69
73
  }]
70
74
  }] });
71
75
 
76
+ /** Icon slot for avatar. */
72
77
  class FrAvatarIcon {
73
78
  root = inject(AVATAR_ROOT);
74
79
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -87,6 +92,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
87
92
  }]
88
93
  }] });
89
94
 
95
+ /** Avatar image component primitive. */
90
96
  class FrAvatarImage {
91
97
  host = inject(ElementRef);
92
98
  root = inject(AVATAR_ROOT);
@@ -122,6 +128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
122
128
  }]
123
129
  }] });
124
130
 
131
+ /** Avatar component primitive. */
125
132
  class FrAvatar {
126
133
  size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
127
134
  status = signal('idle', ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
@@ -1 +1 @@
1
- {"version":3,"file":"frame-ui-ng-components-avatar.mjs","sources":["../../../projects/components/avatar/src/avatar.badge.ts","../../../projects/components/avatar/src/avatar.tokens.ts","../../../projects/components/avatar/src/avatar.fallback.ts","../../../projects/components/avatar/src/avatar.group.ts","../../../projects/components/avatar/src/avatar.icon.ts","../../../projects/components/avatar/src/avatar.image.ts","../../../projects/components/avatar/src/avatar.root.ts","../../../projects/components/avatar/src/avatar.types.ts","../../../projects/components/avatar/avatar.module.ts","../../../projects/components/avatar/frame-ui-ng-components-avatar.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[frAvatarBadge]',\n standalone: true,\n host: {\n class: 'frame-avatar__badge',\n },\n})\nexport class FrAvatarBadge {}\n","import { InjectionToken } from '@angular/core';\n\nexport interface FrAvatarContext {\n readonly status: () => 'error' | 'idle' | 'loaded';\n setStatus(status: 'error' | 'idle' | 'loaded'): void;\n}\n\nexport const AVATAR_ROOT = new InjectionToken<FrAvatarContext>('FrAvatar');\n","import { Directive, inject } from '@angular/core';\n\nimport { AVATAR_ROOT } from './avatar.tokens';\n\n@Directive({\n selector: '[frAvatarFallback]',\n standalone: true,\n host: {\n class: 'frame-avatar__fallback',\n '[attr.aria-hidden]': 'root.status() === \"loaded\" ? \"true\" : \"false\"',\n '[attr.data-visible]': 'root.status() === \"loaded\" ? \"false\" : \"true\"',\n },\n})\nexport class FrAvatarFallback {\n protected readonly root = inject(AVATAR_ROOT);\n}\n","import { Directive, booleanAttribute, input } from '@angular/core';\n\nimport { FrAvatarSize } from './avatar.types';\n\n@Directive({\n selector: '[frAvatarGroup]',\n standalone: true,\n host: {\n class: 'frame-avatar-group',\n '[attr.data-expand-on-hover]': 'expandOnHover() ? \"true\" : \"false\"',\n '[attr.data-size]': 'size()',\n },\n})\nexport class FrAvatarGroup {\n readonly expandOnHover = input(false, { transform: booleanAttribute });\n readonly size = input<FrAvatarSize>('md');\n}\n\n@Directive({\n selector: '[frAvatarGroupCount]',\n standalone: true,\n host: {\n class: 'frame-avatar-group__count',\n },\n})\nexport class FrAvatarGroupCount {}\n","import { Directive, inject } from '@angular/core';\n\nimport { AVATAR_ROOT } from './avatar.tokens';\n\n@Directive({\n selector: '[frAvatarIcon]',\n standalone: true,\n host: {\n class: 'frame-avatar__icon',\n '[attr.aria-hidden]': 'root.status() === \"loaded\" ? \"true\" : \"false\"',\n '[attr.data-visible]': 'root.status() === \"loaded\" ? \"false\" : \"true\"',\n },\n})\nexport class FrAvatarIcon {\n protected readonly root = inject(AVATAR_ROOT);\n}\n","import { AfterViewInit, Directive, ElementRef, inject } from '@angular/core';\n\nimport { AVATAR_ROOT } from './avatar.tokens';\n\n@Directive({\n selector: 'img[frAvatarImage]',\n standalone: true,\n host: {\n class: 'frame-avatar__image',\n '(error)': 'handleError()',\n '(load)': 'handleLoad()',\n },\n})\nexport class FrAvatarImage implements AfterViewInit {\n private readonly host = inject<ElementRef<HTMLImageElement>>(ElementRef);\n private readonly root = inject(AVATAR_ROOT);\n\n ngAfterViewInit(): void {\n const image = this.host.nativeElement;\n\n if (!image.getAttribute('src')) {\n this.root.setStatus('error');\n return;\n }\n\n if (image.complete) {\n this.root.setStatus(image.naturalWidth > 0 ? 'loaded' : 'error');\n }\n }\n\n protected handleLoad(): void {\n this.root.setStatus('loaded');\n }\n\n protected handleError(): void {\n this.root.setStatus('error');\n }\n}\n","import { Directive, input, signal } from '@angular/core';\n\nimport { AVATAR_ROOT } from './avatar.tokens';\nimport { FrAvatarSize } from './avatar.types';\n\n@Directive({\n selector: 'FrAvatar, [frAvatar]',\n exportAs: 'frAvatar',\n standalone: true,\n providers: [{ provide: AVATAR_ROOT, useExisting: FrAvatar }],\n host: {\n class: 'frame-avatar',\n '[attr.data-size]': 'size()',\n '[attr.data-status]': 'status()',\n },\n})\nexport class FrAvatar {\n readonly size = input<FrAvatarSize>('md');\n readonly status = signal<'error' | 'idle' | 'loaded'>('idle');\n\n setStatus(status: 'error' | 'idle' | 'loaded'): void {\n this.status.set(status);\n }\n}\n","export const FR_AVATAR_SIZES = ['xs', 'sm', 'md', 'lg'] as const;\n\nexport type FrAvatarSize = (typeof FR_AVATAR_SIZES)[number];\n","import { NgModule } from '@angular/core';\nimport {\n FrAvatar,\n FrAvatarBadge,\n FrAvatarFallback,\n FrAvatarGroup,\n FrAvatarGroupCount,\n FrAvatarIcon,\n FrAvatarImage,\n} from './src/avatar';\n\n@NgModule({\n imports: [\n FrAvatar,\n FrAvatarBadge,\n FrAvatarFallback,\n FrAvatarGroup,\n FrAvatarGroupCount,\n FrAvatarIcon,\n FrAvatarImage,\n ],\n exports: [\n FrAvatar,\n FrAvatarBadge,\n FrAvatarFallback,\n FrAvatarGroup,\n FrAvatarGroupCount,\n FrAvatarIcon,\n FrAvatarImage,\n ],\n})\nexport class FrAvatarModule {}\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":"frame-ui-ng-components-avatar.mjs","sources":["../../../projects/components/avatar/src/avatar.badge.ts","../../../projects/components/avatar/src/avatar.tokens.ts","../../../projects/components/avatar/src/avatar.fallback.ts","../../../projects/components/avatar/src/avatar.group.ts","../../../projects/components/avatar/src/avatar.icon.ts","../../../projects/components/avatar/src/avatar.image.ts","../../../projects/components/avatar/src/avatar.root.ts","../../../projects/components/avatar/src/avatar.types.ts","../../../projects/components/avatar/avatar.module.ts","../../../projects/components/avatar/frame-ui-ng-components-avatar.ts"],"sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n/** Badge slot for avatar. */\r\n@Directive({\r\n selector: '[frAvatarBadge]',\r\n standalone: true,\r\n host: {\r\n class: 'frame-avatar__badge',\r\n },\r\n})\r\nexport class FrAvatarBadge {}\r\n","import { InjectionToken } from '@angular/core';\n\nexport interface FrAvatarContext {\n readonly status: () => 'error' | 'idle' | 'loaded';\n setStatus(status: 'error' | 'idle' | 'loaded'): void;\n}\n\nexport const AVATAR_ROOT = new InjectionToken<FrAvatarContext>('FrAvatar');\n","import { Directive, inject } from '@angular/core';\r\n\r\nimport { AVATAR_ROOT } from './avatar.tokens';\r\n\r\n/** Avatar fallback component primitive. */\r\n@Directive({\r\n selector: '[frAvatarFallback]',\r\n standalone: true,\r\n host: {\r\n class: 'frame-avatar__fallback',\r\n '[attr.aria-hidden]': 'root.status() === \"loaded\" ? \"true\" : \"false\"',\r\n '[attr.data-visible]': 'root.status() === \"loaded\" ? \"false\" : \"true\"',\r\n },\r\n})\r\nexport class FrAvatarFallback {\r\n protected readonly root = inject(AVATAR_ROOT);\r\n}\r\n","import { Directive, booleanAttribute, input } from '@angular/core';\r\n\r\nimport { FrAvatarSize } from './avatar.types';\r\n\r\n/** Group slot for avatar. */\r\n@Directive({\r\n selector: '[frAvatarGroup]',\r\n standalone: true,\r\n host: {\r\n class: 'frame-avatar-group',\r\n '[attr.data-expand-on-hover]': 'expandOnHover() ? \"true\" : \"false\"',\r\n '[attr.data-size]': 'size()',\r\n },\r\n})\r\nexport class FrAvatarGroup {\r\n readonly expandOnHover = input(false, { transform: booleanAttribute });\r\n readonly size = input<FrAvatarSize>('md');\r\n}\r\n\r\n/** Avatar group count component primitive. */\r\n@Directive({\r\n selector: '[frAvatarGroupCount]',\r\n standalone: true,\r\n host: {\r\n class: 'frame-avatar-group__count',\r\n },\r\n})\r\nexport class FrAvatarGroupCount {}\r\n","import { Directive, inject } from '@angular/core';\r\n\r\nimport { AVATAR_ROOT } from './avatar.tokens';\r\n\r\n/** Icon slot for avatar. */\r\n@Directive({\r\n selector: '[frAvatarIcon]',\r\n standalone: true,\r\n host: {\r\n class: 'frame-avatar__icon',\r\n '[attr.aria-hidden]': 'root.status() === \"loaded\" ? \"true\" : \"false\"',\r\n '[attr.data-visible]': 'root.status() === \"loaded\" ? \"false\" : \"true\"',\r\n },\r\n})\r\nexport class FrAvatarIcon {\r\n protected readonly root = inject(AVATAR_ROOT);\r\n}\r\n","import { AfterViewInit, Directive, ElementRef, inject } from '@angular/core';\r\n\r\nimport { AVATAR_ROOT } from './avatar.tokens';\r\n\r\n/** Avatar image component primitive. */\r\n@Directive({\r\n selector: 'img[frAvatarImage]',\r\n standalone: true,\r\n host: {\r\n class: 'frame-avatar__image',\r\n '(error)': 'handleError()',\r\n '(load)': 'handleLoad()',\r\n },\r\n})\r\nexport class FrAvatarImage implements AfterViewInit {\r\n private readonly host = inject<ElementRef<HTMLImageElement>>(ElementRef);\r\n private readonly root = inject(AVATAR_ROOT);\r\n\r\n ngAfterViewInit(): void {\r\n const image = this.host.nativeElement;\r\n\r\n if (!image.getAttribute('src')) {\r\n this.root.setStatus('error');\r\n return;\r\n }\r\n\r\n if (image.complete) {\r\n this.root.setStatus(image.naturalWidth > 0 ? 'loaded' : 'error');\r\n }\r\n }\r\n\r\n protected handleLoad(): void {\r\n this.root.setStatus('loaded');\r\n }\r\n\r\n protected handleError(): void {\r\n this.root.setStatus('error');\r\n }\r\n}\r\n","import { Directive, input, signal } from '@angular/core';\r\n\r\nimport { AVATAR_ROOT } from './avatar.tokens';\r\nimport { FrAvatarSize } from './avatar.types';\r\n\r\n/** Avatar component primitive. */\r\n@Directive({\r\n selector: 'FrAvatar, [frAvatar]',\r\n exportAs: 'frAvatar',\r\n standalone: true,\r\n providers: [{ provide: AVATAR_ROOT, useExisting: FrAvatar }],\r\n host: {\r\n class: 'frame-avatar',\r\n '[attr.data-size]': 'size()',\r\n '[attr.data-status]': 'status()',\r\n },\r\n})\r\nexport class FrAvatar {\r\n readonly size = input<FrAvatarSize>('md');\r\n readonly status = signal<'error' | 'idle' | 'loaded'>('idle');\r\n\r\n setStatus(status: 'error' | 'idle' | 'loaded'): void {\r\n this.status.set(status);\r\n }\r\n}\r\n","export const FR_AVATAR_SIZES = ['xs', 'sm', 'md', 'lg'] as const;\n\nexport type FrAvatarSize = (typeof FR_AVATAR_SIZES)[number];\n","import { NgModule } from '@angular/core';\nimport {\n FrAvatar,\n FrAvatarBadge,\n FrAvatarFallback,\n FrAvatarGroup,\n FrAvatarGroupCount,\n FrAvatarIcon,\n FrAvatarImage,\n} from './src/avatar';\n\n@NgModule({\n imports: [\n FrAvatar,\n FrAvatarBadge,\n FrAvatarFallback,\n FrAvatarGroup,\n FrAvatarGroupCount,\n FrAvatarIcon,\n FrAvatarImage,\n ],\n exports: [\n FrAvatar,\n FrAvatarBadge,\n FrAvatarFallback,\n FrAvatarGroup,\n FrAvatarGroupCount,\n FrAvatarIcon,\n FrAvatarImage,\n ],\n})\nexport class FrAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -13,6 +13,7 @@ const FR_BADGE_VARIANTS = [
13
13
  'link',
14
14
  ];
15
15
  const FR_BADGE_ICON_POSITIONS = ['inline-start', 'inline-end'];
16
+ /** Inline badge host with variant styling. */
16
17
  class FrBadge {
17
18
  variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
18
19
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -28,6 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
28
29
  },
29
30
  }]
30
31
  }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
32
+ /** Icon slot for badge. */
31
33
  class FrBadgeIcon {
32
34
  position = input('inline-start', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
33
35
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -44,6 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
44
46
  },
45
47
  }]
46
48
  }], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
49
+ /** Label slot for badge. */
47
50
  class FrBadgeLabel {
48
51
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
49
52
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrBadgeLabel, isStandalone: true, selector: "[frBadgeLabel]", host: { classAttribute: "frame-badge__label" }, ngImport: i0 });
@@ -57,6 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
57
60
  },
58
61
  }]
59
62
  }] });
63
+ /** Loading indicator slot for badge. */
60
64
  class FrBadgeSpinner {
61
65
  position = input('inline-start', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
62
66
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeSpinner, deps: [], target: i0.ɵɵFactoryTarget.Directive });