@kumori/aurora-wui-components 0.0.273-dev4131 → 0.0.273-dev4131.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 (5) hide show
  1. package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts +1 -1
  2. package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts.map +1 -1
  3. package/dist/index.js +9 -9
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts CHANGED
@@ -12,7 +12,7 @@ export declare class AxebowCarouselSelectorItem extends LitElement {
12
12
  accountName: string;
13
13
  logoSrc: string | null;
14
14
  logoAlt: string;
15
- private _handleChange;
15
+ private _handleCardClick;
16
16
  private _renderCheck;
17
17
  private _renderBadge;
18
18
  private _renderAccount;
package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-carousel-selector-item.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,+DAA+D,CAAC;AACvE,OAAO,kCAAkC,CAAC;AAE1C,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,aAAa,CAAC;AAEhE,qBACa,0BAA2B,SAAQ,UAAU;IACxD,MAAM,CAAC,MAAM,4BAyBX;IAEyC,OAAO,EAAE,uBAAuB,CAAa;IAC5D,MAAM,SAAM;IACX,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,SAAS,SAAM;IACf,IAAI,SAAM;IACV,UAAU,SAAM;IAChB,WAAW,SAAM;IACjB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,OAAO,SAAM;IAEzC,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,kBAAkB;IA2B1B,MAAM;CAgBP"}
1
+ {"version":3,"file":"axebow-carousel-selector-item.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,+DAA+D,CAAC;AACvE,OAAO,kCAAkC,CAAC;AAE1C,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,aAAa,CAAC;AAEhE,qBACa,0BAA2B,SAAQ,UAAU;IACxD,MAAM,CAAC,MAAM,4BA4BX;IAEyC,OAAO,EAAE,uBAAuB,CAAa;IAC5D,MAAM,SAAM;IACX,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,SAAS,SAAM;IACf,IAAI,SAAM;IACV,UAAU,SAAM;IAChB,WAAW,SAAM;IACjB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,OAAO,SAAM;IAEzC,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,kBAAkB;IA2B1B,MAAM;CAiBP"}
package/dist/index.js CHANGED
@@ -8803,6 +8803,9 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
8803
8803
  width: 14.208125rem;
8804
8804
  height: 5.125rem;
8805
8805
  }
8806
+ .item-container:not(.selected):hover {
8807
+ border-color: var(--axebow-tertiary);
8808
+ }
8806
8809
  .item-checkbox::part(base) {
8807
8810
  padding: 0;
8808
8811
  }
@@ -8817,13 +8820,9 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
8817
8820
  }
8818
8821
  `];
8819
8822
  }
8820
- _handleChange(e) {
8821
- const checkbox = e.target;
8823
+ _handleCardClick() {
8822
8824
  if (this.disabled) return;
8823
- if (this.selected && !checkbox.checked) {
8824
- checkbox.checked = true;
8825
- return;
8826
- }
8825
+ if (this.selected) return;
8827
8826
  this.dispatchEvent(new CustomEvent("item-select", {
8828
8827
  detail: { id: this.itemId },
8829
8828
  bubbles: true,
@@ -8832,12 +8831,11 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
8832
8831
  }
8833
8832
  _renderCheck() {
8834
8833
  return html`
8835
- <div class="absolute ${this.variant === "environment" ? "top-3 right-1.5" : "top-3 right-3"} w-4.5 h-4.5 shrink-0">
8834
+ <div class="absolute ${this.variant === "environment" ? "top-3 right-1.5" : "top-3 right-3"} w-4.5 h-4.5 shrink-0 pointer-events-none">
8836
8835
  <sl-checkbox
8837
8836
  class="item-checkbox"
8838
8837
  .checked=${this.selected}
8839
8838
  ?disabled=${this.disabled}
8840
- @sl-change=${this._handleChange}
8841
8839
  ></sl-checkbox>
8842
8840
  </div>
8843
8841
  `;
@@ -8886,9 +8884,11 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
8886
8884
  `;
8887
8885
  }
8888
8886
  render() {
8887
+ const paddingClass = this.variant === "environment" ? "pt-3 px-1.5 pb-0" : "pt-3 px-3 pb-0";
8889
8888
  return html`
8890
8889
  <div
8891
- class="relative w-full h-full box-border rounded-md border border-solid overflow-hidden transition-colors ${this.variant === "environment" ? "pt-3 px-1.5 pb-0" : "pt-3 px-3 pb-0"} ${this.selected ? "border-(--axebow-primary) bg-(--axebow-white)" : "border-(--axebow-light-gray) bg-(--axebow-base)"} ${this.disabled ? "opacity-60 pointer-events-none" : "hover:border-(--axebow-tertiary)"}"
8890
+ @click=${this._handleCardClick}
8891
+ class="item-container relative w-full h-full box-border rounded-md border border-solid overflow-hidden transition-colors ${paddingClass} ${this.selected ? "selected cursor-default border-(--axebow-primary) bg-(--axebow-white)" : "cursor-pointer border-(--axebow-light-gray) bg-(--axebow-base)"} ${this.disabled ? "opacity-60 pointer-events-none" : ""}"
8892
8892
  >
8893
8893
  ${this.variant === "environment" ? this._renderEnvironment() : this._renderAccount()}
8894
8894
  ${this._renderCheck()}