@joanroucoux/cairn-ui 0.8.2 → 0.9.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/CHANGELOG.md +99 -0
- package/fesm2022/joanroucoux-cairn-ui-action-bar.mjs +57 -53
- package/fesm2022/joanroucoux-cairn-ui-action-bar.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-alert.mjs +155 -47
- package/fesm2022/joanroucoux-cairn-ui-alert.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-amount.mjs +220 -110
- package/fesm2022/joanroucoux-cairn-ui-amount.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-async.mjs +392 -216
- package/fesm2022/joanroucoux-cairn-ui-async.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-avatar.mjs +145 -68
- package/fesm2022/joanroucoux-cairn-ui-avatar.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-back-link.mjs +87 -47
- package/fesm2022/joanroucoux-cairn-ui-back-link.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-badge.mjs +83 -43
- package/fesm2022/joanroucoux-cairn-ui-badge.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-button.mjs +184 -104
- package/fesm2022/joanroucoux-cairn-ui-button.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-card.mjs +232 -137
- package/fesm2022/joanroucoux-cairn-ui-card.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-choice-chips.mjs +298 -102
- package/fesm2022/joanroucoux-cairn-ui-choice-chips.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-control.mjs +4 -17
- package/fesm2022/joanroucoux-cairn-ui-control.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-delta.mjs +150 -83
- package/fesm2022/joanroucoux-cairn-ui-delta.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-dialog.mjs +508 -471
- package/fesm2022/joanroucoux-cairn-ui-dialog.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-donut.mjs +255 -157
- package/fesm2022/joanroucoux-cairn-ui-donut.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-drawer.mjs +303 -0
- package/fesm2022/joanroucoux-cairn-ui-drawer.mjs.map +1 -0
- package/fesm2022/joanroucoux-cairn-ui-empty.mjs +76 -35
- package/fesm2022/joanroucoux-cairn-ui-empty.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-external-link.mjs +40 -31
- package/fesm2022/joanroucoux-cairn-ui-external-link.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-fact.mjs +188 -79
- package/fesm2022/joanroucoux-cairn-ui-fact.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-field.mjs +309 -173
- package/fesm2022/joanroucoux-cairn-ui-field.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-filter-chips.mjs +165 -87
- package/fesm2022/joanroucoux-cairn-ui-filter-chips.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-group-header.mjs +269 -0
- package/fesm2022/joanroucoux-cairn-ui-group-header.mjs.map +1 -0
- package/fesm2022/joanroucoux-cairn-ui-input.mjs +205 -85
- package/fesm2022/joanroucoux-cairn-ui-input.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-line-chart.mjs +838 -512
- package/fesm2022/joanroucoux-cairn-ui-line-chart.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-menu.mjs +401 -225
- package/fesm2022/joanroucoux-cairn-ui-menu.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-meter.mjs +143 -57
- package/fesm2022/joanroucoux-cairn-ui-meter.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-motion.mjs +367 -399
- package/fesm2022/joanroucoux-cairn-ui-motion.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-nav-item.mjs +73 -44
- package/fesm2022/joanroucoux-cairn-ui-nav-item.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-result-group.mjs +191 -0
- package/fesm2022/joanroucoux-cairn-ui-result-group.mjs.map +1 -0
- package/fesm2022/joanroucoux-cairn-ui-row.mjs +376 -146
- package/fesm2022/joanroucoux-cairn-ui-row.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-segmented.mjs +183 -81
- package/fesm2022/joanroucoux-cairn-ui-segmented.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-select-pill.mjs +233 -0
- package/fesm2022/joanroucoux-cairn-ui-select-pill.mjs.map +1 -0
- package/fesm2022/joanroucoux-cairn-ui-select.mjs +121 -67
- package/fesm2022/joanroucoux-cairn-ui-select.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-skeleton.mjs +129 -51
- package/fesm2022/joanroucoux-cairn-ui-skeleton.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-stale-link.mjs +80 -39
- package/fesm2022/joanroucoux-cairn-ui-stale-link.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-stat.mjs +85 -55
- package/fesm2022/joanroucoux-cairn-ui-stat.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-switch.mjs +48 -35
- package/fesm2022/joanroucoux-cairn-ui-switch.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-tab-bar.mjs +113 -69
- package/fesm2022/joanroucoux-cairn-ui-tab-bar.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-table.mjs +1036 -310
- package/fesm2022/joanroucoux-cairn-ui-table.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui-toast.mjs +240 -127
- package/fesm2022/joanroucoux-cairn-ui-toast.mjs.map +1 -1
- package/fesm2022/joanroucoux-cairn-ui.mjs +0 -4
- package/package.json +17 -1
- package/styles/motion.css +1 -13
- package/styles/tokens.css +35 -64
- package/types/joanroucoux-cairn-ui-action-bar.d.ts +9 -14
- package/types/joanroucoux-cairn-ui-alert.d.ts +29 -15
- package/types/joanroucoux-cairn-ui-amount.d.ts +64 -32
- package/types/joanroucoux-cairn-ui-async.d.ts +85 -38
- package/types/joanroucoux-cairn-ui-avatar.d.ts +34 -22
- package/types/joanroucoux-cairn-ui-back-link.d.ts +20 -15
- package/types/joanroucoux-cairn-ui-badge.d.ts +22 -14
- package/types/joanroucoux-cairn-ui-button.d.ts +36 -18
- package/types/joanroucoux-cairn-ui-card.d.ts +48 -23
- package/types/joanroucoux-cairn-ui-choice-chips.d.ts +91 -35
- package/types/joanroucoux-cairn-ui-control.d.ts +9 -18
- package/types/joanroucoux-cairn-ui-delta.d.ts +46 -24
- package/types/joanroucoux-cairn-ui-dialog.d.ts +124 -57
- package/types/joanroucoux-cairn-ui-donut.d.ts +83 -46
- package/types/joanroucoux-cairn-ui-drawer.d.ts +73 -0
- package/types/joanroucoux-cairn-ui-empty.d.ts +20 -13
- package/types/joanroucoux-cairn-ui-external-link.d.ts +6 -10
- package/types/joanroucoux-cairn-ui-fact.d.ts +49 -25
- package/types/joanroucoux-cairn-ui-field.d.ts +72 -49
- package/types/joanroucoux-cairn-ui-filter-chips.d.ts +35 -20
- package/types/joanroucoux-cairn-ui-group-header.d.ts +58 -0
- package/types/joanroucoux-cairn-ui-input.d.ts +59 -37
- package/types/joanroucoux-cairn-ui-line-chart.d.ts +199 -89
- package/types/joanroucoux-cairn-ui-menu.d.ts +81 -44
- package/types/joanroucoux-cairn-ui-meter.d.ts +44 -22
- package/types/joanroucoux-cairn-ui-motion.d.ts +61 -75
- package/types/joanroucoux-cairn-ui-nav-item.d.ts +15 -13
- package/types/joanroucoux-cairn-ui-result-group.d.ts +52 -0
- package/types/joanroucoux-cairn-ui-row.d.ts +79 -37
- package/types/joanroucoux-cairn-ui-segmented.d.ts +51 -27
- package/types/joanroucoux-cairn-ui-select-pill.d.ts +52 -0
- package/types/joanroucoux-cairn-ui-select.d.ts +28 -18
- package/types/joanroucoux-cairn-ui-skeleton.d.ts +35 -18
- package/types/joanroucoux-cairn-ui-stale-link.d.ts +23 -16
- package/types/joanroucoux-cairn-ui-stat.d.ts +26 -21
- package/types/joanroucoux-cairn-ui-switch.d.ts +7 -11
- package/types/joanroucoux-cairn-ui-tab-bar.d.ts +20 -17
- package/types/joanroucoux-cairn-ui-table.d.ts +251 -89
- package/types/joanroucoux-cairn-ui-toast.d.ts +46 -36
- package/types/joanroucoux-cairn-ui.d.ts +1 -2
- package/fesm2022/joanroucoux-cairn-ui.mjs.map +0 -1
|
@@ -1,87 +1,117 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
const DELTA_SIZES = ['label', 'inherit'];
|
|
8
|
-
/** Font weights. `DeltaWeight` is derived from this tuple. */
|
|
9
|
-
const DELTA_WEIGHTS = ['medium', 'regular'];
|
|
10
|
-
const BASE_CLASSES = 'inline-flex items-center gap-1 tabular-nums';
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { Component, computed, input } from "@angular/core";
|
|
3
|
+
const DELTA_EMPHASES = ["text", "pill"];
|
|
4
|
+
const DELTA_SIZES = ["label", "inherit"];
|
|
5
|
+
const DELTA_WEIGHTS = ["medium", "regular"];
|
|
6
|
+
const BASE_CLASSES = "inline-flex items-center gap-1 tabular-nums";
|
|
11
7
|
const SIZE_CLASSES = {
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
label: "text-label",
|
|
9
|
+
inherit: ""
|
|
14
10
|
};
|
|
15
11
|
const WEIGHT_CLASSES = {
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
medium: "font-medium",
|
|
13
|
+
regular: "font-normal"
|
|
18
14
|
};
|
|
19
|
-
const PILL_CLASSES =
|
|
15
|
+
const PILL_CLASSES = "h-6 rounded-pill px-2";
|
|
20
16
|
const TEXT_CLASSES = {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
positive: "text-(--positive)",
|
|
18
|
+
negative: "text-(--negative)",
|
|
19
|
+
neutral: "text-(--muted-foreground)",
|
|
20
|
+
unknown: "text-(--subtle-foreground)"
|
|
25
21
|
};
|
|
26
|
-
const PILL_BACKGROUND_CLASS =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
22
|
+
const PILL_BACKGROUND_CLASS = "bg-(--soft)";
|
|
23
|
+
var UiDelta = class UiDelta {
|
|
24
|
+
value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
25
|
+
unknownLabel = input.required(...ngDevMode ? [{ debugName: "unknownLabel" }] : /* istanbul ignore next */ []);
|
|
26
|
+
emphasis = input("text", ...ngDevMode ? [{ debugName: "emphasis" }] : /* istanbul ignore next */ []);
|
|
27
|
+
size = input("label", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
|
|
28
|
+
weight = input("medium", ...ngDevMode ? [{ debugName: "weight" }] : /* istanbul ignore next */ []);
|
|
29
|
+
sign = computed(() => {
|
|
30
|
+
const value = this.value();
|
|
31
|
+
if (value === null || value === void 0) return "unknown";
|
|
32
|
+
if (value > 0) return "positive";
|
|
33
|
+
if (value < 0) return "negative";
|
|
34
|
+
return "neutral";
|
|
35
|
+
}, ...ngDevMode ? [{ debugName: "sign" }] : /* istanbul ignore next */ []);
|
|
36
|
+
classes = computed(() => {
|
|
37
|
+
const sign = this.sign();
|
|
38
|
+
const background = this.emphasis() === "pill" ? `${PILL_CLASSES} ${PILL_BACKGROUND_CLASS}` : "bg-transparent";
|
|
39
|
+
return `${BASE_CLASSES} ${SIZE_CLASSES[this.size()]} ${WEIGHT_CLASSES[this.weight()]} ${TEXT_CLASSES[sign]} ${background}`;
|
|
40
|
+
}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
42
|
+
minVersion: "12.0.0",
|
|
43
|
+
version: "22.2.0",
|
|
44
|
+
ngImport: i0,
|
|
45
|
+
type: UiDelta,
|
|
46
|
+
deps: [],
|
|
47
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
48
|
+
});
|
|
49
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
50
|
+
minVersion: "17.0.0",
|
|
51
|
+
version: "22.2.0",
|
|
52
|
+
type: UiDelta,
|
|
53
|
+
isStandalone: true,
|
|
54
|
+
selector: "ui-delta",
|
|
55
|
+
inputs: {
|
|
56
|
+
value: {
|
|
57
|
+
classPropertyName: "value",
|
|
58
|
+
publicName: "value",
|
|
59
|
+
isSignal: true,
|
|
60
|
+
isRequired: true,
|
|
61
|
+
transformFunction: null
|
|
62
|
+
},
|
|
63
|
+
unknownLabel: {
|
|
64
|
+
classPropertyName: "unknownLabel",
|
|
65
|
+
publicName: "unknownLabel",
|
|
66
|
+
isSignal: true,
|
|
67
|
+
isRequired: true,
|
|
68
|
+
transformFunction: null
|
|
69
|
+
},
|
|
70
|
+
emphasis: {
|
|
71
|
+
classPropertyName: "emphasis",
|
|
72
|
+
publicName: "emphasis",
|
|
73
|
+
isSignal: true,
|
|
74
|
+
isRequired: false,
|
|
75
|
+
transformFunction: null
|
|
76
|
+
},
|
|
77
|
+
size: {
|
|
78
|
+
classPropertyName: "size",
|
|
79
|
+
publicName: "size",
|
|
80
|
+
isSignal: true,
|
|
81
|
+
isRequired: false,
|
|
82
|
+
transformFunction: null
|
|
83
|
+
},
|
|
84
|
+
weight: {
|
|
85
|
+
classPropertyName: "weight",
|
|
86
|
+
publicName: "weight",
|
|
87
|
+
isSignal: true,
|
|
88
|
+
isRequired: false,
|
|
89
|
+
transformFunction: null
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
host: { properties: { "class": "classes()" } },
|
|
93
|
+
ngImport: i0,
|
|
94
|
+
template: `
|
|
72
95
|
@if (sign() === 'unknown') {
|
|
73
96
|
<span aria-hidden="true">—</span>
|
|
74
97
|
<span class="sr-only">{{ unknownLabel() }}</span>
|
|
75
98
|
} @else {
|
|
76
99
|
<ng-content />
|
|
77
100
|
}
|
|
78
|
-
`,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
101
|
+
`,
|
|
102
|
+
isInline: true
|
|
103
|
+
});
|
|
104
|
+
};
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
106
|
+
minVersion: "12.0.0",
|
|
107
|
+
version: "22.2.0",
|
|
108
|
+
ngImport: i0,
|
|
109
|
+
type: UiDelta,
|
|
110
|
+
decorators: [{
|
|
111
|
+
type: Component,
|
|
112
|
+
args: [{
|
|
113
|
+
selector: "ui-delta",
|
|
114
|
+
template: `
|
|
85
115
|
@if (sign() === 'unknown') {
|
|
86
116
|
<span aria-hidden="true">—</span>
|
|
87
117
|
<span class="sr-only">{{ unknownLabel() }}</span>
|
|
@@ -89,15 +119,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
89
119
|
<ng-content />
|
|
90
120
|
}
|
|
91
121
|
`,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
122
|
+
host: { "[class]": "classes()" }
|
|
123
|
+
}]
|
|
124
|
+
}],
|
|
125
|
+
propDecorators: {
|
|
126
|
+
value: [{
|
|
127
|
+
type: i0.Input,
|
|
128
|
+
args: [{
|
|
129
|
+
isSignal: true,
|
|
130
|
+
alias: "value",
|
|
131
|
+
required: true
|
|
132
|
+
}]
|
|
133
|
+
}],
|
|
134
|
+
unknownLabel: [{
|
|
135
|
+
type: i0.Input,
|
|
136
|
+
args: [{
|
|
137
|
+
isSignal: true,
|
|
138
|
+
alias: "unknownLabel",
|
|
139
|
+
required: true
|
|
140
|
+
}]
|
|
141
|
+
}],
|
|
142
|
+
emphasis: [{
|
|
143
|
+
type: i0.Input,
|
|
144
|
+
args: [{
|
|
145
|
+
isSignal: true,
|
|
146
|
+
alias: "emphasis",
|
|
147
|
+
required: false
|
|
148
|
+
}]
|
|
149
|
+
}],
|
|
150
|
+
size: [{
|
|
151
|
+
type: i0.Input,
|
|
152
|
+
args: [{
|
|
153
|
+
isSignal: true,
|
|
154
|
+
alias: "size",
|
|
155
|
+
required: false
|
|
156
|
+
}]
|
|
157
|
+
}],
|
|
158
|
+
weight: [{
|
|
159
|
+
type: i0.Input,
|
|
160
|
+
args: [{
|
|
161
|
+
isSignal: true,
|
|
162
|
+
alias: "weight",
|
|
163
|
+
required: false
|
|
164
|
+
}]
|
|
165
|
+
}]
|
|
166
|
+
}
|
|
167
|
+
});
|
|
102
168
|
export { DELTA_EMPHASES, DELTA_SIZES, DELTA_WEIGHTS, UiDelta };
|
|
103
|
-
|
|
169
|
+
|
|
170
|
+
//# sourceMappingURL=joanroucoux-cairn-ui-delta.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"joanroucoux-cairn-ui-delta.mjs","
|
|
1
|
+
{"version":3,"file":"joanroucoux-cairn-ui-delta.mjs","names":[],"sources":["../../../projects/ui/delta/delta.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\n\n/** Available delta emphases. */\nexport const DELTA_EMPHASES = ['text', 'pill'] as const;\nexport type DeltaEmphasis = (typeof DELTA_EMPHASES)[number];\n\n/** Type sizes. */\nexport const DELTA_SIZES = ['label', 'inherit'] as const;\nexport type DeltaSize = (typeof DELTA_SIZES)[number];\n\n/** Font weights. */\nexport const DELTA_WEIGHTS = ['medium', 'regular'] as const;\nexport type DeltaWeight = (typeof DELTA_WEIGHTS)[number];\n\nconst BASE_CLASSES = 'inline-flex items-center gap-1 tabular-nums';\n\nconst SIZE_CLASSES: Record<DeltaSize, string> = {\n label: 'text-label',\n inherit: '',\n};\n\nconst WEIGHT_CLASSES: Record<DeltaWeight, string> = {\n medium: 'font-medium',\n regular: 'font-normal',\n};\n\nconst PILL_CLASSES = 'h-6 rounded-pill px-2';\n\ntype Sign = 'positive' | 'negative' | 'neutral' | 'unknown';\n\nconst TEXT_CLASSES: Record<Sign, string> = {\n positive: 'text-(--positive)',\n negative: 'text-(--negative)',\n neutral: 'text-(--muted-foreground)',\n unknown: 'text-(--subtle-foreground)',\n};\n\nconst PILL_BACKGROUND_CLASS = 'bg-(--soft)';\n\n/**\n * Signed amount whose sign carries meaning: a gain, a loss, or an unknown.\n *\n * A null value is not a zero: it renders the unknown state, not a gain of zero. Color never\n * carries the sign on its own: the projected text must already contain a + or a minus sign.\n *\n * @example\n * <ui-delta [value]=\"holding.dayChangeEur\" unknownLabel=\"Not available\">\n * {{ holding.dayChangeEur | signedMoney }}\n * </ui-delta>\n */\n@Component({\n selector: 'ui-delta',\n template: `\n @if (sign() === 'unknown') {\n <span aria-hidden=\"true\">—</span>\n <span class=\"sr-only\">{{ unknownLabel() }}</span>\n } @else {\n <ng-content />\n }\n `,\n host: {\n '[class]': 'classes()',\n },\n})\nexport class UiDelta {\n readonly value = input.required<number | null | undefined>();\n readonly unknownLabel = input.required<string>();\n readonly emphasis = input<DeltaEmphasis>('text');\n readonly size = input<DeltaSize>('label');\n readonly weight = input<DeltaWeight>('medium');\n\n protected readonly sign = computed<Sign>(() => {\n const value = this.value();\n\n if (value === null || value === undefined) {\n return 'unknown';\n }\n if (value > 0) {\n return 'positive';\n }\n if (value < 0) {\n return 'negative';\n }\n return 'neutral';\n });\n\n protected readonly classes = computed(() => {\n const sign = this.sign();\n const background = this.emphasis() === 'pill' ? `${PILL_CLASSES} ${PILL_BACKGROUND_CLASS}` : 'bg-transparent';\n\n return `${BASE_CLASSES} ${SIZE_CLASSES[this.size()]} ${WEIGHT_CLASSES[this.weight()]} ${TEXT_CLASSES[sign]} ${background}`;\n });\n}\n"],"mappings":";;AAGA,MAAa,iBAAiB,CAAC,QAAQ,MAAM;AAI7C,MAAa,cAAc,CAAC,SAAS,SAAS;AAI9C,MAAa,gBAAgB,CAAC,UAAU,SAAS;AAGjD,MAAM,eAAe;AAErB,MAAM,eAA0C;CAC9C,OAAO;CACP,SAAS;AACV;AAED,MAAM,iBAA8C;CAClD,QAAQ;CACR,SAAS;AACV;AAED,MAAM,eAAe;AAIrB,MAAM,eAAqC;CACzC,UAAU;CACV,UAAU;CACV,SAAS;CACT,SAAS;AACV;AAED,MAAM,wBAAwB;AA2B9B,IAAa,UAAb,MAAa,QAAO;CACT,QAAQ,MAAM,SAAqC,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACnD,eAAe,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CACvC,WAAW,MAAqB,QAAO,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CACvC,OAAO,MAAiB,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,SAAS,MAAmB,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAE3B,OAAO,eAAoB;EAC5C,MAAM,QAAQ,KAAK,MAAK;EAExB,IAAI,UAAU,QAAQ,UAAU,QAC9B,OAAO;EAET,IAAI,QAAQ,GACV,OAAO;EAET,IAAI,QAAQ,GACV,OAAO;EAET,OAAO;CACT,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,UAAU,eAAc;EACzC,MAAM,OAAO,KAAK,KAAI;EACtB,MAAM,aAAa,KAAK,SAAQ,MAAO,SAAS,GAAG,aAAY,GAAI,0BAA0B;EAE7F,OAAO,GAAG,aAAY,GAAI,aAAa,KAAK,KAAI,GAAG,GAAI,eAAe,KAAK,OAAM,GAAG,GAAI,aAAa,MAAK,GAAI;CAChH,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CA3BS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAO,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAP,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAO,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA,EAAA,YAAA,EAAA,SAAA,YAAA,EAAA;EAAA,UAAA;EAAA,UAZR;;;;;;;;EAOT,UAAA;CAAA,CAAA;;AAKU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAO,YAAA,CAAA;EAdnB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;;;;;;;;GAQV,MAAM,EACJ,WAAW,YACZ;EACF,CAAA"}
|