@kumori/aurora-wui-components 0.0.281-dev4205.3 → 0.0.281-dev4205.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.
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
import { CallToActionButton, CallToActionCriticality } from '../axebow-call-to-action-row/axebow-call-to-action-row.js';
|
|
3
|
+
export interface CallToActionNotification {
|
|
4
|
+
criticality?: CallToActionCriticality;
|
|
5
|
+
heading?: string;
|
|
6
|
+
badgeLabel?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
buttons?: CallToActionButton[];
|
|
9
|
+
lowNoteText?: string;
|
|
10
|
+
}
|
|
2
11
|
export declare class AxebowCallToActionFeature extends LitElement {
|
|
3
|
-
|
|
12
|
+
callToActions: CallToActionNotification[];
|
|
4
13
|
actionNeededLabel: string;
|
|
5
14
|
lastUpdatedText: string;
|
|
6
15
|
private expanded;
|
package/dist/components/axebow-call-to-action-feature/axebow-call-to-action-feature.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"axebow-call-to-action-feature.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-call-to-action-feature/axebow-call-to-action-feature.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"axebow-call-to-action-feature.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-call-to-action-feature/axebow-call-to-action-feature.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AAC7H,OAAO,2DAA2D,CAAC;AAEnE,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,qBACa,yBAA0B,SAAQ,UAAU;IAC5B,aAAa,EAAE,wBAAwB,EAAE,CAAM;IAC9C,iBAAiB,SAAmB;IACpC,eAAe,SAAM;IAExC,OAAO,CAAC,QAAQ,CAAS;IAElC,MAAM,CAAC,MAAM,4BASX;IAEF,OAAO,KAAK,mBAAmB,GAI9B;IAED,OAAO,CAAC,OAAO;IAIf,MAAM;CA2DP"}
|
package/dist/index.js
CHANGED
|
@@ -13703,7 +13703,7 @@ AxebowCallToActionRow = __decorate([customElement("axebow-call-to-action-row")],
|
|
|
13703
13703
|
var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitElement {
|
|
13704
13704
|
constructor(..._args) {
|
|
13705
13705
|
super(..._args);
|
|
13706
|
-
this.
|
|
13706
|
+
this.callToActions = [];
|
|
13707
13707
|
this.actionNeededLabel = "Action needed";
|
|
13708
13708
|
this.lastUpdatedText = "";
|
|
13709
13709
|
this.expanded = false;
|
|
@@ -13721,8 +13721,8 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
|
|
|
13721
13721
|
];
|
|
13722
13722
|
}
|
|
13723
13723
|
get _highestCriticality() {
|
|
13724
|
-
if (this.
|
|
13725
|
-
if (this.
|
|
13724
|
+
if (this.callToActions.some((c) => c.criticality === "critical")) return "critical";
|
|
13725
|
+
if (this.callToActions.some((c) => c.criticality === "high")) return "high";
|
|
13726
13726
|
return "low";
|
|
13727
13727
|
}
|
|
13728
13728
|
_toggle() {
|
|
@@ -13744,7 +13744,7 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
|
|
|
13744
13744
|
class="w-6 h-6 shrink-0 rounded-full flex items-center justify-center"
|
|
13745
13745
|
style="background-color: ${this.expanded ? "var(--axebow-white)" : "var(--axebow-base)"};"
|
|
13746
13746
|
>
|
|
13747
|
-
<span class="text-base">${this.
|
|
13747
|
+
<span class="text-base">${this.callToActions.length}</span>
|
|
13748
13748
|
</div>
|
|
13749
13749
|
</div>
|
|
13750
13750
|
|
|
@@ -13767,14 +13767,14 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
|
|
|
13767
13767
|
|
|
13768
13768
|
${this.expanded ? html`
|
|
13769
13769
|
<div class="w-full flex flex-col">
|
|
13770
|
-
${this.
|
|
13770
|
+
${this.callToActions.map((callToAction) => html`
|
|
13771
13771
|
<axebow-call-to-action-row
|
|
13772
|
-
criticality=${ifDefined(
|
|
13773
|
-
heading=${ifDefined(
|
|
13774
|
-
badgeLabel=${ifDefined(
|
|
13775
|
-
description=${ifDefined(
|
|
13776
|
-
lowNoteText=${ifDefined(
|
|
13777
|
-
.buttons=${
|
|
13772
|
+
criticality=${ifDefined(callToAction.criticality)}
|
|
13773
|
+
heading=${ifDefined(callToAction.heading)}
|
|
13774
|
+
badgeLabel=${ifDefined(callToAction.badgeLabel)}
|
|
13775
|
+
description=${ifDefined(callToAction.description)}
|
|
13776
|
+
lowNoteText=${ifDefined(callToAction.lowNoteText)}
|
|
13777
|
+
.buttons=${callToAction.buttons ?? []}
|
|
13778
13778
|
></axebow-call-to-action-row>
|
|
13779
13779
|
`)}
|
|
13780
13780
|
</div>
|
|
@@ -13783,7 +13783,7 @@ var AxebowCallToActionFeature = class AxebowCallToActionFeature extends LitEleme
|
|
|
13783
13783
|
`;
|
|
13784
13784
|
}
|
|
13785
13785
|
};
|
|
13786
|
-
__decorate([property({ type: Array })], AxebowCallToActionFeature.prototype, "
|
|
13786
|
+
__decorate([property({ type: Array })], AxebowCallToActionFeature.prototype, "callToActions", void 0);
|
|
13787
13787
|
__decorate([property({ type: String })], AxebowCallToActionFeature.prototype, "actionNeededLabel", void 0);
|
|
13788
13788
|
__decorate([property({ type: String })], AxebowCallToActionFeature.prototype, "lastUpdatedText", void 0);
|
|
13789
13789
|
__decorate([state()], AxebowCallToActionFeature.prototype, "expanded", void 0);
|