@kumori/aurora-wui-components 0.0.273-dev4131.8 → 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.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 -65
- 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
|
}
|
|
@@ -11036,7 +11075,7 @@ var AxebowSummaryFlavors = class AxebowSummaryFlavors extends LitElement {
|
|
|
11036
11075
|
</div>
|
|
11037
11076
|
</div>
|
|
11038
11077
|
${this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
|
|
11039
|
-
|
|
11078
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
11040
11079
|
<div class="flex w-full gap-[2%] mt-2">
|
|
11041
11080
|
<div class="flex-1 flex flex-col gap-2">
|
|
11042
11081
|
${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>${this.labels.volatile}</p>` : ""}
|
|
@@ -12113,9 +12152,6 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
|
|
|
12113
12152
|
border: 3px solid var(--axebow-table-border);
|
|
12114
12153
|
width: 300px;
|
|
12115
12154
|
}
|
|
12116
|
-
sl-divider.dotted-divider {
|
|
12117
|
-
border-top: 1.5px dashed var(--axebow-light-gray);
|
|
12118
|
-
}
|
|
12119
12155
|
`];
|
|
12120
12156
|
}
|
|
12121
12157
|
render() {
|
|
@@ -12129,19 +12165,19 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
|
|
|
12129
12165
|
<span>${this.storageLabel} </span>
|
|
12130
12166
|
<span class="tooltip-value"> ${current.storage} / ${limit.storage.max} GB</span>
|
|
12131
12167
|
</div>
|
|
12132
|
-
<
|
|
12168
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
12133
12169
|
<div class="flex space-between ml-2 items-center gap-1">
|
|
12134
12170
|
<axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
|
|
12135
12171
|
<span>${this.volatileLabel} </span>
|
|
12136
12172
|
<span class="tooltip-value"> ${current.volatileStorage} / ${limit.volatileStorage.max} GB</span>
|
|
12137
12173
|
</div>
|
|
12138
|
-
<
|
|
12174
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
12139
12175
|
<div class="flex space-between ml-2 items-center gap-1">
|
|
12140
12176
|
<axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
|
|
12141
12177
|
<span>${this.nonRepPersLabel} </span>
|
|
12142
12178
|
<span class="tooltip-value"> ${current.nonReplicatedStorage} / ${limit.nonReplicatedStorage.max} GB</span>
|
|
12143
12179
|
</div>
|
|
12144
|
-
<
|
|
12180
|
+
<axebow-divider type="dashed"></axebow-divider>
|
|
12145
12181
|
<div class="flex space-between ml-2 items-center gap-1">
|
|
12146
12182
|
<axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
|
|
12147
12183
|
<span>${this.persistentRepLabel} </span>
|
|
@@ -12635,12 +12671,6 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12635
12671
|
.log-filter-dropdown::part(panel) {
|
|
12636
12672
|
width: 17rem !important;
|
|
12637
12673
|
}
|
|
12638
|
-
sl-divider {
|
|
12639
|
-
height: 0.0625rem !important;
|
|
12640
|
-
border-top: none !important;
|
|
12641
|
-
background-color: var(--axebow-light-gray);
|
|
12642
|
-
margin-bottom: 0.90625rem !important;
|
|
12643
|
-
}
|
|
12644
12674
|
`
|
|
12645
12675
|
];
|
|
12646
12676
|
}
|
|
@@ -12790,7 +12820,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12790
12820
|
</div>
|
|
12791
12821
|
</div>
|
|
12792
12822
|
</div>
|
|
12793
|
-
<
|
|
12823
|
+
<axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
|
|
12794
12824
|
<iframe
|
|
12795
12825
|
id="${this.logsIframeId}"
|
|
12796
12826
|
allow="storage-access"
|
|
@@ -12820,7 +12850,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
|
|
|
12820
12850
|
<div class="flex justify-between items-center">
|
|
12821
12851
|
<h1 class="m-0 text-base uppercase font-semibold text-(--axebow-gray)">${this.terminalTitle}</h1>
|
|
12822
12852
|
</div>
|
|
12823
|
-
<
|
|
12853
|
+
<axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
|
|
12824
12854
|
<iframe
|
|
12825
12855
|
id="${this.terminalIframeId}"
|
|
12826
12856
|
allow="storage-access"
|
|
@@ -12904,6 +12934,6 @@ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype,
|
|
|
12904
12934
|
__decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "terminalIframeId", void 0);
|
|
12905
12935
|
AxebowObservabilityContainer = __decorate([customElement("axebow-observability-container")], AxebowObservabilityContainer);
|
|
12906
12936
|
//#endregion
|
|
12907
|
-
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 };
|
|
12908
12938
|
|
|
12909
12939
|
//# sourceMappingURL=index.js.map
|