@kumori/aurora-wui-components 0.0.124 → 0.0.125

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

@@ -20,5 +20,6 @@ export declare abstract class AxebowInputBase extends LitElement {
     compact: boolean;
     protected handleChange(e: Event): void;
     protected renderWrapper(content: TemplateResult): TemplateResult;
+    protected renderFixedField(content: TemplateResult): TemplateResult;
 }
 //# sourceMappingURL=axebow-input-base.d.ts.map

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;;;;;GAKG;AACH,8BAAsB,eAAgB,SAAQ,UAAU;IACtD,MAAM,CAAC,UAAU,4BA6Bf;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;CA0BjE"}
+{"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;;;;;GAKG;AACH,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;IA2BhE,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;CA4BpE"}

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

@@ -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,MAAM,KAAK,CAAC;AAEhD,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;;;;;GAKG;AACH,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,4BAQX;IAEyB,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,kBAAkB;IAqB1B,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,mBAAmB;IAO3B,MAAM;CA6DP"}
+{"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,MAAM,KAAK,CAAC;AAEhD,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;;;;;GAKG;AACH,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,4BAiBX;IAEyB,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,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/components/axebow-input/axebow-text-input.d.ts

@@ -1,7 +1,6 @@
 import { AxebowInputBase } from './axebow-input-base.js';
 export declare class AxebowTextInput extends AxebowInputBase {
     static styles: import('lit').CSSResult[];
-    private renderFixedField;
     render(): import('lit-html').TemplateResult;
 }
 //# sourceMappingURL=axebow-text-input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"axebow-text-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-text-input.ts"],"names":[],"mappings":"AAEA,OAAO,yDAAyD,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,qBACa,eAAgB,SAAQ,eAAe;IAClD,MAAM,CAAC,MAAM,4BAsCX;IAEF,OAAO,CAAC,gBAAgB;IAsCxB,MAAM;CAkBP"}
+{"version":3,"file":"axebow-text-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-text-input.ts"],"names":[],"mappings":"AAEA,OAAO,yDAAyD,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,qBACa,eAAgB,SAAQ,eAAe;IAClD,MAAM,CAAC,MAAM,4BAaX;IAEF,MAAM;CAgBP"}

package/dist/index.js

@@ -1293,6 +1293,34 @@ var AxebowInputBase = class extends LitElement {
       .input-error sl-select::part(display-input) {
         color: var(--axebow-error, #e53e3e);
       }
+
+      /* Shared anatomy for the labeled, non-compact case across every
+         concrete input: label 17px tall, 4px gap to an optional
+         description (also 17px tall, omitted entirely when absent - no
+         reserved blank space), 8px gap to the 40px field box. 265.5px
+         (16.59375rem) is the floor width - it grows with whatever space
+         the parent gives it. Each concrete input only supplies its own
+         field-specific 40px-height rule for its control element. */
+      .fixed-field {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        min-width: 16.59375rem;
+      }
+      .fixed-field .field-label,
+      .fixed-field .field-description {
+        width: 100%;
+        height: 1.0625rem;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+      .fixed-field .field-label {
+        margin-bottom: 0.25rem;
+      }
+      .fixed-field .field-description {
+        margin-bottom: 0.5rem;
+      }
     `
 		];
 	}
@@ -1322,6 +1350,28 @@ var AxebowInputBase = class extends LitElement {
       </div>
     `;
 	}
+	renderFixedField(content) {
+		return html`
+      <div class="fixed-field">
+        ${this.label ? html`<div class="flex items-baseline gap-2 field-label">
+              <p class="text-(--axebow-error) text-base leading-[1.0625rem] m-0">${this.required ? "*" : ""}</p>
+              <h4 class="font-semibold text-base leading-[1.0625rem] m-0 overflow-hidden text-ellipsis">
+                ${this.label}
+              </h4>
+            </div>` : ""}
+        ${this.description ? html`<p class="field-description text-base leading-[1.0625rem] m-0" title="${this.description}">
+              ${this.description}
+            </p>` : ""}
+        ${content}
+        ${this.hasError && this.errorMessage ? html`<div class="mt-1 min-h-5 text-(--axebow-error) text-sm flex items-center gap-1">
+              <span class="text-base shrink-0"
+                ><axebow-icon iconName="error" iconColor="var(--axebow-error)"></axebow-icon
+              ></span>
+              ${this.errorMessage}
+            </div>` : ""}
+      </div>
+    `;
+	}
 };
 __decorate([property({ type: String })], AxebowInputBase.prototype, "value", void 0);
 __decorate([property({ type: String })], AxebowInputBase.prototype, "placeholder", void 0);
@@ -1339,31 +1389,6 @@ __decorate([property({ type: Boolean })], AxebowInputBase.prototype, "compact",
 var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
 	static {
 		this.styles = [...AxebowInputBase.baseStyles, css`
-      /* Anatomy for the labeled text-input case: label 17px tall, 4px gap
-         to an optional description (also 17px tall, omitted entirely when
-         absent - no reserved blank space), 8px gap to the 40px input box.
-         265.5px (16.59375rem) is the floor width - it grows with whatever
-         space the parent gives it. */
-      .fixed-field {
-        display: flex;
-        flex-direction: column;
-        width: 100%;
-        min-width: 16.59375rem;
-      }
-      .fixed-field .field-label,
-      .fixed-field .field-description {
-        width: 100%;
-        height: 1.0625rem;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-      .fixed-field .field-label {
-        margin-bottom: 0.25rem;
-      }
-      .fixed-field .field-description {
-        margin-bottom: 0.5rem;
-      }
       .fixed-field sl-input {
         width: 100%;
       }
@@ -1374,43 +1399,10 @@ var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
         font-size: 0.875rem;
       }
     `];
-	}
-	renderFixedField() {
-		const containerClass = this.hasError ? "input-error" : "";
-		return html`
-      <div class="fixed-field">
-        ${this.label ? html`<div class="flex items-baseline gap-2 field-label">
-              <p class="text-(--axebow-error) text-base leading-[1.0625rem] m-0">${this.required ? "*" : ""}</p>
-              <h4 class="font-semibold text-base leading-[1.0625rem] m-0 overflow-hidden text-ellipsis">
-                ${this.label}
-              </h4>
-            </div>` : ""}
-        ${this.description ? html`<p class="field-description text-base leading-[1.0625rem] m-0" title="${this.description}">
-              ${this.description}
-            </p>` : ""}
-        <div class="${containerClass}">
-          <sl-input
-            @sl-input="${this.handleChange}"
-            placeholder="${this.placeholder}"
-            .value="${this.value}"
-            ?disabled="${this.disabled}"
-            maxlength="${this.maxlength ?? 255}"
-          ></sl-input>
-        </div>
-        ${this.hasError && this.errorMessage ? html`<div class="mt-1 min-h-5 text-(--axebow-error) text-sm flex items-center gap-1">
-              <span class="text-base shrink-0"
-                ><axebow-icon iconName="error" iconColor="var(--axebow-error)"></axebow-icon
-              ></span>
-              ${this.errorMessage}
-            </div>` : ""}
-      </div>
-    `;
 	}
 	render() {
-		if (!this.compact) return this.renderFixedField();
-		const containerClass = this.hasError ? "input-error" : "";
-		return this.renderWrapper(html`
-      <div class="${containerClass}">
+		const inputContent = html`
+      <div class="${this.hasError ? "input-error" : ""}">
         <sl-input
           @sl-input="${this.handleChange}"
           placeholder="${this.placeholder}"
@@ -1419,7 +1411,8 @@ var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
           maxlength="${this.maxlength ?? 255}"
         ></sl-input>
       </div>
-    `);
+    `;
+		return this.compact ? this.renderWrapper(inputContent) : this.renderFixedField(inputContent);
 	}
 };
 AxebowTextInput = __decorate([customElement("axebow-text-input")], AxebowTextInput);
@@ -1650,6 +1643,15 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
         font-weight: bold;
         color: var(--axebow-tertiary);
       }
+      .fixed-field sl-select {
+        width: 100%;
+      }
+      .fixed-field sl-select::part(combobox) {
+        height: 2.5rem;
+      }
+      .fixed-field sl-select::part(display-input) {
+        font-size: 0.875rem;
+      }
     `];
 	}
 	handleSelectChange(e) {
@@ -1719,7 +1721,7 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
 			value: "__add_new__",
 			label: this.addNewLabel
 		}] : this.options;
-		const selectTemplate = html`
+		const content = html`${html`
       <div class="${containerClass}">
         <sl-select
           placeholder="${this.placeholder || this.emptyOptionLabel}"
@@ -1733,8 +1735,7 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
               >`)}
         </sl-select>
       </div>
-    `;
-		const dialogTemplate = this.allowAddNew ? html`
+    `}${this.allowAddNew ? html`
           <sl-dialog
             ?open="${this.showAddDialog}"
             label="${this.addDialogLabels.title}"
@@ -1764,8 +1765,8 @@ var AxebowSelectInput = class AxebowSelectInput extends AxebowInputBase {
               >
             </div>
           </sl-dialog>
-        ` : "";
-		return this.renderWrapper(html`${selectTemplate}${dialogTemplate}`);
+        ` : ""}`;
+		return this.compact ? this.renderWrapper(content) : this.renderFixedField(content);
 	}
 };
 __decorate([property({ type: Array })], AxebowSelectInput.prototype, "options", void 0);