@kumori/aurora-wui-components 0.0.2 → 0.0.3

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