bank20baht-ui 0.2.2 → 0.2.3

package/dist/components/base.d.ts

@@ -40,5 +40,5 @@ export declare abstract class BahtFieldBase extends BahtElement {
     protected get describedBy(): string | typeof nothing;
     /** 'true' while the field is in error, else absent (styles hook on [aria-invalid]). */
     protected get invalid(): string | typeof nothing;
-    protected render(): TemplateResult;
+    protected render(): TemplateResult | typeof nothing;
 }

package/dist/components/primitives/baht-section.d.ts

@@ -1,10 +1,10 @@
-import { TemplateResult } from 'lit';
+import { nothing, TemplateResult } from 'lit';
 import { BahtElement } from '../base.js';
 import { FieldDescriptor } from '../../core/types.js';
 /** Section divider (`type: "section"`): heading + rule, no value, no emits. */
 export declare class BahtSection extends BahtElement {
     field: FieldDescriptor;
-    protected render(): TemplateResult;
+    protected render(): TemplateResult | typeof nothing;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/primitives/baht-text.d.ts

@@ -1,8 +1,8 @@
-import { TemplateResult } from 'lit';
+import { nothing, TemplateResult } from 'lit';
 import { BahtElement } from '../base.js';
 import { FieldDescriptor } from '../../core/types.js';
 /** Static text block (`type: "label"`): no value, no emits. */
 export declare class BahtText extends BahtElement {
     field: FieldDescriptor;
-    protected render(): TemplateResult;
+    protected render(): TemplateResult | typeof nothing;
 }

package/dist/index.js

@@ -66,12 +66,12 @@ class g extends c {
     return this.error ? "true" : h;
   }
   render() {
-    return n`
+    return this.field ? n`
       ${this.renderLabel()}
       ${this.renderControl()}
       ${this.field.help ? n`<div class="baht-help" id=${this.helpId}>${this.field.help}</div>` : h}
       ${this.error ? n`<div class="baht-error" id=${this.errorId} role="alert">${this.error}</div>` : h}
-    `;
+    ` : h;
   }
 }
 et([
@@ -1891,6 +1891,7 @@ var Es = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, ae = (t, e
 };
 let It = class extends c {
   render() {
+    if (!this.field) return h;
     const t = this.field.variant ?? "body";
     return n`<div class="baht-text baht-text--${t}">${this.field.text ?? this.field.label ?? ""}</div>`;
   }
@@ -1908,9 +1909,9 @@ var js = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, ie = (t, e
 };
 let qt = class extends c {
   render() {
-    return n`<div class="baht-section">
+    return this.field ? n`<div class="baht-section">
       <span class="baht-section-label">${this.field.text ?? this.field.label ?? ""}</span>
-    </div>`;
+    </div>` : h;
   }
 };
 ie([

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "bank20baht-ui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bank20baht-ui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "type": "module",
   "description": "JSON-driven form + workflow engine. Send JSON in, get an interactive form out.",
   "license": "MIT",