q2-tecton-elements 1.62.5 → 1.63.0

package/dist/q2-tecton-elements/q2-input.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as r, h as a, F as e, H as i, g as s } from "./index-CGkHOjh1.js";
 
-import { c as o, j as n, s as p, e as c, o as d, a as u, v as f, h as l, l as m, n as h, r as x, g as v } from "./index-LNnzUeDP.js";
+import { c as o, g as n, s as p, d as c, o as d, i as u, l as f, u as l, h as m, n as h, r as x, f as v } from "./index-YJ5sXwiE.js";
 
 function formatNumber(t = "", r = {
   prefix: "",
@@ -2963,7 +2963,7 @@ const M = function amexFn(t) {
   });
 };
 
-const D = function discoverFn(t) {
+const A = function discoverFn(t) {
   const r = formatValue(t, "#### #### #### ####");
   return Object.assign(Object.assign({}, r), {
     type: "discover",
@@ -2972,7 +2972,7 @@ const D = function discoverFn(t) {
   });
 };
 
-const A = function masterCardFn(t) {
+const D = function masterCardFn(t) {
   const r = formatValue(t, "#### #### #### ####");
   return Object.assign(Object.assign({}, r), {
     type: "masterCard",
@@ -2981,7 +2981,7 @@ const A = function masterCardFn(t) {
   });
 };
 
-const N = function visaFn(t) {
+const F = function visaFn(t) {
   const r = formatValue(t, "#### #### #### ####");
   return Object.assign(Object.assign({}, r), {
     type: "visa",
@@ -2990,7 +2990,7 @@ const N = function visaFn(t) {
   });
 };
 
-const F = function dinersClub(t) {
+const N = function dinersClub(t) {
   const r = formatValue(t, "#### ###### ####");
   return Object.assign(Object.assign({}, r), {
     type: "dinersClub",
@@ -3000,11 +3000,11 @@ const F = function dinersClub(t) {
 };
 
 const L = {
-  discover: D,
+  discover: A,
   amex: M,
-  masterCard: A,
-  visa: N,
-  dinersClub: F,
+  masterCard: D,
+  visa: F,
+  dinersClub: N,
   unknown: C
 };
 
@@ -3101,10 +3101,10 @@ const L = {
   detectCreditCardTypeFromValue,
   format,
   amexFormatter: M,
-  dinersClubInternationalFormatter: F,
-  discoverFormatter: D,
-  masterCardFormatter: A,
-  visaFormatter: N,
+  dinersClubInternationalFormatter: N,
+  discoverFormatter: A,
+  masterCardFormatter: D,
+  visaFormatter: F,
   unknownFormatter: C
 };
 
@@ -3321,6 +3321,7 @@ const Y = class {
       }
     });
     c(this);
+    this.updateComboboxAriaLabel();
     if (this.textHidden === undefined) {
       this.textHidden = this.type === "password";
     }
@@ -3388,8 +3389,18 @@ const Y = class {
   // #endregion
   // #region Watchers
   ariaLabelObserver() {
+    // Skip deprecated ariaLabel handling for combobox role
+    // (combobox sets aria-label directly for accessibility without hiding the visual label)
+    if (this._role === "combobox") return;
     c(this);
   }
+  updateComboboxAriaLabel() {
+    // Set aria-label directly on host for combobox role
+    // (can't use ariaLabel prop as it has deprecated handling that hides the label)
+    if (this._role === "combobox" && this.label) {
+      this.hostElement.setAttribute("aria-label", f(this.label));
+    }
+  }
   manageClearableResizeObserver(t) {
     var r;
     if ("ResizeObserver" in window === false) return;
@@ -3429,11 +3440,11 @@ const Y = class {
   // #region Local Methods
   get ariaAttributes() {
     return {
-      ariaActivedescendant: f(this.ariaActivedescendant),
-      ariaControls: f(this.ariaControls),
-      ariaExpanded: f(this.ariaExpanded, [ "true", "false" ]),
-      ariaHaspopup: f(this.ariaHaspopup, [ "true", "false", "menu", "listbox", "tree", "grid", "dialog" ]),
-      ariaOwns: f(this.ariaOwns)
+      ariaActivedescendant: l(this.ariaActivedescendant),
+      ariaControls: l(this.ariaControls),
+      ariaExpanded: l(this.ariaExpanded, [ "true", "false" ]),
+      ariaHaspopup: l(this.ariaHaspopup, [ "true", "false", "menu", "listbox", "tree", "grid", "dialog" ]),
+      ariaOwns: l(this.ariaOwns)
     };
   }
   get canSetSelection() {
@@ -3480,16 +3491,16 @@ const Y = class {
     }
   }
   get hasCustomDisplaySlot() {
-    return l(this.hostElement, "custom-display");
+    return m(this.hostElement, "custom-display");
   }
   get hasError() {
     return Array.isArray(this.errors) && this.errors.length > 0;
   }
   get hasInputLeftSlot() {
-    return l(this.hostElement, "input-left");
+    return m(this.hostElement, "input-left");
   }
   get hasInputRightSlot() {
-    return l(this.hostElement, "input-right");
+    return m(this.hostElement, "input-right");
   }
   get inputDescribedBy() {
     return this.showMessages ? `${this.inputId}-description` : undefined;
@@ -3539,7 +3550,7 @@ const Y = class {
     return `tecton.element.input.toggleAriaLabel.${this.textHidden ? "show" : "hide"}`;
   }
   get visibilityToggleText() {
-    return m(`tecton.element.input.toggle.${this.textHidden ? "show" : "hide"}`);
+    return f(`tecton.element.input.toggle.${this.textHidden ? "show" : "hide"}`);
   }
   get wrapperClasses() {
     const t = [ "field-container" ];
@@ -3736,7 +3747,7 @@ const Y = class {
       class: "input-icons-container-right"
     }, a("q2-btn", {
       class: this.clearClasses.join(" "),
-      label: m("tecton.element.input.clear", [ this.label ]),
+      label: f("tecton.element.input.clear", [ this.label ]),
       hideLabel: true,
       "test-id": "clearButton",
       onClick: this.onClearInput,
@@ -3748,7 +3759,7 @@ const Y = class {
       class: "btn-visibility-toggle",
       "test-id": "toggleVisibilityButton",
       onClick: this.onToggleVisibility,
-      label: m(this.visibilityToggleAriaLabel, {
+      label: f(this.visibilityToggleAriaLabel, {
         label: this.label
       }),
       "hide-label": true
@@ -3797,7 +3808,7 @@ const Y = class {
       name: "custom-display"
     }, a("span", {
       class: t ? "placeholder-text" : ""
-    }, t ? m(this.placeholder) : m(this.value))))));
+    }, t ? f(this.placeholder) : f(this.value))))));
   }
   renderStandardInputDOM() {
     const {hasCustomDisplaySlot: t} = this;
@@ -3829,7 +3840,7 @@ const Y = class {
       autocapitalize: this.autocapitalize,
       autocorrect: this.autocorrect === "on" ? "on" : "off",
       autofocus: this.autofocus,
-      placeholder: this.placeholder && m(this.placeholder) || undefined,
+      placeholder: this.placeholder && f(this.placeholder) || undefined,
       "test-id": "inputField",
       readonly: this.readonly || this._preventEntry,
       disabled: !!this.disabled,
@@ -3847,15 +3858,15 @@ const Y = class {
   render() {
     const {ariaControls: t, ariaExpanded: r} = this.ariaAttributes;
     return a(i, {
-      key: "ac1668b4b57fe26794243fdac33d3cb9ba74d7c7",
+      key: "93dee79b8294fef23997c5c0e78775dde9990fc0",
       role: this._role,
       "aria-controls": t,
       "aria-expanded": r
     }, a("div", {
-      key: "aaa97e165fdda3dfb95326bcdc635e8ad56a791a",
+      key: "16a568e9aae3d9d6d9e8468c748b18ae406cfa57",
       class: this.wrapperClasses
     }, a("div", {
-      key: "7c8fe4e94bc2e0b22465b794aaa773ebb53ec83f",
+      key: "8f7d14c288c4ed342bccedecece95e4a9f4465f5",
       class: "label-wrapper"
     }, x(this), this.renderCountDOM()), this.renderInputContainerDOM(), v(this)));
   }
@@ -3865,6 +3876,8 @@ const Y = class {
   static get watchers() {
     return {
       ariaLabel: [ "ariaLabelObserver" ],
+      _role: [ "updateComboboxAriaLabel" ],
+      label: [ "updateComboboxAriaLabel" ],
       clearable: [ "manageClearableResizeObserver" ],
       errors: [ "errorsObserver" ],
       formatModifier: [ "formatModifierObserver" ],