@kumori/aurora-wui-components 0.0.274-dev4142.1 → 0.0.274-dev4142.12

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-refresh-period-panel.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-refresh-period-panel/axebow-refresh-period-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+DAA+D,CAAC;AACvE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iEAAiE,CAAC;AACzE,OAAO,qCAAqC,CAAC;AAI7C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,qBACa,wBAAyB,SAAQ,UAAU;IACtD,MAAM,CAAC,MAAM,4BAmBX;IAE0B,KAAK,SAAM;IACX,UAAU,SAAM;IAChB,QAAQ,SAAM;IACb,WAAW,UAAS;IACjB,OAAO,EAAE,iBAAiB,EAAE,CAAM;IACtC,eAAe,SAAM;IACpB,kBAAkB,UAAS;IAExD,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,MAAM;CA6CP"}
1
+ {"version":3,"file":"axebow-refresh-period-panel.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-refresh-period-panel/axebow-refresh-period-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+DAA+D,CAAC;AACvE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iEAAiE,CAAC;AACzE,OAAO,qCAAqC,CAAC;AAI7C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,qBACa,wBAAyB,SAAQ,UAAU;IACtD,MAAM,CAAC,MAAM,4BAyBX;IAE0B,KAAK,SAAM;IACX,UAAU,SAAM;IAChB,QAAQ,SAAM;IACb,WAAW,UAAS;IACjB,OAAO,EAAE,iBAAiB,EAAE,CAAM;IACtC,eAAe,SAAM;IACpB,kBAAkB,UAAS;IAExD,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,MAAM;CA6CP"}
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-role-container-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-role-container-dropdown/axebow-role-container-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+DAA+D,CAAC;AACvE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iEAAiE,CAAC;AACzE,OAAO,+DAA+D,CAAC;AAIvE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,iBAAiB,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,yBAAyB,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,KAAK,GAAG,UAAU,GAAG,WAAW,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBACa,2BAA4B,SAAQ,UAAU;IACzD,MAAM,CAAC,MAAM,4BA6BX;IAE0B,KAAK,SAAM;IACX,UAAU,SAAM;IAChB,kBAAkB,SAAM;IACvB,qBAAqB,UAAS;IAC3B,KAAK,EAAE,qBAAqB,EAAE,CAAM;IACxC,aAAa,SAAM;IACnB,gBAAgB,SAAM;IAElD,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,eAAe,CAErB;IAEF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,0BAA0B;IAUlC,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,aAAa;IAsBrB,MAAM;CAyBP"}
1
+ {"version":3,"file":"axebow-role-container-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-role-container-dropdown/axebow-role-container-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+DAA+D,CAAC;AACvE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iEAAiE,CAAC;AACzE,OAAO,+DAA+D,CAAC;AAIvE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,iBAAiB,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,yBAAyB,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,KAAK,GAAG,UAAU,GAAG,WAAW,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBACa,2BAA4B,SAAQ,UAAU;IACzD,MAAM,CAAC,MAAM,4BAoDX;IAE0B,KAAK,SAAM;IACX,UAAU,SAAM;IAChB,kBAAkB,SAAM;IACvB,qBAAqB,UAAS;IAC3B,KAAK,EAAE,qBAAqB,EAAE,CAAM;IACxC,aAAa,SAAM;IACnB,gBAAgB,SAAM;IAElD,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,eAAe,CAErB;IAEF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,0BAA0B;IAUlC,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,eAAe;IAwBvB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,aAAa;IAsBrB,MAAM;CAyBP"}
@@ -33,6 +33,8 @@ export declare class AxebowServiceDetailHeader extends LitElement {
33
33
  displayedRevision: string;
34
34
  revisionsDisabled: boolean;
35
35
  updateWithZipLabel: string;
36
+ versionSelectorMaxWidth: string;
37
+ versionSelectorFontSize?: string;
36
38
  showActionNeeded: boolean;
37
39
  actionNeededTitle: string;
38
40
  deployLabel: string;
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-service-detail-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-service-detail-header/axebow-service-detail-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,gDAAgD,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,MAAM,WAAW,2BAA2B;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,qBACa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,CAAC,MAAM,4BASX;IAE0B,aAAa,SAAM;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,SAAM;IAC3B,mBAAmB,SAAM;IACzB,eAAe,SAAM;IAErB,eAAe,SAAM;IACjB,UAAU,EAAG,2BAA2B,CAAC;IAC7C,eAAe,SAAM;IACjB,UAAU,EAAG,2BAA2B,CAAC;IAC7C,UAAU,SAAM;IAChB,UAAU,SAAM;IAChB,OAAO,SAAM;IACb,cAAc,SAAM;IACpB,YAAY,SAAM;IAClB,aAAa,SAAM;IACnB,eAAe,SAAM;IACrB,kBAAkB,SAAM;IAExB,mBAAmB,SAAM;IACzB,gBAAgB,SAAM;IACvB,SAAS,EAAE,YAAY,EAAE,CAAM;IAC9B,iBAAiB,SAAM;IACtB,iBAAiB,UAAS;IAC3B,kBAAkB,SAAM;IAEvB,gBAAgB,UAAS;IAC1B,iBAAiB,SAAM;IACvB,WAAW,SAAM;IAE7C,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,eAAe;IAqBvB,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,kBAAkB;IA2B1B,OAAO,CAAC,qBAAqB;IAiC7B,OAAO,CAAC,mBAAmB;IAgB3B,MAAM;CASP"}
1
+ {"version":3,"file":"axebow-service-detail-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-service-detail-header/axebow-service-detail-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,gDAAgD,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,MAAM,WAAW,2BAA2B;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,qBACa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,CAAC,MAAM,4BASX;IAE0B,aAAa,SAAM;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,SAAM;IAC3B,mBAAmB,SAAM;IACzB,eAAe,SAAM;IAErB,eAAe,SAAM;IACjB,UAAU,EAAG,2BAA2B,CAAC;IAC7C,eAAe,SAAM;IACjB,UAAU,EAAG,2BAA2B,CAAC;IAC7C,UAAU,SAAM;IAChB,UAAU,SAAM;IAChB,OAAO,SAAM;IACb,cAAc,SAAM;IACpB,YAAY,SAAM;IAClB,aAAa,SAAM;IACnB,eAAe,SAAM;IACrB,kBAAkB,SAAM;IAExB,mBAAmB,SAAM;IACzB,gBAAgB,SAAM;IACvB,SAAS,EAAE,YAAY,EAAE,CAAM;IAC9B,iBAAiB,SAAM;IACtB,iBAAiB,UAAS;IAC3B,kBAAkB,SAAM;IACxB,uBAAuB,SAAgB;IACvC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEhC,gBAAgB,UAAS;IAC1B,iBAAiB,SAAM;IACvB,WAAW,SAAM;IAE7C,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,eAAe;IAqBvB,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,kBAAkB;IA2B1B,OAAO,CAAC,qBAAqB;IAkC7B,OAAO,CAAC,mBAAmB;IAgB3B,MAAM;CASP"}
@@ -6,6 +6,7 @@ export declare class AxebowCardVersionSelector extends LitElement {
6
6
  displayedRevision: string;
7
7
  disabled: boolean;
8
8
  maxWidth?: string;
9
+ fontSize?: string;
9
10
  protected updated(changed: PropertyValues): void;
10
11
  private _formatRevision;
11
12
  render(): import('lit-html').TemplateResult<1>;
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-card-version-selector.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-version-selector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AAEnE,qBACa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,CAAC,MAAM,4BA+FX;IAEyB,SAAS,EAAE,YAAY,EAAE,CAAM;IAC9B,iBAAiB,SAAM;IACtB,QAAQ,UAAS;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc;IAQzC,OAAO,CAAC,eAAe;IAMvB,MAAM;IAiBN,OAAO,CAAC,SAAS;CAIlB"}
1
+ {"version":3,"file":"axebow-card-version-selector.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-version-selector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AAEnE,qBACa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,CAAC,MAAM,4BA+FX;IAEyB,SAAS,EAAE,YAAY,EAAE,CAAM;IAC9B,iBAAiB,SAAM;IACtB,QAAQ,UAAS;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc;IAiBzC,OAAO,CAAC,eAAe;IAMvB,MAAM;IAiBN,OAAO,CAAC,SAAS;CAIlB"}
package/dist/index.js CHANGED
@@ -5635,7 +5635,7 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
5635
5635
  display: inline-block;
5636
5636
  width: fit-content;
5637
5637
  }
5638
- sl-select::part(display-input) { padding: 0; color: var(--axebow-tertiary); font-size: 0.875rem !important; transition: color 0.15s ease; }
5638
+ sl-select::part(display-input) { padding: 0; color: var(--axebow-tertiary); font-size: var(--axebow-card-version-selector-font-size, 0.75rem) !important; transition: color 0.15s ease; }
5639
5639
  sl-select::part(combobox) {
5640
5640
  padding-inline-start: 0.25rem !important;
5641
5641
  padding-block: 0.125rem !important;
@@ -5647,7 +5647,7 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
5647
5647
  outline-offset: -1px;
5648
5648
  border-radius: 0.375rem;
5649
5649
  background-color: transparent;
5650
- transition: background-color 0.15s ease, outline-color 0.15s ease;
5650
+ transition: background-color 0.15s ease;
5651
5651
  }
5652
5652
  sl-select[open]::part(combobox) {
5653
5653
  outline-color: var(--axebow-tertiary);
@@ -5673,13 +5673,13 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
5673
5673
  border-radius: 0 0 0.375rem 0.375rem;
5674
5674
  box-shadow: none;
5675
5675
  margin-top: -1px;
5676
+ width: var(--axebow-card-version-selector-listbox-width) !important;
5676
5677
  }
5677
5678
  sl-option::part(base) { font-size: 0.75rem; padding-inline-start: 0.25rem !important; }
5678
5679
  sl-option::part(checked-icon) { display: none; }
5679
- sl-option[aria-selected='true']::part(label) { color: var(--axebow-tertiary) !important; }
5680
5680
 
5681
- sl-select:hover::part(display-input) { color: var(--axebow-gray); }
5682
- sl-select:hover::part(expand-icon) { color: var(--axebow-gray); border-color: var(--axebow-gray); }
5681
+ sl-select:hover:not([open])::part(display-input) { color: var(--axebow-gray); }
5682
+ sl-select:hover:not([open])::part(expand-icon) { color: var(--axebow-gray); border-color: var(--axebow-gray); }
5683
5683
 
5684
5684
  sl-select[open]::part(expand-icon) {
5685
5685
  color: white;
@@ -5690,8 +5690,15 @@ var AxebowCardVersionSelector = class AxebowCardVersionSelector extends LitEleme
5690
5690
  }
5691
5691
  updated(changed) {
5692
5692
  super.updated(changed);
5693
- if (changed.has("maxWidth")) if (this.maxWidth) this.style.setProperty("--axebow-card-version-selector-max-width", this.maxWidth);
5694
- else this.style.removeProperty("--axebow-card-version-selector-max-width");
5693
+ if (changed.has("maxWidth")) if (this.maxWidth) {
5694
+ this.style.setProperty("--axebow-card-version-selector-max-width", this.maxWidth);
5695
+ this.style.setProperty("--axebow-card-version-selector-listbox-width", this.maxWidth);
5696
+ } else {
5697
+ this.style.removeProperty("--axebow-card-version-selector-max-width");
5698
+ this.style.removeProperty("--axebow-card-version-selector-listbox-width");
5699
+ }
5700
+ if (changed.has("fontSize")) if (this.fontSize) this.style.setProperty("--axebow-card-version-selector-font-size", this.fontSize);
5701
+ else this.style.removeProperty("--axebow-card-version-selector-font-size");
5695
5702
  }
5696
5703
  _formatRevision(id) {
5697
5704
  if (!id) return "";
@@ -5723,6 +5730,7 @@ __decorate([property({ type: Array })], AxebowCardVersionSelector.prototype, "re
5723
5730
  __decorate([property({ type: String })], AxebowCardVersionSelector.prototype, "displayedRevision", void 0);
5724
5731
  __decorate([property({ type: Boolean })], AxebowCardVersionSelector.prototype, "disabled", void 0);
5725
5732
  __decorate([property({ type: String })], AxebowCardVersionSelector.prototype, "maxWidth", void 0);
5733
+ __decorate([property({ type: String })], AxebowCardVersionSelector.prototype, "fontSize", void 0);
5726
5734
  AxebowCardVersionSelector = __decorate([customElement("axebow-card-version-selector")], AxebowCardVersionSelector);
5727
5735
  //#endregion
5728
5736
  //#region src/components/cards/parts/axebow-role-tooltip.ts
@@ -8680,6 +8688,7 @@ var AxebowServiceDetailHeader = class AxebowServiceDetailHeader extends LitEleme
8680
8688
  this.displayedRevision = "";
8681
8689
  this.revisionsDisabled = false;
8682
8690
  this.updateWithZipLabel = "";
8691
+ this.versionSelectorMaxWidth = "10.4375rem";
8683
8692
  this.showActionNeeded = false;
8684
8693
  this.actionNeededTitle = "";
8685
8694
  this.deployLabel = "";
@@ -8734,22 +8743,22 @@ var AxebowServiceDetailHeader = class AxebowServiceDetailHeader extends LitEleme
8734
8743
  <axebow-tooltip class="p-0" placement="right">
8735
8744
  <div slot="content">
8736
8745
  <div class="flex items-center gap-1">
8737
- <axebow-icon iconName="database" size="md"></axebow-icon>
8746
+ <axebow-icon iconName="database" iconColor="var(--axebow-white)" size="md"></axebow-icon>
8738
8747
  <span>${this.storageLabel}</span>
8739
8748
  <span class="ml-auto font-bold">${limits.storage} ${this.gbLabel}</span>
8740
8749
  </div>
8741
8750
  <div class="flex items-center gap-1">
8742
- <axebow-icon iconName="subdirectory_arrow_right" size="md"></axebow-icon>
8751
+ <axebow-icon iconName="subdirectory_arrow_right" iconColor="var(--axebow-white)" size="md"></axebow-icon>
8743
8752
  <span>${this.volatileLabel}</span>
8744
8753
  <span class="ml-auto font-bold">${limits.volatileStorage} ${this.gbLabel}</span>
8745
8754
  </div>
8746
8755
  <div class="flex items-center gap-1">
8747
- <axebow-icon iconName="subdirectory_arrow_right" size="md"></axebow-icon>
8756
+ <axebow-icon iconName="subdirectory_arrow_right" iconColor="var(--axebow-white)" size="md"></axebow-icon>
8748
8757
  <span>${this.nonRepPersLabel}</span>
8749
8758
  <span class="ml-auto font-bold">${limits.nonReplicatedStorage} ${this.gbLabel}</span>
8750
8759
  </div>
8751
8760
  <div class="flex items-center gap-1">
8752
- <axebow-icon iconName="subdirectory_arrow_right" size="md"></axebow-icon>
8761
+ <axebow-icon iconName="subdirectory_arrow_right" iconColor="var(--axebow-white)" size="md"></axebow-icon>
8753
8762
  <span>${this.persistentRepLabel}</span>
8754
8763
  <span class="ml-auto font-bold">${limits.persistentStorage} ${this.gbLabel}</span>
8755
8764
  </div>
@@ -8793,7 +8802,8 @@ var AxebowServiceDetailHeader = class AxebowServiceDetailHeader extends LitEleme
8793
8802
  .revisions=${this.revisions}
8794
8803
  displayedRevision=${this.displayedRevision}
8795
8804
  ?disabled=${this.revisionsDisabled}
8796
- maxWidth="8.75rem"
8805
+ maxWidth=${this.versionSelectorMaxWidth}
8806
+ fontSize=${this.versionSelectorFontSize ?? ""}
8797
8807
  ></axebow-card-version-selector>
8798
8808
  <div class="flex items-center gap-1.5">
8799
8809
  <axebow-button
@@ -8864,6 +8874,8 @@ __decorate([property({ type: Array })], AxebowServiceDetailHeader.prototype, "re
8864
8874
  __decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "displayedRevision", void 0);
8865
8875
  __decorate([property({ type: Boolean })], AxebowServiceDetailHeader.prototype, "revisionsDisabled", void 0);
8866
8876
  __decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "updateWithZipLabel", void 0);
8877
+ __decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "versionSelectorMaxWidth", void 0);
8878
+ __decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "versionSelectorFontSize", void 0);
8867
8879
  __decorate([property({ type: Boolean })], AxebowServiceDetailHeader.prototype, "showActionNeeded", void 0);
8868
8880
  __decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "actionNeededTitle", void 0);
8869
8881
  __decorate([property({ type: String })], AxebowServiceDetailHeader.prototype, "deployLabel", void 0);
@@ -9859,24 +9871,47 @@ var AxebowRoleContainerDropdown = class AxebowRoleContainerDropdown extends LitE
9859
9871
  css`
9860
9872
  :host {
9861
9873
  display: block;
9874
+ width: 17.625rem;
9862
9875
  }
9863
9876
  sl-menu-item::part(base) {
9877
+ min-height: 2.5rem !important;
9864
9878
  padding-top: 0.71875rem !important;
9865
9879
  padding-bottom: 0.71875rem !important;
9866
- padding-left: 0.75rem !important;
9880
+ padding-left: 1rem !important;
9867
9881
  padding-right: 0.75rem !important;
9868
9882
  }
9883
+ sl-menu-item::part(checked-icon) {
9884
+ display: none;
9885
+ }
9886
+ sl-menu {
9887
+ display: flex !important;
9888
+ flex-direction: column;
9889
+ gap: 0.25rem;
9890
+ }
9891
+ axebow-button[slot='trigger']::part(label) {
9892
+ display: block;
9893
+ min-width: 0;
9894
+ overflow: hidden;
9895
+ text-overflow: ellipsis;
9896
+ white-space: nowrap;
9897
+ }
9869
9898
  sl-checkbox::part(base) {
9870
9899
  display: flex;
9871
9900
  align-items: center;
9872
9901
  }
9873
9902
  sl-checkbox::part(control) {
9903
+ width: 1rem !important;
9904
+ height: 1rem !important;
9874
9905
  margin-top: 0 !important;
9875
9906
  margin-bottom: 0 !important;
9907
+ border-radius: 0.25rem !important;
9876
9908
  }
9877
9909
  sl-checkbox::part(label) {
9878
9910
  display: flex;
9879
9911
  align-items: center;
9912
+ font-size: var(--text-base, 0.875rem);
9913
+ color: var(--axebow-black, #000000);
9914
+ margin-inline-start: 0.5rem !important;
9880
9915
  }
9881
9916
  .role-container-panel::part(popup) {
9882
9917
  z-index: var(--sl-z-index-dropdown);
@@ -9915,24 +9950,26 @@ var AxebowRoleContainerDropdown = class AxebowRoleContainerDropdown extends LitE
9915
9950
  instanceIdx
9916
9951
  })}
9917
9952
  >
9918
- <sl-checkbox .checked=${instance.selected} @sl-change=${(e) => e.stopPropagation()}>
9919
- <div class="flex items-center gap-2">
9920
- <img src="${instance.logoUrl}" alt="role-logo" class="w-8 h-8" />
9921
- <p>${instance.name}</p>
9922
- </div>
9923
- </sl-checkbox>
9924
- ${instance.containers.length ? html`
9925
- <div class="flex flex-col ml-4">
9926
- ${instance.containers.map((container) => this._renderContainer(role.name, instanceIdx, container))}
9927
- </div>
9928
- ` : ""}
9953
+ <div class="flex flex-col gap-1">
9954
+ <sl-checkbox .checked=${instance.selected} @sl-change=${(e) => e.stopPropagation()}>
9955
+ <div class="flex items-center gap-2">
9956
+ <img src="${instance.logoUrl}" alt="role-logo" class="w-4.5 h-4.5" />
9957
+ <p><span class="text-(--axebow-primary)">${role.name}</span>::${instance.name}</p>
9958
+ </div>
9959
+ </sl-checkbox>
9960
+ ${instance.containers.length ? html`
9961
+ <div class="flex flex-col gap-1 ml-4">
9962
+ ${instance.containers.map((container) => this._renderContainer(role.name, instanceIdx, container))}
9963
+ </div>
9964
+ ` : ""}
9965
+ </div>
9929
9966
  </sl-menu-item>
9930
9967
  `;
9931
9968
  }
9932
9969
  _renderContainer(roleName, instanceIdx, container) {
9933
9970
  return html`
9934
9971
  <div
9935
- class="cursor-pointer hover:bg-gray-50 p-1 rounded"
9972
+ class="cursor-pointer hover:bg-gray-50 rounded h-10 box-border flex items-center px-1"
9936
9973
  @click=${(e) => this._handleItemClick(e, {
9937
9974
  type: "container",
9938
9975
  role: roleName,
@@ -9942,7 +9979,7 @@ var AxebowRoleContainerDropdown = class AxebowRoleContainerDropdown extends LitE
9942
9979
  >
9943
9980
  <sl-checkbox .checked=${container.selected} @sl-change=${(e) => e.stopPropagation()}>
9944
9981
  <div class="flex items-center gap-2">
9945
- <axebow-icon class="font-light" iconName="subdirectory_arrow_right" size="base"></axebow-icon>
9982
+ <axebow-icon class="font-light" iconName="subdirectory_arrow_right" size="lg"></axebow-icon>
9946
9983
  <p>${container.name}</p>
9947
9984
  </div>
9948
9985
  </sl-checkbox>
@@ -10040,6 +10077,12 @@ var AxebowRefreshPeriodPanel = class AxebowRefreshPeriodPanel extends LitElement
10040
10077
  transform: rotate(360deg);
10041
10078
  }
10042
10079
  }
10080
+ .refresh-now-button {
10081
+ transition: color 0.15s ease;
10082
+ }
10083
+ .refresh-now-button:hover:not([disabled]) {
10084
+ color: var(--axebow-gray);
10085
+ }
10043
10086
  `
10044
10087
  ];
10045
10088
  }
@@ -10075,7 +10118,7 @@ var AxebowRefreshPeriodPanel = class AxebowRefreshPeriodPanel extends LitElement
10075
10118
  </sl-menu>
10076
10119
  </sl-dropdown>
10077
10120
  <button
10078
- class="text-(--axebow-tertiary) flex items-center gap-2 cursor-pointer hover:opacity-80 transition-opacity ${this.isManualRefreshing ? "opacity-70" : ""}"
10121
+ class="refresh-now-button text-(--axebow-tertiary) flex items-center gap-2 cursor-pointer ${this.isManualRefreshing ? "opacity-70" : ""}"
10079
10122
  @click=${this._handleRefreshNow}
10080
10123
  ?disabled=${this.isManualRefreshing}
10081
10124
  >
@@ -10083,7 +10126,7 @@ var AxebowRefreshPeriodPanel = class AxebowRefreshPeriodPanel extends LitElement
10083
10126
  <axebow-icon
10084
10127
  iconName="cached"
10085
10128
  size="3xl"
10086
- iconColor="var(--axebow-tertiary)"
10129
+ iconColor="currentColor"
10087
10130
  class="${this.isManualRefreshing ? "refresh-spin" : ""}"
10088
10131
  ></axebow-icon>
10089
10132
  </button>