@kumori/aurora-wui-components 0.0.273-dev4131.7 → 0.0.273-dev4131.9
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/axebow-actions-footer/axebow-actions-footer.d.ts.map +1 -1
- package/dist/components/axebow-collaborators-dialog/axebow-collaborators-dialog.d.ts.map +1 -1
- package/dist/components/axebow-deploy-summary/axebow-deploy-summary.d.ts.map +1 -1
- package/dist/components/axebow-divider/axebow-divider.d.ts +17 -0
- package/dist/components/axebow-divider/axebow-divider.d.ts.map +1 -0
- package/dist/components/axebow-expandable-header/axebow-expandable-header.d.ts.map +1 -1
- package/dist/components/axebow-getting-started-card/axebow-getting-started-card.d.ts.map +1 -1
- package/dist/components/axebow-mesh-node-renderer/axebow-mesh-node-renderer.d.ts +0 -9
- package/dist/components/axebow-mesh-node-renderer/axebow-mesh-node-renderer.d.ts.map +1 -1
- package/dist/components/axebow-observability-container/axebow-observability-container.d.ts.map +1 -1
- package/dist/components/axebow-refresh-period-panel/axebow-refresh-period-panel.d.ts.map +1 -1
- package/dist/components/axebow-registry-selector/axebow-registry-selector.d.ts.map +1 -1
- package/dist/components/axebow-role-card/axebow-role-card.d.ts.map +1 -1
- package/dist/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.d.ts.map +1 -1
- package/dist/components/axebow-sidebar/axebow-sidebar.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-card.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-flavors.d.ts +0 -3
- package/dist/components/axebow-summary/axebow-summary-flavors.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-limits.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-step.d.ts.map +1 -1
- package/dist/components/axebow-tenant-card/axebow-tenant-card.d.ts.map +1 -1
- package/dist/components/axebow-usage-tooltip/axebow-usage-tooltip.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +95 -68
- package/dist/index.js.map +1 -1
- package/dist/playground/schemas/axebow-divider.schema.d.ts +9 -0
- package/dist/playground/schemas/axebow-divider.schema.d.ts.map +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -11,7 +11,6 @@ import "@shoelace-style/shoelace/dist/components/switch/switch.js";
|
|
|
11
11
|
import "@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";
|
|
12
12
|
import "@shoelace-style/shoelace/dist/components/tab/tab.js";
|
|
13
13
|
import "@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";
|
|
14
|
-
import "@shoelace-style/shoelace/dist/components/divider/divider.js";
|
|
15
14
|
import { live } from "lit/directives/live.js";
|
|
16
15
|
import "@shoelace-style/shoelace/dist/components/checkbox/checkbox.js";
|
|
17
16
|
import "@shoelace-style/shoelace/dist/components/carousel/carousel.js";
|
|
@@ -1576,6 +1575,65 @@ __decorate([property({ type: String })], AxebowHeader.prototype, "markAllAsReadL
|
|
|
1576
1575
|
__decorate([property({ attribute: false })], AxebowHeader.prototype, "onMarkAllAsRead", void 0);
|
|
1577
1576
|
AxebowHeader = __decorate([customElement("axebow-header")], AxebowHeader);
|
|
1578
1577
|
//#endregion
|
|
1578
|
+
//#region src/components/axebow-divider/axebow-divider.ts
|
|
1579
|
+
var AxebowDivider = class AxebowDivider extends LitElement {
|
|
1580
|
+
constructor(..._args) {
|
|
1581
|
+
super(..._args);
|
|
1582
|
+
this.type = "solid";
|
|
1583
|
+
this.width = "100%";
|
|
1584
|
+
this.color = "var(--axebow-light-gray)";
|
|
1585
|
+
this.margin = "0.5rem 0";
|
|
1586
|
+
this.thickness = "1px";
|
|
1587
|
+
}
|
|
1588
|
+
static {
|
|
1589
|
+
this.styles = [
|
|
1590
|
+
unsafeCSS(tailwind_default),
|
|
1591
|
+
axebowTheme,
|
|
1592
|
+
css`
|
|
1593
|
+
:host {
|
|
1594
|
+
display: block;
|
|
1595
|
+
width: 100%;
|
|
1596
|
+
}
|
|
1597
|
+
.divider {
|
|
1598
|
+
box-sizing: border-box;
|
|
1599
|
+
border: none;
|
|
1600
|
+
}
|
|
1601
|
+
.divider.solid {
|
|
1602
|
+
height: var(--divider-thickness, 1px);
|
|
1603
|
+
background-color: var(--divider-color, var(--axebow-light-gray));
|
|
1604
|
+
}
|
|
1605
|
+
.divider.dashed {
|
|
1606
|
+
height: 0;
|
|
1607
|
+
border-top: var(--divider-thickness, 1px) dashed var(--divider-color, var(--axebow-light-gray));
|
|
1608
|
+
}
|
|
1609
|
+
.divider.dotted {
|
|
1610
|
+
height: 0;
|
|
1611
|
+
border-top: var(--divider-thickness, 1px) dotted var(--divider-color, var(--axebow-light-gray));
|
|
1612
|
+
}
|
|
1613
|
+
`
|
|
1614
|
+
];
|
|
1615
|
+
}
|
|
1616
|
+
render() {
|
|
1617
|
+
return html`
|
|
1618
|
+
<div
|
|
1619
|
+
class="divider ${this.type}"
|
|
1620
|
+
style="
|
|
1621
|
+
width: ${this.width};
|
|
1622
|
+
margin: ${this.margin};
|
|
1623
|
+
--divider-color: ${this.color};
|
|
1624
|
+
--divider-thickness: ${this.thickness};
|
|
1625
|
+
"
|
|
1626
|
+
></div>
|
|
1627
|
+
`;
|
|
1628
|
+
}
|
|
1629
|
+
};
|
|
1630
|
+
__decorate([property({ type: String })], AxebowDivider.prototype, "type", void 0);
|
|
1631
|
+
__decorate([property({ type: String })], AxebowDivider.prototype, "width", void 0);
|
|
1632
|
+
__decorate([property({ type: String })], AxebowDivider.prototype, "color", void 0);
|
|
1633
|
+
__decorate([property({ type: String })], AxebowDivider.prototype, "margin", void 0);
|
|
1634
|
+
__decorate([property({ type: String })], AxebowDivider.prototype, "thickness", void 0);
|
|
1635
|
+
AxebowDivider = __decorate([customElement("axebow-divider")], AxebowDivider);
|
|
1636
|
+
//#endregion
|
|
1579
1637
|
//#region src/components/axebow-sidebar/axebow-sidebar.ts
|
|
1580
1638
|
var AxebowSidebar = class AxebowSidebar extends LitElement {
|
|
1581
1639
|
constructor(..._args) {
|
|
@@ -1659,8 +1717,8 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
|
|
|
1659
1717
|
class="sidebar-nav h-full flex flex-col justify-between overflow-hidden pt-2"
|
|
1660
1718
|
>
|
|
1661
1719
|
<ul class="flex flex-col gap-0 w-full pb-1">
|
|
1662
|
-
${this.items.map((entry) => "divider" in entry ? html` <
|
|
1663
|
-
<
|
|
1720
|
+
${this.items.map((entry) => "divider" in entry ? html` <axebow-divider class="sidebar-divider w-[calc(100%-10px)] mx-auto my-1.5" margin="0"></axebow-divider> ` : this._renderNavItem(entry, this._isSelected(entry)))}
|
|
1721
|
+
<axebow-divider class="compact-divider hidden w-[calc(100%-10px)] mx-auto my-1.5" margin="0"></axebow-divider>
|
|
1664
1722
|
</ul>
|
|
1665
1723
|
<ul class="flex flex-col gap-0 w-full">
|
|
1666
1724
|
${this.bottomItems.map((item) => this._renderBottomItem(item))}
|
|
@@ -3524,7 +3582,7 @@ var AxebowRegistrySelector = class AxebowRegistrySelector extends LitElement {
|
|
|
3524
3582
|
<axebow-icon iconName="add" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
|
|
3525
3583
|
${this.labels.createNewSecretLabel}
|
|
3526
3584
|
</div>
|
|
3527
|
-
${secretOptions.length > 0 ? html`<
|
|
3585
|
+
${secretOptions.length > 0 ? html`<axebow-divider margin="0.25rem 0"></axebow-divider>` : ""}
|
|
3528
3586
|
${secretOptions.map((s) => html`<sl-option value="${s.name}">${s.name}</sl-option>`)}
|
|
3529
3587
|
${secretOptions.length === 0 ? html`<sl-option disabled>${this.labels.noSecretsAvailableLabel}</sl-option>` : ""}
|
|
3530
3588
|
</sl-select>
|
|
@@ -3740,9 +3798,6 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
|
|
|
3740
3798
|
padding: 1rem;
|
|
3741
3799
|
}
|
|
3742
3800
|
}
|
|
3743
|
-
sl-divider.nomargin {
|
|
3744
|
-
margin: 0 !important;
|
|
3745
|
-
}
|
|
3746
3801
|
.collaborators-scroll::-webkit-scrollbar {
|
|
3747
3802
|
width: 4px;
|
|
3748
3803
|
}
|
|
@@ -3849,12 +3904,12 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
|
|
|
3849
3904
|
</div>
|
|
3850
3905
|
</div>
|
|
3851
3906
|
<div class="flex flex-col flex-1 min-h-0 mt-5">
|
|
3852
|
-
<
|
|
3907
|
+
<axebow-divider></axebow-divider>
|
|
3853
3908
|
<h3 class="text-base font-medium text-black mb-3 mt-4 shrink-0">${this.labels.actualCollaborators}</h3>
|
|
3854
3909
|
<div class="collaborators-scroll flex-1 min-h-0 overflow-y-auto">
|
|
3855
3910
|
${this.collaborators.length > 0 ? html`
|
|
3856
3911
|
<div class="mr-2">
|
|
3857
|
-
<
|
|
3912
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
3858
3913
|
${this.collaborators.map((c, index) => html`
|
|
3859
3914
|
<div
|
|
3860
3915
|
class="flex items-center justify-between py-2.5
|
|
@@ -3918,7 +3973,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
|
|
|
3918
3973
|
`)}
|
|
3919
3974
|
</div>
|
|
3920
3975
|
|
|
3921
|
-
<
|
|
3976
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
3922
3977
|
|
|
3923
3978
|
<div class="py-1">
|
|
3924
3979
|
${this.selectedRole[c.email] && this.selectedRole[c.email] !== c.permission ? html` <sl-menu-item
|
|
@@ -3973,7 +4028,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
|
|
|
3973
4028
|
`}
|
|
3974
4029
|
</div>
|
|
3975
4030
|
</div>
|
|
3976
|
-
<
|
|
4031
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
3977
4032
|
`)}
|
|
3978
4033
|
</div>
|
|
3979
4034
|
` : html`
|
|
@@ -5164,9 +5219,12 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
|
|
|
5164
5219
|
</p>
|
|
5165
5220
|
</axebow-banner>
|
|
5166
5221
|
|
|
5167
|
-
<
|
|
5168
|
-
|
|
5169
|
-
|
|
5222
|
+
<axebow-divider
|
|
5223
|
+
width="100%"
|
|
5224
|
+
color="var(--axebow-gray)"
|
|
5225
|
+
margin="0"
|
|
5226
|
+
style="max-width: 30.25rem;"
|
|
5227
|
+
></axebow-divider>
|
|
5170
5228
|
|
|
5171
5229
|
<axebow-input
|
|
5172
5230
|
style="width: 30.25rem;"
|
|
@@ -7145,7 +7203,7 @@ function buildAddButton(channelType) {
|
|
|
7145
7203
|
return container;
|
|
7146
7204
|
}
|
|
7147
7205
|
function buildDivider() {
|
|
7148
|
-
const divider = document.createElement("
|
|
7206
|
+
const divider = document.createElement("axebow-divider");
|
|
7149
7207
|
divider.classList.add("mesh-node-divider");
|
|
7150
7208
|
return divider;
|
|
7151
7209
|
}
|
|
@@ -7528,7 +7586,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
|
|
|
7528
7586
|
<div class="w-294 flex flex-col bg-white rounded-md shadow-sm">
|
|
7529
7587
|
<h2 class="text-md font-bold text-center mt-6 mx-6 mb-4 text-(--axebow-primary)">${this.heading}</h2>
|
|
7530
7588
|
<div class="w-282 mx-6">
|
|
7531
|
-
<
|
|
7589
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
7532
7590
|
</div>
|
|
7533
7591
|
<div class="w-282 h-52.75 mx-6 flex flex-col">
|
|
7534
7592
|
<p class="text-base text-center my-4 text-black">${this.description}</p>
|
|
@@ -7546,7 +7604,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
|
|
|
7546
7604
|
</div>
|
|
7547
7605
|
</div>
|
|
7548
7606
|
<div class="w-282 mx-6 mt-4 mb-4">
|
|
7549
|
-
<
|
|
7607
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
7550
7608
|
</div>
|
|
7551
7609
|
<div class="w-139 h-9.5 mx-auto mb-6 flex items-center justify-center gap-4">
|
|
7552
7610
|
${this.contactUrl ? html`
|
|
@@ -8810,7 +8868,7 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
|
|
|
8810
8868
|
</div>
|
|
8811
8869
|
|
|
8812
8870
|
<div class="w-full">
|
|
8813
|
-
<
|
|
8871
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
8814
8872
|
</div>
|
|
8815
8873
|
|
|
8816
8874
|
${this._renderContent()}
|
|
@@ -9104,14 +9162,11 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
|
|
|
9104
9162
|
:host {
|
|
9105
9163
|
display: block;
|
|
9106
9164
|
}
|
|
9107
|
-
sl-divider {
|
|
9108
|
-
margin: 0;
|
|
9109
|
-
}
|
|
9110
9165
|
`];
|
|
9111
9166
|
}
|
|
9112
9167
|
render() {
|
|
9113
9168
|
return html`
|
|
9114
|
-
<
|
|
9169
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
9115
9170
|
<div
|
|
9116
9171
|
class="flex items-center gap-2 flex-wrap pt-4"
|
|
9117
9172
|
style="padding-bottom: ${this.expanded ? "1.09375rem" : "1rem"};"
|
|
@@ -9136,7 +9191,7 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
|
|
|
9136
9191
|
<div class="${this.expanded ? "block pb-4" : "hidden"}">
|
|
9137
9192
|
<slot></slot>
|
|
9138
9193
|
</div>
|
|
9139
|
-
<
|
|
9194
|
+
<axebow-divider margin="0"></axebow-divider>
|
|
9140
9195
|
`;
|
|
9141
9196
|
}
|
|
9142
9197
|
};
|
|
@@ -9183,7 +9238,7 @@ var AxebowActionsFooter = class AxebowActionsFooter extends LitElement {
|
|
|
9183
9238
|
<div
|
|
9184
9239
|
class="w-full bg-(--axebow-base) box-border ${this.isOverlappingContent ? "shadow-[0_-8px_8px_-8px_rgba(13,24,33,0.15)]" : ""}"
|
|
9185
9240
|
>
|
|
9186
|
-
<
|
|
9241
|
+
<axebow-divider margin="1rem 0"></axebow-divider>
|
|
9187
9242
|
<div class="h-10 box-content flex items-center pb-6">
|
|
9188
9243
|
<div class="flex items-center gap-8 shrink-0 mr-8">
|
|
9189
9244
|
<axebow-button
|
|
@@ -9421,10 +9476,6 @@ var AxebowRoleCard = class AxebowRoleCard extends LitElement {
|
|
|
9421
9476
|
:host {
|
|
9422
9477
|
display: block;
|
|
9423
9478
|
}
|
|
9424
|
-
sl-divider {
|
|
9425
|
-
--color: var(--axebow-gray);
|
|
9426
|
-
--width: 1px;
|
|
9427
|
-
}
|
|
9428
9479
|
sl-input::part(base) {
|
|
9429
9480
|
width: 100%;
|
|
9430
9481
|
height: 2.5rem;
|
|
@@ -9450,7 +9501,7 @@ var AxebowRoleCard = class AxebowRoleCard extends LitElement {
|
|
|
9450
9501
|
<div class="w-87 h-4.25 flex items-center">
|
|
9451
9502
|
<h1 class="m-0 uppercase text-left text-base font-semibold text-(--axebow-gray) truncate">${this.name}</h1>
|
|
9452
9503
|
</div>
|
|
9453
|
-
<
|
|
9504
|
+
<axebow-divider color="var(--axebow-gray)"></axebow-divider>
|
|
9454
9505
|
<div class="w-12.5 h-12.5 shrink-0">
|
|
9455
9506
|
<img src=${this.logoUrl} class="w-full h-full object-contain" />
|
|
9456
9507
|
</div>
|
|
@@ -9856,7 +9907,7 @@ var AxebowRefreshPeriodPanel = class AxebowRefreshPeriodPanel extends LitElement
|
|
|
9856
9907
|
<sl-menu-item @click=${() => this._handleSelect(null)} ?selected=${this.offSelected}>
|
|
9857
9908
|
<div class="flex items-center gap-2">${this.offLabel}</div>
|
|
9858
9909
|
</sl-menu-item>
|
|
9859
|
-
<
|
|
9910
|
+
<axebow-divider margin="0.25rem 0"></axebow-divider>
|
|
9860
9911
|
${this.periods.map((period) => html`
|
|
9861
9912
|
<sl-menu-item @click=${() => this._handleSelect(period.value)} ?selected=${period.selected}>
|
|
9862
9913
|
<div class="flex items-center gap-2">${period.label}</div>
|
|
@@ -10207,18 +10258,6 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
|
|
|
10207
10258
|
display: block;
|
|
10208
10259
|
height: 100%;
|
|
10209
10260
|
}
|
|
10210
|
-
/* The plain, solid divider used between every summary section -
|
|
10211
|
-
matches whatever separates the step titles. */
|
|
10212
|
-
sl-divider.summary-title-divider {
|
|
10213
|
-
--color: var(--axebow-table-header-border, #dbdde4);
|
|
10214
|
-
--spacing: 0.75rem;
|
|
10215
|
-
}
|
|
10216
|
-
/* Dashed variant used inside the autoscaling summary. */
|
|
10217
|
-
sl-divider.summary-dashed-divider {
|
|
10218
|
-
--color: var(--axebow-base);
|
|
10219
|
-
--spacing: 0.75rem;
|
|
10220
|
-
border-top-style: dashed !important;
|
|
10221
|
-
}
|
|
10222
10261
|
`
|
|
10223
10262
|
];
|
|
10224
10263
|
}
|
|
@@ -10253,7 +10292,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
|
|
|
10253
10292
|
${this._renderDeploymentInfo()}
|
|
10254
10293
|
<div class="h-px border-t border-dashed border-gray-400 my-4"></div>
|
|
10255
10294
|
${this._renderResourceLimits()}
|
|
10256
|
-
<
|
|
10295
|
+
<axebow-divider color="var(--axebow-table-header-border, #dbdde4)" margin="0.75rem 0"></axebow-divider>
|
|
10257
10296
|
<div class="flex-1 overflow-y-auto flex flex-col">
|
|
10258
10297
|
${this._renderIdentificationStep()} ${this._renderResourcesStep()} ${this._renderScalingStep()}
|
|
10259
10298
|
${this._renderChannelsStep()} ${this._renderConfigurationStep()}
|
|
@@ -10436,11 +10475,11 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
|
|
|
10436
10475
|
<p class="font-semibold text-base lg:text-lg text-(--axebow-black) mb-2">${config.title}</p>
|
|
10437
10476
|
${config.minReplicas ? this._field(config.minLabel, config.minReplicas.value, config.minReplicas.hasError) : ""}
|
|
10438
10477
|
${config.maxReplicas ? this._field(config.maxLabel, config.maxReplicas.value) : ""}
|
|
10439
|
-
${hasScaleDownInfo ? html`<
|
|
10478
|
+
${hasScaleDownInfo ? html`<axebow-divider type="dashed" color="var(--axebow-base)" margin="0.75rem 0"></axebow-divider>` : ""}
|
|
10440
10479
|
${config.cpuDown ? this._field(config.scaleDownCpuLabel, `${config.cpuDown}%`) : ""}
|
|
10441
10480
|
${config.cpuDown && config.memoryDown ? html`<p class="text-base text-(--axebow-black)">${config.andLabel}</p>` : ""}
|
|
10442
10481
|
${config.memoryDown ? this._field(config.scaleDownMemoryLabel, `${config.memoryDown}%`) : ""}
|
|
10443
|
-
${hasScaleDownInfo ? html`<
|
|
10482
|
+
${hasScaleDownInfo ? html`<axebow-divider type="dashed" color="var(--axebow-base)" margin="0.75rem 0"></axebow-divider>` : ""}
|
|
10444
10483
|
${config.histeresys ? this._field(config.cooldownLabel, config.histeresys) : ""}
|
|
10445
10484
|
</div>
|
|
10446
10485
|
`;
|
|
@@ -10532,7 +10571,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
|
|
|
10532
10571
|
<div>
|
|
10533
10572
|
${step.items.length ? html`
|
|
10534
10573
|
${plainItems.length ? this._renderNameValueGrid(plainItems, step.variableNameLabel, step.variableValueLabel) : ""}
|
|
10535
|
-
${pathItems.length && plainItems.length ? html`<
|
|
10574
|
+
${pathItems.length && plainItems.length ? html`<axebow-divider color="var(--axebow-table-header-border, #dbdde4)" margin="0.75rem 0"></axebow-divider>` : ""}
|
|
10536
10575
|
${pathItems.length ? this._renderNameValueGrid(pathItems.map((item) => ({
|
|
10537
10576
|
name: item.name,
|
|
10538
10577
|
value: item.path
|
|
@@ -10821,7 +10860,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
|
|
|
10821
10860
|
<slot></slot>
|
|
10822
10861
|
</div>
|
|
10823
10862
|
` : ""}
|
|
10824
|
-
<
|
|
10863
|
+
<axebow-divider></axebow-divider>
|
|
10825
10864
|
`;
|
|
10826
10865
|
}
|
|
10827
10866
|
_handleToggle() {
|
|
@@ -10892,7 +10931,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
|
|
|
10892
10931
|
>
|
|
10893
10932
|
<div class="h-full flex flex-col">
|
|
10894
10933
|
${this._renderHeader()}
|
|
10895
|
-
<
|
|
10934
|
+
<axebow-divider></axebow-divider>
|
|
10896
10935
|
<div class="${this.isSummaryOpen ? "" : "hidden"} lg:block flex-1 mt-4">
|
|
10897
10936
|
<slot></slot>
|
|
10898
10937
|
</div>
|
|
@@ -10992,7 +11031,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
|
|
|
10992
11031
|
if (!this.limits || !this.labels) return html``;
|
|
10993
11032
|
return html`
|
|
10994
11033
|
${this.renderSection(this.labels.hardLimits, "max")}
|
|
10995
|
-
<
|
|
11034
|
+
<axebow-divider></axebow-divider>
|
|
10996
11035
|
${this.renderSection(this.labels.softLimits, "min")}
|
|
10997
11036
|
`;
|
|
10998
11037
|
}
|
|
@@ -11018,14 +11057,12 @@ var AxebowSummaryFlavors = class AxebowSummaryFlavors extends LitElement {
|
|
|
11018
11057
|
${this.hasFlavors || this.nodes || this.highAvailable !== void 0 || this.autoscale !== void 0 || this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
|
|
11019
11058
|
<div class="flex w-full gap-[2%]">
|
|
11020
11059
|
<div class="flex-1 flex flex-col gap-2">
|
|
11021
|
-
<p class="font-semibold">${this.labels.workload}</p>
|
|
11022
11060
|
${this.hasFlavors && this.flavors?.small?.[0] ? html`<p>${this.labels.runtimePlane}</p>` : ""}
|
|
11023
11061
|
<p>${this.labels.numberOfVms}</p>
|
|
11024
11062
|
${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p>${this.labels.controlPlane}</p>` : ""}
|
|
11025
11063
|
${this.highAvailable !== void 0 ? html`<p>${this.labels.highAvailable}</p>` : ""}
|
|
11026
11064
|
</div>
|
|
11027
11065
|
<div class="flex-1 flex flex-col gap-2">
|
|
11028
|
-
<p class="font-semibold">${this.labels.selectedFlavor}</p>
|
|
11029
11066
|
${this.hasFlavors && this.flavors?.small?.[0] ? html`<p><span class="text-(--axebow-primary)">${this.flavors?.small?.[0]}</span></p>` : ""}
|
|
11030
11067
|
<p><span class="text-(--axebow-primary)">${this.nodes?.max || "0"}</span></p>
|
|
11031
11068
|
|
|
@@ -11038,15 +11075,14 @@ var AxebowSummaryFlavors = class AxebowSummaryFlavors extends LitElement {
|
|
|
11038
11075
|
</div>
|
|
11039
11076
|
</div>
|
|
11040
11077
|
${this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
|
|
11078
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
11041
11079
|
<div class="flex w-full gap-[2%] mt-2">
|
|
11042
11080
|
<div class="flex-1 flex flex-col gap-2">
|
|
11043
|
-
<p class="font-semibold">${this.labels.storage}</p>
|
|
11044
11081
|
${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>${this.labels.volatile}</p>` : ""}
|
|
11045
11082
|
${this.supportedStorage.includes("nonReplicated") && this.flavors?.nonReplicated?.[0] ? html`<p>${this.labels.nonReplPersistent}</p>` : ""}
|
|
11046
11083
|
${this.supportedStorage.includes("persistent") && this.flavors?.persistent?.[0] ? html`<p>${this.labels.persistentReplicated}</p>` : ""}
|
|
11047
11084
|
</div>
|
|
11048
11085
|
<div class="flex-1 flex flex-col gap-2">
|
|
11049
|
-
<p class="font-semibold">${this.labels.selectedFlavor}</p>
|
|
11050
11086
|
${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>
|
|
11051
11087
|
<span class="text-(--axebow-primary)">${this.flavors?.volatile?.[0]}</span>
|
|
11052
11088
|
</p>` : ""}
|
|
@@ -12116,9 +12152,6 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
|
|
|
12116
12152
|
border: 3px solid var(--axebow-table-border);
|
|
12117
12153
|
width: 300px;
|
|
12118
12154
|
}
|
|
12119
|
-
sl-divider.dotted-divider {
|
|
12120
|
-
border-top: 1.5px dashed var(--axebow-light-gray);
|
|
12121
|
-
}
|
|
12122
12155
|
`];
|
|
12123
12156
|
}
|
|
12124
12157
|
render() {
|
|
@@ -12132,19 +12165,19 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
|
|
|
12132
12165
|
<span>${this.storageLabel} </span>
|
|
12133
12166
|
<span class="tooltip-value"> ${current.storage} / ${limit.storage.max} GB</span>
|
|
12134
12167
|
</div>
|
|
12135
|
-
<
|
|
12168
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
12136
12169
|
<div class="flex space-between ml-2 items-center gap-1">
|
|
12137
12170
|
<axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
|
|
12138
12171
|
<span>${this.volatileLabel} </span>
|
|
12139
12172
|
<span class="tooltip-value"> ${current.volatileStorage} / ${limit.volatileStorage.max} GB</span>
|
|
12140
12173
|
</div>
|
|
12141
|
-
<
|
|
12174
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
12142
12175
|
<div class="flex space-between ml-2 items-center gap-1">
|
|
12143
12176
|
<axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
|
|
12144
12177
|
<span>${this.nonRepPersLabel} </span>
|
|
12145
12178
|
<span class="tooltip-value"> ${current.nonReplicatedStorage} / ${limit.nonReplicatedStorage.max} GB</span>
|
|
12146
12179
|
</div>
|
|
12147
|
-
<
|
|
12180
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
12148
12181
|
<div class="flex space-between ml-2 items-center gap-1">
|
|
12149
12182
|
<axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
|
|
12150
12183
|
<span>${this.persistentRepLabel} </span>
|
|
@@ -12638,12 +12671,6 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12638
12671
|
.log-filter-dropdown::part(panel) {
|
|
12639
12672
|
width: 17rem !important;
|
|
12640
12673
|
}
|
|
12641
|
-
sl-divider {
|
|
12642
|
-
height: 0.0625rem !important;
|
|
12643
|
-
border-top: none !important;
|
|
12644
|
-
background-color: var(--axebow-light-gray);
|
|
12645
|
-
margin-bottom: 0.90625rem !important;
|
|
12646
|
-
}
|
|
12647
12674
|
`
|
|
12648
12675
|
];
|
|
12649
12676
|
}
|
|
@@ -12793,7 +12820,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12793
12820
|
</div>
|
|
12794
12821
|
</div>
|
|
12795
12822
|
</div>
|
|
12796
|
-
<
|
|
12823
|
+
<axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
|
|
12797
12824
|
<iframe
|
|
12798
12825
|
id="${this.logsIframeId}"
|
|
12799
12826
|
allow="storage-access"
|
|
@@ -12823,7 +12850,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12823
12850
|
<div class="flex justify-between items-center">
|
|
12824
12851
|
<h1 class="m-0 text-base uppercase font-semibold text-(--axebow-gray)">${this.terminalTitle}</h1>
|
|
12825
12852
|
</div>
|
|
12826
|
-
<
|
|
12853
|
+
<axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
|
|
12827
12854
|
<iframe
|
|
12828
12855
|
id="${this.terminalIframeId}"
|
|
12829
12856
|
allow="storage-access"
|
|
@@ -12907,6 +12934,6 @@ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype,
|
|
|
12907
12934
|
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "terminalIframeId", void 0);
|
|
12908
12935
|
AxebowObservabilityContainer = __decorate([customElement("axebow-observability-container")], AxebowObservabilityContainer);
|
|
12909
12936
|
//#endregion
|
|
12910
|
-
export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBoxSection, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDragDropUploadFile, AxebowDraggableService, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPill, AxebowPlanSelectField, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
|
|
12937
|
+
export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBoxSection, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDivider, AxebowDragDropUploadFile, AxebowDraggableService, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPill, AxebowPlanSelectField, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
|
|
12911
12938
|
|
|
12912
12939
|
//# sourceMappingURL=index.js.map
|