@kumori/aurora-wui-components 0.0.317-dev4599.1 → 0.0.318-dev4599.2

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.
Files changed (9) hide show
  1. package/dist/components/axebow-alert/axebow-alert.d.ts +2 -0
  2. package/dist/components/axebow-alert/axebow-alert.d.ts.map +1 -1
  3. package/dist/components/axebow-banner/axebow-banner.d.ts +1 -0
  4. package/dist/components/axebow-banner/axebow-banner.d.ts.map +1 -1
  5. package/dist/index.js +26 -21
  6. package/dist/index.js.map +1 -1
  7. package/dist/playground/schemas/axebow-alert.schema.d.ts.map +1 -1
  8. package/dist/playground/schemas/axebow-banner.schema.d.ts.map +1 -1
  9. package/package.json +1 -1
package/dist/components/axebow-alert/axebow-alert.d.ts CHANGED
@@ -13,6 +13,7 @@ export declare class AxebowAlert extends LitElement {
13
13
  closable: boolean;
14
14
  visible: boolean;
15
15
  actionLabel: string;
16
+ actionType: 'button' | 'link';
16
17
  closeLabel: string;
17
18
  onAction?: () => void;
18
19
  onClose?: () => void;
@@ -23,6 +24,7 @@ export declare class AxebowAlert extends LitElement {
23
24
  connectedCallback(): void;
24
25
  disconnectedCallback(): void;
25
26
  private _handleClose;
27
+ private _handleAction;
26
28
  render(): import('lit-html').TemplateResult<1>;
27
29
  }
28
30
  //# sourceMappingURL=axebow-alert.d.ts.map
package/dist/components/axebow-alert/axebow-alert.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-alert.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-alert/axebow-alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAIvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAUhF;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,UAAU;IACb,OAAO,EAAE,YAAY,CAAU;IAC/B,OAAO,SAAM;IACZ,QAAQ,UAAQ;IAChB,OAAO,UAAS;IACjB,WAAW,SAAM;IACjB,UAAU,SAAW;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,QAAQ,SAAQ;IAE5C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,iBAAiB,CAAC,CAAgC;IAE1D,MAAM,CAAC,MAAM,4BAoCX;IAEF,iBAAiB;IAOjB,oBAAoB;IAKpB,OAAO,CAAC,YAAY;IAapB,MAAM;CA+CP"}
1
+ {"version":3,"file":"axebow-alert.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-alert/axebow-alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAIvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yDAAyD,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAUhF;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,UAAU;IACb,OAAO,EAAE,YAAY,CAAU;IAC/B,OAAO,SAAM;IACZ,QAAQ,UAAQ;IAChB,OAAO,UAAS;IACjB,WAAW,SAAM;IACjB,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAY;IACzC,UAAU,SAAW;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,QAAQ,SAAQ;IAE5C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,iBAAiB,CAAC,CAAgC;IAE1D,MAAM,CAAC,MAAM,4BAoCX;IAEF,iBAAiB;IAOjB,oBAAoB;IAKpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,aAAa;IAKrB,MAAM;CAiDP"}
package/dist/components/axebow-banner/axebow-banner.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare class AxebowBanner extends LitElement {
11
11
  type: BannerType;
12
12
  dismissible: boolean;
13
13
  iconName: string | null;
14
+ iconSize: string;
14
15
  rounded: boolean;
15
16
  compact: boolean;
16
17
  durationMs?: number;
package/dist/components/axebow-banner/axebow-banner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-banner.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-banner/axebow-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAIvD,OAAO,+BAA+B,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAElE;;;;;;GAMG;AACH,qBACa,YAAa,SAAQ,UAAU;IACd,IAAI,EAAE,UAAU,CAAU;IACzB,WAAW,EAAE,OAAO,CAAS;IAC9B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,OAAO,EAAE,OAAO,CAAS;IACzB,OAAO,EAAE,OAAO,CAAS;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C,OAAO,CAAC,aAAa,CAAC,CAAgC;IAE7C,OAAO,CAAC,OAAO,CAAQ;IAEhC,MAAM,CAAC,MAAM,4BAQX;IAEF,oBAAoB;IAKpB,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAMtC,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,kBAAkB;IAO1B,MAAM;IAiDN,OAAO,CAAC,cAAc;CAavB"}
1
+ {"version":3,"file":"axebow-banner.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-banner/axebow-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAIvD,OAAO,+BAA+B,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAElE;;;;;;GAMG;AACH,qBACa,YAAa,SAAQ,UAAU;IACd,IAAI,EAAE,UAAU,CAAU;IACzB,WAAW,EAAE,OAAO,CAAS;IAC9B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC/B,QAAQ,EAAE,MAAM,CAAM;IACrB,OAAO,EAAE,OAAO,CAAS;IACzB,OAAO,EAAE,OAAO,CAAS;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C,OAAO,CAAC,aAAa,CAAC,CAAgC;IAE7C,OAAO,CAAC,OAAO,CAAQ;IAEhC,MAAM,CAAC,MAAM,4BAQX;IAEF,oBAAoB;IAKpB,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAMtC,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,kBAAkB;IAO1B,MAAM;IA4CN,OAAO,CAAC,cAAc;CAavB"}
package/dist/index.js CHANGED
@@ -5650,6 +5650,7 @@ var AxebowBanner = class AxebowBanner extends LitElement {
5650
5650
  this.type = "info";
5651
5651
  this.dismissible = false;
5652
5652
  this.iconName = null;
5653
+ this.iconSize = "";
5653
5654
  this.rounded = false;
5654
5655
  this.compact = false;
5655
5656
  this.visible = true;
@@ -5721,18 +5722,15 @@ var AxebowBanner = class AxebowBanner extends LitElement {
5721
5722
  const classes = map[this.type] || map.info;
5722
5723
  return html`
5723
5724
  <div
5724
- class="w-full ${this.compact ? "px-3 py-1.5" : "px-4 pb-4 pt-3"} border ${classes.border} border-solid ${classes.bg} ${this.rounded ? "rounded-md" : ""} flex items-center gap-[0.625rem]"
5725
+ class="w-full h-full ${this.compact ? "px-3 py-1.5" : "px-4 pb-4 pt-3"} border ${classes.border} border-solid ${classes.bg} ${this.rounded ? "rounded-md" : ""} flex items-center gap-[0.625rem]"
5725
5726
  >
5726
5727
  <div class="w-6 h-6 shrink-0 flex items-center justify-center">
5727
- ${this.iconName ? html`<axebow-icon
5728
- class="${classes.icon}"
5729
- iconName="${this.iconName}"
5730
- iconColor="${classes.icon}"
5731
- ></axebow-icon>` : html`<axebow-icon
5732
- class="${classes.icon}"
5733
- iconName="${this.getDefaultIcon()}"
5734
- iconColor="${classes.icon}"
5735
- ></axebow-icon>`}
5728
+ <axebow-icon
5729
+ class="leading-none ${classes.icon}"
5730
+ iconName="${this.iconName || this.getDefaultIcon()}"
5731
+ iconColor="${classes.icon}"
5732
+ size="${this.iconSize || "medium"}"
5733
+ ></axebow-icon>
5736
5734
  </div>
5737
5735
  <div class="flex-1" style="${this.textSize ? `font-size: ${this.textSize};` : ""}">
5738
5736
  <slot></slot>
@@ -5752,6 +5750,7 @@ var AxebowBanner = class AxebowBanner extends LitElement {
5752
5750
  __decorate([property({ type: String })], AxebowBanner.prototype, "type", void 0);
5753
5751
  __decorate([property({ type: Boolean })], AxebowBanner.prototype, "dismissible", void 0);
5754
5752
  __decorate([property({ type: String })], AxebowBanner.prototype, "iconName", void 0);
5753
+ __decorate([property({ type: String })], AxebowBanner.prototype, "iconSize", void 0);
5755
5754
  __decorate([property({ type: Boolean })], AxebowBanner.prototype, "rounded", void 0);
5756
5755
  __decorate([property({ type: Boolean })], AxebowBanner.prototype, "compact", void 0);
5757
5756
  __decorate([property({ type: Number })], AxebowBanner.prototype, "durationMs", void 0);
@@ -7536,6 +7535,7 @@ var AxebowAlert = class AxebowAlert extends LitElement {
7536
7535
  this.closable = true;
7537
7536
  this.visible = false;
7538
7537
  this.actionLabel = "";
7538
+ this.actionType = "button";
7539
7539
  this.closeLabel = "Close";
7540
7540
  this.duration = 4e3;
7541
7541
  this._isClosing = false;
@@ -7597,6 +7597,10 @@ var AxebowAlert = class AxebowAlert extends LitElement {
7597
7597
  this.onClose?.();
7598
7598
  }, 300);
7599
7599
  }
7600
+ _handleAction() {
7601
+ this.onAction?.();
7602
+ this._handleClose();
7603
+ }
7600
7604
  render() {
7601
7605
  if (!this.visible) return html``;
7602
7606
  const config = VARIANT_CONFIG[this.variant] ?? VARIANT_CONFIG.info;
@@ -7612,17 +7616,17 @@ var AxebowAlert = class AxebowAlert extends LitElement {
7612
7616
  <p class="line-clamp-11 overflow-hidden m-0" .innerHTML=${this.message}></p>
7613
7617
  </div>
7614
7618
  ${this.actionLabel ? html`<div class="h-8.5 shrink-0 flex items-center">
7615
- <axebow-button
7616
- variant="text"
7617
- size="medium"
7618
- fixedWidth="2.3125rem"
7619
- fixedHeight="1.0625rem"
7620
- @click=${() => {
7621
- this.onAction?.();
7622
- this._handleClose();
7623
- }}
7624
- >${this.actionLabel}</axebow-button
7625
- >
7619
+ ${this.actionType === "link" ? html`<axebow-manage-hyperlinks
7620
+ .text=${this.actionLabel}
7621
+ .onClick=${() => this._handleAction()}
7622
+ ></axebow-manage-hyperlinks>` : html`<axebow-button
7623
+ variant="text"
7624
+ size="medium"
7625
+ fixedWidth="2.3125rem"
7626
+ fixedHeight="1.0625rem"
7627
+ @click=${() => this._handleAction()}
7628
+ >${this.actionLabel}</axebow-button
7629
+ >`}
7626
7630
  </div>` : ""}
7627
7631
  ${this.closable ? html`
7628
7632
  <div class="w-6 h-8.5 shrink-0 flex items-center justify-center">
@@ -7644,6 +7648,7 @@ __decorate([property({ type: String })], AxebowAlert.prototype, "message", void
7644
7648
  __decorate([property({ type: Boolean })], AxebowAlert.prototype, "closable", void 0);
7645
7649
  __decorate([property({ type: Boolean })], AxebowAlert.prototype, "visible", void 0);
7646
7650
  __decorate([property({ type: String })], AxebowAlert.prototype, "actionLabel", void 0);
7651
+ __decorate([property({ type: String })], AxebowAlert.prototype, "actionType", void 0);
7647
7652
  __decorate([property({ type: String })], AxebowAlert.prototype, "closeLabel", void 0);
7648
7653
  __decorate([property({ attribute: false })], AxebowAlert.prototype, "onAction", void 0);
7649
7654
  __decorate([property({ attribute: false })], AxebowAlert.prototype, "onClose", void 0);