@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.
Files changed (61) hide show
  1. package/dist/components/cards/aurora-base-card.d.ts +51 -0
  2. package/dist/components/cards/aurora-base-card.d.ts.map +1 -0
  3. package/dist/components/cards/aurora-base-card.js +299 -0
  4. package/dist/components/cards/aurora-base-card.js.map +1 -0
  5. package/dist/components/cards/aurora-more-actions.d.ts +23 -0
  6. package/dist/components/cards/aurora-more-actions.d.ts.map +1 -0
  7. package/dist/components/cards/aurora-more-actions.js +194 -0
  8. package/dist/components/cards/aurora-more-actions.js.map +1 -0
  9. package/dist/components/cards/aurora-runtime-card.d.ts +44 -0
  10. package/dist/components/cards/aurora-runtime-card.d.ts.map +1 -0
  11. package/dist/components/cards/aurora-runtime-card.js +427 -0
  12. package/dist/components/cards/aurora-runtime-card.js.map +1 -0
  13. package/dist/components/cards/card.types.d.ts +39 -0
  14. package/dist/components/cards/card.types.d.ts.map +1 -0
  15. package/dist/components/cards/card.types.js +2 -0
  16. package/dist/components/cards/card.types.js.map +1 -0
  17. package/dist/components/cards/parts/aurora-card-action-banner.d.ts +8 -0
  18. package/dist/components/cards/parts/aurora-card-action-banner.d.ts.map +1 -0
  19. package/dist/components/cards/parts/aurora-card-action-banner.js +61 -0
  20. package/dist/components/cards/parts/aurora-card-action-banner.js.map +1 -0
  21. package/dist/components/cards/parts/aurora-card-attention-banner.d.ts +20 -0
  22. package/dist/components/cards/parts/aurora-card-attention-banner.d.ts.map +1 -0
  23. package/dist/components/cards/parts/aurora-card-attention-banner.js +111 -0
  24. package/dist/components/cards/parts/aurora-card-attention-banner.js.map +1 -0
  25. package/dist/components/cards/parts/aurora-card-filter-item.d.ts +9 -0
  26. package/dist/components/cards/parts/aurora-card-filter-item.d.ts.map +1 -0
  27. package/dist/components/cards/parts/aurora-card-filter-item.js +53 -0
  28. package/dist/components/cards/parts/aurora-card-filter-item.js.map +1 -0
  29. package/dist/components/cards/parts/aurora-card-filter.d.ts +20 -0
  30. package/dist/components/cards/parts/aurora-card-filter.d.ts.map +1 -0
  31. package/dist/components/cards/parts/aurora-card-filter.js +168 -0
  32. package/dist/components/cards/parts/aurora-card-filter.js.map +1 -0
  33. package/dist/components/cards/parts/aurora-card-header.d.ts +19 -0
  34. package/dist/components/cards/parts/aurora-card-header.d.ts.map +1 -0
  35. package/dist/components/cards/parts/aurora-card-header.js +161 -0
  36. package/dist/components/cards/parts/aurora-card-header.js.map +1 -0
  37. package/dist/components/cards/parts/aurora-card-resource-table.d.ts +22 -0
  38. package/dist/components/cards/parts/aurora-card-resource-table.d.ts.map +1 -0
  39. package/dist/components/cards/parts/aurora-card-resource-table.js +210 -0
  40. package/dist/components/cards/parts/aurora-card-resource-table.js.map +1 -0
  41. package/dist/components/cards/parts/aurora-card-stat-item.d.ts +12 -0
  42. package/dist/components/cards/parts/aurora-card-stat-item.d.ts.map +1 -0
  43. package/dist/components/cards/parts/aurora-card-stat-item.js +69 -0
  44. package/dist/components/cards/parts/aurora-card-stat-item.js.map +1 -0
  45. package/dist/components/cards/parts/aurora-card-stats-row.d.ts +11 -0
  46. package/dist/components/cards/parts/aurora-card-stats-row.d.ts.map +1 -0
  47. package/dist/components/cards/parts/aurora-card-stats-row.js +56 -0
  48. package/dist/components/cards/parts/aurora-card-stats-row.js.map +1 -0
  49. package/dist/components/cards/parts/aurora-card-status-bar.d.ts +15 -0
  50. package/dist/components/cards/parts/aurora-card-status-bar.d.ts.map +1 -0
  51. package/dist/components/cards/parts/aurora-card-status-bar.js +87 -0
  52. package/dist/components/cards/parts/aurora-card-status-bar.js.map +1 -0
  53. package/dist/index.d.ts +14 -0
  54. package/dist/index.d.ts.map +1 -1
  55. package/dist/index.js +14 -0
  56. package/dist/index.js.map +1 -1
  57. package/dist/styles/aurora-theme.d.ts +8 -0
  58. package/dist/styles/aurora-theme.d.ts.map +1 -0
  59. package/dist/styles/aurora-theme.js +43 -0
  60. package/dist/styles/aurora-theme.js.map +1 -0
  61. 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
@@ -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.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
- "dependencies": {
40
+ "peerDependencies": {
41
+ "@kumori/aurora-interfaces": "^1.0.21",
41
42
  "lit": "^3.2.1"
42
43
  },
43
44
  "devDependencies": {