@kumori/aurora-wui-components 0.0.0 → 0.0.2

package/dist/components/cards/parts/aurora-card-attention-banner.js

@@ -0,0 +1,111 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let AuroraCardAttentionBanner = class AuroraCardAttentionBanner extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.cardType = 'account';
+        this.tableStats = [];
+        this.threshold = 90;
+        this.isPlainRole = false;
+        this.invalidCredentials = false;
+        this.manageLabel = 'Manage';
+        this.askOwnerLabel = 'Ask your owner';
+        this.invalidCredsLabel = 'Invalid credentials.';
+        this.limitReachedLabel = 'Limit reached.';
+        this.andLabel = 'and';
+    }
+    _getExceeded() {
+        const primary = this.tableStats.slice(0, 3).map((r) => r.title);
+        return this.tableStats.filter((s) => primary.includes(s.title) && s.percentage >= this.threshold).map((s) => s.title);
+    }
+    _formatList(resources) {
+        if (resources.length === 1)
+            return resources[0];
+        if (resources.length === 2)
+            return `${resources[0]} ${this.andLabel} ${resources[1]}`;
+        return `${resources.slice(0, -1).join(', ')} ${this.andLabel} ${resources[resources.length - 1]}`;
+    }
+    render() {
+        const exceeded = this._getExceeded();
+        if (exceeded.length === 0 && !this.invalidCredentials)
+            return html ``;
+        return html `
+      <div class="banner">
+        ${this.isPlainRole
+            ? html `<span class="ask">${this.askOwnerLabel}</span>`
+            : html `
+              <p>
+                ${this.invalidCredentials
+                ? this.invalidCredsLabel
+                : `${this.limitReachedLabel} ${this._formatList(exceeded)}.`}
+                <span class="manage" @click=${this._onManage}>
+                  ${this.manageLabel}
+                  <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-error)" size="small"></axebow-icon>
+                </span>
+              </p>
+            `}
+      </div>
+    `;
+    }
+    _onManage() {
+        this.dispatchEvent(new CustomEvent('manage-click', { bubbles: true, composed: true }));
+    }
+};
+AuroraCardAttentionBanner.styles = css `
+    :host { display: block; }
+    .banner {
+      background-color: color-mix(in srgb, var(--axebow-error) 10%, white);
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      justify-content: center;
+      gap: 0.25rem;
+      width: 100%;
+      padding-inline: 0.25rem;
+      text-align: center;
+    }
+    p { color: var(--axebow-error); margin: 0; }
+    span.ask { color: var(--axebow-error); }
+    span.manage { color: var(--axebow-error); cursor: pointer; }
+  `;
+__decorate([
+    property({ type: String })
+], AuroraCardAttentionBanner.prototype, "cardType", void 0);
+__decorate([
+    property({ type: Array })
+], AuroraCardAttentionBanner.prototype, "tableStats", void 0);
+__decorate([
+    property({ type: Number })
+], AuroraCardAttentionBanner.prototype, "threshold", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraCardAttentionBanner.prototype, "isPlainRole", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraCardAttentionBanner.prototype, "invalidCredentials", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardAttentionBanner.prototype, "manageLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardAttentionBanner.prototype, "askOwnerLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardAttentionBanner.prototype, "invalidCredsLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardAttentionBanner.prototype, "limitReachedLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardAttentionBanner.prototype, "andLabel", void 0);
+AuroraCardAttentionBanner = __decorate([
+    customElement('aurora-card-attention-banner')
+], AuroraCardAttentionBanner);
+export { AuroraCardAttentionBanner };
+//# sourceMappingURL=aurora-card-attention-banner.js.map

package/dist/components/cards/parts/aurora-card-attention-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-attention-banner.js","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-attention-banner.ts"],"names":[],"mappings":"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"}

package/dist/components/cards/parts/aurora-card-filter-item.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class AuroraCardFilterItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    name: string;
+    showAttention: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    private _onClick;
+}
+//# sourceMappingURL=aurora-card-filter-item.d.ts.map

package/dist/components/cards/parts/aurora-card-filter-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-filter-item.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-filter-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,oBAAqB,SAAQ,UAAU;IAClD,MAAM,CAAC,MAAM,0BAaX;IAE0B,IAAI,SAAM;IACT,aAAa,UAAS;IAEnD,MAAM;IAWN,OAAO,CAAC,QAAQ;CAKjB"}

package/dist/components/cards/parts/aurora-card-filter-item.js

@@ -0,0 +1,53 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let AuroraCardFilterItem = class AuroraCardFilterItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = '';
+        this.showAttention = false;
+    }
+    render() {
+        return html `
+      <div class="item" @click=${this._onClick}>
+        <p>${this.name}</p>
+        ${this.showAttention
+            ? html `<axebow-icon iconName="error" size="small" iconColor="var(--axebow-error)"></axebow-icon>`
+            : ''}
+      </div>
+    `;
+    }
+    _onClick() {
+        this.dispatchEvent(new CustomEvent('item-select', { detail: { name: this.name }, bubbles: true, composed: true }));
+    }
+};
+AuroraCardFilterItem.styles = css `
+    :host { display: block; }
+    .item {
+      width: 100%;
+      padding: 0.25rem 0.5rem;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-top: 1px solid var(--axebow-light-gray);
+      cursor: pointer;
+    }
+    .item:hover { background-color: var(--axebow-light-gray); }
+    p { margin: 0; }
+  `;
+__decorate([
+    property({ type: String })
+], AuroraCardFilterItem.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraCardFilterItem.prototype, "showAttention", void 0);
+AuroraCardFilterItem = __decorate([
+    customElement('aurora-card-filter-item')
+], AuroraCardFilterItem);
+export { AuroraCardFilterItem };
+//# sourceMappingURL=aurora-card-filter-item.js.map

package/dist/components/cards/parts/aurora-card-filter-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-filter-item.js","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-filter-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,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAgBuB,SAAI,GAAG,EAAE,CAAC;QACT,kBAAa,GAAG,KAAK,CAAC;IAkBrD,CAAC;IAhBC,MAAM;QACJ,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,QAAQ;aACjC,IAAI,CAAC,IAAI;UACZ,IAAI,CAAC,aAAa;YAClB,CAAC,CAAC,IAAI,CAAA,2FAA2F;YACjG,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;IAEO,QAAQ;QACd,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAC/F,CAAC;IACJ,CAAC;;AAjCM,2BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;GAalB,AAbY,CAaX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAW;AACT;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2DAAuB;AAjBxC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAmChC"}

package/dist/components/cards/parts/aurora-card-filter.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import { CardFilterItem } from '../card.types.js';
+import './aurora-card-filter-item.js';
+export declare class AuroraCardFilter extends LitElement {
+    static styles: import("lit").CSSResult;
+    items: CardFilterItem[];
+    selected: string | null;
+    emptyLabel: string;
+    emptyActionLabel: string;
+    attentionLabel: string;
+    showAttention: boolean;
+    opened: boolean;
+    isPlainRole: boolean;
+    isDisabled: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    private _onToggle;
+    private _onSelect;
+    private _onEmptyAction;
+}
+//# sourceMappingURL=aurora-card-filter.d.ts.map

package/dist/components/cards/parts/aurora-card-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-filter.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,8BAA8B,CAAC;AAEtC,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BA4DX;IAEyB,KAAK,EAAE,cAAc,EAAE,CAAM;IAC5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC/B,UAAU,SAAM;IAChB,gBAAgB,SAAM;IACtB,cAAc,SAAsB;IACnC,aAAa,UAAS;IACtB,MAAM,UAAS;IACf,WAAW,UAAS;IACpB,UAAU,UAAS;IAEhD,MAAM;IA+CN,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,cAAc;CAGvB"}

package/dist/components/cards/parts/aurora-card-filter.js

@@ -0,0 +1,168 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import './aurora-card-filter-item.js';
+let AuroraCardFilter = class AuroraCardFilter extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.selected = null;
+        this.emptyLabel = '';
+        this.emptyActionLabel = '';
+        this.attentionLabel = 'Attention needed';
+        this.showAttention = false;
+        this.opened = false;
+        this.isPlainRole = false;
+        this.isDisabled = false;
+    }
+    render() {
+        const showEmpty = !this.selected && this.items.length === 0;
+        return html `
+      <div class="root">
+        <div class="trigger-row">
+          ${showEmpty
+            ? html `
+                <p
+                  class="empty-action ${this.isPlainRole || this.isDisabled ? 'empty-action--disabled' : ''}"
+                  @click=${this.isPlainRole || this.isDisabled ? undefined : this._onEmptyAction}
+                >
+                  ${this.emptyActionLabel}
+                </p>
+              `
+            : html `
+                <div
+                  class="selected-row ${this.isDisabled ? 'selected-row--disabled' : ''}"
+                  @click=${this.isDisabled ? undefined : this._onToggle}
+                >
+                  <span class="selected-text">${this.selected ?? this.emptyLabel}</span>
+                  <div class="suffix">
+                    ${this.showAttention
+                ? html `<p class="attention-text">${this.attentionLabel}</p>`
+                : ''}
+                    <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
+                  </div>
+                </div>
+              `}
+        </div>
+
+        <div class="dropdown ${this.opened ? '' : 'hidden'}">
+          <p class="all-option" @click=${() => this._onSelect(null)}>${this.emptyLabel}</p>
+          ${this.items.map((item) => html `
+              <aurora-card-filter-item
+                .name=${item.name}
+                .showAttention=${item.showAttention}
+                @item-select=${(e) => this._onSelect(e.detail.name)}
+              ></aurora-card-filter-item>
+            `)}
+        </div>
+      </div>
+    `;
+    }
+    _onToggle() {
+        this.dispatchEvent(new CustomEvent('toggle-open', { bubbles: true, composed: true }));
+    }
+    _onSelect(name) {
+        this.dispatchEvent(new CustomEvent('filter-select', { detail: { name }, bubbles: true, composed: true }));
+    }
+    _onEmptyAction() {
+        this.dispatchEvent(new CustomEvent('empty-action-click', { bubbles: true, composed: true }));
+    }
+};
+AuroraCardFilter.styles = css `
+    :host { display: block; }
+    .root { position: relative; }
+
+    .trigger-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 1px solid var(--axebow-light-gray);
+      width: 100%;
+      padding-inline: 0.5rem;
+      cursor: pointer;
+      height: 1.75rem;
+    }
+
+    .empty-action {
+      color: var(--axebow-tertiary);
+      cursor: pointer;
+      margin: 0;
+    }
+    .empty-action--disabled { color: var(--axebow-gray); cursor: default; opacity: 0.5; }
+
+    .selected-row {
+      display: flex;
+      width: 100%;
+      justify-content: space-between;
+      align-items: center;
+    }
+    .selected-row--disabled { opacity: 0.5; cursor: not-allowed; }
+
+    .selected-text { color: var(--axebow-tertiary); }
+
+    .suffix { display: flex; align-items: center; gap: 0.5rem; }
+    .attention-text { color: var(--axebow-error); margin: 0; font-size: 0.75rem; }
+
+    .dropdown {
+      position: absolute;
+      top: 100%;
+      left: 0;
+      right: 0;
+      z-index: 1;
+      display: flex;
+      flex-direction: column;
+      background: white;
+      border-bottom-left-radius: 0.5rem;
+      border-bottom-right-radius: 0.5rem;
+      border: 1px solid var(--axebow-light-gray);
+      box-shadow: 2px 2px 25px 0px rgba(0,0,0,0.1);
+      max-height: 10rem;
+      overflow-y: auto;
+    }
+    .dropdown.hidden { display: none; }
+
+    .all-option {
+      width: 100%;
+      padding: 0.5rem;
+      cursor: pointer;
+      margin: 0;
+    }
+    .all-option:hover { background-color: var(--axebow-light-gray); }
+  `;
+__decorate([
+    property({ type: Array })
+], AuroraCardFilter.prototype, "items", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardFilter.prototype, "selected", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardFilter.prototype, "emptyLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardFilter.prototype, "emptyActionLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardFilter.prototype, "attentionLabel", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraCardFilter.prototype, "showAttention", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraCardFilter.prototype, "opened", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraCardFilter.prototype, "isPlainRole", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraCardFilter.prototype, "isDisabled", void 0);
+AuroraCardFilter = __decorate([
+    customElement('aurora-card-filter')
+], AuroraCardFilter);
+export { AuroraCardFilter };
+//# sourceMappingURL=aurora-card-filter.js.map

package/dist/components/cards/parts/aurora-card-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-filter.js","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-filter.ts"],"names":[],"mappings":"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"}

package/dist/components/cards/parts/aurora-card-header.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import { CardBadge } from '../card.types.js';
+export declare class AuroraCardHeader extends LitElement {
+    static styles: import("lit").CSSResult;
+    logoSrc: string | null;
+    tenantOrAccount: string;
+    name: string;
+    badge: CardBadge;
+    subtitle: string;
+    cardType: 'account' | 'environment' | 'tenant';
+    freeIaasLabel: string;
+    freeIaasTitle: string;
+    freeIaasDesc: string;
+    haLabel: string;
+    haTitle: string;
+    private _renderBadge;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=aurora-card-header.d.ts.map

package/dist/components/cards/parts/aurora-card-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-header.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAgCX;IAE0B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,eAAe,SAAM;IACrB,IAAI,SAAM;IACV,KAAK,EAAE,SAAS,CAAU;IAC1B,QAAQ,SAAM;IACd,QAAQ,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAa;IAC3D,aAAa,SAAe;IAC5B,aAAa,SAAyB;IACtC,YAAY,SAAgD;IAC5D,OAAO,SAAsB;IAC7B,OAAO,SAA+B;IAElE,OAAO,CAAC,YAAY;IAyBpB,MAAM;CA4CP"}

package/dist/components/cards/parts/aurora-card-header.js

@@ -0,0 +1,161 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let AuroraCardHeader = class AuroraCardHeader extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.logoSrc = null;
+        this.tenantOrAccount = '';
+        this.name = '';
+        this.badge = 'none';
+        this.subtitle = '';
+        this.cardType = 'account';
+        this.freeIaasLabel = 'Free IaaS';
+        this.freeIaasTitle = 'Free Infrastructure';
+        this.freeIaasDesc = 'This environment uses free infrastructure.';
+        this.haLabel = 'Highly Available';
+        this.haTitle = 'High Availability enabled';
+    }
+    _renderBadge() {
+        if (this.badge === 'free-iaas') {
+            return html `
+        <sl-tooltip>
+          <div slot="content" style="max-width:300px;">
+            <strong>${this.freeIaasTitle}</strong>
+            <p style="margin-top:0.5rem;">${this.freeIaasDesc}</p>
+          </div>
+          <div class="badge-free">
+            <axebow-icon iconName="info" iconColor="var(--axebow-gray)" size="small"></axebow-icon>
+            <span>${this.freeIaasLabel}</span>
+          </div>
+        </sl-tooltip>
+      `;
+        }
+        if (this.badge === 'ha') {
+            return html `
+        <sl-tooltip content=${this.haTitle}>
+          <sl-badge variant="neutral" pill size="small" style="cursor:pointer;">${this.haLabel}</sl-badge>
+        </sl-tooltip>
+      `;
+        }
+        return html ``;
+    }
+    render() {
+        const isAccount = this.cardType === 'account';
+        const isTenant = this.cardType === 'tenant';
+        if (isAccount) {
+            return html `
+        <div class="header header--account">
+          ${this.logoSrc ? html `<div class="logo-wrap"><img src=${this.logoSrc} /></div>` : ''}
+          <div class="text-block">
+            ${this.tenantOrAccount ? html `<span class="supertitle">${this.tenantOrAccount}</span>` : ''}
+            <div class="name-row">
+              <span class="name">${this.name}</span>
+              ${this._renderBadge()}
+            </div>
+            ${this.subtitle
+                ? html `<div class="subtitle-row">${this.subtitle}<slot name="subtitle-tooltip"></slot></div>`
+                : ''}
+          </div>
+        </div>
+      `;
+        }
+        return html `
+      <div class="header header--env-tenant">
+        <div class="text-block">
+          ${this.tenantOrAccount || this.logoSrc
+            ? html `
+                <div class="supertitle-row">
+                  ${this.logoSrc ? html `<div class="logo-wrap--small"><img src=${this.logoSrc} /></div>` : ''}
+                  <span class="supertitle ${isTenant ? 'supertitle--gray' : ''}">${this.tenantOrAccount}</span>
+                </div>
+              `
+            : ''}
+          <div class="name-row">
+            <span class="name">${this.name}</span>
+            ${this._renderBadge()}
+          </div>
+          ${this.subtitle
+            ? html `<div class="subtitle-row">${this.subtitle}<slot name="subtitle-tooltip"></slot></div>`
+            : ''}
+        </div>
+      </div>
+    `;
+    }
+};
+AuroraCardHeader.styles = css `
+    :host { display: block; }
+
+    .header {
+      width: 100%;
+      background-color: var(--axebow-anti-flash-white);
+      border-radius: 0.375rem;
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+    }
+    .header--account { padding: 0.5rem 0.75rem; height: 4rem; }
+    .header--env-tenant { padding: 0.75rem 1.25rem; height: 4.5rem; flex-direction: column; justify-content: center; align-items: flex-start; }
+
+    .logo-wrap { height: 2.5rem; width: 2.5rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+    .logo-wrap--small { height: 1rem; width: 1rem; }
+    .logo-wrap img { max-height: 100%; max-width: 100%; object-fit: contain; }
+
+    .text-block { display: flex; flex-direction: column; flex: 1; min-width: 0; }
+
+    .supertitle { font-weight: 600; color: var(--axebow-primary); line-height: 1; }
+    .supertitle--gray { color: var(--axebow-gray); }
+
+    .name-row { display: flex; justify-content: space-between; align-items: center; }
+    .name { font-weight: 700; font-size: 1.25rem; color: var(--axebow-primary); line-height: 1.25; padding-top: 0.125rem; }
+
+    .subtitle-row { font-style: italic; color: var(--axebow-primary); display: flex; align-items: center; line-height: 1; }
+
+    .supertitle-row { display: flex; gap: 0.5rem; align-items: center; line-height: 1; margin-top: 0.25rem; }
+
+    .badge-free { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; }
+    .badge-free span { color: var(--axebow-rich-black); }
+  `;
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "logoSrc", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "tenantOrAccount", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "badge", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "subtitle", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "cardType", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "freeIaasLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "freeIaasTitle", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "freeIaasDesc", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "haLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraCardHeader.prototype, "haTitle", void 0);
+AuroraCardHeader = __decorate([
+    customElement('aurora-card-header')
+], AuroraCardHeader);
+export { AuroraCardHeader };
+//# sourceMappingURL=aurora-card-header.js.map

package/dist/components/cards/parts/aurora-card-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-header.js","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-header.ts"],"names":[],"mappings":"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"}

package/dist/components/cards/parts/aurora-card-resource-table.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+import { TableStatsType } from '../card.types.js';
+import './aurora-card-attention-banner.js';
+import './aurora-card-action-banner.js';
+export declare class AuroraCardResourceTable extends LitElement {
+    static styles: import("lit").CSSResult;
+    rows: TableStatsType[];
+    attentionThreshold: number;
+    cardType: 'account' | 'environment' | 'tenant';
+    isPlainRole: boolean;
+    showActionBanner: boolean;
+    showWarningBanner: boolean;
+    manageLabel: string;
+    askOwnerLabel: string;
+    invalidCredsLabel: string;
+    limitReachedLabel: string;
+    andLabel: string;
+    actionBannerLabel: string;
+    private _hasAttention;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=aurora-card-resource-table.d.ts.map

package/dist/components/cards/parts/aurora-card-resource-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-resource-table.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-resource-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,gCAAgC,CAAC;AAExC,qBACa,uBAAwB,SAAQ,UAAU;IACrD,MAAM,CAAC,MAAM,0BA+CX;IAEyB,IAAI,EAAE,cAAc,EAAE,CAAM;IAC3B,kBAAkB,SAAM;IACxB,QAAQ,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAa;IAC1D,WAAW,UAAS;IACpB,gBAAgB,UAAS;IACzB,iBAAiB,UAAS;IAC3B,WAAW,SAAY;IACvB,aAAa,SAAoB;IACjC,iBAAiB,SAA0B;IAC3C,iBAAiB,SAAoB;IACrC,QAAQ,SAAS;IACjB,iBAAiB,SAAM;IAEnD,OAAO,CAAC,aAAa;IAKrB,MAAM;CA2FP"}