@kumori/aurora-wui-components 0.0.255-dev4067.6 → 0.0.255-dev4067.8

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 (4) hide show
  1. package/dist/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.d.ts.map +1 -1
  2. package/dist/index.js +18 -6
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
package/dist/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-carousel-selector-tenant.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,+DAA+D,CAAC;AACvE,OAAO,yEAAyE,CAAC;AACjF,OAAO,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAExF,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAUD,qBACa,4BAA6B,SAAQ,UAAU;IAC1D,MAAM,CAAC,MAAM,4BAsBX;IAEyC,OAAO,EAAE,uBAAuB,CAAa;IAC7D,KAAK,EAAE,0BAA0B,EAAE,CAAM;IAE3D,OAAO,CAAC,cAAc,CAAwC;IAEjD,OAAO,CAAC,WAAW,CAAC,CAAc;IACxD,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEzC,iBAAiB;IAQjB,oBAAoB;IAKpB,SAAS,CAAC,YAAY;IAItB,OAAO,CAAC,aAAa;IAUrB,MAAM;CA2BP"}
1
+ {"version":3,"file":"axebow-carousel-selector-tenant.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,+DAA+D,CAAC;AACvE,OAAO,yEAAyE,CAAC;AACjF,OAAO,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAExF,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAcD,qBACa,4BAA6B,SAAQ,UAAU;IAC1D,MAAM,CAAC,MAAM,4BA6BX;IAEyC,OAAO,EAAE,uBAAuB,CAAa;IAC7D,KAAK,EAAE,0BAA0B,EAAE,CAAM;IAE3D,OAAO,CAAC,cAAc,CAAK;IAEd,OAAO,CAAC,WAAW,CAAC,CAAc;IACxD,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEzC,iBAAiB;IAQjB,oBAAoB;IAKpB,SAAS,CAAC,YAAY;IAKtB,OAAO,CAAC,aAAa;IAUrB,MAAM;CA2BP"}
package/dist/index.js CHANGED
@@ -7370,16 +7370,20 @@ AxebowCarouselSelectorItem = __decorate([customElement("axebow-carousel-selector
7370
7370
  //#endregion
7371
7371
  //#region src/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.ts
7372
7372
  var ITEM_GAP_PX = 48;
7373
- var REFERENCE_WIDTH_PX = 777;
7374
- function slidesPerPageFor(containerWidthPx) {
7375
- return (containerWidthPx + ITEM_GAP_PX) / 275;
7373
+ var NAV_GAP_PX = 8;
7374
+ function itemWidthFor(variant) {
7375
+ return variant === "environment" ? 227.33 : 227;
7376
+ }
7377
+ function slidesPerPageFor(scrollContainerWidthPx, variant) {
7378
+ const itemWidth = itemWidthFor(variant);
7379
+ return (scrollContainerWidthPx + ITEM_GAP_PX) / (itemWidth + ITEM_GAP_PX);
7376
7380
  }
7377
7381
  var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends LitElement {
7378
7382
  constructor(..._args) {
7379
7383
  super(..._args);
7380
7384
  this.variant = "account";
7381
7385
  this.items = [];
7382
- this._slidesPerPage = slidesPerPageFor(REFERENCE_WIDTH_PX);
7386
+ this._slidesPerPage = 3;
7383
7387
  }
7384
7388
  static {
7385
7389
  this.styles = [unsafeCSS(tailwind_default), css`
@@ -7392,6 +7396,13 @@ var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends Li
7392
7396
  width: 100%;
7393
7397
  --slide-gap: ${ITEM_GAP_PX / 16}rem;
7394
7398
  }
7399
+ sl-carousel::part(base) {
7400
+ gap: ${NAV_GAP_PX / 16}rem;
7401
+ }
7402
+ sl-carousel::part(navigation-button) {
7403
+ padding: 0;
7404
+ margin: 0;
7405
+ }
7395
7406
  sl-carousel::part(scroll-container) {
7396
7407
  height: 4.5rem;
7397
7408
  }
@@ -7407,7 +7418,7 @@ var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends Li
7407
7418
  super.connectedCallback();
7408
7419
  this._resizeObserver = new ResizeObserver((entries) => {
7409
7420
  const width = entries[0]?.contentRect.width;
7410
- if (width) this._slidesPerPage = slidesPerPageFor(width);
7421
+ if (width) this._slidesPerPage = slidesPerPageFor(width, this.variant);
7411
7422
  });
7412
7423
  }
7413
7424
  disconnectedCallback() {
@@ -7415,7 +7426,8 @@ var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends Li
7415
7426
  this._resizeObserver?.disconnect();
7416
7427
  }
7417
7428
  firstUpdated() {
7418
- if (this._carouselEl) this._resizeObserver?.observe(this._carouselEl);
7429
+ const scrollContainer = this._carouselEl?.shadowRoot?.getElementById("scroll-container");
7430
+ if (scrollContainer) this._resizeObserver?.observe(scrollContainer);
7419
7431
  }
7420
7432
  _onItemSelect(e) {
7421
7433
  this.dispatchEvent(new CustomEvent("item-select", {