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

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 +14 -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,4BAyBX;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,9 @@ 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
+ }
7395
7402
  sl-carousel::part(scroll-container) {
7396
7403
  height: 4.5rem;
7397
7404
  }
@@ -7407,7 +7414,7 @@ var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends Li
7407
7414
  super.connectedCallback();
7408
7415
  this._resizeObserver = new ResizeObserver((entries) => {
7409
7416
  const width = entries[0]?.contentRect.width;
7410
- if (width) this._slidesPerPage = slidesPerPageFor(width);
7417
+ if (width) this._slidesPerPage = slidesPerPageFor(width, this.variant);
7411
7418
  });
7412
7419
  }
7413
7420
  disconnectedCallback() {
@@ -7415,7 +7422,8 @@ var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends Li
7415
7422
  this._resizeObserver?.disconnect();
7416
7423
  }
7417
7424
  firstUpdated() {
7418
- if (this._carouselEl) this._resizeObserver?.observe(this._carouselEl);
7425
+ const scrollContainer = this._carouselEl?.shadowRoot?.getElementById("scroll-container");
7426
+ if (scrollContainer) this._resizeObserver?.observe(scrollContainer);
7419
7427
  }
7420
7428
  _onItemSelect(e) {
7421
7429
  this.dispatchEvent(new CustomEvent("item-select", {