@vdegenne/forms 0.0.1

package/lib/FormBuilder.d.ts

@@ -0,0 +1,21 @@
+export declare class FormBuilder<T> {
+    protected host: T;
+    constructor(host: T);
+    SWITCH(headline: string, key: keyof T): import("lit-html").TemplateResult<1>;
+    SLIDER(label: string, key: keyof T, options?: {
+        min: number;
+        max: number;
+    }): import("lit-html").TemplateResult<1>;
+    SELECT(label: string, key: keyof T, choices?: string[]): import("lit-html").TemplateResult<1>;
+    TEXTFIELD(label: string, type: string, key: keyof T): import("lit-html").TemplateResult<1>;
+    TEXTAREA(label: string, key: keyof T): import("lit-html").TemplateResult<1>;
+}
+export declare const SWITCH: <T>(headline: string, host: T, key: keyof T) => import("lit-html").TemplateResult<1>;
+export declare const SLIDER: <T>(label: string, host: T, key: keyof T, options?: {
+    min: number;
+    max: number;
+}) => import("lit-html").TemplateResult<1>;
+export declare const SELECT: <T>(label: string, host: T, key: keyof T, choices?: string[]) => import("lit-html").TemplateResult<1>;
+export declare const TEXTFIELD: <T>(label: string, type: string, host: T, key: keyof T) => import("lit-html").TemplateResult<1>;
+export declare const TEXTAREA: <T>(label: string, host: T, key: keyof T) => import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=FormBuilder.d.ts.map

package/lib/FormBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilder.d.ts","sourceRoot":"","sources":["../src/FormBuilder.ts"],"names":[],"mappings":"AAGA,qBAAa,WAAW,CAAC,CAAC;IACb,SAAS,CAAC,IAAI,EAAE,CAAC;gBAAP,IAAI,EAAE,CAAC;IAE7B,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC;IAIrC,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,OAAO;;;KAAmB;IAI9D,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,OAAO,GAAE,MAAM,EAAO;IAI1D,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC;IAInD,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC;CAGpC;AAED,eAAO,MAAM,MAAM,GAAI,CAAC,YAAY,MAAM,QAAQ,CAAC,OAAO,MAAM,CAAC,yCAahE,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,CAAC,SAChB,MAAM,QACP,CAAC,OACF,MAAM,CAAC;;;0CAeZ,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,CAAC,SAChB,MAAM,QACP,CAAC,OACF,MAAM,CAAC,YACH,MAAM,EAAE,yCAWjB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SACnB,MAAM,QACP,MAAM,QACN,CAAC,OACF,MAAM,CAAC,yCASZ,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,QAAQ,CAAC,OAAO,MAAM,CAAC,yCAM/D,CAAC"}

package/lib/FormBuilder.js

@@ -0,0 +1,76 @@
+import { html } from 'lit';
+import { bindInput } from './bindInput.js';
+export class FormBuilder {
+    constructor(host) {
+        this.host = host;
+    }
+    SWITCH(headline, key) {
+        return SWITCH(headline, this.host, key);
+    }
+    SLIDER(label, key, options = { min: 1, max: 5 }) {
+        return SLIDER(label, this.host, key, options);
+    }
+    SELECT(label, key, choices = []) {
+        return SELECT(label, this.host, key, choices);
+    }
+    TEXTFIELD(label, type, key) {
+        return TEXTFIELD(label, type, this.host, key);
+    }
+    TEXTAREA(label, key) {
+        return TEXTAREA(label, this.host, key);
+    }
+}
+export const SWITCH = (headline, host, key) => html `
+	<md-list-item
+		type="button"
+		@click=${() => {
+    // @ts-ignore
+    host[key] = !host[key];
+}}
+		class="select-none cursor-pointer flex items-center gap-3"
+		style="/*--md-list-item-top-space:0;--md-list-item-bottom-space:0;--md-list-item-leading-space:0;--md-list-item-trailing-space:0;*/"
+	>
+		<md-switch slot="start" ?selected=${host[key]} inert></md-switch>
+		<div slot="headline">${headline}</div>
+	</md-list-item>
+`;
+export const SLIDER = (label, host, key, options = { min: 1, max: 5 }) => html `
+	<div class="flex items-center gap-3">
+		<span>${label}</span>
+		<md-slider
+			class="flex-1"
+			ticks
+			labeled
+			min=${options.min}
+			max=${options.max}
+			${bindInput(host, key)}
+		>
+		</md-slider>
+	</div>
+`;
+export const SELECT = (label, host, key, choices = []) => html `
+	<md-filled-select quick value=${host[key]} label=${label}>
+		<md-select-option></md-select-option>
+		${choices.map((item, id) => html `
+				<md-select-option value=${id}>${item}</md-select-option>
+			`)}
+		<md-option></md-option>
+	</md-filled-select>
+`;
+export const TEXTFIELD = (label, type, host, key) => html `
+	<md-filled-text-field
+		label=${label.replace(/\*/g, '')}
+		type=${type}
+		${bindInput(host, key)}
+		?required=${label.includes('*')}
+	>
+	</md-filled-text-field>
+`;
+export const TEXTAREA = (label, host, key) => html `
+	<md-filled-text-field
+		type="textarea"
+		label=${label}
+		${bindInput(host, key)}
+	></md-filled-text-field>
+`;
+//# sourceMappingURL=FormBuilder.js.map

package/lib/FormBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilder.js","sourceRoot":"","sources":["../src/FormBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,MAAM,OAAO,WAAW;IACvB,YAAsB,IAAO;QAAP,SAAI,GAAJ,IAAI,CAAG;IAAG,CAAC;IAEjC,MAAM,CAAC,QAAgB,EAAE,GAAY;QACpC,OAAO,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,CAAC,KAAa,EAAE,GAAY,EAAE,OAAO,GAAG,EAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAC;QAC7D,OAAO,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAC/C,CAAC;IAED,MAAM,CAAC,KAAa,EAAE,GAAY,EAAE,UAAoB,EAAE;QACzD,OAAO,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAC/C,CAAC;IAED,SAAS,CAAC,KAAa,EAAE,IAAY,EAAE,GAAY;QAClD,OAAO,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ,CAAC,KAAa,EAAE,GAAY;QACnC,OAAO,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACxC,CAAC;CACD;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAI,QAAgB,EAAE,IAAO,EAAE,GAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;WAG/D,GAAG,EAAE;IACb,aAAa;IACb,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB,CAAC;;;;sCAImC,IAAI,CAAC,GAAG,CAAC;yBACtB,QAAQ;;CAEhC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CACrB,KAAa,EACb,IAAO,EACP,GAAY,EACZ,OAAO,GAAG,EAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAC,EACzB,EAAE,CAAC,IAAI,CAAA;;UAEC,KAAK;;;;;SAKN,OAAO,CAAC,GAAG;SACX,OAAO,CAAC,GAAG;KACf,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC;;;;CAIxB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CACrB,KAAa,EACb,IAAO,EACP,GAAY,EACZ,UAAoB,EAAE,EACrB,EAAE,CAAC,IAAI,CAAA;iCACwB,IAAI,CAAC,GAAG,CAAC,UAAU,KAAK;;IAErD,OAAO,CAAC,GAAG,CACZ,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;8BACS,EAAE,IAAI,IAAI;IACpC,CACD;;;CAGF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACxB,KAAa,EACb,IAAY,EACZ,IAAO,EACP,GAAY,EACX,EAAE,CAAC,IAAI,CAAA;;UAEC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;SACzB,IAAI;IACT,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC;cACV,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;;;CAGhC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAI,KAAa,EAAE,IAAO,EAAE,GAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;UAG/D,KAAK;IACX,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC;;CAEvB,CAAC"}

package/lib/bindInput.d.ts

@@ -0,0 +1,18 @@
+import type { DirectiveResult, DirectiveClass } from 'lit/directive.js';
+/**
+ * Two-way binds a given property to the input it is defined on.
+ *
+ * For example:
+ *
+ * ```ts
+ * html`
+ *  <input type="text" ${input(this, 'name')}>
+ * `;
+ * ```
+ *
+ * @param {T} host Host object of the property
+ * @param {string} key Property to bind
+ * @return {DirectiveResult}
+ */
+export declare function bindInput<T, TKey extends keyof T>(host: T, key: TKey): DirectiveResult<DirectiveClass>;
+//# sourceMappingURL=bindInput.d.ts.map

package/lib/bindInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindInput.d.ts","sourceRoot":"","sources":["../src/bindInput.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAIX,eAAe,EACf,cAAc,EACd,MAAM,kBAAkB,CAAC;AA6T1B;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,SAAS,MAAM,CAAC,EAChD,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,IAAI,GACP,eAAe,CAAC,cAAc,CAAC,CAEjC"}

package/lib/bindInput.js

@@ -0,0 +1,282 @@
+import { directive, AsyncDirective } from 'lit/async-directive.js';
+import { nothing } from 'lit';
+import { PartType } from 'lit/directive.js';
+/**
+ * Determines if a target is an element
+ * @param {EventTarget} target Target to test
+ * @return {boolean}
+ */
+function isElement(target) {
+    return target.nodeType === Node.ELEMENT_NODE;
+}
+/**
+ * Determines if a target is an input element
+ * @param {EventTarget} target Target to test
+ * @return {boolean}
+ */
+function isInputElement(target) {
+    return isElement(target) && (target.nodeName === 'INPUT' || 'type' in target);
+}
+/**
+ * Determines if a target is a select element
+ * @param {EventTarget} target Target to test
+ * @return {boolean}
+ */
+function isSelectElement(target) {
+    return isElement(target) && target.nodeName === 'SELECT';
+}
+///**
+// * Determines if a target is a textarea element
+// * @param {EventTarget} target Target to test
+// * @return {boolean}
+// */
+//function isTextAreaElement(target: EventTarget): target is HTMLTextAreaElement {
+//  return isElement(target) && target.nodeName === 'TEXTAREA';
+//}
+/**
+ * Tracks the value of a form control and propagates data two-way to/from a
+ * given host property.
+ */
+class BindInputDirective extends AsyncDirective {
+    /** @inheritdoc */
+    constructor(partInfo) {
+        super(partInfo);
+        this.__host = undefined;
+        this.__lastValue = undefined;
+        /**
+         * Fired when the change event occurs
+         * @param {Event} ev Event fired
+         * @return {void}
+         */
+        this.__onChange = (ev) => {
+            const target = ev.currentTarget;
+            if (target !== this.__element) {
+                return;
+            }
+            this.__updateValueFromElement(this.__element);
+        };
+        /**
+         * Fired when the input event occurs
+         * @param {Event} ev Event fired
+         * @return {void}
+         */
+        this.__onInput = (ev) => {
+            const target = ev.currentTarget;
+            if (target !== this.__element) {
+                return;
+            }
+            this.__updateValueFromElement(this.__element);
+        };
+        if (partInfo.type !== PartType.ELEMENT &&
+            partInfo.type !== PartType.ATTRIBUTE &&
+            partInfo.type !== PartType.PROPERTY) {
+            throw new Error('The `bindInput` directive must be used in an element or ' +
+                'attribute binding');
+        }
+        this.__isAttribute =
+            partInfo.type === PartType.ATTRIBUTE ||
+                partInfo.type === PartType.PROPERTY;
+    }
+    /** @inheritdoc */
+    render(host, prop) {
+        if (this.__isAttribute) {
+            return this.__computeValueFromHost(host, prop);
+        }
+        return nothing;
+    }
+    /** @inheritdoc */
+    update(part, [host, prop]) {
+        if (part.element !== this.__element) {
+            this.__setElement(part.element);
+        }
+        if (prop !== this.__prop) {
+            this.__prop = prop;
+        }
+        if (host !== this.__host) {
+            this.__host = host;
+        }
+        if (host && !this.__isAttribute) {
+            this.__updateValueFromHost(host);
+        }
+        return this.render(host, prop);
+    }
+    /**
+     * Gets the value of the property from the host
+     * @param {unknown} host Host to retrieve value from
+     * @param {string|symbol|number} prop Property to retrieve
+     * @return {unknown}
+     */
+    __computeValueFromHost(host, prop) {
+        if (typeof host !== 'object' || host === null || !(prop in host)) {
+            return undefined;
+        }
+        return host[prop];
+    }
+    /**
+     * Updates the value based on the host's current value for the given
+     * property
+     * @param {unknown} host Host to retrieve value from
+     * @return {void}
+     */
+    __updateValueFromHost(host) {
+        if (!this.__prop || !this.__element) {
+            return;
+        }
+        const value = this.__computeValueFromHost(host, this.__prop);
+        const element = this.__element;
+        if (value === this.__lastValue) {
+            return;
+        }
+        this.__lastValue = value;
+        if (isSelectElement(element)) {
+            switch (element.type.toLowerCase()) {
+                case 'select-multiple':
+                    const valuesArray = Array.isArray(value) ? value : [value];
+                    for (const opt of element.options) {
+                        if (valuesArray.includes(opt.value)) {
+                            opt.selected = true;
+                        }
+                    }
+                    break;
+                case 'select-one':
+                default:
+                    element.value = String(value ?? '');
+            }
+        }
+        else if (isInputElement(element)) {
+            switch (element.type.toLowerCase()) {
+                case 'checkbox':
+                    element.checked = value === true;
+                    break;
+                case 'number':
+                case 'date':
+                case 'time':
+                    element.valueAsNumber = value;
+                    break;
+                case 'textarea':
+                default:
+                    element.value = String(value ?? '');
+            }
+        }
+        else if ('value' in element) {
+            element.value = value;
+        }
+    }
+    /**
+     * Sets the element and its handlers
+     * @param {Element} element Element to set
+     * @return {void}
+     */
+    __setElement(element) {
+        if (this.__element) {
+            this.__removeListenersFromElement(this.__element);
+        }
+        this.__element = element;
+        this.__addListenersToElement(element);
+    }
+    /**
+     * Removes any associated listeners from the given element
+     * @param {Element} element Element to remove listeners from
+     * @return {void}
+     */
+    __removeListenersFromElement(element) {
+        element.removeEventListener('change', this.__onChange);
+        element.removeEventListener('input', this.__onInput);
+    }
+    /**
+     * Adds any associated listeners to the given element
+     * @param {Element} element Element to add listeners to
+     * @return {void}
+     */
+    __addListenersToElement(element) {
+        element.addEventListener('change', this.__onChange);
+        element.addEventListener('input', this.__onInput);
+    }
+    /**
+     * Retrieves the value of a given element
+     * @param {Element} element Element to retrieve value from
+     * @return {unknown}
+     */
+    __getValueFromElement(element) {
+        let value = undefined;
+        if (isSelectElement(element)) {
+            switch (element.type.toLowerCase()) {
+                case 'select-multiple':
+                    value = [...element.selectedOptions].map((opt) => opt.value);
+                    break;
+                case 'select-one':
+                default:
+                    value = element.value;
+            }
+        }
+        else if (isInputElement(element)) {
+            switch (element.type.toLowerCase()) {
+                case 'checkbox':
+                    value = element.checked === true;
+                    break;
+                case 'number':
+                case 'date':
+                case 'time':
+                    value = element.valueAsNumber;
+                    break;
+                case 'textarea':
+                default:
+                    value = element.value;
+            }
+        }
+        else if ('value' in element) {
+            value = element.value;
+        }
+        return value;
+    }
+    /**
+     * Updates the host value from an element
+     * @param {Element} element Element to retrieve value from
+     * @return {void}
+     */
+    __updateValueFromElement(element) {
+        if (!this.__prop) {
+            return;
+        }
+        if (!this.__host ||
+            typeof this.__host !== 'object' ||
+            !(this.__prop in this.__host)) {
+            return;
+        }
+        const value = this.__getValueFromElement(element);
+        this.__lastValue = value;
+        this.__host[this.__prop] = value;
+    }
+    /** @inheritdoc */
+    reconnected() {
+        if (this.__element) {
+            this.__addListenersToElement(this.__element);
+        }
+    }
+    /** @inheritdoc */
+    disconnected() {
+        if (this.__element) {
+            this.__removeListenersFromElement(this.__element);
+        }
+    }
+}
+const bindInputDirective = directive(BindInputDirective);
+/**
+ * Two-way binds a given property to the input it is defined on.
+ *
+ * For example:
+ *
+ * ```ts
+ * html`
+ *  <input type="text" ${input(this, 'name')}>
+ * `;
+ * ```
+ *
+ * @param {T} host Host object of the property
+ * @param {string} key Property to bind
+ * @return {DirectiveResult}
+ */
+export function bindInput(host, key) {
+    return bindInputDirective(host, key);
+}
+//# sourceMappingURL=bindInput.js.map

package/lib/bindInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindInput.js","sourceRoot":"","sources":["../src/bindInput.ts"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FormBuilder.js';
+export * from './bindInput.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/lib/index.js

@@ -0,0 +1,3 @@
+export * from './FormBuilder.js';
+export * from './bindInput.js';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/package.json

@@ -0,0 +1,36 @@
+{
+	"name": "@vdegenne/forms",
+	"version": "0.0.1",
+	"type": "module",
+	"scripts": {
+		"build": "wireit"
+	},
+	"wireit": {
+		"build": {
+			"command": "tsc --pretty",
+			"clean": "if-file-deleted",
+			"files": [
+				"./tsconfig.json",
+				"./src/"
+			],
+			"output": [
+				"./lib/"
+			]
+		}
+	},
+	"devDependencies": {
+		"lit": "^3.2.1",
+		"typescript": "^5.7.3",
+		"wireit": "^0.14.11"
+	},
+	"files": [
+		"./lib/"
+	],
+	"exports": {
+		".": {
+			"default": "./lib/index.js",
+			"types": "./lib/index.d.ts"
+		}
+	}
+}
+