@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.
@@ -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 };