q2-tecton-elements 1.71.2 → 1.71.4

package/dist/bundle-report.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-28T18:20:49",
+  "timestamp": "2026-09-30T16:57:23",
   "compiler": {
     "name": "node",
     "version": "24.10.0"
@@ -1405,7 +1405,7 @@
           "component-DaQM9u3s.js",
           "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 53600
+        "originalByteSize": 53844
       },
       {
         "key": "q2-chart-bar.entry",
@@ -2266,7 +2266,7 @@
           "component-DaQM9u3s.js",
           "index-Cps4jSQM.js"
         ],
-        "originalByteSize": 53600
+        "originalByteSize": 53844
       },
       {
         "key": "q2-chart-bar.entry",
@@ -3129,7 +3129,7 @@
           "component-iASoq6gx.js",
           "index-SpDCZABA.js"
         ],
-        "originalByteSize": 53688
+        "originalByteSize": 53932
       },
       {
         "key": "q2-chart-bar.entry",

package/dist/cjs/click-elsewhere_3.cjs.entry.js

@@ -511,6 +511,9 @@ const Q2OptionList = class {
             return;
         const optionRole = type === 'menu' ? 'menuitem' : 'option';
         this.allOptions.forEach(option => {
+            // iOS 26 bug: setting role="menuitem" on the q2-dropdown-item host prevents VoiceOver from announcing the option name.
+            if (type === 'menu' && option.tagName.toLowerCase() === 'q2-dropdown-item')
+                return;
             option.role = optionRole;
         });
     }
@@ -681,7 +684,7 @@ const Q2OptionList = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (index.h(index.Host, { key: 'ea6ef8ea9e667c6d1485212ea636b23725ce9043' }, index.h("div", { key: '6bc6ffec50a40b8b8ee4cf2b66388200eb3f0d32', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, index.h("div", { key: '28b5d0460ceca2f0b9a8fd4fa018f949d04154df', class: "options", "aria-label": index$1.loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": this.type === 'menu' ? undefined : this.multiple ? 'true' : undefined, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, index.h("slot", { key: '666147b2cd06490c883c8a01b11e9cfa209a19dd' })))));
+        return (index.h(index.Host, { key: '14f2a8ab97077ed7b93d746b75f89b98f416a55d' }, index.h("div", { key: '1184c5d8d4cf8af63a60bef1282d6442b8539cf6', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, index.h("div", { key: '5dcb6a82f1759e46d5e742e72075bf3dfa3c6d70', class: "options", "aria-label": index$1.loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": this.type === 'menu' ? undefined : this.multiple ? 'true' : undefined, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, index.h("slot", { key: '39372ab91b081ba124ff4c4dc04fc0c84be7a4ad' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/components/q2-option-list/q2-option-list.js

@@ -413,6 +413,9 @@ export class Q2OptionList {
             return;
         const optionRole = type === 'menu' ? 'menuitem' : 'option';
         this.allOptions.forEach(option => {
+            // iOS 26 bug: setting role="menuitem" on the q2-dropdown-item host prevents VoiceOver from announcing the option name.
+            if (type === 'menu' && option.tagName.toLowerCase() === 'q2-dropdown-item')
+                return;
             option.role = optionRole;
         });
     }
@@ -583,7 +586,7 @@ export class Q2OptionList {
     // #endregion
     // #region Render Methods
     render() {
-        return (h(Host, { key: 'ea6ef8ea9e667c6d1485212ea636b23725ce9043' }, h("div", { key: '6bc6ffec50a40b8b8ee4cf2b66388200eb3f0d32', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, h("div", { key: '28b5d0460ceca2f0b9a8fd4fa018f949d04154df', class: "options", "aria-label": loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": this.type === 'menu' ? undefined : this.multiple ? 'true' : undefined, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, h("slot", { key: '666147b2cd06490c883c8a01b11e9cfa209a19dd' })))));
+        return (h(Host, { key: '14f2a8ab97077ed7b93d746b75f89b98f416a55d' }, h("div", { key: '1184c5d8d4cf8af63a60bef1282d6442b8539cf6', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, h("div", { key: '5dcb6a82f1759e46d5e742e72075bf3dfa3c6d70', class: "options", "aria-label": loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": this.type === 'menu' ? undefined : this.multiple ? 'true' : undefined, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, h("slot", { key: '39372ab91b081ba124ff4c4dc04fc0c84be7a4ad' })))));
     }
     static get is() { return "q2-option-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/q2-option-list2.js

@@ -323,8 +323,9 @@ const b =  t(class extends e {
     const {type: t} = this;
     if (!t) return;
     const e = "menu" === t ? "menuitem" : "option";
-    this.allOptions.forEach((t => {
-      t.role = e;
+    this.allOptions.forEach((i => {
+      // iOS 26 bug: setting role="menuitem" on the q2-dropdown-item host prevents VoiceOver from announcing the option name.
+      "menu" === t && "q2-dropdown-item" === i.tagName.toLowerCase() || (i.role = e);
     }));
   }
   focusSelectedSibling(t) {
@@ -426,14 +427,14 @@ const b =  t(class extends e {
   // #region Render Methods
   render() {
     return s(n, {
-      key: "ea6ef8ea9e667c6d1485212ea636b23725ce9043"
+      key: "14f2a8ab97077ed7b93d746b75f89b98f416a55d"
     }, s("div", {
-      key: "6bc6ffec50a40b8b8ee4cf2b66388200eb3f0d32",
+      key: "1184c5d8d4cf8af63a60bef1282d6442b8539cf6",
       class: "content",
       ref: t => this.contentElement = t,
       onFocusout: this.focusoutHandler
     }, s("div", {
-      key: "28b5d0460ceca2f0b9a8fd4fa018f949d04154df",
+      key: "5dcb6a82f1759e46d5e742e72075bf3dfa3c6d70",
       class: "options",
       "aria-label": h("tecton.element.optionList.label", [ this.label ]),
       "aria-multiselectable": "menu" === this.type ? void 0 : this.multiple ? "true" : void 0,
@@ -441,7 +442,7 @@ const b =  t(class extends e {
       onKeyDown: this.internalKeydownHandler,
       onClick: this.clickHandler
     }, s("slot", {
-      key: "666147b2cd06490c883c8a01b11e9cfa209a19dd"
+      key: "39372ab91b081ba124ff4c4dc04fc0c84be7a4ad"
     }))));
   }
   get hostElement() {

package/dist/esm/click-elsewhere_3.entry.js

@@ -509,6 +509,9 @@ const Q2OptionList = class {
             return;
         const optionRole = type === 'menu' ? 'menuitem' : 'option';
         this.allOptions.forEach(option => {
+            // iOS 26 bug: setting role="menuitem" on the q2-dropdown-item host prevents VoiceOver from announcing the option name.
+            if (type === 'menu' && option.tagName.toLowerCase() === 'q2-dropdown-item')
+                return;
             option.role = optionRole;
         });
     }
@@ -679,7 +682,7 @@ const Q2OptionList = class {
     // #endregion
     // #region Render Methods
     render() {
-        return (h(Host, { key: 'ea6ef8ea9e667c6d1485212ea636b23725ce9043' }, h("div", { key: '6bc6ffec50a40b8b8ee4cf2b66388200eb3f0d32', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, h("div", { key: '28b5d0460ceca2f0b9a8fd4fa018f949d04154df', class: "options", "aria-label": loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": this.type === 'menu' ? undefined : this.multiple ? 'true' : undefined, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, h("slot", { key: '666147b2cd06490c883c8a01b11e9cfa209a19dd' })))));
+        return (h(Host, { key: '14f2a8ab97077ed7b93d746b75f89b98f416a55d' }, h("div", { key: '1184c5d8d4cf8af63a60bef1282d6442b8539cf6', class: "content", ref: el => (this.contentElement = el), onFocusout: this.focusoutHandler }, h("div", { key: '5dcb6a82f1759e46d5e742e72075bf3dfa3c6d70', class: "options", "aria-label": loc('tecton.element.optionList.label', [this.label]), "aria-multiselectable": this.type === 'menu' ? undefined : this.multiple ? 'true' : undefined, role: this.type || 'listbox', onKeyDown: this.internalKeydownHandler, onClick: this.clickHandler }, h("slot", { key: '39372ab91b081ba124ff4c4dc04fc0c84be7a4ad' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/q2-tecton-elements/click-elsewhere_3.entry.js

@@ -388,8 +388,9 @@ const w = class {
     const {type: t} = this;
     if (!t) return;
     const i = "menu" === t ? "menuitem" : "option";
-    this.allOptions.forEach((t => {
-      t.role = i;
+    this.allOptions.forEach((o => {
+      // iOS 26 bug: setting role="menuitem" on the q2-dropdown-item host prevents VoiceOver from announcing the option name.
+      "menu" === t && "q2-dropdown-item" === o.tagName.toLowerCase() || (o.role = i);
     }));
   }
   focusSelectedSibling(t) {
@@ -491,14 +492,14 @@ const w = class {
   // #region Render Methods
   render() {
     return e(s, {
-      key: "ea6ef8ea9e667c6d1485212ea636b23725ce9043"
+      key: "14f2a8ab97077ed7b93d746b75f89b98f416a55d"
     }, e("div", {
-      key: "6bc6ffec50a40b8b8ee4cf2b66388200eb3f0d32",
+      key: "1184c5d8d4cf8af63a60bef1282d6442b8539cf6",
       class: "content",
       ref: t => this.contentElement = t,
       onFocusout: this.focusoutHandler
     }, e("div", {
-      key: "28b5d0460ceca2f0b9a8fd4fa018f949d04154df",
+      key: "5dcb6a82f1759e46d5e742e72075bf3dfa3c6d70",
       class: "options",
       "aria-label": a("tecton.element.optionList.label", [ this.label ]),
       "aria-multiselectable": "menu" === this.type ? void 0 : this.multiple ? "true" : void 0,
@@ -506,7 +507,7 @@ const w = class {
       onKeyDown: this.internalKeydownHandler,
       onClick: this.clickHandler
     }, e("slot", {
-      key: "666147b2cd06490c883c8a01b11e9cfa209a19dd"
+      key: "39372ab91b081ba124ff4c4dc04fc0c84be7a4ad"
     }))));
   }
   get hostElement() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.71.2",
+    "version": "1.71.4",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -63,7 +63,7 @@
     },
     "dependencies": {
         "@stencil/core": "~4.43.0",
-        "q2-tecton-common": "1.71.2",
+        "q2-tecton-common": "1.71.4",
         "swiper": "^12.1.2"
     },
     "devDependencies": {
@@ -85,5 +85,5 @@
         "rollup-plugin-istanbul": "^5.0.0"
     },
     "packageManager": "pnpm@10.27.0",
-    "gitHead": "7f59041ab15cbd3707d1b874babe55287419a019"
+    "gitHead": "4fa4c7ad2ac445af639ed0a3728f33cd5c70a6b3"
 }