@kumori/aurora-wui-components 0.0.273-dev4131.24 → 0.0.273-dev4131.26
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-tenant-resource-table.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-tenant-resource-table/axebow-tenant-resource-table.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"axebow-tenant-resource-table.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-tenant-resource-table/axebow-tenant-resource-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAGvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+CAA+C,CAAC;AACvD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAI9D,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,CAAC;QAAC,oBAAoB,EAAE,MAAM,CAAC;QAAC,iBAAiB,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/G,KAAK,EAAE;QACL,OAAO,EAAE;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;QACzB,eAAe,EAAE;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;QACjC,oBAAoB,EAAE;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;QACtC,iBAAiB,EAAE;YAAE,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;KACpC,CAAC;CACH;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,2CAA2C;AAC3C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC;AAE5C,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,6CAA6C;IAC7C,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,wCAAwC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,cAAc,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,6CAA6C;AAC7C,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAE1C,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAaD;;;;GAIG;AACH,qBACa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,CAAC,MAAM,4BAeX;IAEyB,IAAI,EAAE,gBAAgB,EAAE,CAAM;IACzB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACtC,WAAW,UAAS;IACpB,qBAAqB,UAAS;IAC/B,iBAAiB,SAAM;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,UAAS;IAEvD,OAAO,KAAK,KAAK,GAwBhB;IAEQ,OAAO,CAAC,SAAS,CAAqB;IAC/C,OAAO,CAAC,YAAY,CAAS;IAE7B,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOlD,OAAO,CAAC,OAAO;IAOf,OAAO,KAAK,aAAa,GAGxB;IAED,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAwCrB,OAAO,CAAC,gBAAgB;IAwBxB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,eAAe;IAyEvB,OAAO,CAAC,aAAa;IA6DrB,MAAM;CAuBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,8BAA8B,EAAE,yBAAyB,CAAC;KAC3D;CACF"}
|
package/dist/index.js
CHANGED
|
@@ -8253,6 +8253,13 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8253
8253
|
:host {
|
|
8254
8254
|
display: block;
|
|
8255
8255
|
}
|
|
8256
|
+
.expand-icon {
|
|
8257
|
+
color: var(--axebow-tertiary);
|
|
8258
|
+
transition: color 0.15s ease;
|
|
8259
|
+
}
|
|
8260
|
+
.expand-icon:hover {
|
|
8261
|
+
color: var(--axebow-gray);
|
|
8262
|
+
}
|
|
8256
8263
|
`
|
|
8257
8264
|
];
|
|
8258
8265
|
}
|
|
@@ -8301,73 +8308,73 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8301
8308
|
};
|
|
8302
8309
|
}
|
|
8303
8310
|
_renderDivider() {
|
|
8304
|
-
return html`<span class
|
|
8311
|
+
return html`<span class=\"w-px h-4 bg-gray-300 shrink-0\"></span>`;
|
|
8305
8312
|
}
|
|
8306
8313
|
_renderHeader() {
|
|
8307
8314
|
const l = this._activeLabels;
|
|
8308
8315
|
const c = this._cols;
|
|
8309
8316
|
return html`
|
|
8310
8317
|
<div
|
|
8311
|
-
class
|
|
8318
|
+
class=\"${c.rowWidth} min-w-160 h-8 flex items-center ${c.rowGap} rounded-md bg-(--axebow-base) border border-solid border-(--axebow-table-header-border) px-4 box-border\"
|
|
8312
8319
|
>
|
|
8313
|
-
<div class
|
|
8314
|
-
<span class
|
|
8320
|
+
<div class=\"flex items-center gap-2 ${c.name} shrink-0\">
|
|
8321
|
+
<span class=\"flex-1 text-center font-semibold text-gray-600 truncate\">${l.rowTitle}</span>
|
|
8315
8322
|
${this._renderDivider()}
|
|
8316
8323
|
</div>
|
|
8317
|
-
<div class
|
|
8318
|
-
<span class
|
|
8324
|
+
<div class=\"flex items-center gap-2 ${c.vCpu} shrink-0\">
|
|
8325
|
+
<span class=\"flex-1 text-center font-semibold text-gray-600\">${l.vCpu}</span>
|
|
8319
8326
|
${this._renderDivider()}
|
|
8320
8327
|
</div>
|
|
8321
|
-
<div class
|
|
8322
|
-
<span class
|
|
8328
|
+
<div class=\"flex items-center gap-2 ${c.vCpuUtil} shrink-0\">
|
|
8329
|
+
<span class=\"flex-1 text-center font-semibold text-gray-600\">${l.vCpuUtil}</span>
|
|
8323
8330
|
${this._renderDivider()}
|
|
8324
8331
|
</div>
|
|
8325
|
-
<div class
|
|
8326
|
-
<span class
|
|
8332
|
+
<div class=\"flex items-center gap-2 ${c.memory} shrink-0\">
|
|
8333
|
+
<span class=\"flex-1 text-center font-semibold text-gray-600\">${l.memory}</span>
|
|
8327
8334
|
${this._renderDivider()}
|
|
8328
8335
|
</div>
|
|
8329
|
-
<div class
|
|
8330
|
-
<span class
|
|
8336
|
+
<div class=\"flex items-center gap-2 ${c.memUtil} shrink-0\">
|
|
8337
|
+
<span class=\"flex-1 text-center font-semibold text-gray-600\">${l.memUtil}</span>
|
|
8331
8338
|
${this._renderDivider()}
|
|
8332
8339
|
</div>
|
|
8333
|
-
<div class
|
|
8334
|
-
<span class
|
|
8340
|
+
<div class=\"flex items-center gap-2 ${c.storage} shrink-0\">
|
|
8341
|
+
<span class=\"flex-1 text-center font-semibold text-gray-600\">${l.storage}</span>
|
|
8335
8342
|
${this.showActions ? this._renderDivider() : ""}
|
|
8336
8343
|
</div>
|
|
8337
|
-
${this.showActions ? html`<div class
|
|
8338
|
-
<span class
|
|
8344
|
+
${this.showActions ? html`<div class=\"flex items-center ${c.actions} shrink-0\">
|
|
8345
|
+
<span class=\"flex-1 text-center font-semibold text-gray-600\">${l.actions}</span>
|
|
8339
8346
|
</div>` : ""}
|
|
8340
8347
|
</div>
|
|
8341
8348
|
`;
|
|
8342
8349
|
}
|
|
8343
8350
|
_renderChartCell(chart, percent, idPrefix) {
|
|
8344
8351
|
if (!chart || !chart.labels || chart.labels.length === 0) return html`
|
|
8345
|
-
<div class
|
|
8346
|
-
<span class
|
|
8352
|
+
<div class=\"flex items-center justify-center\">
|
|
8353
|
+
<span class=\"font-normal text-gray-700\">${percent ?? "0.0"}%</span>
|
|
8347
8354
|
</div>
|
|
8348
8355
|
`;
|
|
8349
8356
|
return html`
|
|
8350
|
-
<div class
|
|
8357
|
+
<div class=\"flex items-center justify-center gap-6 px-2\">
|
|
8351
8358
|
<usage-chart
|
|
8352
|
-
class
|
|
8359
|
+
class=\"flex-1 shrink-0\"
|
|
8353
8360
|
height=${ifDefined(this.chartHeight)}
|
|
8354
8361
|
chartId=${idPrefix}
|
|
8355
|
-
chartType
|
|
8362
|
+
chartType=\"line\"
|
|
8356
8363
|
.labels=${chart.labels}
|
|
8357
8364
|
.data=${{ Usage: chart.data }}
|
|
8358
8365
|
.yAxisMax=${chart.max}
|
|
8359
8366
|
></usage-chart>
|
|
8360
|
-
<span class
|
|
8367
|
+
<span class=\"font-normal text-gray-700 whitespace-nowrap\">${percent ?? "0.0"}%</span>
|
|
8361
8368
|
</div>
|
|
8362
8369
|
`;
|
|
8363
8370
|
}
|
|
8364
8371
|
_renderStatusIcon(icon) {
|
|
8365
8372
|
if (!icon) return "";
|
|
8366
|
-
const iconEl = icon.spinner ? html`<sl-spinner style
|
|
8373
|
+
const iconEl = icon.spinner ? html`<sl-spinner style=\"font-size: 0.85rem; --indicator-color: var(--axebow-tertiary);\"></sl-spinner>` : html`<axebow-icon
|
|
8367
8374
|
iconName=${icon.iconName}
|
|
8368
8375
|
iconColor=${icon.iconColor}
|
|
8369
|
-
size
|
|
8370
|
-
class
|
|
8376
|
+
size=\"md\"
|
|
8377
|
+
class=\"cursor-pointer shrink-0\"
|
|
8371
8378
|
></axebow-icon>`;
|
|
8372
8379
|
return icon.tooltip ? html`<axebow-tooltip content=${icon.tooltip}>${iconEl}</axebow-tooltip>` : iconEl;
|
|
8373
8380
|
}
|
|
@@ -8380,55 +8387,49 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8380
8387
|
const onCreateBtn = row.onCreateSubRow ?? row.onCreateEnvironment;
|
|
8381
8388
|
const c = this._cols;
|
|
8382
8389
|
return html`
|
|
8383
|
-
<div class
|
|
8390
|
+
<div class=\"border-b border-solid border-(--axebow-light-gray) last:border-b-0\">
|
|
8384
8391
|
<div
|
|
8385
|
-
class
|
|
8392
|
+
class=\"${c.rowWidth} min-w-160 min-h-12 flex items-center ${c.rowGap} ${hasSubRows ? "cursor-pointer hover:bg-gray-50" : ""} py-1.5 px-4 box-border\"
|
|
8386
8393
|
@click=${hasSubRows ? () => this._toggle(row.id) : null}
|
|
8387
8394
|
>
|
|
8388
|
-
<div class
|
|
8395
|
+
<div class=\"${c.name} shrink-0 flex items-center gap-2\">
|
|
8389
8396
|
${hasSubRows ? html`
|
|
8390
8397
|
<axebow-icon
|
|
8391
8398
|
iconName=${isExpanded ? "keyboard_arrow_down" : "keyboard_arrow_right"}
|
|
8392
|
-
iconColor
|
|
8393
|
-
size
|
|
8394
|
-
class
|
|
8399
|
+
iconColor=\"currentColor\"
|
|
8400
|
+
size=\"md\"
|
|
8401
|
+
class=\"shrink-0 expand-icon cursor-pointer text-(--axebow-tertiary) hover:text-(--axebow-gray) transition-colors\"
|
|
8395
8402
|
></axebow-icon>
|
|
8396
|
-
` : html`<span class
|
|
8397
|
-
${row.logoUrl ? html`<img src=${row.logoUrl} class
|
|
8398
|
-
<span class
|
|
8403
|
+
` : html`<span class=\"w-4 inline-block\"></span>`}
|
|
8404
|
+
${row.logoUrl ? html`<img src=${row.logoUrl} class=\"w-5 h-5 object-contain shrink-0\" />` : ""}
|
|
8405
|
+
<span class=\"font-semibold text-(--axebow-primary) truncate\">${row.name}</span>
|
|
8399
8406
|
${this._renderStatusIcon(row.statusIcon)}
|
|
8400
|
-
<span class
|
|
8407
|
+
<span class=\"flex-1\"></span>
|
|
8401
8408
|
${this._renderStatusIcon(row.warningIcon)}
|
|
8402
8409
|
</div>
|
|
8403
|
-
<div class
|
|
8404
|
-
<div class
|
|
8410
|
+
<div class=\"${c.vCpu} shrink-0 text-center font-normal text-gray-700 whitespace-nowrap\">${row.vCpu}</div>
|
|
8411
|
+
<div class=\"${c.vCpuUtil} shrink-0\">
|
|
8405
8412
|
${this._renderChartCell(row.vCpuChart, row.vCpuUtilizationPercent, `chart-account-${index}-vcpu`)}
|
|
8406
8413
|
</div>
|
|
8407
|
-
<div class
|
|
8408
|
-
<div class
|
|
8414
|
+
<div class=\"${c.memory} shrink-0 text-center font-normal text-gray-700 whitespace-nowrap\">${row.memory}</div>
|
|
8415
|
+
<div class=\"${c.memUtil} shrink-0\">
|
|
8409
8416
|
${this._renderChartCell(row.memoryChart, row.memoryUtilizationPercent, `chart-account-${index}-mem`)}
|
|
8410
8417
|
</div>
|
|
8411
|
-
<div class
|
|
8412
|
-
<span class
|
|
8418
|
+
<div class=\"${c.storage} shrink-0 flex items-center justify-center gap-1.5 min-w-0\">
|
|
8419
|
+
<span class=\"font-normal text-gray-700\">${row.storage}</span>
|
|
8413
8420
|
${row.usage ? html`<usage-tooltip .usage=${row.usage}></usage-tooltip>` : ""}
|
|
8414
8421
|
</div>
|
|
8415
8422
|
${this.showActions ? html`<div
|
|
8416
|
-
class
|
|
8423
|
+
class=\"${c.actions} shrink-0 flex items-center gap-4\"
|
|
8417
8424
|
@click=${(e) => e.stopPropagation()}
|
|
8418
8425
|
>
|
|
8419
|
-
<div class
|
|
8420
|
-
${showCreateBtn ? html`<axebow-button variant
|
|
8426
|
+
<div class=\"flex-1 flex items-center justify-center\">
|
|
8427
|
+
${showCreateBtn ? html`<axebow-button variant=\"text\" @click=${() => onCreateBtn?.()}>
|
|
8421
8428
|
${createBtnLabel}
|
|
8422
8429
|
</axebow-button>` : ""}
|
|
8423
8430
|
</div>
|
|
8424
|
-
${this.showMoreActionsColumn ? html`<div class
|
|
8425
|
-
${row.moreActions?.length ? html`<axebow-more-actions
|
|
8426
|
-
placement="bottom"
|
|
8427
|
-
openToRight
|
|
8428
|
-
.options=${row.moreActions}
|
|
8429
|
-
iconName="more_horiz"
|
|
8430
|
-
fixedHeight="2rem"
|
|
8431
|
-
></axebow-more-actions>` : ""}
|
|
8431
|
+
${this.showMoreActionsColumn ? html`<div class=\"w-9.5 shrink-0 flex items-center justify-center\">
|
|
8432
|
+
${row.moreActions?.length ? html`<axebow-more-actions\n placement=\"bottom\"\n openToRight\n .options=${row.moreActions}\n iconName=\"more_horiz\"\n fixedHeight=\"2rem\"\n ></axebow-more-actions>` : ""}
|
|
8432
8433
|
</div>` : ""}
|
|
8433
8434
|
</div>` : ""}
|
|
8434
8435
|
</div>
|
|
@@ -8443,51 +8444,45 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8443
8444
|
const onActionBtn = subRow.onAction ?? subRow.onDeploy;
|
|
8444
8445
|
const c = this._cols;
|
|
8445
8446
|
return html`
|
|
8446
|
-
<div class
|
|
8447
|
-
<div class
|
|
8447
|
+
<div class=\"${c.rowWidth} min-w-160 min-h-12 flex items-center ${c.rowGap} bg-gray-50/50 border-t border-solid border-(--axebow-light-gray) py-1.5 px-4 box-border\">
|
|
8448
|
+
<div class=\"${c.name} shrink-0 flex items-center gap-2\">
|
|
8448
8449
|
<axebow-icon
|
|
8449
|
-
iconName
|
|
8450
|
-
iconColor
|
|
8451
|
-
size
|
|
8452
|
-
class
|
|
8450
|
+
iconName=\"subdirectory_arrow_right\"
|
|
8451
|
+
iconColor=\"var(--axebow-gray)\"
|
|
8452
|
+
size=\"sm\"
|
|
8453
|
+
class=\"shrink-0\"
|
|
8453
8454
|
></axebow-icon>
|
|
8454
|
-
${subRow.logoUrl ? html`<img src=${subRow.logoUrl} class
|
|
8455
|
-
<span class
|
|
8456
|
-
<span class
|
|
8455
|
+
${subRow.logoUrl ? html`<img src=${subRow.logoUrl} class=\"w-5 h-5 object-contain shrink-0\" />` : ""}
|
|
8456
|
+
<span class=\"font-normal text-gray-700 truncate\">${subRow.name}</span>
|
|
8457
|
+
<span class=\"flex-1\"></span>
|
|
8457
8458
|
${this._renderStatusIcon(subRow.warningIcon)}
|
|
8458
8459
|
</div>
|
|
8459
|
-
<div class
|
|
8460
|
-
<div class
|
|
8460
|
+
<div class=\"${c.vCpu} shrink-0 text-center font-normal text-gray-700 whitespace-nowrap\">${subRow.vCpu}</div>
|
|
8461
|
+
<div class=\"${c.vCpuUtil} shrink-0\">
|
|
8461
8462
|
${this._renderChartCell(subRow.vCpuChart, subRow.vCpuUtilizationPercent, `chart-env-${rowIndex}-${subIndex}-vcpu`)}
|
|
8462
8463
|
</div>
|
|
8463
|
-
<div class
|
|
8464
|
-
<div class
|
|
8464
|
+
<div class=\"${c.memory} shrink-0 text-center font-normal text-gray-700 whitespace-nowrap\">${subRow.memory}</div>
|
|
8465
|
+
<div class=\"${c.memUtil} shrink-0\">
|
|
8465
8466
|
${this._renderChartCell(subRow.memoryChart, subRow.memoryUtilizationPercent, `chart-env-${rowIndex}-${subIndex}-mem`)}
|
|
8466
8467
|
</div>
|
|
8467
|
-
<div class
|
|
8468
|
-
<span class
|
|
8468
|
+
<div class=\"${c.storage} shrink-0 flex items-center justify-center gap-1.5 min-w-0\">
|
|
8469
|
+
<span class=\"font-normal text-gray-700\">${subRow.storage}</span>
|
|
8469
8470
|
${subRow.usage ? html`<usage-tooltip .usage=${subRow.usage}></usage-tooltip>` : ""}
|
|
8470
8471
|
</div>
|
|
8471
|
-
${this.showActions ? html`<div class
|
|
8472
|
-
<div class
|
|
8472
|
+
${this.showActions ? html`<div class=\"${c.actions} shrink-0 flex items-center gap-4\">
|
|
8473
|
+
<div class=\"flex-1 flex items-center justify-center\">
|
|
8473
8474
|
${showActionBtn ? html`<axebow-button
|
|
8474
|
-
variant
|
|
8475
|
-
fixedWidth
|
|
8476
|
-
fixedHeight
|
|
8475
|
+
variant=\"primary\"
|
|
8476
|
+
fixedWidth=\"9.9375rem\"
|
|
8477
|
+
fixedHeight=\"2rem\"
|
|
8477
8478
|
?disabled=${actionBtnDisabled}
|
|
8478
8479
|
@click=${() => onActionBtn?.()}
|
|
8479
8480
|
>
|
|
8480
8481
|
${actionBtnLabel}
|
|
8481
8482
|
</axebow-button>` : ""}
|
|
8482
8483
|
</div>
|
|
8483
|
-
${this.showMoreActionsColumn ? html`<div class
|
|
8484
|
-
${subRow.moreActions?.length ? html`<axebow-more-actions
|
|
8485
|
-
placement="bottom"
|
|
8486
|
-
openToRight
|
|
8487
|
-
.options=${subRow.moreActions}
|
|
8488
|
-
iconName="more_horiz"
|
|
8489
|
-
fixedHeight="2rem"
|
|
8490
|
-
></axebow-more-actions>` : ""}
|
|
8484
|
+
${this.showMoreActionsColumn ? html`<div class=\"w-9.5 shrink-0 flex items-center justify-center\">
|
|
8485
|
+
${subRow.moreActions?.length ? html`<axebow-more-actions\n placement=\"bottom\"\n openToRight\n .options=${subRow.moreActions}\n iconName=\"more_horiz\"\n fixedHeight=\"2rem\"\n ></axebow-more-actions>` : ""}
|
|
8491
8486
|
</div>` : ""}
|
|
8492
8487
|
</div>` : ""}
|
|
8493
8488
|
</div>
|
|
@@ -8495,15 +8490,15 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
|
|
|
8495
8490
|
}
|
|
8496
8491
|
render() {
|
|
8497
8492
|
if (!this.rows || this.rows.length === 0) return html`
|
|
8498
|
-
<div class
|
|
8499
|
-
<p class
|
|
8493
|
+
<div class=\"w-full py-4 px-6 text-center bg-[#F0F1F5] rounded-md box-border\">
|
|
8494
|
+
<p class=\"text-(--axebow-secondary) m-0 font-normal\">
|
|
8500
8495
|
${this.emptyStateMessage || "There are currently no items in this table."}
|
|
8501
8496
|
</p>
|
|
8502
8497
|
</div>
|
|
8503
8498
|
`;
|
|
8504
8499
|
return html`
|
|
8505
8500
|
<div
|
|
8506
|
-
class
|
|
8501
|
+
class=\"${this._cols.rowWidth} flex flex-col rounded-md bg-white box-border ${this.fixedColumnWidths ? "overflow-hidden" : "overflow-x-auto overflow-y-hidden"}\"
|
|
8507
8502
|
>
|
|
8508
8503
|
${this._renderHeader()}
|
|
8509
8504
|
<div>${this.rows.map((row, index) => this._renderTableRow(row, index))}</div>
|