@kumori/aurora-wui-components 0.0.285-dev4269.3 → 0.0.285-dev4269.4

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.
@@ -32,6 +32,9 @@ export declare class AxebowBaseCard extends LitElement {
32
32
  statusCode: string;
33
33
  statusMessage: string;
34
34
  serviceDetailLabel: string;
35
+ ctaText: string;
36
+ ctaIconName: string;
37
+ ctaIconColor: string;
35
38
  showActionBanner: boolean;
36
39
  showWarningBanner: boolean;
37
40
  manageLabel: string;
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-base-card.d.ts","sourceRoot":"","sources":["../../../src/components/cards/axebow-base-card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,EACL,cAAc,EACd,SAAS,EACT,cAAc,EACd,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,iDAAiD,CAAC;AACzD,OAAO,+BAA+B,CAAC;AACvC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,yCAAyC,CAAC;AACjD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+BAA+B,CAAC;AAEvC,qBACa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,4BAYX;IAEiE,QAAQ,EAAE,QAAQ,CAAa;IACtE,IAAI,SAAM;IACV,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,eAAe,SAAM;IACrB,KAAK,EAAE,SAAS,CAAU;IAC1B,QAAQ,SAAM;IAEf,SAAS,EAAE,aAAa,EAAE,CAAM;IAEhC,UAAU,EAAE,cAAc,EAAE,CAAM;IACjC,kBAAkB,SAAM;IAEzB,WAAW,EAAE,cAAc,EAAE,CAAM;IAClC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,YAAY,UAAS;IACtB,UAAU,SAAM;IAChB,gBAAgB,SAAM;IACtB,cAAc,SAAsB;IACnC,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,UAAU,UAAS;IACnB,UAAU,UAAS;IAErB,SAAS,EAAE,YAAY,EAAE,CAAM;IAC9B,iBAAiB,SAAM;IACtB,UAAU,UAAS;IACpB,aAAa,SAAc;IAE5B,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACrC,iBAAiB,SAAM;IACvB,QAAQ,SAA2B;IAEnC,WAAW,SAAM;IACjB,UAAU,SAAM;IAChB,aAAa,SAAM;IACnB,kBAAkB,SAAoB;IAErC,gBAAgB,UAAS;IACzB,iBAAiB,UAAS;IAC3B,WAAW,SAAY;IACvB,aAAa,SAAoB;IACjC,iBAAiB,SAA0B;IAC3C,iBAAiB,SAAoB;IACrC,QAAQ,SAAS;IACjB,iBAAiB,SAAM;IACvB,eAAe,SAAM;IAEpB,eAAe,UAAS;IAC1B,kBAAkB,EAAE,cAAc,EAAE,CAAM;IACxC,UAAU,UAAS;IACpB,UAAU,SAAW;IACrB,gBAAgB,SAAU;IAE1B,aAAa,SAAe;IAC5B,aAAa,SAAyB;IACtC,YAAY,SAAgD;IAC5D,OAAO,SAAsB;IAC7B,OAAO,SAA+B;IAEtC,IAAI,SAAM;IACV,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAM;IACtD,gBAAgB,SAA2B;IAEvE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAKlC;IAEF,OAAO,CAAC,aAAa;IAKrB,MAAM;CA0JP"}
1
+ {"version":3,"file":"axebow-base-card.d.ts","sourceRoot":"","sources":["../../../src/components/cards/axebow-base-card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,EACL,cAAc,EACd,SAAS,EACT,cAAc,EACd,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,iDAAiD,CAAC;AACzD,OAAO,+BAA+B,CAAC;AACvC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,yCAAyC,CAAC;AACjD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+BAA+B,CAAC;AAEvC,qBACa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,4BAYX;IAEiE,QAAQ,EAAE,QAAQ,CAAa;IACtE,IAAI,SAAM;IACV,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,eAAe,SAAM;IACrB,KAAK,EAAE,SAAS,CAAU;IAC1B,QAAQ,SAAM;IAEf,SAAS,EAAE,aAAa,EAAE,CAAM;IAEhC,UAAU,EAAE,cAAc,EAAE,CAAM;IACjC,kBAAkB,SAAM;IAEzB,WAAW,EAAE,cAAc,EAAE,CAAM;IAClC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,YAAY,UAAS;IACtB,UAAU,SAAM;IAChB,gBAAgB,SAAM;IACtB,cAAc,SAAsB;IACnC,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,UAAU,UAAS;IACnB,UAAU,UAAS;IAErB,SAAS,EAAE,YAAY,EAAE,CAAM;IAC9B,iBAAiB,SAAM;IACtB,UAAU,UAAS;IACpB,aAAa,SAAc;IAE5B,WAAW,EAAE,iBAAiB,EAAE,CAAM;IACrC,iBAAiB,SAAM;IACvB,QAAQ,SAA2B;IAEnC,WAAW,SAAM;IACjB,UAAU,SAAM;IAChB,aAAa,SAAM;IACnB,kBAAkB,SAAoB;IACtC,OAAO,SAAM;IACb,WAAW,SAAU;IACrB,YAAY,SAAyB;IAEpC,gBAAgB,UAAS;IACzB,iBAAiB,UAAS;IAC3B,WAAW,SAAY;IACvB,aAAa,SAAoB;IACjC,iBAAiB,SAA0B;IAC3C,iBAAiB,SAAoB;IACrC,QAAQ,SAAS;IACjB,iBAAiB,SAAM;IACvB,eAAe,SAAM;IAEpB,eAAe,UAAS;IAC1B,kBAAkB,EAAE,cAAc,EAAE,CAAM;IACxC,UAAU,UAAS;IACpB,UAAU,SAAW;IACrB,gBAAgB,SAAU;IAE1B,aAAa,SAAe;IAC5B,aAAa,SAAyB;IACtC,YAAY,SAAgD;IAC5D,OAAO,SAAsB;IAC7B,OAAO,SAA+B;IAEtC,IAAI,SAAM;IACV,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAM;IACtD,gBAAgB,SAA2B;IAEvE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAKlC;IAEF,OAAO,CAAC,aAAa;IAKrB,MAAM;CA6JP"}
@@ -13,6 +13,9 @@ export declare class AxebowCardFooter extends LitElement {
13
13
  closeLabel: string;
14
14
  moreActionsLabel: string;
15
15
  actionLabel: string;
16
+ ctaText: string;
17
+ ctaIconName: string;
18
+ ctaIconColor: string;
16
19
  render(): import('lit-html').TemplateResult<1>;
17
20
  private _onToggled;
18
21
  private _onAction;
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-card-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-footer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,oDAAoD,CAAC;AAC5D,OAAO,yBAAyB,CAAC;AAEjC,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,4BAGX;IAE2B,UAAU,UAAS;IACnB,WAAW,UAAS;IACrB,UAAU,SAAM;IAChB,aAAa,SAAM;IACnB,WAAW,SAAM;IAChB,WAAW,UAAS;IACpB,eAAe,UAAS;IAC1B,kBAAkB,EAAE,cAAc,EAAE,CAAM;IACzC,UAAU,SAAW;IACrB,gBAAgB,SAAU;IAC1B,WAAW,SAAM;IAE7C,MAAM;IA2CN,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,SAAS;CAGlB"}
1
+ {"version":3,"file":"axebow-card-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-footer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,oDAAoD,CAAC;AAC5D,OAAO,yBAAyB,CAAC;AAEjC,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,4BAGX;IAE2B,UAAU,UAAS;IACnB,WAAW,UAAS;IACrB,UAAU,SAAM;IAChB,aAAa,SAAM;IACnB,WAAW,SAAM;IAChB,WAAW,UAAS;IACpB,eAAe,UAAS;IAC1B,kBAAkB,EAAE,cAAc,EAAE,CAAM;IACzC,UAAU,SAAW;IACrB,gBAAgB,SAAU;IAC1B,WAAW,SAAM;IACjB,OAAO,SAAM;IACb,WAAW,SAAU;IACrB,YAAY,SAAyB;IAEjE,MAAM;IA8CN,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,SAAS;CAGlB"}
@@ -5,6 +5,11 @@ export declare class AxebowCardStatus extends LitElement {
5
5
  statusMessage: string;
6
6
  borderColor: string;
7
7
  showSpinner: boolean;
8
+ ctaText: string;
9
+ ctaIconName: string;
10
+ ctaIconColor: string;
8
11
  render(): import('lit-html').TemplateResult<1>;
12
+ private _onCtaClick;
13
+ private _onCtaKeydown;
9
14
  }
10
15
  //# sourceMappingURL=axebow-card-status.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-card-status.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-status.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,wCAAwC,CAAC;AAChD,OAAO,6DAA6D,CAAC;AACrE,OAAO,kCAAkC,CAAC;AAE1C,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,4BAOX;IAE0B,UAAU,SAAM;IAChB,aAAa,SAAM;IACnB,WAAW,SAAM;IAChB,WAAW,UAAS;IAEjD,MAAM;CAeP"}
1
+ {"version":3,"file":"axebow-card-status.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-status.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,wCAAwC,CAAC;AAChD,OAAO,6DAA6D,CAAC;AACrE,OAAO,kCAAkC,CAAC;AAE1C,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,4BAOX;IAE0B,UAAU,SAAM;IAChB,aAAa,SAAM;IACnB,WAAW,SAAM;IAChB,WAAW,UAAS;IACrB,OAAO,SAAM;IACb,WAAW,SAAU;IACrB,YAAY,SAAyB;IAEjE,MAAM;IAkCN,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;CAMtB"}
package/dist/index.js CHANGED
@@ -6554,6 +6554,9 @@ var AxebowCardStatus = class AxebowCardStatus extends LitElement {
6554
6554
  this.statusMessage = "";
6555
6555
  this.borderColor = "";
6556
6556
  this.showSpinner = false;
6557
+ this.ctaText = "";
6558
+ this.ctaIconName = "info";
6559
+ this.ctaIconColor = "var(--axebow-error)";
6557
6560
  }
6558
6561
  static {
6559
6562
  this.styles = [unsafeCSS(tailwind_default), css`
@@ -6563,6 +6566,21 @@ var AxebowCardStatus = class AxebowCardStatus extends LitElement {
6563
6566
  `];
6564
6567
  }
6565
6568
  render() {
6569
+ if (this.ctaText) return html`
6570
+ <div
6571
+ class="flex items-center gap-1 min-w-0 w-full text-base whitespace-nowrap cursor-pointer"
6572
+ style="color: ${this.ctaIconColor};"
6573
+ role="button"
6574
+ tabindex="0"
6575
+ @click=${this._onCtaClick}
6576
+ @keydown=${this._onCtaKeydown}
6577
+ >
6578
+ <div class="w-5 h-5 shrink-0 flex items-center justify-center">
6579
+ <axebow-icon iconName=${this.ctaIconName} iconColor=${this.ctaIconColor} size="md"></axebow-icon>
6580
+ </div>
6581
+ <p class="m-0 truncate">${this.ctaText}</p>
6582
+ </div>
6583
+ `;
6566
6584
  if (!this.statusCode) return html`<div class="w-full whitespace-nowrap overflow-hidden text-ellipsis"><slot></slot></div>`;
6567
6585
  return html`
6568
6586
  <div class="flex items-center gap-1 min-w-0 w-full">
@@ -6574,11 +6592,26 @@ var AxebowCardStatus = class AxebowCardStatus extends LitElement {
6574
6592
  </div>
6575
6593
  `;
6576
6594
  }
6595
+ _onCtaClick() {
6596
+ this.dispatchEvent(new CustomEvent("cta-click", {
6597
+ bubbles: true,
6598
+ composed: true
6599
+ }));
6600
+ }
6601
+ _onCtaKeydown(e) {
6602
+ if (e.key === "Enter" || e.key === " ") {
6603
+ e.preventDefault();
6604
+ this._onCtaClick();
6605
+ }
6606
+ }
6577
6607
  };
6578
6608
  __decorate([property({ type: String })], AxebowCardStatus.prototype, "statusCode", void 0);
6579
6609
  __decorate([property({ type: String })], AxebowCardStatus.prototype, "statusMessage", void 0);
6580
6610
  __decorate([property({ type: String })], AxebowCardStatus.prototype, "borderColor", void 0);
6581
6611
  __decorate([property({ type: Boolean })], AxebowCardStatus.prototype, "showSpinner", void 0);
6612
+ __decorate([property({ type: String })], AxebowCardStatus.prototype, "ctaText", void 0);
6613
+ __decorate([property({ type: String })], AxebowCardStatus.prototype, "ctaIconName", void 0);
6614
+ __decorate([property({ type: String })], AxebowCardStatus.prototype, "ctaIconColor", void 0);
6582
6615
  AxebowCardStatus = __decorate([customElement("axebow-card-status")], AxebowCardStatus);
6583
6616
  //#endregion
6584
6617
  //#region src/components/cards/parts/axebow-card-footer.ts
@@ -6596,6 +6629,9 @@ var AxebowCardFooter = class AxebowCardFooter extends LitElement {
6596
6629
  this.closeLabel = "Close";
6597
6630
  this.moreActionsLabel = "More";
6598
6631
  this.actionLabel = "";
6632
+ this.ctaText = "";
6633
+ this.ctaIconName = "info";
6634
+ this.ctaIconColor = "var(--axebow-error)";
6599
6635
  }
6600
6636
  static {
6601
6637
  this.styles = [unsafeCSS(tailwind_default), css`:host { display: block; }`];
@@ -6610,6 +6646,9 @@ var AxebowCardFooter = class AxebowCardFooter extends LitElement {
6610
6646
  .statusMessage=${this.statusMessage}
6611
6647
  .borderColor=${this.borderColor}
6612
6648
  .showSpinner=${this.showSpinner}
6649
+ .ctaText=${this.ctaText}
6650
+ .ctaIconName=${this.ctaIconName}
6651
+ .ctaIconColor=${this.ctaIconColor}
6613
6652
  >
6614
6653
  <slot></slot>
6615
6654
  </axebow-card-status>
@@ -6662,6 +6701,9 @@ __decorate([property({ type: Array })], AxebowCardFooter.prototype, "moreActions
6662
6701
  __decorate([property({ type: String })], AxebowCardFooter.prototype, "closeLabel", void 0);
6663
6702
  __decorate([property({ type: String })], AxebowCardFooter.prototype, "moreActionsLabel", void 0);
6664
6703
  __decorate([property({ type: String })], AxebowCardFooter.prototype, "actionLabel", void 0);
6704
+ __decorate([property({ type: String })], AxebowCardFooter.prototype, "ctaText", void 0);
6705
+ __decorate([property({ type: String })], AxebowCardFooter.prototype, "ctaIconName", void 0);
6706
+ __decorate([property({ type: String })], AxebowCardFooter.prototype, "ctaIconColor", void 0);
6665
6707
  AxebowCardFooter = __decorate([customElement("axebow-card-footer")], AxebowCardFooter);
6666
6708
  //#endregion
6667
6709
  //#region src/components/cards/axebow-base-card.ts
@@ -6702,6 +6744,9 @@ var AxebowBaseCard = class AxebowBaseCard extends LitElement {
6702
6744
  this.statusCode = "";
6703
6745
  this.statusMessage = "";
6704
6746
  this.serviceDetailLabel = "Service detail";
6747
+ this.ctaText = "";
6748
+ this.ctaIconName = "info";
6749
+ this.ctaIconColor = "var(--axebow-error)";
6705
6750
  this.showActionBanner = false;
6706
6751
  this.showWarningBanner = false;
6707
6752
  this.manageLabel = "Manage";
@@ -6902,6 +6947,9 @@ var AxebowBaseCard = class AxebowBaseCard extends LitElement {
6902
6947
  .closeLabel=${this.closeLabel}
6903
6948
  .moreActionsLabel=${this.moreActionsLabel}
6904
6949
  .actionLabel=${isRuntime ? this.serviceDetailLabel : ""}
6950
+ .ctaText=${this.ctaText}
6951
+ .ctaIconName=${this.ctaIconName}
6952
+ .ctaIconColor=${this.ctaIconColor}
6905
6953
  @more-actions-toggled=${(e) => this.dispatchEvent(new CustomEvent("more-actions-toggled", {
6906
6954
  detail: e.detail,
6907
6955
  bubbles: true,
@@ -6954,6 +7002,9 @@ __decorate([property({ type: String })], AxebowBaseCard.prototype, "borderColor"
6954
7002
  __decorate([property({ type: String })], AxebowBaseCard.prototype, "statusCode", void 0);
6955
7003
  __decorate([property({ type: String })], AxebowBaseCard.prototype, "statusMessage", void 0);
6956
7004
  __decorate([property({ type: String })], AxebowBaseCard.prototype, "serviceDetailLabel", void 0);
7005
+ __decorate([property({ type: String })], AxebowBaseCard.prototype, "ctaText", void 0);
7006
+ __decorate([property({ type: String })], AxebowBaseCard.prototype, "ctaIconName", void 0);
7007
+ __decorate([property({ type: String })], AxebowBaseCard.prototype, "ctaIconColor", void 0);
6957
7008
  __decorate([property({ type: Boolean })], AxebowBaseCard.prototype, "showActionBanner", void 0);
6958
7009
  __decorate([property({ type: Boolean })], AxebowBaseCard.prototype, "showWarningBanner", void 0);
6959
7010
  __decorate([property({ type: String })], AxebowBaseCard.prototype, "manageLabel", void 0);