@raqm/ui 0.0.0-stage → 0.1.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 (178) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/LICENSE +21 -0
  3. package/NOTICE.md +28 -0
  4. package/README.md +126 -3
  5. package/combobox/README.md +17 -0
  6. package/fesm2022/raqm-ui-accordion.mjs +414 -0
  7. package/fesm2022/raqm-ui-accordion.mjs.map +1 -0
  8. package/fesm2022/raqm-ui-alert-dialog.mjs +457 -0
  9. package/fesm2022/raqm-ui-alert-dialog.mjs.map +1 -0
  10. package/fesm2022/raqm-ui-alert.mjs +195 -0
  11. package/fesm2022/raqm-ui-alert.mjs.map +1 -0
  12. package/fesm2022/raqm-ui-aspect-ratio.mjs +66 -0
  13. package/fesm2022/raqm-ui-aspect-ratio.mjs.map +1 -0
  14. package/fesm2022/raqm-ui-attachment.mjs +435 -0
  15. package/fesm2022/raqm-ui-attachment.mjs.map +1 -0
  16. package/fesm2022/raqm-ui-avatar.mjs +337 -0
  17. package/fesm2022/raqm-ui-avatar.mjs.map +1 -0
  18. package/fesm2022/raqm-ui-badge.mjs +68 -0
  19. package/fesm2022/raqm-ui-badge.mjs.map +1 -0
  20. package/fesm2022/raqm-ui-breadcrumb.mjs +309 -0
  21. package/fesm2022/raqm-ui-breadcrumb.mjs.map +1 -0
  22. package/fesm2022/raqm-ui-button-group.mjs +138 -0
  23. package/fesm2022/raqm-ui-button-group.mjs.map +1 -0
  24. package/fesm2022/raqm-ui-button.mjs +295 -0
  25. package/fesm2022/raqm-ui-button.mjs.map +1 -0
  26. package/fesm2022/raqm-ui-calendar.mjs +1394 -0
  27. package/fesm2022/raqm-ui-calendar.mjs.map +1 -0
  28. package/fesm2022/raqm-ui-card.mjs +331 -0
  29. package/fesm2022/raqm-ui-card.mjs.map +1 -0
  30. package/fesm2022/raqm-ui-carousel.mjs +410 -0
  31. package/fesm2022/raqm-ui-carousel.mjs.map +1 -0
  32. package/fesm2022/raqm-ui-checkbox.mjs +86 -0
  33. package/fesm2022/raqm-ui-checkbox.mjs.map +1 -0
  34. package/fesm2022/raqm-ui-collapsible.mjs +266 -0
  35. package/fesm2022/raqm-ui-collapsible.mjs.map +1 -0
  36. package/fesm2022/raqm-ui-combobox.mjs +1584 -0
  37. package/fesm2022/raqm-ui-combobox.mjs.map +1 -0
  38. package/fesm2022/raqm-ui-command.mjs +1210 -0
  39. package/fesm2022/raqm-ui-command.mjs.map +1 -0
  40. package/fesm2022/raqm-ui-context-menu.mjs +723 -0
  41. package/fesm2022/raqm-ui-context-menu.mjs.map +1 -0
  42. package/fesm2022/raqm-ui-dialog.mjs +1214 -0
  43. package/fesm2022/raqm-ui-dialog.mjs.map +1 -0
  44. package/fesm2022/raqm-ui-drawer.mjs +687 -0
  45. package/fesm2022/raqm-ui-drawer.mjs.map +1 -0
  46. package/fesm2022/raqm-ui-dropdown-menu.mjs +1168 -0
  47. package/fesm2022/raqm-ui-dropdown-menu.mjs.map +1 -0
  48. package/fesm2022/raqm-ui-empty.mjs +272 -0
  49. package/fesm2022/raqm-ui-empty.mjs.map +1 -0
  50. package/fesm2022/raqm-ui-field.mjs +517 -0
  51. package/fesm2022/raqm-ui-field.mjs.map +1 -0
  52. package/fesm2022/raqm-ui-hover-card.mjs +828 -0
  53. package/fesm2022/raqm-ui-hover-card.mjs.map +1 -0
  54. package/fesm2022/raqm-ui-input-group.mjs +270 -0
  55. package/fesm2022/raqm-ui-input-group.mjs.map +1 -0
  56. package/fesm2022/raqm-ui-input-otp.mjs +788 -0
  57. package/fesm2022/raqm-ui-input-otp.mjs.map +1 -0
  58. package/fesm2022/raqm-ui-input.mjs +73 -0
  59. package/fesm2022/raqm-ui-input.mjs.map +1 -0
  60. package/fesm2022/raqm-ui-item.mjs +495 -0
  61. package/fesm2022/raqm-ui-item.mjs.map +1 -0
  62. package/fesm2022/raqm-ui-kbd.mjs +80 -0
  63. package/fesm2022/raqm-ui-kbd.mjs.map +1 -0
  64. package/fesm2022/raqm-ui-label.mjs +44 -0
  65. package/fesm2022/raqm-ui-label.mjs.map +1 -0
  66. package/fesm2022/raqm-ui-menubar.mjs +536 -0
  67. package/fesm2022/raqm-ui-menubar.mjs.map +1 -0
  68. package/fesm2022/raqm-ui-native-select.mjs +131 -0
  69. package/fesm2022/raqm-ui-native-select.mjs.map +1 -0
  70. package/fesm2022/raqm-ui-navigation-menu.mjs +1399 -0
  71. package/fesm2022/raqm-ui-navigation-menu.mjs.map +1 -0
  72. package/fesm2022/raqm-ui-overlay-internal.mjs +185 -0
  73. package/fesm2022/raqm-ui-overlay-internal.mjs.map +1 -0
  74. package/fesm2022/raqm-ui-pagination.mjs +440 -0
  75. package/fesm2022/raqm-ui-pagination.mjs.map +1 -0
  76. package/fesm2022/raqm-ui-popover.mjs +1495 -0
  77. package/fesm2022/raqm-ui-popover.mjs.map +1 -0
  78. package/fesm2022/raqm-ui-progress.mjs +369 -0
  79. package/fesm2022/raqm-ui-progress.mjs.map +1 -0
  80. package/fesm2022/raqm-ui-questionnaire.mjs +1005 -0
  81. package/fesm2022/raqm-ui-questionnaire.mjs.map +1 -0
  82. package/fesm2022/raqm-ui-radio-group.mjs +151 -0
  83. package/fesm2022/raqm-ui-radio-group.mjs.map +1 -0
  84. package/fesm2022/raqm-ui-resizable.mjs +439 -0
  85. package/fesm2022/raqm-ui-resizable.mjs.map +1 -0
  86. package/fesm2022/raqm-ui-scroll-area.mjs +510 -0
  87. package/fesm2022/raqm-ui-scroll-area.mjs.map +1 -0
  88. package/fesm2022/raqm-ui-select.mjs +1073 -0
  89. package/fesm2022/raqm-ui-select.mjs.map +1 -0
  90. package/fesm2022/raqm-ui-separator.mjs +103 -0
  91. package/fesm2022/raqm-ui-separator.mjs.map +1 -0
  92. package/fesm2022/raqm-ui-sheet.mjs +411 -0
  93. package/fesm2022/raqm-ui-sheet.mjs.map +1 -0
  94. package/fesm2022/raqm-ui-sidebar.mjs +1784 -0
  95. package/fesm2022/raqm-ui-sidebar.mjs.map +1 -0
  96. package/fesm2022/raqm-ui-skeleton.mjs +50 -0
  97. package/fesm2022/raqm-ui-skeleton.mjs.map +1 -0
  98. package/fesm2022/raqm-ui-slider.mjs +609 -0
  99. package/fesm2022/raqm-ui-slider.mjs.map +1 -0
  100. package/fesm2022/raqm-ui-spinner.mjs +137 -0
  101. package/fesm2022/raqm-ui-spinner.mjs.map +1 -0
  102. package/fesm2022/raqm-ui-switch.mjs +109 -0
  103. package/fesm2022/raqm-ui-switch.mjs.map +1 -0
  104. package/fesm2022/raqm-ui-table.mjs +271 -0
  105. package/fesm2022/raqm-ui-table.mjs.map +1 -0
  106. package/fesm2022/raqm-ui-tabs.mjs +536 -0
  107. package/fesm2022/raqm-ui-tabs.mjs.map +1 -0
  108. package/fesm2022/raqm-ui-textarea.mjs +37 -0
  109. package/fesm2022/raqm-ui-textarea.mjs.map +1 -0
  110. package/fesm2022/raqm-ui-toast.mjs +918 -0
  111. package/fesm2022/raqm-ui-toast.mjs.map +1 -0
  112. package/fesm2022/raqm-ui-toggle-group.mjs +462 -0
  113. package/fesm2022/raqm-ui-toggle-group.mjs.map +1 -0
  114. package/fesm2022/raqm-ui-toggle.mjs +158 -0
  115. package/fesm2022/raqm-ui-toggle.mjs.map +1 -0
  116. package/fesm2022/raqm-ui-tooltip.mjs +1226 -0
  117. package/fesm2022/raqm-ui-tooltip.mjs.map +1 -0
  118. package/fesm2022/raqm-ui.mjs +50 -0
  119. package/input-otp/README.md +12 -0
  120. package/package.json +275 -3
  121. package/styles/theme.css +4324 -0
  122. package/types/raqm-ui-accordion.d.ts +124 -0
  123. package/types/raqm-ui-alert-dialog.d.ts +81 -0
  124. package/types/raqm-ui-alert.d.ts +29 -0
  125. package/types/raqm-ui-aspect-ratio.d.ts +13 -0
  126. package/types/raqm-ui-attachment.d.ts +72 -0
  127. package/types/raqm-ui-avatar.d.ts +67 -0
  128. package/types/raqm-ui-badge.d.ts +20 -0
  129. package/types/raqm-ui-breadcrumb.d.ts +35 -0
  130. package/types/raqm-ui-button-group.d.ts +27 -0
  131. package/types/raqm-ui-button.d.ts +80 -0
  132. package/types/raqm-ui-calendar.d.ts +359 -0
  133. package/types/raqm-ui-card.d.ts +34 -0
  134. package/types/raqm-ui-carousel.d.ts +81 -0
  135. package/types/raqm-ui-checkbox.d.ts +24 -0
  136. package/types/raqm-ui-collapsible.d.ts +72 -0
  137. package/types/raqm-ui-combobox.d.ts +405 -0
  138. package/types/raqm-ui-command.d.ts +256 -0
  139. package/types/raqm-ui-context-menu.d.ts +196 -0
  140. package/types/raqm-ui-dialog.d.ts +232 -0
  141. package/types/raqm-ui-drawer.d.ts +121 -0
  142. package/types/raqm-ui-dropdown-menu.d.ts +319 -0
  143. package/types/raqm-ui-empty.d.ts +35 -0
  144. package/types/raqm-ui-field.d.ts +88 -0
  145. package/types/raqm-ui-hover-card.d.ts +139 -0
  146. package/types/raqm-ui-input-group.d.ts +45 -0
  147. package/types/raqm-ui-input-otp.d.ts +197 -0
  148. package/types/raqm-ui-input.d.ts +16 -0
  149. package/types/raqm-ui-item.d.ts +71 -0
  150. package/types/raqm-ui-kbd.d.ts +12 -0
  151. package/types/raqm-ui-label.d.ts +6 -0
  152. package/types/raqm-ui-menubar.d.ts +159 -0
  153. package/types/raqm-ui-native-select.d.ts +23 -0
  154. package/types/raqm-ui-navigation-menu.d.ts +230 -0
  155. package/types/raqm-ui-overlay-internal.d.ts +5 -0
  156. package/types/raqm-ui-pagination.d.ts +84 -0
  157. package/types/raqm-ui-popover.d.ts +235 -0
  158. package/types/raqm-ui-progress.d.ts +79 -0
  159. package/types/raqm-ui-questionnaire.d.ts +217 -0
  160. package/types/raqm-ui-radio-group.d.ts +48 -0
  161. package/types/raqm-ui-resizable.d.ts +98 -0
  162. package/types/raqm-ui-scroll-area.d.ts +132 -0
  163. package/types/raqm-ui-select.d.ts +205 -0
  164. package/types/raqm-ui-separator.d.ts +21 -0
  165. package/types/raqm-ui-sheet.d.ts +79 -0
  166. package/types/raqm-ui-sidebar.d.ts +285 -0
  167. package/types/raqm-ui-skeleton.d.ts +6 -0
  168. package/types/raqm-ui-slider.d.ts +129 -0
  169. package/types/raqm-ui-spinner.d.ts +32 -0
  170. package/types/raqm-ui-switch.d.ts +32 -0
  171. package/types/raqm-ui-table.d.ts +36 -0
  172. package/types/raqm-ui-tabs.d.ts +154 -0
  173. package/types/raqm-ui-textarea.d.ts +6 -0
  174. package/types/raqm-ui-toast.d.ts +190 -0
  175. package/types/raqm-ui-toggle-group.d.ts +167 -0
  176. package/types/raqm-ui-toggle.d.ts +42 -0
  177. package/types/raqm-ui-tooltip.d.ts +207 -0
  178. package/types/raqm-ui.d.ts +50 -0
@@ -0,0 +1,195 @@
1
+ import * as i0 from "@angular/core";
2
+ import { ChangeDetectionStrategy, Component, booleanAttribute, computed, input } from "@angular/core";
3
+ var RaqmAlertComponent = class RaqmAlertComponent {
4
+ destructive = input(false, {
5
+ ...ngDevMode ? { debugName: "destructive" } : /* istanbul ignore next */ {},
6
+ transform: booleanAttribute
7
+ });
8
+ activeVariant = computed(() => this.destructive() ? "destructive" : "default", ...ngDevMode ? [{ debugName: "activeVariant" }] : /* istanbul ignore next */ []);
9
+ static ɵfac = i0.ɵɵngDeclareFactory({
10
+ minVersion: "12.0.0",
11
+ version: "22.2.2",
12
+ ngImport: i0,
13
+ type: RaqmAlertComponent,
14
+ deps: [],
15
+ target: i0.ɵɵFactoryTarget.Component
16
+ });
17
+ static ɵcmp = i0.ɵɵngDeclareComponent({
18
+ minVersion: "17.1.0",
19
+ version: "22.2.2",
20
+ type: RaqmAlertComponent,
21
+ isStandalone: true,
22
+ selector: "raqm-alert",
23
+ inputs: { destructive: {
24
+ classPropertyName: "destructive",
25
+ publicName: "destructive",
26
+ isSignal: true,
27
+ isRequired: false,
28
+ transformFunction: null
29
+ } },
30
+ host: {
31
+ attributes: { "role": "alert" },
32
+ properties: { "attr.data-raqm-variant": "activeVariant()" },
33
+ classAttribute: "raqm-alert"
34
+ },
35
+ ngImport: i0,
36
+ template: "<ng-content />",
37
+ isInline: true,
38
+ styles: [":host{display:grid;box-sizing:border-box;inline-size:100%;gap:calc(var(--raqm-spacing) * .5);border:1px solid var(--raqm-border);border-radius:var(--raqm-radius-lg);padding-inline:calc(var(--raqm-spacing) * 2.5);padding-block:calc(var(--raqm-spacing) * 2);text-align:start;font-size:var(--raqm-font-size-sm);line-height:calc(var(--raqm-spacing) * 5);background-color:var(--raqm-card);color:var(--raqm-card-foreground)}:host([data-raqm-variant=destructive]){background-color:var(--raqm-card);color:var(--raqm-destructive)}\n"],
39
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
40
+ });
41
+ };
42
+ i0.ɵɵngDeclareClassMetadata({
43
+ minVersion: "12.0.0",
44
+ version: "22.2.2",
45
+ ngImport: i0,
46
+ type: RaqmAlertComponent,
47
+ decorators: [{
48
+ type: Component,
49
+ args: [{
50
+ selector: "raqm-alert",
51
+ template: "<ng-content />",
52
+ changeDetection: ChangeDetectionStrategy.OnPush,
53
+ host: {
54
+ class: "raqm-alert",
55
+ role: "alert",
56
+ "[attr.data-raqm-variant]": "activeVariant()"
57
+ },
58
+ styles: [":host{display:grid;box-sizing:border-box;inline-size:100%;gap:calc(var(--raqm-spacing) * .5);border:1px solid var(--raqm-border);border-radius:var(--raqm-radius-lg);padding-inline:calc(var(--raqm-spacing) * 2.5);padding-block:calc(var(--raqm-spacing) * 2);text-align:start;font-size:var(--raqm-font-size-sm);line-height:calc(var(--raqm-spacing) * 5);background-color:var(--raqm-card);color:var(--raqm-card-foreground)}:host([data-raqm-variant=destructive]){background-color:var(--raqm-card);color:var(--raqm-destructive)}\n"]
59
+ }]
60
+ }],
61
+ propDecorators: { destructive: [{
62
+ type: i0.Input,
63
+ args: [{
64
+ isSignal: true,
65
+ alias: "destructive",
66
+ required: false
67
+ }]
68
+ }] }
69
+ });
70
+ var RaqmAlertTitleComponent = class RaqmAlertTitleComponent {
71
+ static ɵfac = i0.ɵɵngDeclareFactory({
72
+ minVersion: "12.0.0",
73
+ version: "22.2.2",
74
+ ngImport: i0,
75
+ type: RaqmAlertTitleComponent,
76
+ deps: [],
77
+ target: i0.ɵɵFactoryTarget.Component
78
+ });
79
+ static ɵcmp = i0.ɵɵngDeclareComponent({
80
+ minVersion: "14.0.0",
81
+ version: "22.2.2",
82
+ type: RaqmAlertTitleComponent,
83
+ isStandalone: true,
84
+ selector: "raqm-alert-title, h1[raqm-alert-title], h2[raqm-alert-title], h3[raqm-alert-title], h4[raqm-alert-title], h5[raqm-alert-title], h6[raqm-alert-title]",
85
+ host: { classAttribute: "raqm-alert-title" },
86
+ ngImport: i0,
87
+ template: "<ng-content />",
88
+ isInline: true,
89
+ styles: [":host{font-size:inherit;line-height:inherit;font-weight:var(--raqm-font-weight-medium)}:host:is(h1,h2,h3,h4,h5,h6){margin:0}\n"],
90
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
91
+ });
92
+ };
93
+ i0.ɵɵngDeclareClassMetadata({
94
+ minVersion: "12.0.0",
95
+ version: "22.2.2",
96
+ ngImport: i0,
97
+ type: RaqmAlertTitleComponent,
98
+ decorators: [{
99
+ type: Component,
100
+ args: [{
101
+ selector: "raqm-alert-title, h1[raqm-alert-title], h2[raqm-alert-title], h3[raqm-alert-title], h4[raqm-alert-title], h5[raqm-alert-title], h6[raqm-alert-title]",
102
+ template: "<ng-content />",
103
+ changeDetection: ChangeDetectionStrategy.OnPush,
104
+ host: { class: "raqm-alert-title" },
105
+ styles: [":host{font-size:inherit;line-height:inherit;font-weight:var(--raqm-font-weight-medium)}:host:is(h1,h2,h3,h4,h5,h6){margin:0}\n"]
106
+ }]
107
+ }]
108
+ });
109
+ var RaqmAlertDescriptionComponent = class RaqmAlertDescriptionComponent {
110
+ static ɵfac = i0.ɵɵngDeclareFactory({
111
+ minVersion: "12.0.0",
112
+ version: "22.2.2",
113
+ ngImport: i0,
114
+ type: RaqmAlertDescriptionComponent,
115
+ deps: [],
116
+ target: i0.ɵɵFactoryTarget.Component
117
+ });
118
+ static ɵcmp = i0.ɵɵngDeclareComponent({
119
+ minVersion: "14.0.0",
120
+ version: "22.2.2",
121
+ type: RaqmAlertDescriptionComponent,
122
+ isStandalone: true,
123
+ selector: "raqm-alert-description, p[raqm-alert-description]",
124
+ host: { classAttribute: "raqm-alert-description" },
125
+ ngImport: i0,
126
+ template: "<ng-content />",
127
+ isInline: true,
128
+ styles: [":host{color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);text-wrap:balance}:host:is(p){margin:0}@media(min-width:48rem){:host{text-wrap:pretty}}\n"],
129
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
130
+ });
131
+ };
132
+ i0.ɵɵngDeclareClassMetadata({
133
+ minVersion: "12.0.0",
134
+ version: "22.2.2",
135
+ ngImport: i0,
136
+ type: RaqmAlertDescriptionComponent,
137
+ decorators: [{
138
+ type: Component,
139
+ args: [{
140
+ selector: "raqm-alert-description, p[raqm-alert-description]",
141
+ template: "<ng-content />",
142
+ changeDetection: ChangeDetectionStrategy.OnPush,
143
+ host: { class: "raqm-alert-description" },
144
+ styles: [":host{color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);text-wrap:balance}:host:is(p){margin:0}@media(min-width:48rem){:host{text-wrap:pretty}}\n"]
145
+ }]
146
+ }]
147
+ });
148
+ var RaqmAlertActionComponent = class RaqmAlertActionComponent {
149
+ static ɵfac = i0.ɵɵngDeclareFactory({
150
+ minVersion: "12.0.0",
151
+ version: "22.2.2",
152
+ ngImport: i0,
153
+ type: RaqmAlertActionComponent,
154
+ deps: [],
155
+ target: i0.ɵɵFactoryTarget.Component
156
+ });
157
+ static ɵcmp = i0.ɵɵngDeclareComponent({
158
+ minVersion: "14.0.0",
159
+ version: "22.2.2",
160
+ type: RaqmAlertActionComponent,
161
+ isStandalone: true,
162
+ selector: "raqm-alert-action",
163
+ host: { classAttribute: "raqm-alert-action" },
164
+ ngImport: i0,
165
+ template: "<ng-content />",
166
+ isInline: true,
167
+ styles: [":host{position:absolute;inset-block-start:calc(var(--raqm-spacing) * 2);inset-inline-end:calc(var(--raqm-spacing) * 2)}\n"],
168
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
169
+ });
170
+ };
171
+ i0.ɵɵngDeclareClassMetadata({
172
+ minVersion: "12.0.0",
173
+ version: "22.2.2",
174
+ ngImport: i0,
175
+ type: RaqmAlertActionComponent,
176
+ decorators: [{
177
+ type: Component,
178
+ args: [{
179
+ selector: "raqm-alert-action",
180
+ template: "<ng-content />",
181
+ changeDetection: ChangeDetectionStrategy.OnPush,
182
+ host: { class: "raqm-alert-action" },
183
+ styles: [":host{position:absolute;inset-block-start:calc(var(--raqm-spacing) * 2);inset-inline-end:calc(var(--raqm-spacing) * 2)}\n"]
184
+ }]
185
+ }]
186
+ });
187
+ const RaqmAlert = [
188
+ RaqmAlertComponent,
189
+ RaqmAlertTitleComponent,
190
+ RaqmAlertDescriptionComponent,
191
+ RaqmAlertActionComponent
192
+ ];
193
+ export { RaqmAlert, RaqmAlertActionComponent, RaqmAlertComponent, RaqmAlertDescriptionComponent, RaqmAlertTitleComponent };
194
+
195
+ //# sourceMappingURL=raqm-ui-alert.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"raqm-ui-alert.mjs","names":[],"sources":["../../../projects/ui/alert/alert.ts","../../../projects/ui/alert/public-api.ts"],"sourcesContent":["import {\r\n ChangeDetectionStrategy,\r\n Component,\r\n booleanAttribute,\r\n computed,\r\n input,\r\n} from '@angular/core';\r\n\r\n/** Passive callout frame; static markup with no dismiss state or close output. */\r\n@Component({\r\n selector: 'raqm-alert',\r\n template: '<ng-content />',\r\n styleUrl: './alert.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'raqm-alert',\r\n // Alert live region; no aria-live override and no tab stop.\r\n role: 'alert',\r\n '[attr.data-raqm-variant]': 'activeVariant()',\r\n },\r\n})\r\nexport class RaqmAlertComponent {\r\n readonly destructive = input(false, { transform: booleanAttribute });\r\n\r\n protected readonly activeVariant = computed(() =>\r\n this.destructive() ? 'destructive' : 'default',\r\n );\r\n}\r\n\r\n/** Heading selectors keep native heading semantics at the alert type scale. */\r\n@Component({\r\n selector:\r\n 'raqm-alert-title, h1[raqm-alert-title], h2[raqm-alert-title], h3[raqm-alert-title], h4[raqm-alert-title], h5[raqm-alert-title], h6[raqm-alert-title]',\r\n template: '<ng-content />',\r\n styles: [\r\n `\r\n :host {\r\n font-size: inherit;\r\n line-height: inherit;\r\n font-weight: var(--raqm-font-weight-medium);\r\n }\r\n\r\n :host:is(h1, h2, h3, h4, h5, h6) {\r\n margin: 0;\r\n }\r\n `,\r\n ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: { class: 'raqm-alert-title' },\r\n})\r\nexport class RaqmAlertTitleComponent {}\r\n\r\n@Component({\r\n selector: 'raqm-alert-description, p[raqm-alert-description]',\r\n template: '<ng-content />',\r\n styleUrl: './alert-description.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: { class: 'raqm-alert-description' },\r\n})\r\nexport class RaqmAlertDescriptionComponent {}\r\n\r\n/** Placement only; the projected control keeps its own label, state and keyboard behaviour. */\r\n@Component({\r\n selector: 'raqm-alert-action',\r\n template: '<ng-content />',\r\n styles: [\r\n `\r\n :host {\r\n position: absolute;\r\n inset-block-start: calc(var(--raqm-spacing) * 2);\r\n inset-inline-end: calc(var(--raqm-spacing) * 2);\r\n }\r\n `,\r\n ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: { class: 'raqm-alert-action' },\r\n})\r\nexport class RaqmAlertActionComponent {}\r\n","// Public API for `@raqm/ui/alert`; the root entry point re-exports these symbols.\r\nimport {\r\n RaqmAlertActionComponent,\r\n RaqmAlertComponent,\r\n RaqmAlertDescriptionComponent,\r\n RaqmAlertTitleComponent,\r\n} from './alert';\r\n\r\nexport {\r\n RaqmAlertActionComponent,\r\n RaqmAlertComponent,\r\n RaqmAlertDescriptionComponent,\r\n RaqmAlertTitleComponent,\r\n};\r\n\r\n// A nested readonly array lets Angular imports accept `RaqmAlert` directly.\r\nexport const RaqmAlert = [\r\n RaqmAlertComponent,\r\n RaqmAlertTitleComponent,\r\n RaqmAlertDescriptionComponent,\r\n RaqmAlertActionComponent,\r\n] as const;\r\n"],"mappings":"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"}
@@ -0,0 +1,66 @@
1
+ import * as i0 from "@angular/core";
2
+ import { ChangeDetectionStrategy, Component, input } from "@angular/core";
3
+ var RaqmAspectRatio = class RaqmAspectRatio {
4
+ ratio = input(1, ...ngDevMode ? [{ debugName: "ratio" }] : /* istanbul ignore next */ []);
5
+ static ɵfac = i0.ɵɵngDeclareFactory({
6
+ minVersion: "12.0.0",
7
+ version: "22.2.2",
8
+ ngImport: i0,
9
+ type: RaqmAspectRatio,
10
+ deps: [],
11
+ target: i0.ɵɵFactoryTarget.Component
12
+ });
13
+ static ɵcmp = i0.ɵɵngDeclareComponent({
14
+ minVersion: "17.1.0",
15
+ version: "22.2.2",
16
+ type: RaqmAspectRatio,
17
+ isStandalone: true,
18
+ selector: "raqm-aspect-ratio",
19
+ inputs: { ratio: {
20
+ classPropertyName: "ratio",
21
+ publicName: "ratio",
22
+ isSignal: true,
23
+ isRequired: false,
24
+ transformFunction: null
25
+ } },
26
+ host: {
27
+ properties: { "style.--raqm-aspect-ratio": "ratio()" },
28
+ classAttribute: "raqm-aspect-ratio"
29
+ },
30
+ ngImport: i0,
31
+ template: "<ng-content />",
32
+ isInline: true,
33
+ styles: [":host{display:block;position:relative;aspect-ratio:var(--raqm-aspect-ratio, 1)}\n"],
34
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
35
+ });
36
+ };
37
+ i0.ɵɵngDeclareClassMetadata({
38
+ minVersion: "12.0.0",
39
+ version: "22.2.2",
40
+ ngImport: i0,
41
+ type: RaqmAspectRatio,
42
+ decorators: [{
43
+ type: Component,
44
+ args: [{
45
+ selector: "raqm-aspect-ratio",
46
+ template: "<ng-content />",
47
+ changeDetection: ChangeDetectionStrategy.OnPush,
48
+ host: {
49
+ class: "raqm-aspect-ratio",
50
+ "[style.--raqm-aspect-ratio]": "ratio()"
51
+ },
52
+ styles: [":host{display:block;position:relative;aspect-ratio:var(--raqm-aspect-ratio, 1)}\n"]
53
+ }]
54
+ }],
55
+ propDecorators: { ratio: [{
56
+ type: i0.Input,
57
+ args: [{
58
+ isSignal: true,
59
+ alias: "ratio",
60
+ required: false
61
+ }]
62
+ }] }
63
+ });
64
+ export { RaqmAspectRatio };
65
+
66
+ //# sourceMappingURL=raqm-ui-aspect-ratio.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"raqm-ui-aspect-ratio.mjs","names":[],"sources":["../../../projects/ui/aspect-ratio/aspect-ratio.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\n/** Raqm aspect ratio — constrains projected content to a fixed width-to-height ratio. */\r\n@Component({\r\n selector: 'raqm-aspect-ratio',\r\n template: '<ng-content />',\r\n styleUrl: './aspect-ratio.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'raqm-aspect-ratio',\r\n '[style.--raqm-aspect-ratio]': 'ratio()',\r\n },\r\n})\r\nexport class RaqmAspectRatio {\r\n // The ratio is set as an inline custom property, so a class override needs `!important`.\r\n readonly ratio = input<number>(1);\r\n}\r\n"],"mappings":";;AAaA,IAAa,kBAAb,MAAa,gBAAe;CAEjB,QAAQ,MAAc,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAFtB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAe,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAf,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAe,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,OAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,6BAAA,UAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;EAAA,UARhB;EAAgB,UAAA;EAAA,QAAA,CAAA,mFAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAQf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA;EAV3B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAmB,UACnB;GAAgB,iBAET,wBAAwB;GAAM,MACzC;IACJ,OAAO;IACP,+BAA+B;GAChC;GAAA,QAAA,CAAA,mFAAA;EAAA,CAAA"}