@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.
- package/dist/components/cards/axebow-base-card.d.ts +3 -0
- package/dist/components/cards/axebow-base-card.d.ts.map +1 -1
- package/dist/components/cards/parts/axebow-card-footer.d.ts +3 -0
- package/dist/components/cards/parts/axebow-card-footer.d.ts.map +1 -1
- package/dist/components/cards/parts/axebow-card-status.d.ts +5 -0
- package/dist/components/cards/parts/axebow-card-status.d.ts.map +1 -1
- package/dist/index.js +51 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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;
|
|
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;
|
|
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;
|
|
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);
|