bank20baht-ui 0.2.1 → 0.2.3

package/README.md

@@ -298,9 +298,9 @@ vue({ template: { compilerOptions: { isCustomElement: (tag) => tag.startsWith('b
 - **Copy-out starters**: `examples/vanilla`, `examples/react`, `examples/angular` at the
   repo root — same workflow JSON in three hosts.
 
-## Field types (12)
+## Field types (13)
 
-`text · textarea · number · email · dropdown · multiselect · checkbox · radio · toggle · date ·
+`text · textarea · number · email · password · dropdown · multiselect · checkbox · radio · toggle · date ·
 file (capture only, no upload) · label (static)`
 
 Each field descriptor: `{ order, type, key, label, placeholder, width: '1/4'|'1/2'|'3/4'|'full',

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-input.d.ts

@@ -1,6 +1,9 @@
 import { TemplateResult } from 'lit';
 import { BahtFieldBase } from '../base.js';
-/** text + email share one control; email differs only in input type + validator. */
+/**
+ * text + email + password share one control; email differs only in input type +
+ * validator, password only in input type (masked, never formatted or logged).
+ */
 export declare class BahtInput extends BahtFieldBase {
     protected renderControl(): TemplateResult;
 }

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/core/types.d.ts

@@ -1,5 +1,5 @@
 /** Control types supported by v1 (spec 01 §2). */
-export type FieldType = 'text' | 'textarea' | 'number' | 'email' | 'dropdown' | 'multiselect' | 'checkbox' | 'radio' | 'toggle' | 'date' | 'file' | 'label' | 'section' | 'repeater';
+export type FieldType = 'text' | 'textarea' | 'number' | 'email' | 'password' | 'dropdown' | 'multiselect' | 'checkbox' | 'radio' | 'toggle' | 'date' | 'file' | 'label' | 'section' | 'repeater';
 export type FieldWidth = '1/4' | '1/2' | '3/4' | 'full';
 export interface FieldOption {
     key: string;

package/dist/custom-elements.json

@@ -3768,7 +3768,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "text + email share one control; email differs only in input type + validator.",
+          "description": "text + email + password share one control; email differs only in input type +\nvalidator, password only in input type (masked, never formatted or logged).",
           "name": "BahtInput",
           "members": [
             {
@@ -10490,7 +10490,7 @@
           "type": {
             "text": "Record<FieldType, string>"
           },
-          "default": "{ text: 'baht-input', email: 'baht-input', textarea: 'baht-textarea', number: 'baht-number', dropdown: 'baht-select', multiselect: 'baht-multiselect', checkbox: 'baht-checkbox', radio: 'baht-radio', toggle: 'baht-toggle', date: 'baht-datepicker', file: 'baht-file', label: 'baht-text', section: 'baht-section', repeater: 'baht-repeater', }",
+          "default": "{ text: 'baht-input', email: 'baht-input', password: 'baht-input', textarea: 'baht-textarea', number: 'baht-number', dropdown: 'baht-select', multiselect: 'baht-multiselect', checkbox: 'baht-checkbox', radio: 'baht-radio', toggle: 'baht-toggle', date: 'baht-datepicker', file: 'baht-file', label: 'baht-text', section: 'baht-section', repeater: 'baht-repeater', }",
           "description": "field descriptor `type` -> primitive tag (used by <baht-form>, <baht-repeater>\nand the builder). Lives in its own module so baht-repeater can read it\nwithout importing the primitives barrel (which would be circular)."
         }
       ],

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([
@@ -1520,7 +1520,7 @@ let zt = class extends g {
     return n`<input
       class="baht-control baht-control--text"
       id=${this.controlId}
-      type=${this.field.type === "email" ? "email" : "text"}
+      type=${this.field.type === "email" ? "email" : this.field.type === "password" ? "password" : "text"}
       .value=${B(this.value == null ? "" : String(this.value))}
       placeholder=${O(this.field.placeholder)}
       maxlength=${O(this.field.maxLength)}
@@ -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([
@@ -2411,6 +2412,7 @@ y = w([
 const le = {
   text: "baht-input",
   email: "baht-input",
+  password: "baht-input",
   textarea: "baht-textarea",
   number: "baht-number",
   dropdown: "baht-select",

package/dist/vscode.html-custom-data.json

@@ -262,7 +262,7 @@
     },
     {
       "name": "baht-input",
-      "description": "text + email share one control; email differs only in input type + validator.\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+      "description": "text + email + password share one control; email differs only in input type +\nvalidator, password only in input type (masked, never formatted or logged).\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
       "attributes": [
         { "name": "disabled", "values": [] },
         { "name": "readonly", "values": [] },

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.1",
+  "version": "0.2.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -666,7 +666,7 @@
         },
         {
           "name": "baht-input",
-          "description": "text + email share one control; email differs only in input type + validator.\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
+          "description": "text + email + password share one control; email differs only in input type +\nvalidator, password only in input type (masked, never formatted or logged).\n---\n\n\n### **Events:**\n - **baht-input**\n\n### **Methods:**\n ",
           "doc-url": "",
           "attributes": [
             {

package/package.json

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