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

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.
@@ -26,6 +26,8 @@ export interface MainStatsType {
26
26
  onClickLabel?: () => void;
27
27
  active?: boolean;
28
28
  ctaCount?: number;
29
+ ctaIconName?: string;
30
+ ctaIconColor?: string;
29
31
  }
30
32
  export interface ActionMenuItem {
31
33
  label: string;
@@ -1 +1 @@
1
- {"version":3,"file":"card.models.d.ts","sourceRoot":"","sources":["../../../src/components/cards/card.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExE,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IACjE,KAAK,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC7D;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB"}
1
+ {"version":3,"file":"card.models.d.ts","sourceRoot":"","sources":["../../../src/components/cards/card.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExE,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IACjE,KAAK,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAC7D;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB"}
@@ -6,6 +6,8 @@ export declare class AxebowCardStatItem extends LitElement {
6
6
  label: string;
7
7
  active: boolean;
8
8
  ctaCount: number;
9
+ ctaIconName: string;
10
+ ctaIconColor: string;
9
11
  render(): import('lit-html').TemplateResult<1>;
10
12
  private _onClick;
11
13
  private _onCtaClick;
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-card-stat-item.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-stat-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,kCAAkC,CAAC;AAE1C,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,4BAGX;IAE0B,KAAK,EAAE,MAAM,CAAK;IAClB,KAAK,SAAM;IACX,KAAK,SAAM;IACV,MAAM,UAAQ;IACf,QAAQ,SAAK;IAEzC,MAAM;IAiCN,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,WAAW;CAGpB"}
1
+ {"version":3,"file":"axebow-card-stat-item.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-stat-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,kCAAkC,CAAC;AAE1C,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,4BAGX;IAE0B,KAAK,EAAE,MAAM,CAAK;IAClB,KAAK,SAAM;IACX,KAAK,SAAM;IACV,MAAM,UAAQ;IACf,QAAQ,SAAK;IACb,WAAW,SAAU;IACrB,YAAY,SAAyB;IAEjE,MAAM;IAmCN,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,WAAW;CAGpB"}
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-card-stats-row.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-stats-row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,4BAA4B,CAAC;AAEpC,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,4BAGX;IAEyB,KAAK,EAAE,aAAa,EAAE,CAAM;IAC3B,QAAQ,EAAE,QAAQ,CAAa;IAE3D,OAAO,CAAC,WAAW;IAInB,MAAM;IAsBN,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe;CAKxB"}
1
+ {"version":3,"file":"axebow-card-stats-row.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-stats-row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,4BAA4B,CAAC;AAEpC,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,4BAGX;IAEyB,KAAK,EAAE,aAAa,EAAE,CAAM;IAC3B,QAAQ,EAAE,QAAQ,CAAa;IAE3D,OAAO,CAAC,WAAW;IAInB,MAAM;IAwBN,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe;CAKxB"}
package/dist/index.js CHANGED
@@ -6049,6 +6049,8 @@ var AxebowCardStatItem = class AxebowCardStatItem extends LitElement {
6049
6049
  this.label = "";
6050
6050
  this.active = true;
6051
6051
  this.ctaCount = 0;
6052
+ this.ctaIconName = "info";
6053
+ this.ctaIconColor = "var(--axebow-error)";
6052
6054
  }
6053
6055
  static {
6054
6056
  this.styles = [unsafeCSS(tailwind_default), css`:host { display: block; }`];
@@ -6061,10 +6063,12 @@ var AxebowCardStatItem = class AxebowCardStatItem extends LitElement {
6061
6063
  ${this.ctaCount > 0 ? html`
6062
6064
  <span
6063
6065
  class="flex items-center gap-0.5 cursor-pointer"
6064
- style="color: var(--axebow-error);"
6066
+ style="color: ${this.ctaIconColor};"
6065
6067
  @click=${this._onCtaClick}
6066
6068
  >
6067
- <axebow-icon iconName="dangerous" iconColor="var(--axebow-error)" size="sm"></axebow-icon>
6069
+ <div class="w-5 h-5 shrink-0 flex items-center justify-center">
6070
+ <axebow-icon iconName=${this.ctaIconName} iconColor=${this.ctaIconColor} size="md"></axebow-icon>
6071
+ </div>
6068
6072
  <span class="text-base font-semibold leading-none whitespace-nowrap">${this.ctaCount}</span>
6069
6073
  </span>
6070
6074
  ` : ""}
@@ -6099,6 +6103,8 @@ __decorate([property({ type: String })], AxebowCardStatItem.prototype, "title",
6099
6103
  __decorate([property({ type: String })], AxebowCardStatItem.prototype, "label", void 0);
6100
6104
  __decorate([property({ type: Boolean })], AxebowCardStatItem.prototype, "active", void 0);
6101
6105
  __decorate([property({ type: Number })], AxebowCardStatItem.prototype, "ctaCount", void 0);
6106
+ __decorate([property({ type: String })], AxebowCardStatItem.prototype, "ctaIconName", void 0);
6107
+ __decorate([property({ type: String })], AxebowCardStatItem.prototype, "ctaIconColor", void 0);
6102
6108
  AxebowCardStatItem = __decorate([customElement("axebow-card-stat-item")], AxebowCardStatItem);
6103
6109
  //#endregion
6104
6110
  //#region src/components/cards/parts/axebow-card-stats-row.ts
@@ -6116,7 +6122,7 @@ var AxebowCardStatsRow = class AxebowCardStatsRow extends LitElement {
6116
6122
  }
6117
6123
  render() {
6118
6124
  return html`
6119
- <div class="grid grid-cols-[7.5rem_7.5rem_7.5rem] items-center gap-0.5 w-91 ${this._hasButtons() ? "h-17.75" : "h-11.25"} box-border">
6125
+ <div class="grid grid-cols-[7.5rem_7.5rem_7.5rem] items-center gap-0.5 w-91 mx-2 ${this._hasButtons() ? "h-17.75" : "h-11.25"} box-border">
6120
6126
  ${this.stats.map((stat, index) => html`
6121
6127
  <axebow-card-stat-item
6122
6128
  .value=${stat.value}
@@ -6124,6 +6130,8 @@ var AxebowCardStatsRow = class AxebowCardStatsRow extends LitElement {
6124
6130
  .label=${stat.label}
6125
6131
  .active=${stat.active !== false}
6126
6132
  .ctaCount=${stat.ctaCount ?? 0}
6133
+ .ctaIconName=${stat.ctaIconName ?? "info"}
6134
+ .ctaIconColor=${stat.ctaIconColor ?? "var(--axebow-error)"}
6127
6135
  @label-click=${() => this._handleLabelClick(index)}
6128
6136
  @cta-click=${() => this._handleCtaClick(index)}
6129
6137
  ></axebow-card-stat-item>