@kumori/aurora-wui-components 0.0.2 → 0.0.4

package/dist/components/cards/aurora-more-actions.js

@@ -1,194 +0,0 @@
-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, state } from 'lit/decorators.js';
-let AuroraMoreActions = class AuroraMoreActions extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.open = false;
-        this.placement = 'bottom';
-        this.disabled = false;
-        this.options = [];
-        this.title = '';
-        this.iconName = '';
-        this.openToRight = false;
-        this.closeLabel = 'Close';
-        this.moreActionsLabel = 'More';
-        this._fixedPos = { top: 0, right: 0 };
-        this._handleOutsideClick = (e) => {
-            if (this.open && !this.contains(e.target)) {
-                this.open = false;
-                this.dispatchEvent(new CustomEvent('toggled', { detail: { open: false } }));
-            }
-        };
-        this._handleScroll = () => {
-            if (this.open && this.openToRight) {
-                this.open = false;
-                this.dispatchEvent(new CustomEvent('toggled', { detail: { open: false } }));
-            }
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        document.addEventListener('click', this._handleOutsideClick);
-        window.addEventListener('scroll', this._handleScroll, true);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        document.removeEventListener('click', this._handleOutsideClick);
-        window.removeEventListener('scroll', this._handleScroll, true);
-    }
-    _toggle(e) {
-        if (this.disabled)
-            return;
-        e.stopPropagation();
-        if (!this.open && this.openToRight) {
-            const btn = this.shadowRoot?.querySelector('.trigger');
-            if (btn) {
-                const rect = btn.getBoundingClientRect();
-                this._fixedPos = { top: rect.bottom + 8, right: window.innerWidth - rect.right };
-            }
-        }
-        this.open = !this.open;
-        this.dispatchEvent(new CustomEvent('toggled', { detail: { open: this.open } }));
-    }
-    _handleSlotClick() {
-        this.open = false;
-        this.dispatchEvent(new CustomEvent('toggled', { detail: { open: false } }));
-    }
-    render() {
-        const placementClass = this.placement === 'top' ? 'dropdown--top' : 'dropdown--bottom';
-        const dropdownStyle = this.openToRight
-            ? `position:fixed;top:${this._fixedPos.top}px;right:${this._fixedPos.right}px;z-index:1000;`
-            : '';
-        return html `
-      <div class="wrapper">
-        <button class="trigger" ?disabled=${this.disabled} @click=${this._toggle}>
-          ${this.iconName
-            ? html `<axebow-icon iconName=${this.iconName} size="small" iconColor="var(--axebow-tertiary)"></axebow-icon>`
-            : this.open ? this.closeLabel : (this.title || this.moreActionsLabel)}
-        </button>
-        ${this.open
-            ? html `
-              <div class="dropdown ${placementClass}" style=${dropdownStyle} @click=${this._handleSlotClick}>
-                ${this.options?.length
-                ? this.options.map((opt) => html `
-                        <button
-                          class="option-btn"
-                          @click=${(e) => {
-                    e.stopPropagation();
-                    opt.onTap(e);
-                    this.open = false;
-                    this.dispatchEvent(new CustomEvent('toggled', { detail: { open: false } }));
-                }}
-                          @mouseenter=${(e) => (e.currentTarget.style.borderColor = `var(--axebow-${opt.type})`)}
-                          @mouseleave=${(e) => (e.currentTarget.style.borderColor = 'transparent')}
-                        >
-                          <axebow-icon iconName=${opt.icon} iconColor="var(--axebow-${opt.type})" size="small"></axebow-icon>
-                          <p style="color:var(--axebow-${opt.type});">${opt.label}</p>
-                        </button>
-                      `)
-                : html `<slot></slot>`}
-              </div>
-            `
-            : ''}
-      </div>
-    `;
-    }
-};
-AuroraMoreActions.styles = css `
-    :host { display: inline-block; }
-
-    .wrapper { position: relative; width: 100%; height: 100%; display: flex; justify-content: flex-end; }
-
-    .trigger {
-      position: relative;
-      font-weight: 600;
-      font-size: 0.75rem;
-      color: var(--axebow-tertiary);
-      cursor: pointer;
-      padding: 0.25rem 0.5rem;
-      height: 100%;
-      background: transparent;
-      border: none;
-      transition: all 0.2s ease;
-      display: flex;
-      align-items: center;
-    }
-    .trigger:hover {
-      color: var(--axebow-gray);
-      background-color: var(--axebow-anti-flash-white);
-      border-radius: 8px;
-    }
-    .trigger:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
-
-    .dropdown {
-      position: absolute;
-      right: 0;
-      z-index: 10;
-      background: white;
-      border: 1px solid var(--axebow-gray);
-      border-radius: 0.5rem;
-      box-shadow: 2px 2px 25px 0px rgba(0,0,0,0.1);
-      padding: 0.5rem;
-      min-width: 11rem;
-      display: flex;
-      flex-direction: column;
-    }
-    .dropdown--bottom { top: 100%; margin-top: 0.5rem; }
-    .dropdown--top { bottom: 100%; margin-bottom: 0.5rem; }
-
-    .option-btn {
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-      text-align: left;
-      padding: 0.25rem 0.5rem;
-      cursor: pointer;
-      border-radius: 2px;
-      border: 1px solid transparent;
-      background: transparent;
-      width: 100%;
-    }
-    .option-btn:hover { background-color: #f3f4f6; }
-    .option-btn p { margin: 0; white-space: nowrap; }
-  `;
-__decorate([
-    property({ type: Boolean })
-], AuroraMoreActions.prototype, "open", void 0);
-__decorate([
-    property({ type: String })
-], AuroraMoreActions.prototype, "placement", void 0);
-__decorate([
-    property({ type: Boolean })
-], AuroraMoreActions.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Array })
-], AuroraMoreActions.prototype, "options", void 0);
-__decorate([
-    property({ type: String })
-], AuroraMoreActions.prototype, "title", void 0);
-__decorate([
-    property({ type: String })
-], AuroraMoreActions.prototype, "iconName", void 0);
-__decorate([
-    property({ type: Boolean })
-], AuroraMoreActions.prototype, "openToRight", void 0);
-__decorate([
-    property({ type: String })
-], AuroraMoreActions.prototype, "closeLabel", void 0);
-__decorate([
-    property({ type: String })
-], AuroraMoreActions.prototype, "moreActionsLabel", void 0);
-__decorate([
-    state()
-], AuroraMoreActions.prototype, "_fixedPos", void 0);
-AuroraMoreActions = __decorate([
-    customElement('aurora-more-actions')
-], AuroraMoreActions);
-export { AuroraMoreActions };
-//# sourceMappingURL=aurora-more-actions.js.map

package/dist/components/cards/aurora-more-actions.js.map

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

package/dist/components/cards/aurora-runtime-card.d.ts

@@ -1,44 +0,0 @@
-import { LitElement } from 'lit';
-import { TableStatsType, RuntimeFilterRole } from './card.types.js';
-import './parts/aurora-card-resource-table.js';
-export declare class AuroraRuntimeCard extends LitElement {
-    static styles: import("lit").CSSResult;
-    name: string;
-    logo: string;
-    revisions: Array<{
-        id: string;
-    }>;
-    displayedRevision: string;
-    lastDeployed: string;
-    isDeployed: boolean;
-    tableStats: TableStatsType[];
-    attentionThreshold: number;
-    filterOpened: boolean;
-    filterDisplayText: string;
-    filterRoles: RuntimeFilterRole[];
-    showAttention: boolean;
-    borderColor: string;
-    statusCode: string;
-    statusMessage: string;
-    isRemoving: boolean;
-    deployedLabel: string;
-    allLabel: string;
-    attentionLabel: string;
-    serviceDetailLabel: string;
-    manageLabel: string;
-    askOwnerLabel: string;
-    invalidCredsLabel: string;
-    limitReachedLabel: string;
-    andLabel: string;
-    render(): import("lit-html").TemplateResult<1>;
-    private _renderHeader;
-    private _renderDeployInfo;
-    private _renderTable;
-    private _renderFooter;
-    private _formatRevision;
-    private _onRevisionChange;
-    private _onToggleFilter;
-    private _onFilterChange;
-    private _onServiceDetail;
-}
-//# sourceMappingURL=aurora-runtime-card.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"aurora-runtime-card.d.ts","sourceRoot":"","sources":["../../../src/components/cards/aurora-runtime-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,uCAAuC,CAAC;AAE/C,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,0BAiLX;IAE0B,IAAI,SAAM;IACV,IAAI,SAAM;IACX,SAAS,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IACrC,iBAAiB,SAAM;IACvB,YAAY,SAAM;IACjB,UAAU,UAAS;IACrB,UAAU,EAAE,cAAc,EAAE,CAAM;IACjC,kBAAkB,SAAM;IACvB,YAAY,UAAS;IACtB,iBAAiB,SAAM;IACxB,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACpC,aAAa,UAAS;IACvB,WAAW,SAAM;IACjB,UAAU,SAAM;IAChB,aAAa,SAAM;IAClB,UAAU,UAAS;IAGpB,aAAa,SAAc;IAC3B,QAAQ,SAA2B;IACnC,cAAc,SAAsB;IACpC,kBAAkB,SAAoB;IACtC,WAAW,SAAY;IACvB,aAAa,SAAoB;IACjC,iBAAiB,SAA0B;IAC3C,iBAAiB,SAAoB;IACrC,QAAQ,SAAS;IAE7C,MAAM;IAgBN,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,YAAY;IAqDpB,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,gBAAgB;CAGzB"}

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

@@ -1,427 +0,0 @@
-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