@kumori/aurora-wui-components 0.0.0 → 0.0.2
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/dist/components/cards/aurora-base-card.d.ts +51 -0
- package/dist/components/cards/aurora-base-card.d.ts.map +1 -0
- package/dist/components/cards/aurora-base-card.js +299 -0
- package/dist/components/cards/aurora-base-card.js.map +1 -0
- package/dist/components/cards/aurora-more-actions.d.ts +23 -0
- package/dist/components/cards/aurora-more-actions.d.ts.map +1 -0
- package/dist/components/cards/aurora-more-actions.js +194 -0
- package/dist/components/cards/aurora-more-actions.js.map +1 -0
- package/dist/components/cards/aurora-runtime-card.d.ts +44 -0
- package/dist/components/cards/aurora-runtime-card.d.ts.map +1 -0
- package/dist/components/cards/aurora-runtime-card.js +427 -0
- package/dist/components/cards/aurora-runtime-card.js.map +1 -0
- package/dist/components/cards/card.types.d.ts +39 -0
- package/dist/components/cards/card.types.d.ts.map +1 -0
- package/dist/components/cards/card.types.js +2 -0
- package/dist/components/cards/card.types.js.map +1 -0
- package/dist/components/cards/parts/aurora-card-action-banner.d.ts +8 -0
- package/dist/components/cards/parts/aurora-card-action-banner.d.ts.map +1 -0
- package/dist/components/cards/parts/aurora-card-action-banner.js +61 -0
- package/dist/components/cards/parts/aurora-card-action-banner.js.map +1 -0
- package/dist/components/cards/parts/aurora-card-attention-banner.d.ts +20 -0
- package/dist/components/cards/parts/aurora-card-attention-banner.d.ts.map +1 -0
- package/dist/components/cards/parts/aurora-card-attention-banner.js +111 -0
- package/dist/components/cards/parts/aurora-card-attention-banner.js.map +1 -0
- package/dist/components/cards/parts/aurora-card-filter-item.d.ts +9 -0
- package/dist/components/cards/parts/aurora-card-filter-item.d.ts.map +1 -0
- package/dist/components/cards/parts/aurora-card-filter-item.js +53 -0
- package/dist/components/cards/parts/aurora-card-filter-item.js.map +1 -0
- package/dist/components/cards/parts/aurora-card-filter.d.ts +20 -0
- package/dist/components/cards/parts/aurora-card-filter.d.ts.map +1 -0
- package/dist/components/cards/parts/aurora-card-filter.js +168 -0
- package/dist/components/cards/parts/aurora-card-filter.js.map +1 -0
- package/dist/components/cards/parts/aurora-card-header.d.ts +19 -0
- package/dist/components/cards/parts/aurora-card-header.d.ts.map +1 -0
- package/dist/components/cards/parts/aurora-card-header.js +161 -0
- package/dist/components/cards/parts/aurora-card-header.js.map +1 -0
- package/dist/components/cards/parts/aurora-card-resource-table.d.ts +22 -0
- package/dist/components/cards/parts/aurora-card-resource-table.d.ts.map +1 -0
- package/dist/components/cards/parts/aurora-card-resource-table.js +210 -0
- package/dist/components/cards/parts/aurora-card-resource-table.js.map +1 -0
- package/dist/components/cards/parts/aurora-card-stat-item.d.ts +12 -0
- package/dist/components/cards/parts/aurora-card-stat-item.d.ts.map +1 -0
- package/dist/components/cards/parts/aurora-card-stat-item.js +69 -0
- package/dist/components/cards/parts/aurora-card-stat-item.js.map +1 -0
- package/dist/components/cards/parts/aurora-card-stats-row.d.ts +11 -0
- package/dist/components/cards/parts/aurora-card-stats-row.d.ts.map +1 -0
- package/dist/components/cards/parts/aurora-card-stats-row.js +56 -0
- package/dist/components/cards/parts/aurora-card-stats-row.js.map +1 -0
- package/dist/components/cards/parts/aurora-card-status-bar.d.ts +15 -0
- package/dist/components/cards/parts/aurora-card-status-bar.d.ts.map +1 -0
- package/dist/components/cards/parts/aurora-card-status-bar.js +87 -0
- package/dist/components/cards/parts/aurora-card-status-bar.js.map +1 -0
- package/dist/index.d.ts +14 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +14 -0
- package/dist/index.js.map +1 -1
- package/dist/styles/aurora-theme.d.ts +8 -0
- package/dist/styles/aurora-theme.d.ts.map +1 -0
- package/dist/styles/aurora-theme.js +43 -0
- package/dist/styles/aurora-theme.js.map +1 -0
- package/package.json +3 -2
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html, css } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
import './aurora-card-attention-banner.js';
|
|
10
|
+
import './aurora-card-action-banner.js';
|
|
11
|
+
let AuroraCardResourceTable = class AuroraCardResourceTable extends LitElement {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.rows = [];
|
|
15
|
+
this.attentionThreshold = 90;
|
|
16
|
+
this.cardType = 'account';
|
|
17
|
+
this.isPlainRole = false;
|
|
18
|
+
this.showActionBanner = false;
|
|
19
|
+
this.showWarningBanner = false;
|
|
20
|
+
this.manageLabel = 'Manage';
|
|
21
|
+
this.askOwnerLabel = 'Ask your owner';
|
|
22
|
+
this.invalidCredsLabel = 'Invalid credentials.';
|
|
23
|
+
this.limitReachedLabel = 'Limit reached.';
|
|
24
|
+
this.andLabel = 'and';
|
|
25
|
+
this.actionBannerLabel = '';
|
|
26
|
+
}
|
|
27
|
+
_hasAttention() {
|
|
28
|
+
const primary = this.rows.slice(0, 3).map((r) => r.title);
|
|
29
|
+
return this.rows.some((s) => primary.includes(s.title) && s.percentage >= this.attentionThreshold);
|
|
30
|
+
}
|
|
31
|
+
render() {
|
|
32
|
+
const showWarning = !this.isPlainRole && this.showWarningBanner;
|
|
33
|
+
const showAttention = !this.isPlainRole && !showWarning && this.showActionBanner && this._hasAttention();
|
|
34
|
+
const showAction = !this.isPlainRole && !showWarning && this.showActionBanner && !this._hasAttention();
|
|
35
|
+
return html `
|
|
36
|
+
<div>
|
|
37
|
+
<div class="table-wrap">
|
|
38
|
+
<!-- Icon + title -->
|
|
39
|
+
<div class="col">
|
|
40
|
+
${this.rows.map((stat, i) => html `
|
|
41
|
+
<div class="cell ${i < this.rows.length - 1 && !stat.hidden ? 'cell--border' : ''}">
|
|
42
|
+
${!stat.hidden ? html `
|
|
43
|
+
<div class="icon-title ${stat.isSecondary ? 'icon-title--secondary' : ''}">
|
|
44
|
+
<axebow-icon iconName=${stat.icon} size="small" rotate=${stat.iconRotation ?? 0}></axebow-icon>
|
|
45
|
+
<span class="title ${stat.isSecondary ? '' : 'title--bold'}">${stat.title}</span>
|
|
46
|
+
</div>
|
|
47
|
+
` : ''}
|
|
48
|
+
</div>
|
|
49
|
+
`)}
|
|
50
|
+
</div>
|
|
51
|
+
|
|
52
|
+
<!-- Current value -->
|
|
53
|
+
<div class="col">
|
|
54
|
+
${this.rows.map((stat, i) => html `
|
|
55
|
+
<div class="cell cell--end ${i < this.rows.length - 1 && !stat.hidden ? 'cell--border' : ''}">
|
|
56
|
+
${!stat.hidden ? html `
|
|
57
|
+
<p class="value ${stat.isSecondary ? 'value--secondary' : ''}">${stat.value ?? '-.-'}</p>
|
|
58
|
+
` : ''}
|
|
59
|
+
</div>
|
|
60
|
+
`)}
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
<!-- Progress bar -->
|
|
64
|
+
<div class="col col--flex1">
|
|
65
|
+
${this.rows.map((stat, i) => html `
|
|
66
|
+
<div class="cell cell--end ${i < this.rows.length - 1 && !stat.hidden ? 'cell--border' : ''}">
|
|
67
|
+
${!stat.hidden ? html `
|
|
68
|
+
<div class="bar-wrap">
|
|
69
|
+
<div
|
|
70
|
+
class="bar-fill ${stat.percentage >= this.attentionThreshold ? 'bar-fill--attention' : ''}"
|
|
71
|
+
style="width:${stat.percentage}%;"
|
|
72
|
+
></div>
|
|
73
|
+
</div>
|
|
74
|
+
` : ''}
|
|
75
|
+
</div>
|
|
76
|
+
`)}
|
|
77
|
+
</div>
|
|
78
|
+
|
|
79
|
+
<!-- Max value -->
|
|
80
|
+
<div class="col">
|
|
81
|
+
${this.rows.map((stat, i) => html `
|
|
82
|
+
<div class="cell cell--end ${i < this.rows.length - 1 && !stat.hidden ? 'cell--border' : ''}">
|
|
83
|
+
${!stat.hidden ? html `
|
|
84
|
+
<p class="max-val ${stat.isSecondary ? 'max-val--secondary' : ''}">
|
|
85
|
+
${stat.maxValue ?? '-.-'}<span class="tag">${stat.tagValue ?? ''}</span>
|
|
86
|
+
</p>
|
|
87
|
+
` : ''}
|
|
88
|
+
</div>
|
|
89
|
+
`)}
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
|
|
93
|
+
${showWarning
|
|
94
|
+
? html `<aurora-card-attention-banner
|
|
95
|
+
.invalidCredentials=${true}
|
|
96
|
+
.isPlainRole=${this.isPlainRole}
|
|
97
|
+
.manageLabel=${this.manageLabel}
|
|
98
|
+
.askOwnerLabel=${this.askOwnerLabel}
|
|
99
|
+
.invalidCredsLabel=${this.invalidCredsLabel}
|
|
100
|
+
.limitReachedLabel=${this.limitReachedLabel}
|
|
101
|
+
.andLabel=${this.andLabel}
|
|
102
|
+
></aurora-card-attention-banner>`
|
|
103
|
+
: showAttention
|
|
104
|
+
? html `<aurora-card-attention-banner
|
|
105
|
+
.cardType=${this.cardType}
|
|
106
|
+
.tableStats=${this.rows}
|
|
107
|
+
.threshold=${this.attentionThreshold}
|
|
108
|
+
.isPlainRole=${this.isPlainRole}
|
|
109
|
+
.manageLabel=${this.manageLabel}
|
|
110
|
+
.askOwnerLabel=${this.askOwnerLabel}
|
|
111
|
+
.invalidCredsLabel=${this.invalidCredsLabel}
|
|
112
|
+
.limitReachedLabel=${this.limitReachedLabel}
|
|
113
|
+
.andLabel=${this.andLabel}
|
|
114
|
+
></aurora-card-attention-banner>`
|
|
115
|
+
: showAction
|
|
116
|
+
? html `<aurora-card-action-banner .label=${this.actionBannerLabel}></aurora-card-action-banner>`
|
|
117
|
+
: ''}
|
|
118
|
+
</div>
|
|
119
|
+
`;
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
AuroraCardResourceTable.styles = css `
|
|
123
|
+
:host { display: block; }
|
|
124
|
+
|
|
125
|
+
.table-wrap { display: flex; border-bottom: 1px solid var(--axebow-light-gray); }
|
|
126
|
+
|
|
127
|
+
.col { display: flex; flex-direction: column; justify-content: space-between; }
|
|
128
|
+
.col--flex1 { flex: 1; }
|
|
129
|
+
|
|
130
|
+
.cell {
|
|
131
|
+
display: flex;
|
|
132
|
+
align-items: center;
|
|
133
|
+
width: 100%;
|
|
134
|
+
padding-inline: 0.5rem;
|
|
135
|
+
height: 2rem;
|
|
136
|
+
gap: 0.5rem;
|
|
137
|
+
}
|
|
138
|
+
.cell--border { border-bottom: 1px solid var(--axebow-light-gray); }
|
|
139
|
+
.cell--end { justify-content: flex-end; }
|
|
140
|
+
.cell--center { justify-content: center; }
|
|
141
|
+
|
|
142
|
+
.icon-title { display: flex; align-items: center; gap: 0.5rem; }
|
|
143
|
+
.icon-title--secondary { margin-left: 0.5rem; }
|
|
144
|
+
|
|
145
|
+
.value { font-weight: 600; margin: 0; }
|
|
146
|
+
.value--secondary { font-weight: 400; }
|
|
147
|
+
|
|
148
|
+
.max-val { font-weight: 600; margin: 0; }
|
|
149
|
+
.max-val--secondary { font-weight: 400; }
|
|
150
|
+
.tag { font-weight: 400; }
|
|
151
|
+
|
|
152
|
+
.bar-wrap {
|
|
153
|
+
height: 25%;
|
|
154
|
+
width: 100%;
|
|
155
|
+
background-color: var(--axebow-light-gray);
|
|
156
|
+
border-radius: 0.375rem;
|
|
157
|
+
position: relative;
|
|
158
|
+
overflow: hidden;
|
|
159
|
+
}
|
|
160
|
+
.bar-fill {
|
|
161
|
+
position: absolute;
|
|
162
|
+
height: 100%;
|
|
163
|
+
background-color: var(--axebow-gray);
|
|
164
|
+
}
|
|
165
|
+
.bar-fill--attention { background-color: var(--axebow-error); }
|
|
166
|
+
|
|
167
|
+
span.title { font-size: 0.75rem; }
|
|
168
|
+
span.title--bold { font-weight: 600; }
|
|
169
|
+
`;
|
|
170
|
+
__decorate([
|
|
171
|
+
property({ type: Array })
|
|
172
|
+
], AuroraCardResourceTable.prototype, "rows", void 0);
|
|
173
|
+
__decorate([
|
|
174
|
+
property({ type: Number })
|
|
175
|
+
], AuroraCardResourceTable.prototype, "attentionThreshold", void 0);
|
|
176
|
+
__decorate([
|
|
177
|
+
property({ type: String })
|
|
178
|
+
], AuroraCardResourceTable.prototype, "cardType", void 0);
|
|
179
|
+
__decorate([
|
|
180
|
+
property({ type: Boolean })
|
|
181
|
+
], AuroraCardResourceTable.prototype, "isPlainRole", void 0);
|
|
182
|
+
__decorate([
|
|
183
|
+
property({ type: Boolean })
|
|
184
|
+
], AuroraCardResourceTable.prototype, "showActionBanner", void 0);
|
|
185
|
+
__decorate([
|
|
186
|
+
property({ type: Boolean })
|
|
187
|
+
], AuroraCardResourceTable.prototype, "showWarningBanner", void 0);
|
|
188
|
+
__decorate([
|
|
189
|
+
property({ type: String })
|
|
190
|
+
], AuroraCardResourceTable.prototype, "manageLabel", void 0);
|
|
191
|
+
__decorate([
|
|
192
|
+
property({ type: String })
|
|
193
|
+
], AuroraCardResourceTable.prototype, "askOwnerLabel", void 0);
|
|
194
|
+
__decorate([
|
|
195
|
+
property({ type: String })
|
|
196
|
+
], AuroraCardResourceTable.prototype, "invalidCredsLabel", void 0);
|
|
197
|
+
__decorate([
|
|
198
|
+
property({ type: String })
|
|
199
|
+
], AuroraCardResourceTable.prototype, "limitReachedLabel", void 0);
|
|
200
|
+
__decorate([
|
|
201
|
+
property({ type: String })
|
|
202
|
+
], AuroraCardResourceTable.prototype, "andLabel", void 0);
|
|
203
|
+
__decorate([
|
|
204
|
+
property({ type: String })
|
|
205
|
+
], AuroraCardResourceTable.prototype, "actionBannerLabel", void 0);
|
|
206
|
+
AuroraCardResourceTable = __decorate([
|
|
207
|
+
customElement('aurora-card-resource-table')
|
|
208
|
+
], AuroraCardResourceTable);
|
|
209
|
+
export { AuroraCardResourceTable };
|
|
210
|
+
//# sourceMappingURL=aurora-card-resource-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-card-resource-table.js","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-resource-table.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class AuroraCardStatItem extends LitElement {
|
|
3
|
+
static styles: import("lit").CSSResult;
|
|
4
|
+
value: number;
|
|
5
|
+
title: string;
|
|
6
|
+
label: string;
|
|
7
|
+
active: boolean;
|
|
8
|
+
compact: boolean;
|
|
9
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
10
|
+
private _onClick;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=aurora-card-stat-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-card-stat-item.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-stat-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAaX;IAE0B,KAAK,EAAE,MAAM,CAAK;IAClB,KAAK,SAAM;IACX,KAAK,SAAM;IACV,MAAM,UAAQ;IACd,OAAO,UAAS;IAE7C,MAAM;IAaN,OAAO,CAAC,QAAQ;CAKjB"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html, css } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
let AuroraCardStatItem = class AuroraCardStatItem extends LitElement {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
this.value = 0;
|
|
13
|
+
this.title = '';
|
|
14
|
+
this.label = '';
|
|
15
|
+
this.active = true;
|
|
16
|
+
this.compact = false;
|
|
17
|
+
}
|
|
18
|
+
render() {
|
|
19
|
+
return html `
|
|
20
|
+
<div class="wrap wrap--gap">
|
|
21
|
+
<h4>${this.value}</h4>
|
|
22
|
+
<p>${this.title}</p>
|
|
23
|
+
<span
|
|
24
|
+
class="label ${this.active ? 'label--active' : 'label--inactive'}"
|
|
25
|
+
@click=${this._onClick}
|
|
26
|
+
>${this.label}</span>
|
|
27
|
+
</div>
|
|
28
|
+
`;
|
|
29
|
+
}
|
|
30
|
+
_onClick() {
|
|
31
|
+
if (this.active) {
|
|
32
|
+
this.dispatchEvent(new CustomEvent('label-click', { bubbles: true, composed: true }));
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
AuroraCardStatItem.styles = css `
|
|
37
|
+
:host { display: block; }
|
|
38
|
+
.wrap { display: flex; flex-direction: column; align-items: center; text-align: center; }
|
|
39
|
+
.wrap--gap { gap: 0.125rem; }
|
|
40
|
+
h4 { font-size: 1.125rem; color: var(--axebow-primary); font-weight: 700; line-height: 1.25; margin: 0; }
|
|
41
|
+
p { margin: 0; line-height: 1.25; }
|
|
42
|
+
.label {
|
|
43
|
+
color: var(--axebow-gray);
|
|
44
|
+
font-weight: 600;
|
|
45
|
+
font-size: 0.75rem;
|
|
46
|
+
}
|
|
47
|
+
.label--active { cursor: pointer; opacity: 1; }
|
|
48
|
+
.label--inactive { cursor: not-allowed; opacity: 0.5; }
|
|
49
|
+
`;
|
|
50
|
+
__decorate([
|
|
51
|
+
property({ type: Number })
|
|
52
|
+
], AuroraCardStatItem.prototype, "value", void 0);
|
|
53
|
+
__decorate([
|
|
54
|
+
property({ type: String })
|
|
55
|
+
], AuroraCardStatItem.prototype, "title", void 0);
|
|
56
|
+
__decorate([
|
|
57
|
+
property({ type: String })
|
|
58
|
+
], AuroraCardStatItem.prototype, "label", void 0);
|
|
59
|
+
__decorate([
|
|
60
|
+
property({ type: Boolean })
|
|
61
|
+
], AuroraCardStatItem.prototype, "active", void 0);
|
|
62
|
+
__decorate([
|
|
63
|
+
property({ type: Boolean })
|
|
64
|
+
], AuroraCardStatItem.prototype, "compact", void 0);
|
|
65
|
+
AuroraCardStatItem = __decorate([
|
|
66
|
+
customElement('aurora-card-stat-item')
|
|
67
|
+
], AuroraCardStatItem);
|
|
68
|
+
export { AuroraCardStatItem };
|
|
69
|
+
//# sourceMappingURL=aurora-card-stat-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-card-stat-item.js","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-stat-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAgBuB,UAAK,GAAW,CAAC,CAAC;QAClB,UAAK,GAAG,EAAE,CAAC;QACX,UAAK,GAAG,EAAE,CAAC;QACV,WAAM,GAAG,IAAI,CAAC;QACd,YAAO,GAAG,KAAK,CAAC;IAoB/C,CAAC;IAlBC,MAAM;QACJ,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,KAAK;aACX,IAAI,CAAC,KAAK;;yBAEE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB;mBACvD,IAAI,CAAC,QAAQ;WACrB,IAAI,CAAC,KAAK;;KAEhB,CAAC;IACJ,CAAC;IAEO,QAAQ;QACd,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACxF,CAAC;IACH,CAAC;;AAtCM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;GAalB,AAbY,CAaX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAmB;AAClB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAY;AACV;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAe;AACd;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAAiB;AApBlC,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAwC9B"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { MainStatsType } from '../card.types.js';
|
|
3
|
+
import './aurora-card-stat-item.js';
|
|
4
|
+
export declare class AuroraCardStatsRow extends LitElement {
|
|
5
|
+
static styles: import("lit").CSSResult;
|
|
6
|
+
stats: MainStatsType[];
|
|
7
|
+
compact: boolean;
|
|
8
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
9
|
+
private _handleLabelClick;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=aurora-card-stats-row.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-card-stats-row.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-stats-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,4BAA4B,CAAC;AAEpC,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BASX;IAEyB,KAAK,EAAE,aAAa,EAAE,CAAM;IAC1B,OAAO,UAAS;IAE7C,MAAM;IAmBN,OAAO,CAAC,iBAAiB;CAK1B"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html, css } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
import './aurora-card-stat-item.js';
|
|
10
|
+
let AuroraCardStatsRow = class AuroraCardStatsRow extends LitElement {
|
|
11
|
+
constructor() {
|
|
12
|
+
super(...arguments);
|
|
13
|
+
this.stats = [];
|
|
14
|
+
this.compact = false;
|
|
15
|
+
}
|
|
16
|
+
render() {
|
|
17
|
+
return html `
|
|
18
|
+
<div class="grid">
|
|
19
|
+
${this.stats.map((stat, index) => html `
|
|
20
|
+
<aurora-card-stat-item
|
|
21
|
+
.value=${stat.value}
|
|
22
|
+
.title=${stat.title}
|
|
23
|
+
.label=${stat.label}
|
|
24
|
+
.active=${stat.active !== false}
|
|
25
|
+
.compact=${this.compact}
|
|
26
|
+
@label-click=${() => this._handleLabelClick(index)}
|
|
27
|
+
></aurora-card-stat-item>
|
|
28
|
+
`)}
|
|
29
|
+
</div>
|
|
30
|
+
`;
|
|
31
|
+
}
|
|
32
|
+
_handleLabelClick(index) {
|
|
33
|
+
this.dispatchEvent(new CustomEvent('stat-label-click', { detail: { index }, bubbles: true, composed: true }));
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
AuroraCardStatsRow.styles = css `
|
|
37
|
+
:host { display: block; }
|
|
38
|
+
.grid {
|
|
39
|
+
display: grid;
|
|
40
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
41
|
+
grid-template-rows: 1fr;
|
|
42
|
+
gap: 0.25rem;
|
|
43
|
+
padding-inline: 0.5rem;
|
|
44
|
+
}
|
|
45
|
+
`;
|
|
46
|
+
__decorate([
|
|
47
|
+
property({ type: Array })
|
|
48
|
+
], AuroraCardStatsRow.prototype, "stats", void 0);
|
|
49
|
+
__decorate([
|
|
50
|
+
property({ type: Boolean })
|
|
51
|
+
], AuroraCardStatsRow.prototype, "compact", void 0);
|
|
52
|
+
AuroraCardStatsRow = __decorate([
|
|
53
|
+
customElement('aurora-card-stats-row')
|
|
54
|
+
], AuroraCardStatsRow);
|
|
55
|
+
export { AuroraCardStatsRow };
|
|
56
|
+
//# sourceMappingURL=aurora-card-stats-row.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-card-stats-row.js","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-stats-row.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,4BAA4B,CAAC;AAG7B,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAYsB,UAAK,GAAoB,EAAE,CAAC;QAC1B,YAAO,GAAG,KAAK,CAAC;IA0B/C,CAAC;IAxBC,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,GAAG,CACd,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;uBAER,IAAI,CAAC,KAAK;uBACV,IAAI,CAAC,KAAK;uBACV,IAAI,CAAC,KAAK;wBACT,IAAI,CAAC,MAAM,KAAK,KAAK;yBACpB,IAAI,CAAC,OAAO;6BACR,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;;WAErD,CACF;;KAEJ,CAAC;IACJ,CAAC;IAEO,iBAAiB,CAAC,KAAa;QACrC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAC1F,CAAC;IACJ,CAAC;;AArCM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;GASlB,AATY,CASX;AAEyB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;iDAA6B;AAC1B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAAiB;AAblC,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAuC9B"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { ActionMenuItem } from '../card.types.js';
|
|
3
|
+
import '../aurora-more-actions.js';
|
|
4
|
+
export declare class AuroraCardStatusBar extends LitElement {
|
|
5
|
+
static styles: import("lit").CSSResult;
|
|
6
|
+
isFreeIaaS: boolean;
|
|
7
|
+
isPlainRole: boolean;
|
|
8
|
+
moreActionsOpen: boolean;
|
|
9
|
+
moreActionsOptions: ActionMenuItem[];
|
|
10
|
+
closeLabel: string;
|
|
11
|
+
moreActionsLabel: string;
|
|
12
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
13
|
+
private _onToggled;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=aurora-card-status-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-card-status-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-status-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,2BAA2B,CAAC;AAEnC,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,0BAmBX;IAE2B,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,eAAe,UAAS;IAC1B,kBAAkB,EAAE,cAAc,EAAE,CAAM;IACzC,UAAU,SAAW;IACrB,gBAAgB,SAAU;IAEtD,MAAM;IAsBN,OAAO,CAAC,UAAU;CAKnB"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html, css } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
import '../aurora-more-actions.js';
|
|
10
|
+
let AuroraCardStatusBar = class AuroraCardStatusBar extends LitElement {
|
|
11
|
+
constructor() {
|
|
12
|
+
super(...arguments);
|
|
13
|
+
this.isFreeIaaS = false;
|
|
14
|
+
this.isPlainRole = false;
|
|
15
|
+
this.moreActionsOpen = false;
|
|
16
|
+
this.moreActionsOptions = [];
|
|
17
|
+
this.closeLabel = 'Close';
|
|
18
|
+
this.moreActionsLabel = 'More';
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
const showActions = !this.isFreeIaaS && !this.isPlainRole && this.moreActionsOptions.length > 0;
|
|
22
|
+
return html `
|
|
23
|
+
<div class="bar">
|
|
24
|
+
<div class="content"><slot></slot></div>
|
|
25
|
+
${showActions
|
|
26
|
+
? html `
|
|
27
|
+
<aurora-more-actions
|
|
28
|
+
class="actions"
|
|
29
|
+
placement="top"
|
|
30
|
+
.open=${this.moreActionsOpen}
|
|
31
|
+
.options=${this.moreActionsOptions}
|
|
32
|
+
.closeLabel=${this.closeLabel}
|
|
33
|
+
.moreActionsLabel=${this.moreActionsLabel}
|
|
34
|
+
@toggled=${this._onToggled}
|
|
35
|
+
></aurora-more-actions>
|
|
36
|
+
`
|
|
37
|
+
: ''}
|
|
38
|
+
</div>
|
|
39
|
+
`;
|
|
40
|
+
}
|
|
41
|
+
_onToggled(e) {
|
|
42
|
+
this.dispatchEvent(new CustomEvent('more-actions-toggled', { detail: { open: e.detail.open }, bubbles: true, composed: true }));
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
AuroraCardStatusBar.styles = css `
|
|
46
|
+
:host { display: block; }
|
|
47
|
+
.bar {
|
|
48
|
+
display: flex;
|
|
49
|
+
justify-content: space-between;
|
|
50
|
+
align-items: center;
|
|
51
|
+
position: relative;
|
|
52
|
+
height: 1.5rem;
|
|
53
|
+
gap: 0.5rem;
|
|
54
|
+
font-size: 0.75rem;
|
|
55
|
+
}
|
|
56
|
+
.content {
|
|
57
|
+
flex: 1;
|
|
58
|
+
min-width: 0;
|
|
59
|
+
white-space: nowrap;
|
|
60
|
+
overflow: hidden;
|
|
61
|
+
text-overflow: ellipsis;
|
|
62
|
+
}
|
|
63
|
+
.actions { flex-shrink: 0; margin-right: 0.5rem; }
|
|
64
|
+
`;
|
|
65
|
+
__decorate([
|
|
66
|
+
property({ type: Boolean })
|
|
67
|
+
], AuroraCardStatusBar.prototype, "isFreeIaaS", void 0);
|
|
68
|
+
__decorate([
|
|
69
|
+
property({ type: Boolean })
|
|
70
|
+
], AuroraCardStatusBar.prototype, "isPlainRole", void 0);
|
|
71
|
+
__decorate([
|
|
72
|
+
property({ type: Boolean })
|
|
73
|
+
], AuroraCardStatusBar.prototype, "moreActionsOpen", void 0);
|
|
74
|
+
__decorate([
|
|
75
|
+
property({ type: Array })
|
|
76
|
+
], AuroraCardStatusBar.prototype, "moreActionsOptions", void 0);
|
|
77
|
+
__decorate([
|
|
78
|
+
property({ type: String })
|
|
79
|
+
], AuroraCardStatusBar.prototype, "closeLabel", void 0);
|
|
80
|
+
__decorate([
|
|
81
|
+
property({ type: String })
|
|
82
|
+
], AuroraCardStatusBar.prototype, "moreActionsLabel", void 0);
|
|
83
|
+
AuroraCardStatusBar = __decorate([
|
|
84
|
+
customElement('aurora-card-status-bar')
|
|
85
|
+
], AuroraCardStatusBar);
|
|
86
|
+
export { AuroraCardStatusBar };
|
|
87
|
+
//# sourceMappingURL=aurora-card-status-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-card-status-bar.js","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-status-bar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,2BAA2B,CAAC;AAG5B,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QAsBwB,eAAU,GAAG,KAAK,CAAC;QACnB,gBAAW,GAAG,KAAK,CAAC;QACpB,oBAAe,GAAG,KAAK,CAAC;QAC1B,uBAAkB,GAAqB,EAAE,CAAC;QACzC,eAAU,GAAG,OAAO,CAAC;QACrB,qBAAgB,GAAG,MAAM,CAAC;IA6BxD,CAAC;IA3BC,MAAM;QACJ,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC;QAChG,OAAO,IAAI,CAAA;;;UAGL,WAAW;YACX,CAAC,CAAC,IAAI,CAAA;;;;wBAIQ,IAAI,CAAC,eAAe;2BACjB,IAAI,CAAC,kBAAkB;8BACpB,IAAI,CAAC,UAAU;oCACT,IAAI,CAAC,gBAAgB;2BAC9B,IAAI,CAAC,UAAU;;aAE7B;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;IAEO,UAAU,CAAC,CAAc;QAC/B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAC5G,CAAC;IACJ,CAAC;;AAtDM,0BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;GAmBlB,AAnBY,CAmBX;AAE2B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAoB;AACnB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDAAqB;AACpB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DAAyB;AAC1B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;+DAA2C;AACzC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DAA2B;AA3B3C,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAwD/B"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,16 @@
|
|
|
1
1
|
export * from './components/aurora-button.js';
|
|
2
|
+
export * from './styles/aurora-theme.js';
|
|
3
|
+
export * from './components/cards/card.types.js';
|
|
4
|
+
export * from './components/cards/aurora-more-actions.js';
|
|
5
|
+
export * from './components/cards/aurora-base-card.js';
|
|
6
|
+
export * from './components/cards/aurora-runtime-card.js';
|
|
7
|
+
export * from './components/cards/parts/aurora-card-header.js';
|
|
8
|
+
export * from './components/cards/parts/aurora-card-stat-item.js';
|
|
9
|
+
export * from './components/cards/parts/aurora-card-stats-row.js';
|
|
10
|
+
export * from './components/cards/parts/aurora-card-filter-item.js';
|
|
11
|
+
export * from './components/cards/parts/aurora-card-filter.js';
|
|
12
|
+
export * from './components/cards/parts/aurora-card-resource-table.js';
|
|
13
|
+
export * from './components/cards/parts/aurora-card-attention-banner.js';
|
|
14
|
+
export * from './components/cards/parts/aurora-card-action-banner.js';
|
|
15
|
+
export * from './components/cards/parts/aurora-card-status-bar.js';
|
|
2
16
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qDAAqD,CAAC;AACpE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wDAAwD,CAAC;AACvE,cAAc,0DAA0D,CAAC;AACzE,cAAc,uDAAuD,CAAC;AACtE,cAAc,oDAAoD,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,16 @@
|
|
|
1
1
|
export * from './components/aurora-button.js';
|
|
2
|
+
export * from './styles/aurora-theme.js';
|
|
3
|
+
export * from './components/cards/card.types.js';
|
|
4
|
+
export * from './components/cards/aurora-more-actions.js';
|
|
5
|
+
export * from './components/cards/aurora-base-card.js';
|
|
6
|
+
export * from './components/cards/aurora-runtime-card.js';
|
|
7
|
+
export * from './components/cards/parts/aurora-card-header.js';
|
|
8
|
+
export * from './components/cards/parts/aurora-card-stat-item.js';
|
|
9
|
+
export * from './components/cards/parts/aurora-card-stats-row.js';
|
|
10
|
+
export * from './components/cards/parts/aurora-card-filter-item.js';
|
|
11
|
+
export * from './components/cards/parts/aurora-card-filter.js';
|
|
12
|
+
export * from './components/cards/parts/aurora-card-resource-table.js';
|
|
13
|
+
export * from './components/cards/parts/aurora-card-attention-banner.js';
|
|
14
|
+
export * from './components/cards/parts/aurora-card-action-banner.js';
|
|
15
|
+
export * from './components/cards/parts/aurora-card-status-bar.js';
|
|
2
16
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,wCAAwC,CAAC;AACvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,qDAAqD,CAAC;AACpE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wDAAwD,CAAC;AACvE,cAAc,0DAA0D,CAAC;AACzE,cAAc,uDAAuD,CAAC;AACtE,cAAc,oDAAoD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const auroraTheme: import("lit").CSSResult;
|
|
2
|
+
export declare const STATUS_COLORS: {
|
|
3
|
+
readonly HEALTHY: "var(--axebow-success)";
|
|
4
|
+
readonly ERROR: "var(--axebow-error)";
|
|
5
|
+
readonly WARNING: "var(--axebow-warning)";
|
|
6
|
+
readonly DEFAULT: "var(--axebow-gray)";
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=aurora-theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-theme.d.ts","sourceRoot":"","sources":["../../src/styles/aurora-theme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAkCvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const auroraTheme = css `
|
|
3
|
+
.theme {
|
|
4
|
+
--axebow-primary: var(--color-primary, #34495e);
|
|
5
|
+
--axebow-primary-light: var(--color-primary-light, #b4cded);
|
|
6
|
+
--axebow-tertiary: var(--color-tertiary, #006bff);
|
|
7
|
+
--axebow-success: var(--color-success, #0ecd9a);
|
|
8
|
+
--axebow-secondary: var(--color-secondary, #78787a);
|
|
9
|
+
--axebow-base: var(--color-base, #f0f1f5);
|
|
10
|
+
--axebow-error: var(--color-error, #e93a3a);
|
|
11
|
+
--axebow-white: var(--color-white, #ffffff);
|
|
12
|
+
--axebow-black: var(--color-black, #000000);
|
|
13
|
+
--axebow-warning: var(--color-warning, #f9cf6c);
|
|
14
|
+
--axebow-table-border: var(--color-table-border, #ddd);
|
|
15
|
+
--axebow-gray: var(--color-gray, #8a94ae);
|
|
16
|
+
--axebow-light-gray: var(--color-light-gray, #d9d9d9);
|
|
17
|
+
|
|
18
|
+
--axebow-clickable-blue: var(--color-clickable-blue, #006bff);
|
|
19
|
+
--axebow-sky-gray: var(--color-sky-gray, #8a94ee);
|
|
20
|
+
--axebow-rich-black: var(--color-rich-black, #0d1821);
|
|
21
|
+
--axebow-anti-flash-white: var(--color-anti-flash-white, #f0f1f5);
|
|
22
|
+
--axebow-strong-gray: var(--color-strong-gray, #78787a);
|
|
23
|
+
|
|
24
|
+
--axebow-bg-primary: var(--color-bg-primary, #f0f1f5);
|
|
25
|
+
|
|
26
|
+
--axebow-text-gray: var(--color-text-gray, #78787a);
|
|
27
|
+
|
|
28
|
+
--axebow-premium-label: var(--color-premium-label, #b9935a33);
|
|
29
|
+
--axebow-premium-text: var(--color-premium-text, #b9935a);
|
|
30
|
+
--axebow-deleting-link: var(--color-deleting-link, #a0a0a0);
|
|
31
|
+
--axebow-border-gray: var(--color-border-gray, #9ca3af);
|
|
32
|
+
}
|
|
33
|
+
* {
|
|
34
|
+
font-family: 'Open Sans', sans-serif;
|
|
35
|
+
}
|
|
36
|
+
`;
|
|
37
|
+
export const STATUS_COLORS = {
|
|
38
|
+
HEALTHY: 'var(--axebow-success)',
|
|
39
|
+
ERROR: 'var(--axebow-error)',
|
|
40
|
+
WARNING: 'var(--axebow-warning)',
|
|
41
|
+
DEFAULT: 'var(--axebow-gray)',
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=aurora-theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-theme.js","sourceRoot":"","sources":["../../src/styles/aurora-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC7B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAE,uBAAuB;IAChC,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,uBAAuB;IAChC,OAAO,EAAE,oBAAoB;CACrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kumori/aurora-wui-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
4
|
"description": "Aurora WUI - public TypeScript + Lit web component library",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"type": "module",
|
|
@@ -37,7 +37,8 @@
|
|
|
37
37
|
"test:watch": "cross-env NODE_OPTIONS=--experimental-vm-modules jest --watch",
|
|
38
38
|
"prepublishOnly": "npm run build"
|
|
39
39
|
},
|
|
40
|
-
"
|
|
40
|
+
"peerDependencies": {
|
|
41
|
+
"@kumori/aurora-interfaces": "^1.0.21",
|
|
41
42
|
"lit": "^3.2.1"
|
|
42
43
|
},
|
|
43
44
|
"devDependencies": {
|