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

package/dist/components/axebow-input/axebow-input-base.d.ts

@@ -12,6 +12,7 @@ export declare abstract class AxebowInputBase extends LitElement {
     maxlength?: number;
     callback?: (e: Event) => void;
     compact: boolean;
+    wrapDescription: boolean;
     protected handleChange(e: Event): void;
     protected renderWrapper(content: TemplateResult): TemplateResult;
     protected renderFixedField(content: TemplateResult): TemplateResult;

package/dist/components/axebow-input/axebow-input-base.d.ts.map

@@ -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"}
+{"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

@@ -49,6 +49,7 @@ export declare class AxebowInput extends LitElement {
     showStepper: boolean;
     stepAmount: number;
     fixedField: boolean;
+    wrapDescription: boolean;
     render(): TemplateResult<1>;
 }
 //# sourceMappingURL=axebow-input.d.ts.map

package/dist/components/axebow-input/axebow-input.d.ts.map

@@ -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"}
+{"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

@@ -1367,6 +1367,7 @@ var AxebowInputBase = class extends LitElement {
 		this.hasError = false;
 		this.errorMessage = "";
 		this.compact = false;
+		this.wrapDescription = false;
 	}
 	static {
 		this.baseStyles = [
@@ -1425,6 +1426,13 @@ var AxebowInputBase = class extends LitElement {
       .fixed-field .field-description {
         margin-bottom: 0.5rem;
       }
+      .fixed-field.wrap-description .field-description {
+        height: 2.125rem;
+        white-space: normal;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+      }
     `
 		];
 	}
@@ -1470,14 +1478,17 @@ var AxebowInputBase = class extends LitElement {
 	}
 	renderFixedField(content) {
 		return html`
-      <div class="fixed-field">
+      <div class="fixed-field ${this.wrapDescription ? "wrap-description" : ""}">
         ${this.label ? html`<div class="flex items-baseline gap-2 field-label">
               ${this.required ? html`<p class="text-(--axebow-error) text-base leading-4.25 m-0">*</p>` : ""}
               <h4 class="font-semibold text-base leading-4.25 m-0 overflow-hidden text-ellipsis">
                 ${this.label}
               </h4>
             </div>` : ""}
-        ${this.description ? html`<p class="field-description text-base leading-4.25 m-0" title="${this.description}">
+        ${this.description ? html`<p
+              class="field-description text-base leading-4.25 m-0"
+              title="${this.wrapDescription ? "" : this.description}"
+            >
               ${this.description}
             </p>` : ""}
         ${content}
@@ -1502,6 +1513,7 @@ __decorate([property({ type: String })], AxebowInputBase.prototype, "errorMessag
 __decorate([property({ type: Number })], AxebowInputBase.prototype, "maxlength", void 0);
 __decorate([property({ attribute: false })], AxebowInputBase.prototype, "callback", void 0);
 __decorate([property({ type: Boolean })], AxebowInputBase.prototype, "compact", void 0);
+__decorate([property({ type: Boolean })], AxebowInputBase.prototype, "wrapDescription", void 0);
 //#endregion
 //#region src/components/axebow-input/axebow-text-input.ts
 var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
@@ -2158,6 +2170,7 @@ var AxebowInput = class AxebowInput extends LitElement {
 		this.showStepper = true;
 		this.stepAmount = 1;
 		this.fixedField = false;
+		this.wrapDescription = false;
 	}
 	static {
 		this.styles = [
@@ -2254,6 +2267,7 @@ var AxebowInput = class AxebowInput extends LitElement {
             .addDialogLabels=${this.addDialogLabels}
             .minWidth=${this.minWidth}
             .fixedHeight=${this.fixedHeight}
+            .wrapDescription=${this.wrapDescription}
           ></axebow-select-input>
         `;
 			case "checkbox": return html`
@@ -2357,6 +2371,7 @@ __decorate([property({ type: String })], AxebowInput.prototype, "minWidth", void
 __decorate([property({ type: Boolean })], AxebowInput.prototype, "showStepper", void 0);
 __decorate([property({ type: Number })], AxebowInput.prototype, "stepAmount", void 0);
 __decorate([property({ type: Boolean })], AxebowInput.prototype, "fixedField", void 0);
+__decorate([property({ type: Boolean })], AxebowInput.prototype, "wrapDescription", void 0);
 AxebowInput = __decorate([customElement("axebow-input")], AxebowInput);
 //#endregion
 //#region src/components/axebow-dialog/axebow-dialog.ts