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

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.
@@ -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;
@@ -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"}
@@ -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
@@ -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;CAgKP"}
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"}
@@ -18,6 +18,7 @@ export declare const DEFAULT_ADD_DIALOG_LABELS: AddDialogLabels;
18
18
  export declare class AxebowSelectInput extends AxebowInputBase {
19
19
  static styles: import('lit').CSSResult[];
20
20
  minWidth?: string;
21
+ fixedHeight?: string;
21
22
  options: SelectOption[];
22
23
  allowAddNew: boolean;
23
24
  addNewLabel: string;
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-select-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AACnE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,yBAAyB,EAAE,eASvC,CAAC;AAEF,qBACa,iBAAkB,SAAQ,eAAe;IACpD,MAAM,CAAC,MAAM,4BAoBX;IAE0B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC3B,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;IAEpF,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,kBAAkB,CAAM;IAEzC,OAAO,CAAC,OAAO,EAAE,cAAc;IAa/B,OAAO,CAAC,kBAAkB;IAqB1B,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,mBAAmB;IAO3B,MAAM;CA8DP"}
1
+ {"version":3,"file":"axebow-select-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AACnE,OAAO,2DAA2D,CAAC;AACnE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,yBAAyB,EAAE,eASvC,CAAC;AAEF,qBACa,iBAAkB,SAAQ,eAAe;IACpD,MAAM,CAAC,MAAM,4BAwBX;IAE0B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC3B,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;IAEpF,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,kBAAkB,CAAM;IAEzC,OAAO,CAAC,OAAO,EAAE,cAAc;IAsB/B,OAAO,CAAC,kBAAkB;IAqB1B,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,mBAAmB;IAO3B,MAAM;CA8DP"}
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 {
@@ -1978,6 +1990,10 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
1978
1990
  :host(.axebow-fixed-min-width) .fixed-field {
1979
1991
  min-width: var(--axebow-input-min-width) !important;
1980
1992
  }
1993
+ :host(.axebow-fixed-height) sl-select::part(combobox) {
1994
+ height: var(--axebow-input-height) !important;
1995
+ box-sizing: border-box;
1996
+ }
1981
1997
  `];
1982
1998
  }
1983
1999
  updated(changed) {
@@ -1989,6 +2005,13 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
1989
2005
  this.style.removeProperty("--axebow-input-min-width");
1990
2006
  this.classList.remove("axebow-fixed-min-width");
1991
2007
  }
2008
+ if (changed.has("fixedHeight")) if (this.fixedHeight) {
2009
+ this.style.setProperty("--axebow-input-height", this.fixedHeight);
2010
+ this.classList.add("axebow-fixed-height");
2011
+ } else {
2012
+ this.style.removeProperty("--axebow-input-height");
2013
+ this.classList.remove("axebow-fixed-height");
2014
+ }
1992
2015
  }
1993
2016
  handleSelectChange(e) {
1994
2017
  if (this.disabled) return;
@@ -2106,6 +2129,7 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
2106
2129
  }
2107
2130
  };
2108
2131
  __decorate([property({ type: String })], AxebowSelectInput.prototype, "minWidth", void 0);
2132
+ __decorate([property({ type: String })], AxebowSelectInput.prototype, "fixedHeight", void 0);
2109
2133
  __decorate([property({ type: Array })], AxebowSelectInput.prototype, "options", void 0);
2110
2134
  __decorate([property({ type: Boolean })], AxebowSelectInput.prototype, "allowAddNew", void 0);
2111
2135
  __decorate([property({ type: String })], AxebowSelectInput.prototype, "addNewLabel", void 0);
@@ -2146,6 +2170,7 @@ var AxebowInput = class AxebowInput extends LitElement {
2146
2170
  this.showStepper = true;
2147
2171
  this.stepAmount = 1;
2148
2172
  this.fixedField = false;
2173
+ this.wrapDescription = false;
2149
2174
  }
2150
2175
  static {
2151
2176
  this.styles = [
@@ -2241,6 +2266,8 @@ var AxebowInput = class AxebowInput extends LitElement {
2241
2266
  .onAddNew=${this.onAddNew}
2242
2267
  .addDialogLabels=${this.addDialogLabels}
2243
2268
  .minWidth=${this.minWidth}
2269
+ .fixedHeight=${this.fixedHeight}
2270
+ .wrapDescription=${this.wrapDescription}
2244
2271
  ></axebow-select-input>
2245
2272
  `;
2246
2273
  case "checkbox": return html`
@@ -2344,6 +2371,7 @@ __decorate([property({ type: String })], AxebowInput.prototype, "minWidth", void
2344
2371
  __decorate([property({ type: Boolean })], AxebowInput.prototype, "showStepper", void 0);
2345
2372
  __decorate([property({ type: Number })], AxebowInput.prototype, "stepAmount", void 0);
2346
2373
  __decorate([property({ type: Boolean })], AxebowInput.prototype, "fixedField", void 0);
2374
+ __decorate([property({ type: Boolean })], AxebowInput.prototype, "wrapDescription", void 0);
2347
2375
  AxebowInput = __decorate([customElement("axebow-input")], AxebowInput);
2348
2376
  //#endregion
2349
2377
  //#region src/components/axebow-dialog/axebow-dialog.ts