@star-ng/ui 0.0.0-stage → 0.1.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 (217) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +148 -2
  3. package/fesm2022/star-ng-ui-accordion.mjs +376 -0
  4. package/fesm2022/star-ng-ui-accordion.mjs.map +1 -0
  5. package/fesm2022/star-ng-ui-autocomplete.mjs +782 -0
  6. package/fesm2022/star-ng-ui-autocomplete.mjs.map +1 -0
  7. package/fesm2022/star-ng-ui-avatar.mjs +154 -0
  8. package/fesm2022/star-ng-ui-avatar.mjs.map +1 -0
  9. package/fesm2022/star-ng-ui-badge.mjs +153 -0
  10. package/fesm2022/star-ng-ui-badge.mjs.map +1 -0
  11. package/fesm2022/star-ng-ui-breadcrumb.mjs +199 -0
  12. package/fesm2022/star-ng-ui-breadcrumb.mjs.map +1 -0
  13. package/fesm2022/star-ng-ui-button.mjs +282 -0
  14. package/fesm2022/star-ng-ui-button.mjs.map +1 -0
  15. package/fesm2022/star-ng-ui-card.mjs +112 -0
  16. package/fesm2022/star-ng-ui-card.mjs.map +1 -0
  17. package/fesm2022/star-ng-ui-chart.mjs +1904 -0
  18. package/fesm2022/star-ng-ui-chart.mjs.map +1 -0
  19. package/fesm2022/star-ng-ui-checkbox.mjs +345 -0
  20. package/fesm2022/star-ng-ui-checkbox.mjs.map +1 -0
  21. package/fesm2022/star-ng-ui-core.mjs +392 -0
  22. package/fesm2022/star-ng-ui-core.mjs.map +1 -0
  23. package/fesm2022/star-ng-ui-data-display.mjs +1556 -0
  24. package/fesm2022/star-ng-ui-data-display.mjs.map +1 -0
  25. package/fesm2022/star-ng-ui-date-picker.mjs +2786 -0
  26. package/fesm2022/star-ng-ui-date-picker.mjs.map +1 -0
  27. package/fesm2022/star-ng-ui-dialog.mjs +948 -0
  28. package/fesm2022/star-ng-ui-dialog.mjs.map +1 -0
  29. package/fesm2022/star-ng-ui-drawer.mjs +158 -0
  30. package/fesm2022/star-ng-ui-drawer.mjs.map +1 -0
  31. package/fesm2022/star-ng-ui-editor.mjs +416 -0
  32. package/fesm2022/star-ng-ui-editor.mjs.map +1 -0
  33. package/fesm2022/star-ng-ui-field.mjs +378 -0
  34. package/fesm2022/star-ng-ui-field.mjs.map +1 -0
  35. package/fesm2022/star-ng-ui-file-upload.mjs +762 -0
  36. package/fesm2022/star-ng-ui-file-upload.mjs.map +1 -0
  37. package/fesm2022/star-ng-ui-i18n-de.mjs +179 -0
  38. package/fesm2022/star-ng-ui-i18n-de.mjs.map +1 -0
  39. package/fesm2022/star-ng-ui-i18n-es.mjs +179 -0
  40. package/fesm2022/star-ng-ui-i18n-es.mjs.map +1 -0
  41. package/fesm2022/star-ng-ui-input-group.mjs +188 -0
  42. package/fesm2022/star-ng-ui-input-group.mjs.map +1 -0
  43. package/fesm2022/star-ng-ui-input-mask.mjs +434 -0
  44. package/fesm2022/star-ng-ui-input-mask.mjs.map +1 -0
  45. package/fesm2022/star-ng-ui-input-number.mjs +691 -0
  46. package/fesm2022/star-ng-ui-input-number.mjs.map +1 -0
  47. package/fesm2022/star-ng-ui-input-otp.mjs +343 -0
  48. package/fesm2022/star-ng-ui-input-otp.mjs.map +1 -0
  49. package/fesm2022/star-ng-ui-input-tags.mjs +616 -0
  50. package/fesm2022/star-ng-ui-input-tags.mjs.map +1 -0
  51. package/fesm2022/star-ng-ui-knob.mjs +514 -0
  52. package/fesm2022/star-ng-ui-knob.mjs.map +1 -0
  53. package/fesm2022/star-ng-ui-layout.mjs +608 -0
  54. package/fesm2022/star-ng-ui-layout.mjs.map +1 -0
  55. package/fesm2022/star-ng-ui-listbox.mjs +978 -0
  56. package/fesm2022/star-ng-ui-listbox.mjs.map +1 -0
  57. package/fesm2022/star-ng-ui-media.mjs +833 -0
  58. package/fesm2022/star-ng-ui-media.mjs.map +1 -0
  59. package/fesm2022/star-ng-ui-menu.mjs +1840 -0
  60. package/fesm2022/star-ng-ui-menu.mjs.map +1 -0
  61. package/fesm2022/star-ng-ui-message.mjs +191 -0
  62. package/fesm2022/star-ng-ui-message.mjs.map +1 -0
  63. package/fesm2022/star-ng-ui-paginator.mjs +387 -0
  64. package/fesm2022/star-ng-ui-paginator.mjs.map +1 -0
  65. package/fesm2022/star-ng-ui-panel.mjs +324 -0
  66. package/fesm2022/star-ng-ui-panel.mjs.map +1 -0
  67. package/fesm2022/star-ng-ui-password.mjs +517 -0
  68. package/fesm2022/star-ng-ui-password.mjs.map +1 -0
  69. package/fesm2022/star-ng-ui-popover.mjs +241 -0
  70. package/fesm2022/star-ng-ui-popover.mjs.map +1 -0
  71. package/fesm2022/star-ng-ui-progress-bar.mjs +183 -0
  72. package/fesm2022/star-ng-ui-progress-bar.mjs.map +1 -0
  73. package/fesm2022/star-ng-ui-radio.mjs +411 -0
  74. package/fesm2022/star-ng-ui-radio.mjs.map +1 -0
  75. package/fesm2022/star-ng-ui-rating.mjs +211 -0
  76. package/fesm2022/star-ng-ui-rating.mjs.map +1 -0
  77. package/fesm2022/star-ng-ui-select-button.mjs +613 -0
  78. package/fesm2022/star-ng-ui-select-button.mjs.map +1 -0
  79. package/fesm2022/star-ng-ui-select.mjs +2523 -0
  80. package/fesm2022/star-ng-ui-select.mjs.map +1 -0
  81. package/fesm2022/star-ng-ui-skeleton.mjs +160 -0
  82. package/fesm2022/star-ng-ui-skeleton.mjs.map +1 -0
  83. package/fesm2022/star-ng-ui-slider.mjs +552 -0
  84. package/fesm2022/star-ng-ui-slider.mjs.map +1 -0
  85. package/fesm2022/star-ng-ui-spinner.mjs +148 -0
  86. package/fesm2022/star-ng-ui-spinner.mjs.map +1 -0
  87. package/fesm2022/star-ng-ui-stepper.mjs +360 -0
  88. package/fesm2022/star-ng-ui-stepper.mjs.map +1 -0
  89. package/fesm2022/star-ng-ui-table.mjs +3477 -0
  90. package/fesm2022/star-ng-ui-table.mjs.map +1 -0
  91. package/fesm2022/star-ng-ui-tabs.mjs +464 -0
  92. package/fesm2022/star-ng-ui-tabs.mjs.map +1 -0
  93. package/fesm2022/star-ng-ui-tag.mjs +129 -0
  94. package/fesm2022/star-ng-ui-tag.mjs.map +1 -0
  95. package/fesm2022/star-ng-ui-theme-switch.mjs +105 -0
  96. package/fesm2022/star-ng-ui-theme-switch.mjs.map +1 -0
  97. package/fesm2022/star-ng-ui-theme.mjs +98 -0
  98. package/fesm2022/star-ng-ui-theme.mjs.map +1 -0
  99. package/fesm2022/star-ng-ui-toast.mjs +298 -0
  100. package/fesm2022/star-ng-ui-toast.mjs.map +1 -0
  101. package/fesm2022/star-ng-ui-toggle-switch.mjs +316 -0
  102. package/fesm2022/star-ng-ui-toggle-switch.mjs.map +1 -0
  103. package/fesm2022/star-ng-ui-tooltip.mjs +297 -0
  104. package/fesm2022/star-ng-ui-tooltip.mjs.map +1 -0
  105. package/fesm2022/star-ng-ui-transloco.mjs +40 -0
  106. package/fesm2022/star-ng-ui-transloco.mjs.map +1 -0
  107. package/fesm2022/star-ng-ui-tree.mjs +1446 -0
  108. package/fesm2022/star-ng-ui-tree.mjs.map +1 -0
  109. package/fesm2022/star-ng-ui-utility.mjs +2134 -0
  110. package/fesm2022/star-ng-ui-utility.mjs.map +1 -0
  111. package/fesm2022/star-ng-ui.mjs +51 -0
  112. package/package.json +281 -3
  113. package/styles/_base.scss +70 -0
  114. package/styles/_shared.scss +2 -0
  115. package/styles/_tokens.scss +190 -0
  116. package/styles/controls/_accordion.scss +75 -0
  117. package/styles/controls/_autocomplete.scss +44 -0
  118. package/styles/controls/_avatar.scss +39 -0
  119. package/styles/controls/_breadcrumb.scss +45 -0
  120. package/styles/controls/_button.scss +137 -0
  121. package/styles/controls/_card.scss +38 -0
  122. package/styles/controls/_chart.scss +214 -0
  123. package/styles/controls/_chip.scss +51 -0
  124. package/styles/controls/_choice.scss +153 -0
  125. package/styles/controls/_data-display.scss +118 -0
  126. package/styles/controls/_date-picker.scss +300 -0
  127. package/styles/controls/_dialog.scss +123 -0
  128. package/styles/controls/_drawer.scss +118 -0
  129. package/styles/controls/_editor.scss +74 -0
  130. package/styles/controls/_field.scss +92 -0
  131. package/styles/controls/_file-upload.scss +136 -0
  132. package/styles/controls/_input-group.scss +104 -0
  133. package/styles/controls/_input-mask.scss +46 -0
  134. package/styles/controls/_input-number.scss +125 -0
  135. package/styles/controls/_knob.scss +76 -0
  136. package/styles/controls/_layout.scss +182 -0
  137. package/styles/controls/_listbox.scss +38 -0
  138. package/styles/controls/_media.scss +222 -0
  139. package/styles/controls/_menu.scss +254 -0
  140. package/styles/controls/_message.scss +48 -0
  141. package/styles/controls/_org-chart.scss +128 -0
  142. package/styles/controls/_paginator.scss +59 -0
  143. package/styles/controls/_panel.scss +83 -0
  144. package/styles/controls/_popover.scss +40 -0
  145. package/styles/controls/_progress-bar.scss +74 -0
  146. package/styles/controls/_select-button.scss +61 -0
  147. package/styles/controls/_select.scss +216 -0
  148. package/styles/controls/_skeleton.scss +43 -0
  149. package/styles/controls/_slider.scss +163 -0
  150. package/styles/controls/_spinner.scss +34 -0
  151. package/styles/controls/_stepper.scss +109 -0
  152. package/styles/controls/_table.scss +523 -0
  153. package/styles/controls/_tabs.scss +93 -0
  154. package/styles/controls/_tag.scss +84 -0
  155. package/styles/controls/_toast.scss +141 -0
  156. package/styles/controls/_tooltip.scss +14 -0
  157. package/styles/controls/_tree.scss +113 -0
  158. package/styles/controls/_utility.scss +654 -0
  159. package/styles/star-ng.css +5803 -0
  160. package/styles/star-ng.min.css +1 -0
  161. package/styles/star-ng.scss +50 -0
  162. package/theme/star-theme-first-paint.js +1 -0
  163. package/types/star-ng-ui-accordion.d.ts +82 -0
  164. package/types/star-ng-ui-autocomplete.d.ts +171 -0
  165. package/types/star-ng-ui-avatar.d.ts +43 -0
  166. package/types/star-ng-ui-badge.d.ts +46 -0
  167. package/types/star-ng-ui-breadcrumb.d.ts +39 -0
  168. package/types/star-ng-ui-button.d.ts +79 -0
  169. package/types/star-ng-ui-card.d.ts +29 -0
  170. package/types/star-ng-ui-chart.d.ts +337 -0
  171. package/types/star-ng-ui-checkbox.d.ts +92 -0
  172. package/types/star-ng-ui-core.d.ts +310 -0
  173. package/types/star-ng-ui-data-display.d.ts +339 -0
  174. package/types/star-ng-ui-date-picker.d.ts +701 -0
  175. package/types/star-ng-ui-dialog.d.ts +254 -0
  176. package/types/star-ng-ui-drawer.d.ts +29 -0
  177. package/types/star-ng-ui-editor.d.ts +96 -0
  178. package/types/star-ng-ui-field.d.ts +146 -0
  179. package/types/star-ng-ui-file-upload.d.ts +192 -0
  180. package/types/star-ng-ui-i18n-de.d.ts +7 -0
  181. package/types/star-ng-ui-i18n-es.d.ts +7 -0
  182. package/types/star-ng-ui-input-group.d.ts +58 -0
  183. package/types/star-ng-ui-input-mask.d.ts +126 -0
  184. package/types/star-ng-ui-input-number.d.ts +193 -0
  185. package/types/star-ng-ui-input-otp.d.ts +86 -0
  186. package/types/star-ng-ui-input-tags.d.ts +159 -0
  187. package/types/star-ng-ui-knob.d.ts +121 -0
  188. package/types/star-ng-ui-layout.d.ts +154 -0
  189. package/types/star-ng-ui-listbox.d.ts +197 -0
  190. package/types/star-ng-ui-media.d.ts +161 -0
  191. package/types/star-ng-ui-menu.d.ts +332 -0
  192. package/types/star-ng-ui-message.d.ts +52 -0
  193. package/types/star-ng-ui-paginator.d.ts +85 -0
  194. package/types/star-ng-ui-panel.d.ts +65 -0
  195. package/types/star-ng-ui-password.d.ts +129 -0
  196. package/types/star-ng-ui-popover.d.ts +57 -0
  197. package/types/star-ng-ui-progress-bar.d.ts +49 -0
  198. package/types/star-ng-ui-radio.d.ts +116 -0
  199. package/types/star-ng-ui-rating.d.ts +52 -0
  200. package/types/star-ng-ui-select-button.d.ts +169 -0
  201. package/types/star-ng-ui-select.d.ts +540 -0
  202. package/types/star-ng-ui-skeleton.d.ts +47 -0
  203. package/types/star-ng-ui-slider.d.ts +145 -0
  204. package/types/star-ng-ui-spinner.d.ts +29 -0
  205. package/types/star-ng-ui-stepper.d.ts +89 -0
  206. package/types/star-ng-ui-table.d.ts +829 -0
  207. package/types/star-ng-ui-tabs.d.ts +109 -0
  208. package/types/star-ng-ui-tag.d.ts +35 -0
  209. package/types/star-ng-ui-theme-switch.d.ts +36 -0
  210. package/types/star-ng-ui-theme.d.ts +95 -0
  211. package/types/star-ng-ui-toast.d.ts +84 -0
  212. package/types/star-ng-ui-toggle-switch.d.ts +81 -0
  213. package/types/star-ng-ui-tooltip.d.ts +66 -0
  214. package/types/star-ng-ui-transloco.d.ts +14 -0
  215. package/types/star-ng-ui-tree.d.ts +310 -0
  216. package/types/star-ng-ui-utility.d.ts +533 -0
  217. package/types/star-ng-ui.d.ts +51 -0
@@ -0,0 +1,282 @@
1
+ import * as i0 from "@angular/core";
2
+ import { ChangeDetectionStrategy, Component, booleanAttribute, computed, input, output } from "@angular/core";
3
+ var StarButton = class StarButton {
4
+ variant = input("primary", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
5
+ size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
6
+ type = input("button", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
7
+ disabled = input(false, {
8
+ ...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
9
+ transform: booleanAttribute
10
+ });
11
+ loading = input(false, {
12
+ ...ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {},
13
+ transform: booleanAttribute
14
+ });
15
+ leadingIcon = input(null, ...ngDevMode ? [{ debugName: "leadingIcon" }] : /* istanbul ignore next */ []);
16
+ trailingIcon = input(null, ...ngDevMode ? [{ debugName: "trailingIcon" }] : /* istanbul ignore next */ []);
17
+ iconOnly = input(false, {
18
+ ...ngDevMode ? { debugName: "iconOnly" } : /* istanbul ignore next */ {},
19
+ transform: booleanAttribute
20
+ });
21
+ fullWidth = input(false, {
22
+ ...ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {},
23
+ transform: booleanAttribute
24
+ });
25
+ ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
26
+ pressed = output();
27
+ classes = computed(() => [
28
+ "star-btn",
29
+ `star-btn--${this.variant()}`,
30
+ `star-btn--${this.size()}`,
31
+ this.iconOnly() ? "star-btn--icon" : "",
32
+ this.fullWidth() ? "star-btn--full" : ""
33
+ ].filter(Boolean).join(" "), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
34
+ onClick(event) {
35
+ if (this.disabled() || this.loading()) {
36
+ event.preventDefault();
37
+ return;
38
+ }
39
+ this.pressed.emit(event);
40
+ }
41
+ static ɵfac = i0.ɵɵngDeclareFactory({
42
+ minVersion: "12.0.0",
43
+ version: "22.2.6",
44
+ ngImport: i0,
45
+ type: StarButton,
46
+ deps: [],
47
+ target: i0.ɵɵFactoryTarget.Component
48
+ });
49
+ static ɵcmp = i0.ɵɵngDeclareComponent({
50
+ minVersion: "17.0.0",
51
+ version: "22.2.6",
52
+ type: StarButton,
53
+ isStandalone: true,
54
+ selector: "star-button",
55
+ inputs: {
56
+ variant: {
57
+ classPropertyName: "variant",
58
+ publicName: "variant",
59
+ isSignal: true,
60
+ isRequired: false,
61
+ transformFunction: null
62
+ },
63
+ size: {
64
+ classPropertyName: "size",
65
+ publicName: "size",
66
+ isSignal: true,
67
+ isRequired: false,
68
+ transformFunction: null
69
+ },
70
+ type: {
71
+ classPropertyName: "type",
72
+ publicName: "type",
73
+ isSignal: true,
74
+ isRequired: false,
75
+ transformFunction: null
76
+ },
77
+ disabled: {
78
+ classPropertyName: "disabled",
79
+ publicName: "disabled",
80
+ isSignal: true,
81
+ isRequired: false,
82
+ transformFunction: null
83
+ },
84
+ loading: {
85
+ classPropertyName: "loading",
86
+ publicName: "loading",
87
+ isSignal: true,
88
+ isRequired: false,
89
+ transformFunction: null
90
+ },
91
+ leadingIcon: {
92
+ classPropertyName: "leadingIcon",
93
+ publicName: "leadingIcon",
94
+ isSignal: true,
95
+ isRequired: false,
96
+ transformFunction: null
97
+ },
98
+ trailingIcon: {
99
+ classPropertyName: "trailingIcon",
100
+ publicName: "trailingIcon",
101
+ isSignal: true,
102
+ isRequired: false,
103
+ transformFunction: null
104
+ },
105
+ iconOnly: {
106
+ classPropertyName: "iconOnly",
107
+ publicName: "iconOnly",
108
+ isSignal: true,
109
+ isRequired: false,
110
+ transformFunction: null
111
+ },
112
+ fullWidth: {
113
+ classPropertyName: "fullWidth",
114
+ publicName: "fullWidth",
115
+ isSignal: true,
116
+ isRequired: false,
117
+ transformFunction: null
118
+ },
119
+ ariaLabel: {
120
+ classPropertyName: "ariaLabel",
121
+ publicName: "ariaLabel",
122
+ isSignal: true,
123
+ isRequired: false,
124
+ transformFunction: null
125
+ }
126
+ },
127
+ outputs: { pressed: "pressed" },
128
+ host: { properties: { "class.star-button--full": "fullWidth()" } },
129
+ ngImport: i0,
130
+ template: `
131
+ <button
132
+ [type]="type()"
133
+ [class]="classes()"
134
+ [disabled]="disabled() || loading()"
135
+ [attr.aria-busy]="loading() ? 'true' : null"
136
+ [attr.aria-label]="ariaLabel()"
137
+ (click)="onClick($event)"
138
+ >
139
+ @if (loading()) {
140
+ <i class="ph-bold ph-spinner-gap star-spin" aria-hidden="true"></i>
141
+ } @else if (leadingIcon()) {
142
+ <i [class]="leadingIcon()" aria-hidden="true"></i>
143
+ }
144
+ @if (!iconOnly()) {
145
+ <span><ng-content /></span>
146
+ }
147
+ @if (trailingIcon() && !loading()) {
148
+ <i [class]="trailingIcon()" aria-hidden="true"></i>
149
+ }
150
+ </button>
151
+ `,
152
+ isInline: true,
153
+ styles: [":host{display:inline-flex}:host(.star-button--full){display:flex;width:100%}\n"],
154
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
155
+ });
156
+ };
157
+ i0.ɵɵngDeclareClassMetadata({
158
+ minVersion: "12.0.0",
159
+ version: "22.2.6",
160
+ ngImport: i0,
161
+ type: StarButton,
162
+ decorators: [{
163
+ type: Component,
164
+ args: [{
165
+ selector: "star-button",
166
+ changeDetection: ChangeDetectionStrategy.OnPush,
167
+ host: { "[class.star-button--full]": "fullWidth()" },
168
+ template: `
169
+ <button
170
+ [type]="type()"
171
+ [class]="classes()"
172
+ [disabled]="disabled() || loading()"
173
+ [attr.aria-busy]="loading() ? 'true' : null"
174
+ [attr.aria-label]="ariaLabel()"
175
+ (click)="onClick($event)"
176
+ >
177
+ @if (loading()) {
178
+ <i class="ph-bold ph-spinner-gap star-spin" aria-hidden="true"></i>
179
+ } @else if (leadingIcon()) {
180
+ <i [class]="leadingIcon()" aria-hidden="true"></i>
181
+ }
182
+ @if (!iconOnly()) {
183
+ <span><ng-content /></span>
184
+ }
185
+ @if (trailingIcon() && !loading()) {
186
+ <i [class]="trailingIcon()" aria-hidden="true"></i>
187
+ }
188
+ </button>
189
+ `,
190
+ styles: [":host{display:inline-flex}:host(.star-button--full){display:flex;width:100%}\n"]
191
+ }]
192
+ }],
193
+ propDecorators: {
194
+ variant: [{
195
+ type: i0.Input,
196
+ args: [{
197
+ isSignal: true,
198
+ alias: "variant",
199
+ required: false
200
+ }]
201
+ }],
202
+ size: [{
203
+ type: i0.Input,
204
+ args: [{
205
+ isSignal: true,
206
+ alias: "size",
207
+ required: false
208
+ }]
209
+ }],
210
+ type: [{
211
+ type: i0.Input,
212
+ args: [{
213
+ isSignal: true,
214
+ alias: "type",
215
+ required: false
216
+ }]
217
+ }],
218
+ disabled: [{
219
+ type: i0.Input,
220
+ args: [{
221
+ isSignal: true,
222
+ alias: "disabled",
223
+ required: false
224
+ }]
225
+ }],
226
+ loading: [{
227
+ type: i0.Input,
228
+ args: [{
229
+ isSignal: true,
230
+ alias: "loading",
231
+ required: false
232
+ }]
233
+ }],
234
+ leadingIcon: [{
235
+ type: i0.Input,
236
+ args: [{
237
+ isSignal: true,
238
+ alias: "leadingIcon",
239
+ required: false
240
+ }]
241
+ }],
242
+ trailingIcon: [{
243
+ type: i0.Input,
244
+ args: [{
245
+ isSignal: true,
246
+ alias: "trailingIcon",
247
+ required: false
248
+ }]
249
+ }],
250
+ iconOnly: [{
251
+ type: i0.Input,
252
+ args: [{
253
+ isSignal: true,
254
+ alias: "iconOnly",
255
+ required: false
256
+ }]
257
+ }],
258
+ fullWidth: [{
259
+ type: i0.Input,
260
+ args: [{
261
+ isSignal: true,
262
+ alias: "fullWidth",
263
+ required: false
264
+ }]
265
+ }],
266
+ ariaLabel: [{
267
+ type: i0.Input,
268
+ args: [{
269
+ isSignal: true,
270
+ alias: "ariaLabel",
271
+ required: false
272
+ }]
273
+ }],
274
+ pressed: [{
275
+ type: i0.Output,
276
+ args: ["pressed"]
277
+ }]
278
+ }
279
+ });
280
+ export { StarButton };
281
+
282
+ //# sourceMappingURL=star-ng-ui-button.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"star-ng-ui-button.mjs","names":[],"sources":["../../../projects/star-ng/button/button.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n output,\n} from '@angular/core';\n\nexport type StarButtonVariant =\n 'primary' | 'secondary' | 'ghost' | 'danger' | 'ghost-danger' | 'success' | 'warning';\n\nexport type StarButtonSize = 'sm' | 'md' | 'lg';\n\n/**\n * Button: the one component for every call to action. Variants, sizes, icons, a loading\n * state and an icon-only form. Styles: `@star-ng/ui/styles/controls/_button.scss` (`.star-btn`).\n *\n * `<star-button variant=\"primary\" trailingIcon=\"ph-bold ph-arrow-right\" (pressed)=\"next()\">Next</star-button>`\n */\n@Component({\n selector: 'star-button',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { '[class.star-button--full]': 'fullWidth()' },\n template: `\n <button\n [type]=\"type()\"\n [class]=\"classes()\"\n [disabled]=\"disabled() || loading()\"\n [attr.aria-busy]=\"loading() ? 'true' : null\"\n [attr.aria-label]=\"ariaLabel()\"\n (click)=\"onClick($event)\"\n >\n @if (loading()) {\n <i class=\"ph-bold ph-spinner-gap star-spin\" aria-hidden=\"true\"></i>\n } @else if (leadingIcon()) {\n <i [class]=\"leadingIcon()\" aria-hidden=\"true\"></i>\n }\n @if (!iconOnly()) {\n <span><ng-content /></span>\n }\n @if (trailingIcon() && !loading()) {\n <i [class]=\"trailingIcon()\" aria-hidden=\"true\"></i>\n }\n </button>\n `,\n styles: `\n :host {\n display: inline-flex;\n }\n :host(.star-button--full) {\n display: flex;\n width: 100%;\n }\n `,\n})\nexport class StarButton {\n readonly variant = input<StarButtonVariant>('primary');\n readonly size = input<StarButtonSize>('md');\n readonly type = input<'button' | 'submit' | 'reset'>('button');\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly loading = input(false, { transform: booleanAttribute });\n readonly leadingIcon = input<string | null>(null);\n readonly trailingIcon = input<string | null>(null);\n readonly iconOnly = input(false, { transform: booleanAttribute });\n readonly fullWidth = input(false, { transform: booleanAttribute });\n readonly ariaLabel = input<string | null>(null);\n\n readonly pressed = output<MouseEvent>();\n\n protected readonly classes = computed(() =>\n [\n 'star-btn',\n `star-btn--${this.variant()}`,\n `star-btn--${this.size()}`,\n this.iconOnly() ? 'star-btn--icon' : '',\n this.fullWidth() ? 'star-btn--full' : '',\n ]\n .filter(Boolean)\n .join(' '),\n );\n\n onClick(event: MouseEvent): void {\n if (this.disabled() || this.loading()) {\n event.preventDefault();\n return;\n }\n this.pressed.emit(event);\n }\n}\n"],"mappings":"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"}
@@ -0,0 +1,112 @@
1
+ import * as i0 from "@angular/core";
2
+ import { ChangeDetectionStrategy, Component, input } from "@angular/core";
3
+ var StarCard = class StarCard {
4
+ header = input("", ...ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []);
5
+ subheader = input("", ...ngDevMode ? [{ debugName: "subheader" }] : /* istanbul ignore next */ []);
6
+ static ɵfac = i0.ɵɵngDeclareFactory({
7
+ minVersion: "12.0.0",
8
+ version: "22.2.6",
9
+ ngImport: i0,
10
+ type: StarCard,
11
+ deps: [],
12
+ target: i0.ɵɵFactoryTarget.Component
13
+ });
14
+ static ɵcmp = i0.ɵɵngDeclareComponent({
15
+ minVersion: "17.0.0",
16
+ version: "22.2.6",
17
+ type: StarCard,
18
+ isStandalone: true,
19
+ selector: "star-card",
20
+ inputs: {
21
+ header: {
22
+ classPropertyName: "header",
23
+ publicName: "header",
24
+ isSignal: true,
25
+ isRequired: false,
26
+ transformFunction: null
27
+ },
28
+ subheader: {
29
+ classPropertyName: "subheader",
30
+ publicName: "subheader",
31
+ isSignal: true,
32
+ isRequired: false,
33
+ transformFunction: null
34
+ }
35
+ },
36
+ host: { classAttribute: "star-card star-card-cmp" },
37
+ ngImport: i0,
38
+ template: `
39
+ <ng-content select="[starCardMedia]" />
40
+ @if (header() || subheader()) {
41
+ <header class="star-card-cmp__header">
42
+ <div>
43
+ @if (header()) {
44
+ <h3 class="star-card-cmp__title">{{ header() }}</h3>
45
+ }
46
+ @if (subheader()) {
47
+ <p class="star-card-cmp__subtitle">{{ subheader() }}</p>
48
+ }
49
+ </div>
50
+ <ng-content select="[starCardActions]" />
51
+ </header>
52
+ }
53
+ <div class="star-card-cmp__body"><ng-content /></div>
54
+ <ng-content select="[starCardFooter]" />
55
+ `,
56
+ isInline: true,
57
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
58
+ });
59
+ };
60
+ i0.ɵɵngDeclareClassMetadata({
61
+ minVersion: "12.0.0",
62
+ version: "22.2.6",
63
+ ngImport: i0,
64
+ type: StarCard,
65
+ decorators: [{
66
+ type: Component,
67
+ args: [{
68
+ selector: "star-card",
69
+ changeDetection: ChangeDetectionStrategy.OnPush,
70
+ host: { class: "star-card star-card-cmp" },
71
+ template: `
72
+ <ng-content select="[starCardMedia]" />
73
+ @if (header() || subheader()) {
74
+ <header class="star-card-cmp__header">
75
+ <div>
76
+ @if (header()) {
77
+ <h3 class="star-card-cmp__title">{{ header() }}</h3>
78
+ }
79
+ @if (subheader()) {
80
+ <p class="star-card-cmp__subtitle">{{ subheader() }}</p>
81
+ }
82
+ </div>
83
+ <ng-content select="[starCardActions]" />
84
+ </header>
85
+ }
86
+ <div class="star-card-cmp__body"><ng-content /></div>
87
+ <ng-content select="[starCardFooter]" />
88
+ `
89
+ }]
90
+ }],
91
+ propDecorators: {
92
+ header: [{
93
+ type: i0.Input,
94
+ args: [{
95
+ isSignal: true,
96
+ alias: "header",
97
+ required: false
98
+ }]
99
+ }],
100
+ subheader: [{
101
+ type: i0.Input,
102
+ args: [{
103
+ isSignal: true,
104
+ alias: "subheader",
105
+ required: false
106
+ }]
107
+ }]
108
+ }
109
+ });
110
+ export { StarCard };
111
+
112
+ //# sourceMappingURL=star-ng-ui-card.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"star-ng-ui-card.mjs","names":[],"sources":["../../../projects/star-ng/card/card.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n/**\n * Content card (PrimeNG `p-card`) on the StarNG `.star-card` surface: title, subtitle,\n * header actions, body and footer slots.\n * ```html\n * <star-card header=\"Open orders\" subheader=\"Last 30 days\">\n * <star-button starCardActions variant=\"ghost\" size=\"sm\">View all</star-button>\n * …body…\n * <div starCardFooter>…</div>\n * </star-card>\n * ```\n */\n@Component({\n selector: 'star-card',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'star-card star-card-cmp' },\n template: `\n <ng-content select=\"[starCardMedia]\" />\n @if (header() || subheader()) {\n <header class=\"star-card-cmp__header\">\n <div>\n @if (header()) {\n <h3 class=\"star-card-cmp__title\">{{ header() }}</h3>\n }\n @if (subheader()) {\n <p class=\"star-card-cmp__subtitle\">{{ subheader() }}</p>\n }\n </div>\n <ng-content select=\"[starCardActions]\" />\n </header>\n }\n <div class=\"star-card-cmp__body\"><ng-content /></div>\n <ng-content select=\"[starCardFooter]\" />\n `,\n})\nexport class StarCard {\n readonly header = input('');\n readonly subheader = input('');\n}\n"],"mappings":";;AAoCA,IAAa,WAAb,MAAa,SAAQ;CACV,SAAS,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAClB,YAAY,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAFnB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAQ,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAR,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAQ,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA,EAAA,gBAAA,0BAAA;EAAA,UAAA;EAAA,UAnBT;;;;;;;;;;;;;;;;;;EAiBT,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAQ,YAAA,CAAA;EAvBpB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,MAAM,EAAE,OAAO,0BAAyB;GACxC,UAAU;;;;;;;;;;;;;;;;;;EAkBX,CAAA"}