@kumori/aurora-wui-components 0.0.313-dev4582 → 0.0.313-dev4582.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 (8) hide show
  1. package/dist/components/axebow-copy-icon/axebow-copy-icon.d.ts +1 -0
  2. package/dist/components/axebow-copy-icon/axebow-copy-icon.d.ts.map +1 -1
  3. package/dist/components/axebow-promotion-dropdown/axebow-promotion-dropdown.d.ts +2 -0
  4. package/dist/components/axebow-promotion-dropdown/axebow-promotion-dropdown.d.ts.map +1 -1
  5. package/dist/index.js +24 -4
  6. package/dist/index.js.map +1 -1
  7. package/dist/playground/schemas/axebow-copy-icon.schema.d.ts.map +1 -1
  8. package/package.json +1 -1
package/dist/components/axebow-copy-icon/axebow-copy-icon.d.ts CHANGED
@@ -21,6 +21,7 @@ export declare class AxebowCopyIcon extends LitElement {
21
21
  successContainerClass: string;
22
22
  titleText: string;
23
23
  copyTooltip: string;
24
+ iconOnlyFeedback: boolean;
24
25
  private _copied;
25
26
  private _hovered;
26
27
  private _timeoutId;
package/dist/components/axebow-copy-icon/axebow-copy-icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-copy-icon.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-copy-icon/axebow-copy-icon.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,KAAK,GAAG,WAAW,CAAC;AAE7D,qBACa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,4BAkEX;IAEyC,OAAO,EAAE,iBAAiB,CAAU;IACnD,KAAK,SAAM;IACX,SAAS,SAAM;IACX,QAAQ,CAAC,EAAE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9C,KAAK,SAAM;IACX,IAAI,SAAM;IACV,UAAU,SAAM;IACf,QAAQ,UAAS;IAClB,QAAQ,SAAkB;IAC1B,eAAe,SAAW;IAC1B,SAAS,SAAM;IACf,gBAAgB,SAAM;IACtB,IAAI,SAAM;IACM,QAAQ,UAAS;IACjC,gBAAgB,SAAQ;IACxB,cAAc,SAAM;IACpB,qBAAqB,SAAM;IAC3B,SAAS,SAAM;IACf,WAAW,SAAM;IAEpC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,UAAU,CAAuB;IAEzC,oBAAoB;IAQpB,OAAO,KAAK,cAAc,GAKzB;IAED,OAAO,KAAK,kBAAkB,GAc7B;IAED,OAAO,KAAK,cAAc,GAQzB;IAED,OAAO,KAAK,kBAAkB,GAQ7B;IAEY,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK;IAoDjC,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,UAAU,CAKhB;IAEF,MAAM;CA8EP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
1
+ {"version":3,"file":"axebow-copy-icon.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-copy-icon/axebow-copy-icon.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,KAAK,GAAG,WAAW,CAAC;AAE7D,qBACa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,4BAkEX;IAEyC,OAAO,EAAE,iBAAiB,CAAU;IACnD,KAAK,SAAM;IACX,SAAS,SAAM;IACX,QAAQ,CAAC,EAAE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9C,KAAK,SAAM;IACX,IAAI,SAAM;IACV,UAAU,SAAM;IACf,QAAQ,UAAS;IAClB,QAAQ,SAAkB;IAC1B,eAAe,SAAW;IAC1B,SAAS,SAAM;IACf,gBAAgB,SAAM;IACtB,IAAI,SAAM;IACM,QAAQ,UAAS;IACjC,gBAAgB,SAAQ;IACxB,cAAc,SAAM;IACpB,qBAAqB,SAAM;IAC3B,SAAS,SAAM;IACf,WAAW,SAAM;IAChB,gBAAgB,UAAS;IAE7C,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,UAAU,CAAuB;IAEzC,oBAAoB;IAQpB,OAAO,KAAK,cAAc,GAKzB;IAED,OAAO,KAAK,kBAAkB,GAc7B;IAED,OAAO,KAAK,cAAc,GAQzB;IAED,OAAO,KAAK,kBAAkB,GAQ7B;IAEY,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK;IAoDjC,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,UAAU,CAKhB;IAEF,MAAM;CA+EP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
package/dist/components/axebow-promotion-dropdown/axebow-promotion-dropdown.d.ts CHANGED
@@ -10,7 +10,9 @@ export declare class AxebowPromotionDropdown extends LitElement {
10
10
  supportEmail: string;
11
11
  private _isStepCompleted;
12
12
  private _handleSupportEmailClick;
13
+ private _hideDropdown;
13
14
  private _handleClaim;
15
+ private _handleStepClick;
14
16
  render(): import('lit-html').TemplateResult<1>;
15
17
  }
16
18
  declare global {
package/dist/components/axebow-promotion-dropdown/axebow-promotion-dropdown.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-promotion-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-promotion-dropdown/axebow-promotion-dropdown.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,yDAAyD,CAAC;AACjE,OAAO,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AAEvE,qBACa,uBAAwB,SAAQ,UAAU;IACrD,MAAM,CAAC,MAAM,4BA4BX;IAE0B,aAAa,SAAM;IACnB,eAAe,SAAM;IACtB,KAAK,EAAE,MAAM,EAAE,CAAM;IACpB,cAAc,SAAK;IACpB,cAAc,EAAE,OAAO,EAAE,CAAM;IAC9B,aAAa,SAAK;IAClB,YAAY,SAAM;IAE9C,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,YAAY;IAKpB,MAAM;CAyDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,2BAA2B,EAAE,uBAAuB,CAAC;KACtD;CACF"}
1
+ {"version":3,"file":"axebow-promotion-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-promotion-dropdown/axebow-promotion-dropdown.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,yDAAyD,CAAC;AACjE,OAAO,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AAEvE,qBACa,uBAAwB,SAAQ,UAAU;IACrD,MAAM,CAAC,MAAM,4BA4BX;IAE0B,aAAa,SAAM;IACnB,eAAe,SAAM;IACtB,KAAK,EAAE,MAAM,EAAE,CAAM;IACpB,cAAc,SAAK;IACpB,cAAc,EAAE,OAAO,EAAE,CAAM;IAC9B,aAAa,SAAK;IAClB,YAAY,SAAM;IAE9C,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,gBAAgB;IAOxB,MAAM;CA4DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,2BAA2B,EAAE,uBAAuB,CAAC;KACtD;CACF"}
package/dist/index.js CHANGED
@@ -1645,13 +1645,27 @@ var AxebowPromotionDropdown = class AxebowPromotionDropdown extends LitElement {
1645
1645
  _handleSupportEmailClick() {
1646
1646
  window.open(`mailto:${this.supportEmail}`, "_self");
1647
1647
  }
1648
- _handleClaim() {
1648
+ _hideDropdown() {
1649
1649
  this.renderRoot.querySelector("sl-dropdown")?.hide();
1650
+ }
1651
+ _handleClaim() {
1652
+ this._hideDropdown();
1650
1653
  this.dispatchEvent(new CustomEvent("promotion-claim", {
1651
1654
  bubbles: true,
1652
1655
  composed: true
1653
1656
  }));
1654
1657
  }
1658
+ _handleStepClick(index, step) {
1659
+ this._hideDropdown();
1660
+ this.dispatchEvent(new CustomEvent("promotion-step-click", {
1661
+ detail: {
1662
+ index,
1663
+ step
1664
+ },
1665
+ bubbles: true,
1666
+ composed: true
1667
+ }));
1668
+ }
1655
1669
  render() {
1656
1670
  return html`
1657
1671
  <sl-dropdown>
@@ -1665,7 +1679,10 @@ var AxebowPromotionDropdown = class AxebowPromotionDropdown extends LitElement {
1665
1679
  <div class="w-100 min-h-45.5 box-border flex flex-col bg-white rounded-md axebow-shadow py-3 px-4">
1666
1680
  <div class="flex flex-col gap-2">
1667
1681
  ${this.steps.map((step, index) => html`
1668
- <div class="group w-92 h-8.75 shrink-0 flex items-center justify-between gap-2 cursor-pointer">
1682
+ <div
1683
+ class="group w-92 h-8.75 shrink-0 flex items-center justify-between gap-2 cursor-pointer"
1684
+ @click=${() => this._handleStepClick(index, step)}
1685
+ >
1669
1686
  <div class="relative flex items-center gap-2 min-w-0">
1670
1687
  <span class="shrink-0 text-base font-semibold text-black">${index + 1}.</span>
1671
1688
  <span class="text-base text-black">${step}</span>
@@ -12885,6 +12902,7 @@ var AxebowCopyIcon = class AxebowCopyIcon extends LitElement {
12885
12902
  this.successContainerClass = "";
12886
12903
  this.titleText = "";
12887
12904
  this.copyTooltip = "";
12905
+ this.iconOnlyFeedback = false;
12888
12906
  this._copied = false;
12889
12907
  this._hovered = false;
12890
12908
  this._timeoutId = null;
@@ -13051,7 +13069,8 @@ var AxebowCopyIcon = class AxebowCopyIcon extends LitElement {
13051
13069
  }
13052
13070
  render() {
13053
13071
  const iconToShow = this._copied ? this.successIconName : this.iconName;
13054
- const computedTitle = this._copied ? this.copiedText || "Copied!" : this.titleText || this.copyTooltip || this.label || "Copy";
13072
+ const showCopiedFeedback = this._copied && !this.iconOnlyFeedback;
13073
+ const computedTitle = showCopiedFeedback ? this.copiedText || "Copied!" : this.titleText || this.copyTooltip || this.label || "Copy";
13055
13074
  if (this.variant === "box") {
13056
13075
  const extraClass = this._copied ? this.successContainerClass || this.containerClass : this.containerClass;
13057
13076
  return html`
@@ -13108,7 +13127,7 @@ var AxebowCopyIcon = class AxebowCopyIcon extends LitElement {
13108
13127
  style="color: ${this._computedIconColor};"
13109
13128
  >
13110
13129
  <axebow-icon iconName="${iconToShow}" iconColor="${this._computedIconColor}" size="${this._effectiveSize}"></axebow-icon>
13111
- ${(this.showText || this.text || this.copiedText) && this._copied ? html`<span class="text-sm transition-opacity duration-200" style="color: ${this._computedIconColor};">${this.copiedText || this.text || "Copied!"}</span>` : ""}
13130
+ ${(this.showText || this.text || this.copiedText) && showCopiedFeedback ? html`<span class="text-sm transition-opacity duration-200" style="color: ${this._computedIconColor};">${this.copiedText || this.text || "Copied!"}</span>` : ""}
13112
13131
  <slot class="hidden"></slot>
13113
13132
  </button>
13114
13133
  `;
@@ -13139,6 +13158,7 @@ __decorate([property({ type: String })], AxebowCopyIcon.prototype, "containerCla
13139
13158
  __decorate([property({ type: String })], AxebowCopyIcon.prototype, "successContainerClass", void 0);
13140
13159
  __decorate([property({ type: String })], AxebowCopyIcon.prototype, "titleText", void 0);
13141
13160
  __decorate([property({ type: String })], AxebowCopyIcon.prototype, "copyTooltip", void 0);
13161
+ __decorate([property({ type: Boolean })], AxebowCopyIcon.prototype, "iconOnlyFeedback", void 0);
13142
13162
  __decorate([state()], AxebowCopyIcon.prototype, "_copied", void 0);
13143
13163
  __decorate([state()], AxebowCopyIcon.prototype, "_hovered", void 0);
13144
13164
  AxebowCopyIcon = __decorate([customElement("axebow-copy-icon")], AxebowCopyIcon);