@vespera-ui/angular 0.1.0 → 0.3.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.
- package/LICENSE +201 -0
- package/README.md +8 -3
- package/dist/README.md +58 -0
- package/dist/fesm2022/vespera-ui-angular.mjs +2154 -0
- package/dist/fesm2022/vespera-ui-angular.mjs.map +1 -0
- package/dist/index.d.ts +391 -0
- package/ng-package.json +7 -0
- package/package.json +13 -15
- package/src/alert.component.ts +24 -0
- package/src/badge.component.ts +21 -0
- package/src/button.component.ts +25 -0
- package/src/card.component.ts +30 -0
- package/src/charts.component.ts +202 -0
- package/src/data.component.ts +181 -0
- package/src/display.component.ts +29 -0
- package/src/feedback.component.ts +55 -0
- package/src/field.component.ts +61 -0
- package/src/forms.component.ts +113 -0
- package/src/media.component.ts +88 -0
- package/src/nav.component.ts +199 -0
- package/src/public-api.ts +14 -0
- package/src/structure.component.ts +162 -0
- package/src/toggle.component.ts +62 -0
- package/tsconfig.lib.json +21 -0
- package/fesm2022/vespera-ui-angular.mjs +0 -404
- package/fesm2022/vespera-ui-angular.mjs.map +0 -1
- package/index.d.ts +0 -101
|
@@ -1,404 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, Component, EventEmitter, Output } from '@angular/core';
|
|
3
|
-
|
|
4
|
-
class VspButton {
|
|
5
|
-
variant = 'ghost';
|
|
6
|
-
size;
|
|
7
|
-
loading = false;
|
|
8
|
-
disabled = false;
|
|
9
|
-
get cls() {
|
|
10
|
-
return ['btn', `btn-${this.variant}`, this.size === 'sm' ? 'btn-sm' : '']
|
|
11
|
-
.filter(Boolean)
|
|
12
|
-
.join(' ');
|
|
13
|
-
}
|
|
14
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: VspButton, isStandalone: true, selector: "vsp-button", inputs: { variant: "variant", size: "size", loading: "loading", disabled: "disabled" }, ngImport: i0, template: `<button [class]="cls" [disabled]="disabled || loading">
|
|
16
|
-
@if (loading) {
|
|
17
|
-
<span class="ui-spinner" aria-hidden="true"></span>
|
|
18
|
-
}
|
|
19
|
-
<ng-content />
|
|
20
|
-
</button>`, isInline: true });
|
|
21
|
-
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspButton, decorators: [{
|
|
23
|
-
type: Component,
|
|
24
|
-
args: [{
|
|
25
|
-
selector: 'vsp-button',
|
|
26
|
-
template: `<button [class]="cls" [disabled]="disabled || loading">
|
|
27
|
-
@if (loading) {
|
|
28
|
-
<span class="ui-spinner" aria-hidden="true"></span>
|
|
29
|
-
}
|
|
30
|
-
<ng-content />
|
|
31
|
-
</button>`,
|
|
32
|
-
}]
|
|
33
|
-
}], propDecorators: { variant: [{
|
|
34
|
-
type: Input
|
|
35
|
-
}], size: [{
|
|
36
|
-
type: Input
|
|
37
|
-
}], loading: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}], disabled: [{
|
|
40
|
-
type: Input
|
|
41
|
-
}] } });
|
|
42
|
-
|
|
43
|
-
class VspBadge {
|
|
44
|
-
tone = 'muted';
|
|
45
|
-
dot = false;
|
|
46
|
-
get cls() {
|
|
47
|
-
return `badge badge-${this.tone}`;
|
|
48
|
-
}
|
|
49
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: VspBadge, isStandalone: true, selector: "vsp-badge", inputs: { tone: "tone", dot: "dot" }, ngImport: i0, template: `<span [class]="cls">
|
|
51
|
-
@if (dot) {
|
|
52
|
-
<i></i>
|
|
53
|
-
}
|
|
54
|
-
<ng-content />
|
|
55
|
-
</span>`, isInline: true });
|
|
56
|
-
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspBadge, decorators: [{
|
|
58
|
-
type: Component,
|
|
59
|
-
args: [{
|
|
60
|
-
selector: 'vsp-badge',
|
|
61
|
-
template: `<span [class]="cls">
|
|
62
|
-
@if (dot) {
|
|
63
|
-
<i></i>
|
|
64
|
-
}
|
|
65
|
-
<ng-content />
|
|
66
|
-
</span>`,
|
|
67
|
-
}]
|
|
68
|
-
}], propDecorators: { tone: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], dot: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}] } });
|
|
73
|
-
|
|
74
|
-
class VspSpinner {
|
|
75
|
-
size;
|
|
76
|
-
get cls() {
|
|
77
|
-
return this.size === 'lg' ? 'ui-spinner lg' : 'ui-spinner';
|
|
78
|
-
}
|
|
79
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspSpinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
80
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VspSpinner, isStandalone: true, selector: "vsp-spinner", inputs: { size: "size" }, ngImport: i0, template: `<span [class]="cls" aria-hidden="true"></span>`, isInline: true });
|
|
81
|
-
}
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspSpinner, decorators: [{
|
|
83
|
-
type: Component,
|
|
84
|
-
args: [{
|
|
85
|
-
selector: 'vsp-spinner',
|
|
86
|
-
template: `<span [class]="cls" aria-hidden="true"></span>`,
|
|
87
|
-
}]
|
|
88
|
-
}], propDecorators: { size: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}] } });
|
|
91
|
-
class VspIconButton {
|
|
92
|
-
label;
|
|
93
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspIconButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
94
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VspIconButton, isStandalone: true, selector: "vsp-icon-button", inputs: { label: "label" }, ngImport: i0, template: `<button type="button" class="vsp-icon-btn" [attr.aria-label]="label">
|
|
95
|
-
<ng-content />
|
|
96
|
-
</button>`, isInline: true });
|
|
97
|
-
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspIconButton, decorators: [{
|
|
99
|
-
type: Component,
|
|
100
|
-
args: [{
|
|
101
|
-
selector: 'vsp-icon-button',
|
|
102
|
-
template: `<button type="button" class="vsp-icon-btn" [attr.aria-label]="label">
|
|
103
|
-
<ng-content />
|
|
104
|
-
</button>`,
|
|
105
|
-
}]
|
|
106
|
-
}], propDecorators: { label: [{
|
|
107
|
-
type: Input
|
|
108
|
-
}] } });
|
|
109
|
-
|
|
110
|
-
class VspCard {
|
|
111
|
-
pad = false;
|
|
112
|
-
get cls() {
|
|
113
|
-
return this.pad ? 'card card-pad' : 'card';
|
|
114
|
-
}
|
|
115
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
116
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VspCard, isStandalone: true, selector: "vsp-card", inputs: { pad: "pad" }, ngImport: i0, template: `<div [class]="cls"><ng-content /></div>`, isInline: true });
|
|
117
|
-
}
|
|
118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspCard, decorators: [{
|
|
119
|
-
type: Component,
|
|
120
|
-
args: [{
|
|
121
|
-
selector: 'vsp-card',
|
|
122
|
-
template: `<div [class]="cls"><ng-content /></div>`,
|
|
123
|
-
}]
|
|
124
|
-
}], propDecorators: { pad: [{
|
|
125
|
-
type: Input
|
|
126
|
-
}] } });
|
|
127
|
-
class VspCardHead {
|
|
128
|
-
title;
|
|
129
|
-
desc;
|
|
130
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspCardHead, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
131
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: VspCardHead, isStandalone: true, selector: "vsp-card-head", inputs: { title: "title", desc: "desc" }, ngImport: i0, template: `<div class="card-head">
|
|
132
|
-
<div style="min-width: 0">
|
|
133
|
-
<div class="ttl">{{ title }}</div>
|
|
134
|
-
@if (desc) {
|
|
135
|
-
<div class="eyebrow" style="margin-top: 3px">{{ desc }}</div>
|
|
136
|
-
}
|
|
137
|
-
</div>
|
|
138
|
-
<div class="vsp-top-spacer"></div>
|
|
139
|
-
<ng-content select="[slot=right]" />
|
|
140
|
-
</div>`, isInline: true });
|
|
141
|
-
}
|
|
142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspCardHead, decorators: [{
|
|
143
|
-
type: Component,
|
|
144
|
-
args: [{
|
|
145
|
-
selector: 'vsp-card-head',
|
|
146
|
-
template: `<div class="card-head">
|
|
147
|
-
<div style="min-width: 0">
|
|
148
|
-
<div class="ttl">{{ title }}</div>
|
|
149
|
-
@if (desc) {
|
|
150
|
-
<div class="eyebrow" style="margin-top: 3px">{{ desc }}</div>
|
|
151
|
-
}
|
|
152
|
-
</div>
|
|
153
|
-
<div class="vsp-top-spacer"></div>
|
|
154
|
-
<ng-content select="[slot=right]" />
|
|
155
|
-
</div>`,
|
|
156
|
-
}]
|
|
157
|
-
}], propDecorators: { title: [{
|
|
158
|
-
type: Input
|
|
159
|
-
}], desc: [{
|
|
160
|
-
type: Input
|
|
161
|
-
}] } });
|
|
162
|
-
|
|
163
|
-
class VspAlert {
|
|
164
|
-
tone = 'info';
|
|
165
|
-
title;
|
|
166
|
-
get cls() {
|
|
167
|
-
return `ui-alert ${this.tone}`;
|
|
168
|
-
}
|
|
169
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
170
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: VspAlert, isStandalone: true, selector: "vsp-alert", inputs: { tone: "tone", title: "title" }, ngImport: i0, template: `<div [class]="cls">
|
|
171
|
-
<ng-content select="[slot=icon]" />
|
|
172
|
-
<div style="flex: 1">
|
|
173
|
-
@if (title) {
|
|
174
|
-
<div class="ui-alert-title">{{ title }}</div>
|
|
175
|
-
}
|
|
176
|
-
<div class="ui-alert-body"><ng-content /></div>
|
|
177
|
-
</div>
|
|
178
|
-
<ng-content select="[slot=action]" />
|
|
179
|
-
</div>`, isInline: true });
|
|
180
|
-
}
|
|
181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspAlert, decorators: [{
|
|
182
|
-
type: Component,
|
|
183
|
-
args: [{
|
|
184
|
-
selector: 'vsp-alert',
|
|
185
|
-
template: `<div [class]="cls">
|
|
186
|
-
<ng-content select="[slot=icon]" />
|
|
187
|
-
<div style="flex: 1">
|
|
188
|
-
@if (title) {
|
|
189
|
-
<div class="ui-alert-title">{{ title }}</div>
|
|
190
|
-
}
|
|
191
|
-
<div class="ui-alert-body"><ng-content /></div>
|
|
192
|
-
</div>
|
|
193
|
-
<ng-content select="[slot=action]" />
|
|
194
|
-
</div>`,
|
|
195
|
-
}]
|
|
196
|
-
}], propDecorators: { tone: [{
|
|
197
|
-
type: Input
|
|
198
|
-
}], title: [{
|
|
199
|
-
type: Input
|
|
200
|
-
}] } });
|
|
201
|
-
|
|
202
|
-
class VspField {
|
|
203
|
-
label;
|
|
204
|
-
required = false;
|
|
205
|
-
hint;
|
|
206
|
-
error;
|
|
207
|
-
htmlFor;
|
|
208
|
-
get hintCls() {
|
|
209
|
-
return this.error ? 'ui-hint err' : 'ui-hint';
|
|
210
|
-
}
|
|
211
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
212
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: VspField, isStandalone: true, selector: "vsp-field", inputs: { label: "label", required: "required", hint: "hint", error: "error", htmlFor: "htmlFor" }, ngImport: i0, template: `<div class="ui-field">
|
|
213
|
-
@if (label) {
|
|
214
|
-
<label class="ui-label" [attr.for]="htmlFor">
|
|
215
|
-
<span
|
|
216
|
-
>{{ label }}
|
|
217
|
-
@if (required) {
|
|
218
|
-
<span class="req"> *</span>
|
|
219
|
-
}
|
|
220
|
-
</span>
|
|
221
|
-
</label>
|
|
222
|
-
}
|
|
223
|
-
<ng-content />
|
|
224
|
-
@if (error || hint) {
|
|
225
|
-
<span [class]="hintCls">{{ error || hint }}</span>
|
|
226
|
-
}
|
|
227
|
-
</div>`, isInline: true });
|
|
228
|
-
}
|
|
229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspField, decorators: [{
|
|
230
|
-
type: Component,
|
|
231
|
-
args: [{
|
|
232
|
-
selector: 'vsp-field',
|
|
233
|
-
template: `<div class="ui-field">
|
|
234
|
-
@if (label) {
|
|
235
|
-
<label class="ui-label" [attr.for]="htmlFor">
|
|
236
|
-
<span
|
|
237
|
-
>{{ label }}
|
|
238
|
-
@if (required) {
|
|
239
|
-
<span class="req"> *</span>
|
|
240
|
-
}
|
|
241
|
-
</span>
|
|
242
|
-
</label>
|
|
243
|
-
}
|
|
244
|
-
<ng-content />
|
|
245
|
-
@if (error || hint) {
|
|
246
|
-
<span [class]="hintCls">{{ error || hint }}</span>
|
|
247
|
-
}
|
|
248
|
-
</div>`,
|
|
249
|
-
}]
|
|
250
|
-
}], propDecorators: { label: [{
|
|
251
|
-
type: Input
|
|
252
|
-
}], required: [{
|
|
253
|
-
type: Input
|
|
254
|
-
}], hint: [{
|
|
255
|
-
type: Input
|
|
256
|
-
}], error: [{
|
|
257
|
-
type: Input
|
|
258
|
-
}], htmlFor: [{
|
|
259
|
-
type: Input
|
|
260
|
-
}] } });
|
|
261
|
-
class VspInput {
|
|
262
|
-
value = '';
|
|
263
|
-
valueChange = new EventEmitter();
|
|
264
|
-
invalid = false;
|
|
265
|
-
get cls() {
|
|
266
|
-
return this.invalid ? 'ui-input invalid' : 'ui-input';
|
|
267
|
-
}
|
|
268
|
-
onInput(e) {
|
|
269
|
-
this.value = e.target.value;
|
|
270
|
-
this.valueChange.emit(this.value);
|
|
271
|
-
}
|
|
272
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
273
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VspInput, isStandalone: true, selector: "vsp-input", inputs: { value: "value", invalid: "invalid" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `<input [class]="cls" [value]="value" (input)="onInput($event)" />`, isInline: true });
|
|
274
|
-
}
|
|
275
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspInput, decorators: [{
|
|
276
|
-
type: Component,
|
|
277
|
-
args: [{
|
|
278
|
-
selector: 'vsp-input',
|
|
279
|
-
template: `<input [class]="cls" [value]="value" (input)="onInput($event)" />`,
|
|
280
|
-
}]
|
|
281
|
-
}], propDecorators: { value: [{
|
|
282
|
-
type: Input
|
|
283
|
-
}], valueChange: [{
|
|
284
|
-
type: Output
|
|
285
|
-
}], invalid: [{
|
|
286
|
-
type: Input
|
|
287
|
-
}] } });
|
|
288
|
-
|
|
289
|
-
class VspSwitch {
|
|
290
|
-
checked = false;
|
|
291
|
-
checkedChange = new EventEmitter();
|
|
292
|
-
size;
|
|
293
|
-
disabled = false;
|
|
294
|
-
get cls() {
|
|
295
|
-
return ['ui-switch', this.size === 'sm' && 'sm', this.checked && 'on']
|
|
296
|
-
.filter(Boolean)
|
|
297
|
-
.join(' ');
|
|
298
|
-
}
|
|
299
|
-
toggle() {
|
|
300
|
-
this.checked = !this.checked;
|
|
301
|
-
this.checkedChange.emit(this.checked);
|
|
302
|
-
}
|
|
303
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
304
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VspSwitch, isStandalone: true, selector: "vsp-switch", inputs: { checked: "checked", size: "size", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: `<button
|
|
305
|
-
type="button"
|
|
306
|
-
[disabled]="disabled"
|
|
307
|
-
[class]="cls"
|
|
308
|
-
[attr.aria-pressed]="checked"
|
|
309
|
-
aria-label="Toggle"
|
|
310
|
-
(click)="toggle()"
|
|
311
|
-
></button>`, isInline: true });
|
|
312
|
-
}
|
|
313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspSwitch, decorators: [{
|
|
314
|
-
type: Component,
|
|
315
|
-
args: [{
|
|
316
|
-
selector: 'vsp-switch',
|
|
317
|
-
template: `<button
|
|
318
|
-
type="button"
|
|
319
|
-
[disabled]="disabled"
|
|
320
|
-
[class]="cls"
|
|
321
|
-
[attr.aria-pressed]="checked"
|
|
322
|
-
aria-label="Toggle"
|
|
323
|
-
(click)="toggle()"
|
|
324
|
-
></button>`,
|
|
325
|
-
}]
|
|
326
|
-
}], propDecorators: { checked: [{
|
|
327
|
-
type: Input
|
|
328
|
-
}], checkedChange: [{
|
|
329
|
-
type: Output
|
|
330
|
-
}], size: [{
|
|
331
|
-
type: Input
|
|
332
|
-
}], disabled: [{
|
|
333
|
-
type: Input
|
|
334
|
-
}] } });
|
|
335
|
-
class VspCheckbox {
|
|
336
|
-
checked = false;
|
|
337
|
-
checkedChange = new EventEmitter();
|
|
338
|
-
label;
|
|
339
|
-
sub;
|
|
340
|
-
disabled = false;
|
|
341
|
-
get checkCls() {
|
|
342
|
-
return this.checked ? 'ui-check on' : 'ui-check';
|
|
343
|
-
}
|
|
344
|
-
toggle() {
|
|
345
|
-
this.checked = !this.checked;
|
|
346
|
-
this.checkedChange.emit(this.checked);
|
|
347
|
-
}
|
|
348
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
349
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: VspCheckbox, isStandalone: true, selector: "vsp-checkbox", inputs: { checked: "checked", label: "label", sub: "sub", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: `<label class="ui-opt" [style.opacity]="disabled ? 0.5 : 1">
|
|
350
|
-
<input
|
|
351
|
-
type="checkbox"
|
|
352
|
-
[checked]="checked"
|
|
353
|
-
[disabled]="disabled"
|
|
354
|
-
(change)="toggle()"
|
|
355
|
-
style="position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0"
|
|
356
|
-
/>
|
|
357
|
-
<span [class]="checkCls"></span>
|
|
358
|
-
<span>
|
|
359
|
-
<span>{{ label }}</span>
|
|
360
|
-
@if (sub) {
|
|
361
|
-
<span class="ui-opt-sub">{{ sub }}</span>
|
|
362
|
-
}
|
|
363
|
-
</span>
|
|
364
|
-
</label>`, isInline: true });
|
|
365
|
-
}
|
|
366
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VspCheckbox, decorators: [{
|
|
367
|
-
type: Component,
|
|
368
|
-
args: [{
|
|
369
|
-
selector: 'vsp-checkbox',
|
|
370
|
-
template: `<label class="ui-opt" [style.opacity]="disabled ? 0.5 : 1">
|
|
371
|
-
<input
|
|
372
|
-
type="checkbox"
|
|
373
|
-
[checked]="checked"
|
|
374
|
-
[disabled]="disabled"
|
|
375
|
-
(change)="toggle()"
|
|
376
|
-
style="position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0"
|
|
377
|
-
/>
|
|
378
|
-
<span [class]="checkCls"></span>
|
|
379
|
-
<span>
|
|
380
|
-
<span>{{ label }}</span>
|
|
381
|
-
@if (sub) {
|
|
382
|
-
<span class="ui-opt-sub">{{ sub }}</span>
|
|
383
|
-
}
|
|
384
|
-
</span>
|
|
385
|
-
</label>`,
|
|
386
|
-
}]
|
|
387
|
-
}], propDecorators: { checked: [{
|
|
388
|
-
type: Input
|
|
389
|
-
}], checkedChange: [{
|
|
390
|
-
type: Output
|
|
391
|
-
}], label: [{
|
|
392
|
-
type: Input
|
|
393
|
-
}], sub: [{
|
|
394
|
-
type: Input
|
|
395
|
-
}], disabled: [{
|
|
396
|
-
type: Input
|
|
397
|
-
}] } });
|
|
398
|
-
|
|
399
|
-
/**
|
|
400
|
-
* Generated bundle index. Do not edit.
|
|
401
|
-
*/
|
|
402
|
-
|
|
403
|
-
export { VspAlert, VspBadge, VspButton, VspCard, VspCardHead, VspCheckbox, VspField, VspIconButton, VspInput, VspSpinner, VspSwitch };
|
|
404
|
-
//# sourceMappingURL=vespera-ui-angular.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"vespera-ui-angular.mjs","sources":["../../src/button.component.ts","../../src/badge.component.ts","../../src/feedback.component.ts","../../src/card.component.ts","../../src/alert.component.ts","../../src/field.component.ts","../../src/toggle.component.ts","../../src/vespera-ui-angular.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\nexport type ButtonVariant = 'primary' | 'ghost' | 'subtle' | 'outline' | 'danger';\n\n@Component({\n selector: 'vsp-button',\n template: `<button [class]=\"cls\" [disabled]=\"disabled || loading\">\n @if (loading) {\n <span class=\"ui-spinner\" aria-hidden=\"true\"></span>\n }\n <ng-content />\n </button>`,\n})\nexport class VspButton {\n @Input() variant: ButtonVariant = 'ghost';\n @Input() size?: 'sm';\n @Input() loading = false;\n @Input() disabled = false;\n\n get cls(): string {\n return ['btn', `btn-${this.variant}`, this.size === 'sm' ? 'btn-sm' : '']\n .filter(Boolean)\n .join(' ');\n }\n}\n","import { Component, Input } from '@angular/core';\n\nexport type BadgeTone = 'pos' | 'neg' | 'warn' | 'info' | 'muted';\n\n@Component({\n selector: 'vsp-badge',\n template: `<span [class]=\"cls\">\n @if (dot) {\n <i></i>\n }\n <ng-content />\n </span>`,\n})\nexport class VspBadge {\n @Input() tone: BadgeTone = 'muted';\n @Input() dot = false;\n\n get cls(): string {\n return `badge badge-${this.tone}`;\n }\n}\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'vsp-spinner',\n template: `<span [class]=\"cls\" aria-hidden=\"true\"></span>`,\n})\nexport class VspSpinner {\n @Input() size?: 'lg';\n get cls(): string {\n return this.size === 'lg' ? 'ui-spinner lg' : 'ui-spinner';\n }\n}\n\n@Component({\n selector: 'vsp-icon-button',\n template: `<button type=\"button\" class=\"vsp-icon-btn\" [attr.aria-label]=\"label\">\n <ng-content />\n </button>`,\n})\nexport class VspIconButton {\n @Input() label?: string;\n}\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'vsp-card',\n template: `<div [class]=\"cls\"><ng-content /></div>`,\n})\nexport class VspCard {\n @Input() pad = false;\n get cls(): string {\n return this.pad ? 'card card-pad' : 'card';\n }\n}\n\n@Component({\n selector: 'vsp-card-head',\n template: `<div class=\"card-head\">\n <div style=\"min-width: 0\">\n <div class=\"ttl\">{{ title }}</div>\n @if (desc) {\n <div class=\"eyebrow\" style=\"margin-top: 3px\">{{ desc }}</div>\n }\n </div>\n <div class=\"vsp-top-spacer\"></div>\n <ng-content select=\"[slot=right]\" />\n </div>`,\n})\nexport class VspCardHead {\n @Input() title?: string;\n @Input() desc?: string;\n}\n","import { Component, Input } from '@angular/core';\n\nexport type AlertTone = 'info' | 'pos' | 'warn' | 'neg';\n\n@Component({\n selector: 'vsp-alert',\n template: `<div [class]=\"cls\">\n <ng-content select=\"[slot=icon]\" />\n <div style=\"flex: 1\">\n @if (title) {\n <div class=\"ui-alert-title\">{{ title }}</div>\n }\n <div class=\"ui-alert-body\"><ng-content /></div>\n </div>\n <ng-content select=\"[slot=action]\" />\n </div>`,\n})\nexport class VspAlert {\n @Input() tone: AlertTone = 'info';\n @Input() title?: string;\n get cls(): string {\n return `ui-alert ${this.tone}`;\n }\n}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'vsp-field',\n template: `<div class=\"ui-field\">\n @if (label) {\n <label class=\"ui-label\" [attr.for]=\"htmlFor\">\n <span\n >{{ label }}\n @if (required) {\n <span class=\"req\"> *</span>\n }\n </span>\n </label>\n }\n <ng-content />\n @if (error || hint) {\n <span [class]=\"hintCls\">{{ error || hint }}</span>\n }\n </div>`,\n})\nexport class VspField {\n @Input() label?: string;\n @Input() required = false;\n @Input() hint?: string;\n @Input() error?: string;\n @Input() htmlFor?: string;\n get hintCls(): string {\n return this.error ? 'ui-hint err' : 'ui-hint';\n }\n}\n\n@Component({\n selector: 'vsp-input',\n template: `<input [class]=\"cls\" [value]=\"value\" (input)=\"onInput($event)\" />`,\n})\nexport class VspInput {\n @Input() value = '';\n @Output() valueChange = new EventEmitter<string>();\n @Input() invalid = false;\n get cls(): string {\n return this.invalid ? 'ui-input invalid' : 'ui-input';\n }\n onInput(e: Event): void {\n this.value = (e.target as HTMLInputElement).value;\n this.valueChange.emit(this.value);\n }\n}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'vsp-switch',\n template: `<button\n type=\"button\"\n [disabled]=\"disabled\"\n [class]=\"cls\"\n [attr.aria-pressed]=\"checked\"\n aria-label=\"Toggle\"\n (click)=\"toggle()\"\n ></button>`,\n})\nexport class VspSwitch {\n @Input() checked = false;\n @Output() checkedChange = new EventEmitter<boolean>();\n @Input() size?: 'sm';\n @Input() disabled = false;\n get cls(): string {\n return ['ui-switch', this.size === 'sm' && 'sm', this.checked && 'on']\n .filter(Boolean)\n .join(' ');\n }\n toggle(): void {\n this.checked = !this.checked;\n this.checkedChange.emit(this.checked);\n }\n}\n\n@Component({\n selector: 'vsp-checkbox',\n template: `<label class=\"ui-opt\" [style.opacity]=\"disabled ? 0.5 : 1\">\n <input\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n (change)=\"toggle()\"\n style=\"position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0\"\n />\n <span [class]=\"checkCls\"></span>\n <span>\n <span>{{ label }}</span>\n @if (sub) {\n <span class=\"ui-opt-sub\">{{ sub }}</span>\n }\n </span>\n </label>`,\n})\nexport class VspCheckbox {\n @Input() checked = false;\n @Output() checkedChange = new EventEmitter<boolean>();\n @Input() label?: string;\n @Input() sub?: string;\n @Input() disabled = false;\n get checkCls(): string {\n return this.checked ? 'ui-check on' : 'ui-check';\n }\n toggle(): void {\n this.checked = !this.checked;\n this.checkedChange.emit(this.checked);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/index.d.ts
DELETED
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter } from '@angular/core';
|
|
3
|
-
|
|
4
|
-
type ButtonVariant = 'primary' | 'ghost' | 'subtle' | 'outline' | 'danger';
|
|
5
|
-
declare class VspButton {
|
|
6
|
-
variant: ButtonVariant;
|
|
7
|
-
size?: 'sm';
|
|
8
|
-
loading: boolean;
|
|
9
|
-
disabled: boolean;
|
|
10
|
-
get cls(): string;
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspButton, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspButton, "vsp-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
type BadgeTone = 'pos' | 'neg' | 'warn' | 'info' | 'muted';
|
|
16
|
-
declare class VspBadge {
|
|
17
|
-
tone: BadgeTone;
|
|
18
|
-
dot: boolean;
|
|
19
|
-
get cls(): string;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspBadge, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspBadge, "vsp-badge", never, { "tone": { "alias": "tone"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
declare class VspSpinner {
|
|
25
|
-
size?: 'lg';
|
|
26
|
-
get cls(): string;
|
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspSpinner, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspSpinner, "vsp-spinner", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
|
|
29
|
-
}
|
|
30
|
-
declare class VspIconButton {
|
|
31
|
-
label?: string;
|
|
32
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspIconButton, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspIconButton, "vsp-icon-button", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
declare class VspCard {
|
|
37
|
-
pad: boolean;
|
|
38
|
-
get cls(): string;
|
|
39
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspCard, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspCard, "vsp-card", never, { "pad": { "alias": "pad"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
41
|
-
}
|
|
42
|
-
declare class VspCardHead {
|
|
43
|
-
title?: string;
|
|
44
|
-
desc?: string;
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspCardHead, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspCardHead, "vsp-card-head", never, { "title": { "alias": "title"; "required": false; }; "desc": { "alias": "desc"; "required": false; }; }, {}, never, ["[slot=right]"], true, never>;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
type AlertTone = 'info' | 'pos' | 'warn' | 'neg';
|
|
50
|
-
declare class VspAlert {
|
|
51
|
-
tone: AlertTone;
|
|
52
|
-
title?: string;
|
|
53
|
-
get cls(): string;
|
|
54
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspAlert, never>;
|
|
55
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspAlert, "vsp-alert", never, { "tone": { "alias": "tone"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, ["[slot=icon]", "*", "[slot=action]"], true, never>;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
declare class VspField {
|
|
59
|
-
label?: string;
|
|
60
|
-
required: boolean;
|
|
61
|
-
hint?: string;
|
|
62
|
-
error?: string;
|
|
63
|
-
htmlFor?: string;
|
|
64
|
-
get hintCls(): string;
|
|
65
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspField, never>;
|
|
66
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspField, "vsp-field", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "htmlFor": { "alias": "htmlFor"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
67
|
-
}
|
|
68
|
-
declare class VspInput {
|
|
69
|
-
value: string;
|
|
70
|
-
valueChange: EventEmitter<string>;
|
|
71
|
-
invalid: boolean;
|
|
72
|
-
get cls(): string;
|
|
73
|
-
onInput(e: Event): void;
|
|
74
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspInput, never>;
|
|
75
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspInput, "vsp-input", never, { "value": { "alias": "value"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
declare class VspSwitch {
|
|
79
|
-
checked: boolean;
|
|
80
|
-
checkedChange: EventEmitter<boolean>;
|
|
81
|
-
size?: 'sm';
|
|
82
|
-
disabled: boolean;
|
|
83
|
-
get cls(): string;
|
|
84
|
-
toggle(): void;
|
|
85
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspSwitch, never>;
|
|
86
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspSwitch, "vsp-switch", never, { "checked": { "alias": "checked"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
|
|
87
|
-
}
|
|
88
|
-
declare class VspCheckbox {
|
|
89
|
-
checked: boolean;
|
|
90
|
-
checkedChange: EventEmitter<boolean>;
|
|
91
|
-
label?: string;
|
|
92
|
-
sub?: string;
|
|
93
|
-
disabled: boolean;
|
|
94
|
-
get checkCls(): string;
|
|
95
|
-
toggle(): void;
|
|
96
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VspCheckbox, never>;
|
|
97
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VspCheckbox, "vsp-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "label": { "alias": "label"; "required": false; }; "sub": { "alias": "sub"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
export { VspAlert, VspBadge, VspButton, VspCard, VspCardHead, VspCheckbox, VspField, VspIconButton, VspInput, VspSpinner, VspSwitch };
|
|
101
|
-
export type { AlertTone, BadgeTone, ButtonVariant };
|