@kumori/aurora-wui-components 0.0.273-dev4131.4 → 0.0.273-dev4131.6
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-selector-card.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-selector-card/axebow-selector-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAIvD,OAAO,+BAA+B,CAAC;AAEvC,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"axebow-selector-card.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-selector-card/axebow-selector-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAIvD,OAAO,+BAA+B,CAAC;AAEvC,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,4BAqDX;IAE0B,MAAM,SAAM;IACZ,OAAO,SAAM;IACZ,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAE9C,MAAM;CAmBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}
|
package/dist/index.js
CHANGED
|
@@ -2370,7 +2370,7 @@ var SELECTOR_MAX_WIDTH_PX = 720;
|
|
|
2370
2370
|
var CARD_HEIGHT_PX = 54;
|
|
2371
2371
|
var CARD_GAP_PX = 12;
|
|
2372
2372
|
function slidesPerPageFor$1(containerWidthPx) {
|
|
2373
|
-
return (containerWidthPx + CARD_GAP_PX) /
|
|
2373
|
+
return (containerWidthPx + CARD_GAP_PX) / 142;
|
|
2374
2374
|
}
|
|
2375
2375
|
var AxebowCarouselInput = class AxebowCarouselInput extends AxebowInputBase {
|
|
2376
2376
|
constructor(..._args) {
|
|
@@ -2464,12 +2464,17 @@ var AxebowSelectorCard = class AxebowSelectorCard extends LitElement {
|
|
|
2464
2464
|
css`
|
|
2465
2465
|
:host {
|
|
2466
2466
|
display: block;
|
|
2467
|
+
width: 100%;
|
|
2468
|
+
height: 100%;
|
|
2467
2469
|
}
|
|
2468
2470
|
.card-wrapper {
|
|
2469
2471
|
position: relative;
|
|
2470
2472
|
gap: calc(var(--spacing) * 0.5);
|
|
2471
2473
|
border-color: var(--color-gray-200);
|
|
2472
2474
|
background-color: transparent;
|
|
2475
|
+
width: 100%;
|
|
2476
|
+
height: 100%;
|
|
2477
|
+
box-sizing: border-box;
|
|
2473
2478
|
}
|
|
2474
2479
|
@media (min-width: 48rem) {
|
|
2475
2480
|
.card-wrapper {
|
|
@@ -2492,12 +2497,19 @@ var AxebowSelectorCard = class AxebowSelectorCard extends LitElement {
|
|
|
2492
2497
|
height: calc(var(--spacing) * 3);
|
|
2493
2498
|
aspect-ratio: 1 / 1;
|
|
2494
2499
|
object-fit: contain;
|
|
2500
|
+
flex-shrink: 0;
|
|
2495
2501
|
}
|
|
2496
2502
|
@media (min-width: 64rem) {
|
|
2497
2503
|
.registry-logo {
|
|
2498
2504
|
height: calc(var(--spacing) * 6);
|
|
2499
2505
|
}
|
|
2500
2506
|
}
|
|
2507
|
+
p {
|
|
2508
|
+
margin: 0;
|
|
2509
|
+
white-space: nowrap;
|
|
2510
|
+
overflow: hidden;
|
|
2511
|
+
text-overflow: ellipsis;
|
|
2512
|
+
}
|
|
2501
2513
|
`
|
|
2502
2514
|
];
|
|
2503
2515
|
}
|
|
@@ -10999,21 +11011,21 @@ var AxebowSummaryFlavors = class AxebowSummaryFlavors extends LitElement {
|
|
|
10999
11011
|
${this.hasFlavors || this.nodes || this.highAvailable !== void 0 || this.autoscale !== void 0 || this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
|
|
11000
11012
|
<div class="flex w-full gap-[2%]">
|
|
11001
11013
|
<div class="flex-1 flex flex-col gap-2">
|
|
11002
|
-
<p
|
|
11014
|
+
<p class="font-semibold">${this.labels.workload}</p>
|
|
11003
11015
|
${this.hasFlavors && this.flavors?.small?.[0] ? html`<p>${this.labels.runtimePlane}</p>` : ""}
|
|
11004
11016
|
<p>${this.labels.numberOfVms}</p>
|
|
11005
11017
|
${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p>${this.labels.controlPlane}</p>` : ""}
|
|
11006
11018
|
${this.highAvailable !== void 0 ? html`<p>${this.labels.highAvailable}</p>` : ""}
|
|
11007
11019
|
</div>
|
|
11008
11020
|
<div class="flex-1 flex flex-col gap-2">
|
|
11009
|
-
<p
|
|
11010
|
-
${this.hasFlavors && this.flavors?.small?.[0] ? html`<p><
|
|
11011
|
-
<p><
|
|
11021
|
+
<p class="font-semibold">${this.labels.selectedFlavor}</p>
|
|
11022
|
+
${this.hasFlavors && this.flavors?.small?.[0] ? html`<p><span class="text-(--axebow-primary)">${this.flavors?.small?.[0]}</span></p>` : ""}
|
|
11023
|
+
<p><span class="text-(--axebow-primary)">${this.nodes?.max || "0"}</span></p>
|
|
11012
11024
|
|
|
11013
|
-
${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p><
|
|
11025
|
+
${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p><span class="text-(--axebow-primary)">${this.flavors?.medium?.[0]}</span></p>` : ""}
|
|
11014
11026
|
${this.highAvailable !== void 0 ? html`<p>
|
|
11015
|
-
<
|
|
11016
|
-
>${this.highAvailable ? this.labels.yes : this.labels.no}</
|
|
11027
|
+
<span class="text-(--axebow-primary)"
|
|
11028
|
+
>${this.highAvailable ? this.labels.yes : this.labels.no}</span
|
|
11017
11029
|
>
|
|
11018
11030
|
</p>` : ""}
|
|
11019
11031
|
</div>
|
|
@@ -11021,21 +11033,21 @@ var AxebowSummaryFlavors = class AxebowSummaryFlavors extends LitElement {
|
|
|
11021
11033
|
${this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
|
|
11022
11034
|
<div class="flex w-full gap-[2%] mt-2">
|
|
11023
11035
|
<div class="flex-1 flex flex-col gap-2">
|
|
11024
|
-
<p
|
|
11036
|
+
<p class="font-semibold">${this.labels.storage}</p>
|
|
11025
11037
|
${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>${this.labels.volatile}</p>` : ""}
|
|
11026
11038
|
${this.supportedStorage.includes("nonReplicated") && this.flavors?.nonReplicated?.[0] ? html`<p>${this.labels.nonReplPersistent}</p>` : ""}
|
|
11027
11039
|
${this.supportedStorage.includes("persistent") && this.flavors?.persistent?.[0] ? html`<p>${this.labels.persistentReplicated}</p>` : ""}
|
|
11028
11040
|
</div>
|
|
11029
11041
|
<div class="flex-1 flex flex-col gap-2">
|
|
11030
|
-
<p
|
|
11042
|
+
<p class="font-semibold">${this.labels.selectedFlavor}</p>
|
|
11031
11043
|
${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>
|
|
11032
|
-
<
|
|
11044
|
+
<span class="text-(--axebow-primary)">${this.flavors?.volatile?.[0]}</span>
|
|
11033
11045
|
</p>` : ""}
|
|
11034
11046
|
${this.supportedStorage.includes("nonReplicated") && this.flavors?.nonReplicated?.[0] ? html`<p>
|
|
11035
|
-
<
|
|
11047
|
+
<span class="text-(--axebow-primary)">${this.flavors?.nonReplicated?.[0]}</span>
|
|
11036
11048
|
</p>` : ""}
|
|
11037
11049
|
${this.supportedStorage.includes("persistent") && this.flavors?.persistent?.[0] ? html`<p>
|
|
11038
|
-
<
|
|
11050
|
+
<span class="text-(--axebow-primary)">${this.flavors?.persistent?.[0]}</span>
|
|
11039
11051
|
</p>` : ""}
|
|
11040
11052
|
</div>
|
|
11041
11053
|
</div>
|