solid-ui 3.1.3-10 → 3.1.3-11

package/dist/chunks/select-DHFgELMJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-DHFgELMJ.js","names":["customElement","WebComponent","html","property","query","InputTrait","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_C","_D","_E","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_requiredDecs","Boolean","_inputElementDecs","_Select3","Select","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","required","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_required","_init_inputElement","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","render","renderLabel","inputId","onInput","getOptions","map","option","options","querySelectorAll","Array","from","textContent","e","c","_initClass","_applyDecs","_Class","_identity","default","Select"],"sources":["../../src/components/select/Select.styles.css","../../src/components/select/Select.ts","../../src/components/select/index.ts"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        select {\n            appearance: none;\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n            cursor: pointer;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\n@customElement('solid-ui-select')\nexport default class Select extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = '';\n\n  @property({ type: String, reflect: true })\n  accessor name = '';\n\n  @property({ type: String })\n  accessor value = '';\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false;\n\n  @query('select')\n  accessor inputElement: HTMLSelectElement | null = null;\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(new InputTrait(this, {\n      getInputElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.inputTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.inputTrait.inputId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${() => this.inputTrait.onInput()}\n        >\n          ${this.getOptions().map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private getOptions (): { value: string; label: string }[] {\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n}\n","import Select from './Select'\n\nexport { Select }\nexport default Select\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-const e=require("../ids.cjs.js");require("../index.cjs.js");let t=require("lit");var n=class{inputId;labelId;target;config;constructor(t,n){this.config=n,this.inputId=`input-${e.generateId()}`,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.html`<label id="${this.labelId}" for="${this.inputId}">${this.target.label}</label>`:t.nothing}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({})}};exports.default=n;
-//# sourceMappingURL=InputTrait.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputTrait.cjs.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":"iFAoBA,IAAqB,EAArB,KAA6D,CAC3D,QACA,QACA,OACA,OAEA,YAAa,EAA0B,EAA0B,CAC/D,KAAK,OAAS,EACd,KAAK,QAAU,SAAS,EAAA,WAAW,IACnC,KAAK,QAAU,SAAS,KAAK,UAC7B,KAAK,OAAS,CAChB,CAEA,cAAgB,CACd,KAAK,OAAO,aAAa,CAAC,CAAC,aAAa,KAAK,OAAO,KAAK,EACzD,KAAK,eAAe,CACtB,CAEA,QAAS,EAA8C,EACjD,EAAkB,IAAI,OAAO,GAAK,EAAkB,IAAI,UAAU,IACpE,KAAK,eAAe,CAExB,CAEA,mBAAqB,CACnB,KAAK,OAAO,MAAQ,GACpB,KAAK,OAAO,aAAa,CAAC,CAAC,aAAa,EAAE,EAC1C,KAAK,eAAe,EACpB,KAAK,OAAO,iBAAiB,EAAE,CACjC,CAEA,aAAe,CACb,OAAO,KAAK,OAAO,MACf,EAAA,IAAI,cAAc,KAAK,QAAQ,SAAS,KAAK,QAAQ,IAAI,KAAK,OAAO,MAAM,UAC3E,EAAA,OACN,CAEA,SAAW,CACT,KAAK,SAAS,KAAK,OAAO,gBAAgB,CAAC,EAAE,OAAS,EAAE,CAC1D,CAEA,UAAY,CACV,KAAK,OAAO,aAAa,CAAC,CAAC,MAAM,cAAc,CACjD,CAEA,SAAU,EAAe,CACvB,KAAK,OAAO,MAAQ,EAEpB,KAAK,OAAO,aAAa,CAAC,CAAC,aAAa,KAAK,OAAO,KAAK,EACzD,KAAK,OAAO,cAAc,IAAI,WAAW,QAAS,CAAE,QAAS,GAAM,SAAU,EAAK,CAAC,CAAC,EACpF,KAAK,OAAO,iBAAiB,KAAK,OAAO,KAAK,CAChD,CAEA,gBAA0B,CACxB,IAAM,EAAY,KAAK,OAAO,aAAa,EAEvC,KAAK,OAAO,UAAY,KAAK,OAAO,QAAU,GAChD,EAAU,YACR,CAAE,aAAc,EAAK,EACrB,8BACA,KAAK,OAAO,gBAAgB,GAAK,IAAA,EACnC,EAEA,EAAU,YAAY,CAAC,CAAC,CAE5B,CACF"}

package/dist/lib/components/traits/InputTrait.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputTrait.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/InputTrait.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAInC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,eAAe,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,IAAI,CAAA;IAC9D,YAAY,IAAI,gBAAgB,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,CAAC,OAAO,OAAO,UAAW,YAAW,iBAAiB;IACnD,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,gBAAgB,CAAA;IAC/B,OAAO,CAAC,MAAM,CAAkB;gBAEnB,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB;IAO/D,YAAY;IAKZ,OAAO,CAAE,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMrD,iBAAiB;IAOjB,WAAW;IAMX,OAAO;IAIP,QAAQ;IAIR,QAAQ,CAAE,KAAK,EAAE,MAAM;IAQvB,OAAO,CAAC,cAAc;CAavB"}

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"}