@kumori/aurora-wui-components 0.0.255-dev4067.5 → 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 (8) hide show
  1. package/dist/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.d.ts.map +1 -1
  2. package/dist/components/axebow-input/axebow-input-base.d.ts +1 -0
  3. package/dist/components/axebow-input/axebow-input-base.d.ts.map +1 -1
  4. package/dist/components/axebow-input/axebow-input.d.ts +1 -0
  5. package/dist/components/axebow-input/axebow-input.d.ts.map +1 -1
  6. package/dist/index.js +31 -8
  7. package/dist/index.js.map +1 -1
  8. 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/components/axebow-input/axebow-input-base.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare abstract class AxebowInputBase extends LitElement {
12
12
  maxlength?: number;
13
13
  callback?: (e: Event) => void;
14
14
  compact: boolean;
15
+ wrapDescription: boolean;
15
16
  protected handleChange(e: Event): void;
16
17
  protected renderWrapper(content: TemplateResult): TemplateResult;
17
18
  protected renderFixedField(content: TemplateResult): TemplateResult;
package/dist/components/axebow-input/axebow-input-base.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-input-base.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,+BAA+B,CAAC;AAEvC,8BAAsB,eAAgB,SAAQ,UAAU;IACtD,MAAM,CAAC,UAAU,4BAyDf;IAE0B,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,YAAY,SAAM;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,UAAS;IAE7C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;IAO/B,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;IA2ChE,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;CA8BpE"}
1
+ {"version":3,"file":"axebow-input-base.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,+BAA+B,CAAC;AAEvC,8BAAsB,eAAgB,SAAQ,UAAU;IACtD,MAAM,CAAC,UAAU,4BAgEf;IAE0B,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,YAAY,SAAM;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,UAAS;IAChB,eAAe,UAAS;IAErD,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;IAO/B,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;IA2ChE,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;CAiCpE"}
package/dist/components/axebow-input/axebow-input.d.ts CHANGED
@@ -49,6 +49,7 @@ export declare class AxebowInput extends LitElement {
49
49
  showStepper: boolean;
50
50
  stepAmount: number;
51
51
  fixedField: boolean;
52
+ wrapDescription: boolean;
52
53
  render(): TemplateResult<1>;
53
54
  }
54
55
  //# sourceMappingURL=axebow-input.d.ts.map
package/dist/components/axebow-input/axebow-input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,yDAAyD,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAA6B,MAAM,0BAA0B,CAAC;AACtF,OAAO,wBAAwB,CAAC;AAChC,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AACxH,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAE9C;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,4BASX;IAE0B,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,WAAW,CAAW;IACpC,OAAO,EAAE,MAAM,EAAE,CAAM;IACvB,aAAa,EAAE,YAAY,EAAE,CAAM;IACf,QAAQ,UAAS;IAChC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAC3D,YAAY,SAAM;IACjB,QAAQ,UAAS;IAClB,GAAG,SAA2B;IAC9B,GAAG,SAAK;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,UAAS;IACrB,WAAW,SAAkB;IAC7B,gBAAgB,SAAmB;IAClC,mBAAmB,UAAQ;IAC3B,SAAS,UAAQ;IACd,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,eAAe,EAAE,eAAe,CAA6B;IAChE,OAAO,UAAS;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,UAAQ;IACpB,UAAU,SAAK;IACd,UAAU,UAAS;IAEhD,MAAM;CAiKP"}
1
+ {"version":3,"file":"axebow-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,yDAAyD,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAA6B,MAAM,0BAA0B,CAAC;AACtF,OAAO,wBAAwB,CAAC;AAChC,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AACxH,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAE9C;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,4BASX;IAE0B,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,WAAW,CAAW;IACpC,OAAO,EAAE,MAAM,EAAE,CAAM;IACvB,aAAa,EAAE,YAAY,EAAE,CAAM;IACf,QAAQ,UAAS;IAChC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAC3D,YAAY,SAAM;IACjB,QAAQ,UAAS;IAClB,GAAG,SAA2B;IAC9B,GAAG,SAAK;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,UAAS;IACrB,WAAW,SAAkB;IAC7B,gBAAgB,SAAmB;IAClC,mBAAmB,UAAQ;IAC3B,SAAS,UAAQ;IACd,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,eAAe,EAAE,eAAe,CAA6B;IAChE,OAAO,UAAS;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,UAAQ;IACpB,UAAU,SAAK;IACd,UAAU,UAAS;IACnB,eAAe,UAAS;IAErD,MAAM;CAkKP"}
package/dist/index.js CHANGED
@@ -1367,6 +1367,7 @@ var AxebowInputBase = class extends LitElement {
1367
1367
  this.hasError = false;
1368
1368
  this.errorMessage = "";
1369
1369
  this.compact = false;
1370
+ this.wrapDescription = false;
1370
1371
  }
1371
1372
  static {
1372
1373
  this.baseStyles = [
@@ -1425,6 +1426,13 @@ var AxebowInputBase = class extends LitElement {
1425
1426
  .fixed-field .field-description {
1426
1427
  margin-bottom: 0.5rem;
1427
1428
  }
1429
+ .fixed-field.wrap-description .field-description {
1430
+ height: 2.125rem;
1431
+ white-space: normal;
1432
+ display: -webkit-box;
1433
+ -webkit-line-clamp: 2;
1434
+ -webkit-box-orient: vertical;
1435
+ }
1428
1436
  `
1429
1437
  ];
1430
1438
  }
@@ -1470,14 +1478,17 @@ var AxebowInputBase = class extends LitElement {
1470
1478
  }
1471
1479
  renderFixedField(content) {
1472
1480
  return html`
1473
- <div class="fixed-field">
1481
+ <div class="fixed-field ${this.wrapDescription ? "wrap-description" : ""}">
1474
1482
  ${this.label ? html`<div class="flex items-baseline gap-2 field-label">
1475
1483
  ${this.required ? html`<p class="text-(--axebow-error) text-base leading-4.25 m-0">*</p>` : ""}
1476
1484
  <h4 class="font-semibold text-base leading-4.25 m-0 overflow-hidden text-ellipsis">
1477
1485
  ${this.label}
1478
1486
  </h4>
1479
1487
  </div>` : ""}
1480
- ${this.description ? html`<p class="field-description text-base leading-4.25 m-0" title="${this.description}">
1488
+ ${this.description ? html`<p
1489
+ class="field-description text-base leading-4.25 m-0"
1490
+ title="${this.wrapDescription ? "" : this.description}"
1491
+ >
1481
1492
  ${this.description}
1482
1493
  </p>` : ""}
1483
1494
  ${content}
@@ -1502,6 +1513,7 @@ __decorate([property({ type: String })], AxebowInputBase.prototype, "errorMessag
1502
1513
  __decorate([property({ type: Number })], AxebowInputBase.prototype, "maxlength", void 0);
1503
1514
  __decorate([property({ attribute: false })], AxebowInputBase.prototype, "callback", void 0);
1504
1515
  __decorate([property({ type: Boolean })], AxebowInputBase.prototype, "compact", void 0);
1516
+ __decorate([property({ type: Boolean })], AxebowInputBase.prototype, "wrapDescription", void 0);
1505
1517
  //#endregion
1506
1518
  //#region src/components/axebow-input/axebow-text-input.ts
1507
1519
  var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
@@ -2158,6 +2170,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2158
2170
  this.showStepper = true;
2159
2171
  this.stepAmount = 1;
2160
2172
  this.fixedField = false;
2173
+ this.wrapDescription = false;
2161
2174
  }
2162
2175
  static {
2163
2176
  this.styles = [
@@ -2254,6 +2267,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2254
2267
  .addDialogLabels=${this.addDialogLabels}
2255
2268
  .minWidth=${this.minWidth}
2256
2269
  .fixedHeight=${this.fixedHeight}
2270
+ .wrapDescription=${this.wrapDescription}
2257
2271
  ></axebow-select-input>
2258
2272
  `;
2259
2273
  case "checkbox": return html`
@@ -2357,6 +2371,7 @@ __decorate([property({ type: String })], AxebowInput.prototype, "minWidth", void
2357
2371
  __decorate([property({ type: Boolean })], AxebowInput.prototype, "showStepper", void 0);
2358
2372
  __decorate([property({ type: Number })], AxebowInput.prototype, "stepAmount", void 0);
2359
2373
  __decorate([property({ type: Boolean })], AxebowInput.prototype, "fixedField", void 0);
2374
+ __decorate([property({ type: Boolean })], AxebowInput.prototype, "wrapDescription", void 0);
2360
2375
  AxebowInput = __decorate([customElement("axebow-input")], AxebowInput);
2361
2376
  //#endregion
2362
2377
  //#region src/components/axebow-dialog/axebow-dialog.ts
@@ -7355,16 +7370,20 @@ AxebowCarouselSelectorItem = __decorate([customElement("axebow-carousel-selector
7355
7370
  //#endregion
7356
7371
  //#region src/components/axebow-carousel-selector-tenant/axebow-carousel-selector-tenant.ts
7357
7372
  var ITEM_GAP_PX = 48;
7358
- var REFERENCE_WIDTH_PX = 777;
7359
- function slidesPerPageFor(containerWidthPx) {
7360
- 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);
7361
7380
  }
7362
7381
  var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends LitElement {
7363
7382
  constructor(..._args) {
7364
7383
  super(..._args);
7365
7384
  this.variant = "account";
7366
7385
  this.items = [];
7367
- this._slidesPerPage = slidesPerPageFor(REFERENCE_WIDTH_PX);
7386
+ this._slidesPerPage = 3;
7368
7387
  }
7369
7388
  static {
7370
7389
  this.styles = [unsafeCSS(tailwind_default), css`
@@ -7377,6 +7396,9 @@ var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends Li
7377
7396
  width: 100%;
7378
7397
  --slide-gap: ${ITEM_GAP_PX / 16}rem;
7379
7398
  }
7399
+ sl-carousel::part(base) {
7400
+ gap: ${NAV_GAP_PX / 16}rem;
7401
+ }
7380
7402
  sl-carousel::part(scroll-container) {
7381
7403
  height: 4.5rem;
7382
7404
  }
@@ -7392,7 +7414,7 @@ var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends Li
7392
7414
  super.connectedCallback();
7393
7415
  this._resizeObserver = new ResizeObserver((entries) => {
7394
7416
  const width = entries[0]?.contentRect.width;
7395
- if (width) this._slidesPerPage = slidesPerPageFor(width);
7417
+ if (width) this._slidesPerPage = slidesPerPageFor(width, this.variant);
7396
7418
  });
7397
7419
  }
7398
7420
  disconnectedCallback() {
@@ -7400,7 +7422,8 @@ var AxebowCarouselSelectorTenant = class AxebowCarouselSelectorTenant extends Li
7400
7422
  this._resizeObserver?.disconnect();
7401
7423
  }
7402
7424
  firstUpdated() {
7403
- if (this._carouselEl) this._resizeObserver?.observe(this._carouselEl);
7425
+ const scrollContainer = this._carouselEl?.shadowRoot?.getElementById("scroll-container");
7426
+ if (scrollContainer) this._resizeObserver?.observe(scrollContainer);
7404
7427
  }
7405
7428
  _onItemSelect(e) {
7406
7429
  this.dispatchEvent(new CustomEvent("item-select", {