lux-design-system 7.3.2 → 7.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1683,12 +1683,18 @@ const al = /* @__PURE__ */ M(Gi, [["render", tl], ["__scopeId", "data-v-0ca6d71f
1683
1683
  default: !1
1684
1684
  },
1685
1685
  /**
1686
- * The id of the form input field.
1686
+ * The id of the hidden form input field (which will contain the selected value)
1687
1687
  */
1688
1688
  id: {
1689
1689
  type: String,
1690
1690
  default: ""
1691
1691
  },
1692
+ /**
1693
+ * The id of the visible form input field (where the user will enter their text)
1694
+ */
1695
+ displayId: {
1696
+ type: String
1697
+ },
1692
1698
  /**
1693
1699
  * The name of the form input field.
1694
1700
  */
@@ -1792,6 +1798,9 @@ const al = /* @__PURE__ */ M(Gi, [["render", tl], ["__scopeId", "data-v-0ca6d71f
1792
1798
  computed: {
1793
1799
  ariaActiveDescendant() {
1794
1800
  return this.arrowCounter < 0 ? null : `lux-autocomplete-${this.componentId}result-${this.arrowCounter}`;
1801
+ },
1802
+ displayInputDomId() {
1803
+ return this.displayId || `displayInput-${this.componentId}`;
1795
1804
  }
1796
1805
  },
1797
1806
  created() {
@@ -1823,7 +1832,7 @@ function fl(e, t, a, n, s, r) {
1823
1832
  }, R(a.label), 11, sl)) : Y("", !0),
1824
1833
  o("div", ol, [
1825
1834
  k0(o("input", {
1826
- id: "displayInput-" + this.componentId,
1835
+ id: r.displayInputDomId,
1827
1836
  role: "combobox",
1828
1837
  autocomplete: "off",
1829
1838
  ref: "autoComplete",