solid-ui 3.1.3-10 → 3.1.3-12

package/dist/lib/components/traits/InputTrait.esm.js

@@ -1,45 +0,0 @@
-import { generateId as e } from "../ids.esm.js";
-import "../index.esm.js";
-import { html as t, nothing as n } from "lit";
-//#region src/lib/components/traits/InputTrait.ts
-var r = class {
-	inputId;
-	labelId;
-	target;
-	config;
-	constructor(t, n) {
-		this.config = n, this.inputId = `input-${e()}`, this.labelId = `label-${this.inputId}`, this.target = t;
-	}
-	firstUpdated() {
-		this.config.getInternals().setFormValue(this.target.value), this.updateValidity();
-	}
-	updated(e) {
-		(e.has("value") || e.has("required")) && this.updateValidity();
-	}
-	formResetCallback() {
-		this.target.value = "", this.config.getInternals().setFormValue(""), this.updateValidity(), this.config.onValueChanged?.("");
-	}
-	renderLabel() {
-		return this.target.label ? t`<label id="${this.labelId}" for="${this.inputId}">${this.target.label}</label>` : n;
-	}
-	onInput() {
-		this.setValue(this.config.getInputElement()?.value ?? "");
-	}
-	onSubmit() {
-		this.config.getInternals().form?.requestSubmit();
-	}
-	setValue(e) {
-		this.target.value = e, this.config.getInternals().setFormValue(this.target.value), this.target.dispatchEvent(new InputEvent("input", {
-			bubbles: !0,
-			composed: !0
-		})), this.config.onValueChanged?.(this.target.value);
-	}
-	updateValidity() {
-		let e = this.config.getInternals();
-		this.target.required && this.target.value === "" ? e.setValidity({ valueMissing: !0 }, "Please fill out this field.", this.config.getInputElement() ?? void 0) : e.setValidity({});
-	}
-};
-//#endregion
-export { r as default };
-
-//# sourceMappingURL=InputTrait.esm.js.map

package/dist/lib/components/traits/InputTrait.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputTrait.esm.js","names":[],"sources":["../../../../src/lib/components/traits/InputTrait.ts"],"sourcesContent":["import { WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\n\nimport { generateId } from '@/lib/components'\n\nimport type { WebComponentTrait } from './WebComponentTrait'\n\nexport type InputTraitTarget = WebComponent & {\n  name: string;\n  label: string;\n  required: boolean;\n  value: string;\n}\n\nexport interface InputTraitConfig {\n  getInputElement(): HTMLInputElement | HTMLSelectElement | null\n  getInternals(): ElementInternals\n  onValueChanged?: (value: string) => void\n}\n\nexport default class InputTrait implements WebComponentTrait {\n  public inputId: string\n  public labelId: string\n  public target: InputTraitTarget\n  private config: InputTraitConfig\n\n  constructor (target: InputTraitTarget, config: InputTraitConfig) {\n    this.config = config\n    this.inputId = `input-${generateId()}`\n    this.labelId = `label-${this.inputId}`\n    this.target = target\n  }\n\n  firstUpdated () {\n    this.config.getInternals().setFormValue(this.target.value)\n    this.updateValidity()\n  }\n\n  updated (changedProperties: Map<PropertyKey, unknown>) {\n    if (changedProperties.has('value') || changedProperties.has('required')) {\n      this.updateValidity()\n    }\n  }\n\n  formResetCallback () {\n    this.target.value = ''\n    this.config.getInternals().setFormValue('')\n    this.updateValidity()\n    this.config.onValueChanged?.('')\n  }\n\n  renderLabel () {\n    return this.target.label\n      ? html`<label id=\"${this.labelId}\" for=\"${this.inputId}\">${this.target.label}</label>`\n      : nothing\n  }\n\n  onInput () {\n    this.setValue(this.config.getInputElement()?.value ?? '')\n  }\n\n  onSubmit () {\n    this.config.getInternals().form?.requestSubmit()\n  }\n\n  setValue (value: string) {\n    this.target.value = value\n\n    this.config.getInternals().setFormValue(this.target.value)\n    this.target.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }))\n    this.config.onValueChanged?.(this.target.value)\n  }\n\n  private updateValidity () {\n    const internals = this.config.getInternals()\n\n    if (this.target.required && this.target.value === '') {\n      internals.setValidity(\n        { valueMissing: true },\n        'Please fill out this field.',\n        this.config.getInputElement() ?? undefined\n      )\n    } else {\n      internals.setValidity({})\n    }\n  }\n}\n"],"mappings":";;;;AAoBA,IAAqB,IAArB,MAA6D;CAC3D;CACA;CACA;CACA;CAEA,YAAa,GAA0B,GAA0B;EAI/D,AAHA,KAAK,SAAS,GACd,KAAK,UAAU,SAAS,EAAW,KACnC,KAAK,UAAU,SAAS,KAAK,WAC7B,KAAK,SAAS;CAChB;CAEA,eAAgB;EAEd,AADA,KAAK,OAAO,aAAa,CAAC,CAAC,aAAa,KAAK,OAAO,KAAK,GACzD,KAAK,eAAe;CACtB;CAEA,QAAS,GAA8C;EACrD,CAAI,EAAkB,IAAI,OAAO,KAAK,EAAkB,IAAI,UAAU,MACpE,KAAK,eAAe;CAExB;CAEA,oBAAqB;EAInB,AAHA,KAAK,OAAO,QAAQ,IACpB,KAAK,OAAO,aAAa,CAAC,CAAC,aAAa,EAAE,GAC1C,KAAK,eAAe,GACpB,KAAK,OAAO,iBAAiB,EAAE;CACjC;CAEA,cAAe;EACb,OAAO,KAAK,OAAO,QACf,CAAI,cAAc,KAAK,QAAQ,SAAS,KAAK,QAAQ,IAAI,KAAK,OAAO,MAAM,YAC3E;CACN;CAEA,UAAW;EACT,KAAK,SAAS,KAAK,OAAO,gBAAgB,CAAC,EAAE,SAAS,EAAE;CAC1D;CAEA,WAAY;EACV,KAAK,OAAO,aAAa,CAAC,CAAC,MAAM,cAAc;CACjD;CAEA,SAAU,GAAe;EAKvB,AAJA,KAAK,OAAO,QAAQ,GAEpB,KAAK,OAAO,aAAa,CAAC,CAAC,aAAa,KAAK,OAAO,KAAK,GACzD,KAAK,OAAO,cAAc,IAAI,WAAW,SAAS;GAAE,SAAS;GAAM,UAAU;EAAK,CAAC,CAAC,GACpF,KAAK,OAAO,iBAAiB,KAAK,OAAO,KAAK;CAChD;CAEA,iBAA0B;EACxB,IAAM,IAAY,KAAK,OAAO,aAAa;EAE3C,AAAI,KAAK,OAAO,YAAY,KAAK,OAAO,UAAU,KAChD,EAAU,YACR,EAAE,cAAc,GAAK,GACrB,+BACA,KAAK,OAAO,gBAAgB,KAAK,KAAA,CACnC,IAEA,EAAU,YAAY,CAAC,CAAC;CAE5B;AACF"}