@kumori/aurora-wui-components 0.0.0 → 0.0.2

package/dist/components/cards/aurora-runtime-card.js

@@ -0,0 +1,427 @@
+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 './parts/aurora-card-resource-table.js';
+let AuroraRuntimeCard = class AuroraRuntimeCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = '';
+        this.logo = '';
+        this.revisions = [];
+        this.displayedRevision = '';
+        this.lastDeployed = '';
+        this.isDeployed = false;
+        this.tableStats = [];
+        this.attentionThreshold = 90;
+        this.filterOpened = false;
+        this.filterDisplayText = '';
+        this.filterRoles = [];
+        this.showAttention = false;
+        this.borderColor = '';
+        this.statusCode = '';
+        this.statusMessage = '';
+        this.isRemoving = false;
+        // Labels
+        this.deployedLabel = 'Deployed';
+        this.allLabel = 'All Roles & Instances';
+        this.attentionLabel = 'Attention needed';
+        this.serviceDetailLabel = 'Service detail';
+        this.manageLabel = 'Manage';
+        this.askOwnerLabel = 'Ask your owner';
+        this.invalidCredsLabel = 'Invalid credentials.';
+        this.limitReachedLabel = 'Limit reached.';
+        this.andLabel = 'and';
+    }
+    render() {
+        return html `
+      <div class="${this.isRemoving ? 'card card--removing' : 'card'}" style="border-top-color:${this.borderColor};" ?inert=${this.isRemoving}>
+        <div style="display:flex;flex-direction:column;gap:0.5rem;">
+          ${this._renderHeader()}
+          <div style="width:100%;padding-inline:0.5rem;display:flex;flex-direction:column;gap:0.5rem;">
+            ${this._renderDeployInfo()}
+            ${this._renderTable()}
+          </div>
+        </div>
+        ${this._renderFooter()}
+        <slot name="dialogs"></slot>
+      </div>
+    `;
+    }
+    _renderHeader() {
+        return html `
+      <div class="header">
+        ${this.logo ? html `<div class="logo-wrap"><img src=${this.logo} /></div>` : ''}
+        <div class="header-text">
+          <div style="display:flex;justify-content:space-between;align-items:center;">
+            <span class="header-name">${this.name}</span>
+          </div>
+          <div class="revision-wrap">
+            <sl-select style="width:100%;" value=${this.displayedRevision} @sl-change=${this._onRevisionChange}>
+              ${this.revisions.map((rev) => html `<sl-option value=${rev.id}>${this._formatRevision(rev.id)}</sl-option>`)}
+            </sl-select>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+    _renderDeployInfo() {
+        return html `
+      <div class="deploy-row">
+        <span class="deploy-time"><slot name="time-elapsed"></slot></span>
+        ${this.isDeployed
+            ? html `<span class="deployed-badge">${this.deployedLabel}</span>`
+            : ''}
+      </div>
+    `;
+    }
+    _renderTable() {
+        return html `
+      <div class="table-wrap">
+        <div class="filter-relative">
+          <div class="filter-bar" @click=${this._onToggleFilter}>
+            <span class="filter-selected">${this.filterDisplayText || this.allLabel}</span>
+            <div class="filter-suffix">
+              ${this.showAttention ? html `<p class="filter-attention">${this.attentionLabel}</p>` : ''}
+              <axebow-icon iconName="chevron_right" rotate="90" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
+            </div>
+          </div>
+
+          <div class="filter-dropdown ${this.filterOpened ? '' : 'hidden'}">
+            <p class="filter-option" @click=${() => this._onFilterChange('', 'all')}>${this.allLabel}</p>
+            ${this.filterRoles.map((role) => html `
+                <div class="filter-role" @click=${() => this._onFilterChange(role.name, 'role')}>
+                  <div class="filter-role-inner">
+                    ${role.logo ? html `<img src=${role.logo} class="role-logo" />` : ''}
+                    <p>${role.name}</p>
+                  </div>
+                </div>
+                ${role.instances.map((inst) => html `
+                    <div class="filter-instance" @click=${() => this._onFilterChange(inst.name, 'instance')}>
+                      <div class="filter-instance-inner">
+                        <axebow-icon iconName="subdirectory_arrow_right" size="small"></axebow-icon>
+                        <p>${inst.name}</p>
+                      </div>
+                      ${inst.needsAttention
+            ? html `<axebow-icon iconName="warning" iconColor="var(--axebow-error)" size="small"></axebow-icon>`
+            : ''}
+                    </div>
+                  `)}
+              `)}
+          </div>
+        </div>
+
+        <aurora-card-resource-table
+          .rows=${this.tableStats}
+          .attentionThreshold=${this.attentionThreshold}
+          .manageLabel=${this.manageLabel}
+          .askOwnerLabel=${this.askOwnerLabel}
+          .invalidCredsLabel=${this.invalidCredsLabel}
+          .limitReachedLabel=${this.limitReachedLabel}
+          .andLabel=${this.andLabel}
+        ></aurora-card-resource-table>
+      </div>
+    `;
+    }
+    _renderFooter() {
+        return html `
+      <div class="footer">
+        <div class="status-block">
+          ${this.borderColor === 'var(--axebow-gray)'
+            ? html `<sl-spinner style="--indicator-color:${this.borderColor};"></sl-spinner>`
+            : ''}
+          <p class="status-code" style="color:${this.borderColor};" title=${this.statusCode}>${this.statusCode}</p>
+          ${this.statusCode
+            ? html `
+                <sl-tooltip content=${this.statusMessage}>
+                  <axebow-icon class="cursor-pointer" style="flex-shrink:0;" iconColor=${this.borderColor} iconName="info" size="small"></axebow-icon>
+                </sl-tooltip>
+              `
+            : ''}
+        </div>
+        <axebow-button variant="text" size="medium" @click=${this._onServiceDetail}>${this.serviceDetailLabel}</axebow-button>
+      </div>
+    `;
+    }
+    _formatRevision(id) {
+        if (!id)
+            return '';
+        const parts = id.split('/');
+        return parts[parts.length - 1] ?? id;
+    }
+    _onRevisionChange(e) {
+        const revision = e.target.value;
+        this.dispatchEvent(new CustomEvent('revision-change', { detail: { revision }, bubbles: true, composed: true }));
+    }
+    _onToggleFilter() {
+        this.dispatchEvent(new CustomEvent('toggle-filter', { bubbles: true, composed: true }));
+    }
+    _onFilterChange(selected, type) {
+        this.dispatchEvent(new CustomEvent('filter-change', { detail: { selected, type }, bubbles: true, composed: true }));
+    }
+    _onServiceDetail() {
+        this.dispatchEvent(new CustomEvent('service-detail-click', { bubbles: true, composed: true }));
+    }
+};
+AuroraRuntimeCard.styles = css `
+    :host { display: block; width: 380px; height: 417px; max-width: 100%; }
+
+    .card {
+      width: 100%;
+      height: 100%;
+      background-color: var(--axebow-white);
+      border-radius: 0.5rem;
+      padding: 0.5rem 0.5rem 1rem;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      gap: 0.5rem;
+      box-sizing: border-box;
+      border-top: 4px solid transparent;
+      transition: box-shadow 200ms ease-in-out;
+    }
+    .card:hover { box-shadow: 0 4px 12px 0 rgba(13,24,33,0.08); }
+    .card--removing { pointer-events: none; cursor: not-allowed; filter: grayscale(100%); }
+
+    .header {
+      width: 100%;
+      background-color: var(--axebow-anti-flash-white);
+      border-radius: 0.375rem;
+      padding: 0.5rem 0.75rem;
+      height: 4rem;
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+    }
+    .logo-wrap { height: 2.5rem; width: 2.5rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+    .logo-wrap img { max-height: 100%; max-width: 100%; object-fit: contain; }
+    .header-text { display: flex; flex-direction: column; flex: 1; min-width: 0; justify-content: center; }
+    .header-name { font-weight: 700; font-size: 1.25rem; color: var(--axebow-primary); line-height: 1.25; }
+
+    .revision-wrap { font-style: italic; color: var(--axebow-primary); display: flex; align-items: center; }
+
+    .revision-wrap sl-select {
+      --sl-input-background-color: transparent;
+      --sl-input-border-color: transparent;
+      border: none;
+      background: transparent;
+      padding: 0;
+      margin: 0;
+      min-width: 0;
+      width: 100% !important;
+    }
+    .revision-wrap sl-select::part(base) {
+      border: none;
+      background-color: transparent;
+      padding: 0;
+      min-width: 0;
+      display: inline-block;
+    }
+    .revision-wrap sl-select::part(display-input) { padding: 0; }
+    sl-select::part(combobox) { padding: 0; }
+    sl-select::part(display-input) { padding: 0 8px; }
+
+    .deploy-row {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      min-height: 2.5rem;
+      max-height: 2.5rem;
+      overflow: hidden;
+    }
+    .deploy-time { color: var(--axebow-secondary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+    .deployed-badge {
+      color: var(--axebow-secondary);
+      border: 2px solid var(--axebow-secondary);
+      border-radius: 0.5rem;
+      padding: 0.125rem 0.375rem;
+      white-space: nowrap;
+      font-size: 0.75rem;
+    }
+
+    .table-wrap {
+      width: 100%;
+      border: 1px solid var(--axebow-light-gray);
+      border-radius: 0.375rem;
+    }
+
+    .filter-bar {
+      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;
+    }
+    .filter-selected { color: var(--axebow-tertiary); }
+    .filter-suffix { display: flex; align-items: center; gap: 0.5rem; }
+    .filter-attention { color: var(--axebow-error); margin: 0; font-size: 0.75rem; }
+
+    .filter-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;
+    }
+    .filter-dropdown.hidden { display: none; }
+    .filter-option {
+      width: 100%;
+      padding: 0.5rem;
+      cursor: pointer;
+      margin: 0;
+    }
+    .filter-option:hover { background-color: var(--axebow-light-gray); }
+    .filter-role {
+      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;
+    }
+    .filter-role:hover { background-color: var(--axebow-light-gray); }
+    .filter-role-inner { display: flex; align-items: center; gap: 0.5rem; }
+    .role-logo { width: 1.25rem; height: 1.25rem; }
+    .filter-instance {
+      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;
+      padding-left: 1.5rem;
+    }
+    .filter-instance:hover { background-color: var(--axebow-light-gray); }
+    .filter-instance-inner { display: flex; align-items: center; gap: 0.5rem; }
+    .filter-relative { position: relative; }
+    p { margin: 0; }
+
+    .footer {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding-inline: 0.5rem;
+      gap: 1rem;
+      height: 2.5rem;
+      overflow: hidden;
+      margin-bottom: 0.25rem;
+    }
+    .status-block { display: flex; align-items: center; gap: 0.25rem; min-width: 0; flex: 1; }
+    .status-code {
+      font-weight: 700;
+      font-size: 0.75rem;
+      margin: 0;
+      display: -webkit-box;
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+    }
+
+    sl-dialog::part(panel) { width: 35vw; min-width: 400px; }
+    sl-dialog::part(body) { padding-top: 0; }
+
+    sl-select sl-option[checked] .revision-ts,
+    sl-select sl-option[current] .revision-ts,
+    sl-select sl-option[aria-selected="true"] .revision-ts { color: white !important; }
+
+    sl-tooltip::part(base) { max-width: none; white-space: normal; word-break: break-word; }
+  `;
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "logo", void 0);
+__decorate([
+    property({ type: Array })
+], AuroraRuntimeCard.prototype, "revisions", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "displayedRevision", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "lastDeployed", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraRuntimeCard.prototype, "isDeployed", void 0);
+__decorate([
+    property({ type: Array })
+], AuroraRuntimeCard.prototype, "tableStats", void 0);
+__decorate([
+    property({ type: Number })
+], AuroraRuntimeCard.prototype, "attentionThreshold", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraRuntimeCard.prototype, "filterOpened", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "filterDisplayText", void 0);
+__decorate([
+    property({ type: Array })
+], AuroraRuntimeCard.prototype, "filterRoles", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraRuntimeCard.prototype, "showAttention", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "borderColor", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "statusCode", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "statusMessage", void 0);
+__decorate([
+    property({ type: Boolean })
+], AuroraRuntimeCard.prototype, "isRemoving", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "deployedLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "allLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "attentionLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "serviceDetailLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "manageLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "askOwnerLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "invalidCredsLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "limitReachedLabel", void 0);
+__decorate([
+    property({ type: String })
+], AuroraRuntimeCard.prototype, "andLabel", void 0);
+AuroraRuntimeCard = __decorate([
+    customElement('aurora-runtime-card')
+], AuroraRuntimeCard);
+export { AuroraRuntimeCard };
+//# sourceMappingURL=aurora-runtime-card.js.map

package/dist/components/cards/aurora-runtime-card.js.map

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

package/dist/components/cards/card.types.d.ts

@@ -0,0 +1,39 @@
+export type CardBadge = 'free-iaas' | 'ha' | 'none';
+export interface CardFilterItem {
+    name: string;
+    showAttention: boolean;
+}
+export interface TableStatsType {
+    title: string;
+    value: number | string;
+    percentage: number;
+    icon: string;
+    iconRotation?: number;
+    minValue?: number | string;
+    maxValue?: number | string;
+    tagValue?: string;
+    isSecondary?: boolean;
+    hidden?: boolean;
+}
+export interface MainStatsType {
+    title: string;
+    value: number;
+    label: string;
+    onClickLabel?: () => void;
+    active?: boolean;
+}
+export interface ActionMenuItem {
+    label: string;
+    icon: string;
+    type: 'primary' | 'secondary' | 'tertiary' | 'error' | 'warning';
+    onTap: (e: Event) => void;
+}
+export interface RuntimeFilterRole {
+    name: string;
+    logo?: string;
+    instances: Array<{
+        name: string;
+        needsAttention: boolean;
+    }>;
+}
+//# sourceMappingURL=card.types.d.ts.map

package/dist/components/cards/card.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.types.d.ts","sourceRoot":"","sources":["../../../src/components/cards/card.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IACjE,KAAK,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC7D"}

package/dist/components/cards/card.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card.types.js.map

package/dist/components/cards/card.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.types.js","sourceRoot":"","sources":["../../../src/components/cards/card.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export declare class AuroraCardActionBanner extends LitElement {
+    static styles: import("lit").CSSResult;
+    label: string;
+    render(): import("lit-html").TemplateResult<1>;
+    private _onClick;
+}
+//# sourceMappingURL=aurora-card-action-banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-action-banner.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-action-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,0BAyBX;IAE0B,KAAK,SAAkB;IAEnD,MAAM;IAWN,OAAO,CAAC,QAAQ;CAGjB"}

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

@@ -0,0 +1,61 @@
+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 AuroraCardActionBanner = class AuroraCardActionBanner extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = 'View details';
+    }
+    render() {
+        return html `
+      <div class="banner">
+        <axebow-button variant="text" size="small" @click=${this._onClick}>
+          ${this.label}
+          <axebow-icon iconName="arrow_forward" iconColor="var(--axebow-tertiary)" size="small"></axebow-icon>
+        </axebow-button>
+      </div>
+    `;
+    }
+    _onClick() {
+        this.dispatchEvent(new CustomEvent('action-click', { bubbles: true, composed: true }));
+    }
+};
+AuroraCardActionBanner.styles = css `
+    :host { display: block; }
+    .banner {
+      background-color: color-mix(in srgb, var(--axebow-tertiary) 10%, white);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.25rem;
+      width: 100%;
+      padding-inline: 0.75rem;
+      font-size: 0.875rem;
+      text-align: center;
+    }
+    axebow-button::part(label) {
+      color: var(--axebow-tertiary);
+      font-weight: 600;
+      display: flex;
+      align-items: center;
+      gap: 2px;
+    }
+    axebow-button::part(base) {
+      padding: 0;
+      height: auto;
+      min-height: unset;
+    }
+  `;
+__decorate([
+    property({ type: String })
+], AuroraCardActionBanner.prototype, "label", void 0);
+AuroraCardActionBanner = __decorate([
+    customElement('aurora-card-action-banner')
+], AuroraCardActionBanner);
+export { AuroraCardActionBanner };
+//# sourceMappingURL=aurora-card-action-banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-action-banner.js","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-action-banner.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,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QA4BuB,UAAK,GAAG,cAAc,CAAC;IAgBrD,CAAC;IAdC,MAAM;QACJ,OAAO,IAAI,CAAA;;4DAE6C,IAAI,CAAC,QAAQ;YAC7D,IAAI,CAAC,KAAK;;;;KAIjB,CAAC;IACJ,CAAC;IAEO,QAAQ;QACd,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACzF,CAAC;;AA1CM,6BAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBlB,AAzBY,CAyBX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAwB;AA5BxC,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CA4ClC"}

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

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import { TableStatsType } from '../card.types.js';
+export declare class AuroraCardAttentionBanner extends LitElement {
+    static styles: import("lit").CSSResult;
+    cardType: 'account' | 'environment' | 'tenant';
+    tableStats: TableStatsType[];
+    threshold: number;
+    isPlainRole: boolean;
+    invalidCredentials: boolean;
+    manageLabel: string;
+    askOwnerLabel: string;
+    invalidCredsLabel: string;
+    limitReachedLabel: string;
+    andLabel: string;
+    private _getExceeded;
+    private _formatList;
+    render(): import("lit-html").TemplateResult<1>;
+    private _onManage;
+}
+//# sourceMappingURL=aurora-card-attention-banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aurora-card-attention-banner.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/aurora-card-attention-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,qBACa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,CAAC,MAAM,0BAgBX;IAE0B,QAAQ,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAa;IAC5D,UAAU,EAAE,cAAc,EAAE,CAAM;IACjC,SAAS,SAAM;IACd,WAAW,UAAS;IACpB,kBAAkB,UAAS;IAC5B,WAAW,SAAY;IACvB,aAAa,SAAoB;IACjC,iBAAiB,SAA0B;IAC3C,iBAAiB,SAAoB;IACrC,QAAQ,SAAS;IAE7C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,WAAW;IAMnB,MAAM;IAuBN,OAAO,CAAC,SAAS;CAGlB"}