@citolab/qti-components 7.22.0 → 7.23.0

package/custom-elements.json

@@ -16756,15 +16756,6 @@
           "description": "",
           "name": "QtiInlineChoiceInteraction",
           "members": [
-            {
-              "kind": "field",
-              "name": "_calculatedMinWidth",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
             {
               "kind": "field",
               "name": "_context",
@@ -16799,12 +16790,6 @@
               "privacy": "protected",
               "default": "false"
             },
-            {
-              "kind": "method",
-              "name": "_estimateOptimalWidth",
-              "privacy": "private",
-              "description": "Simple width estimation based on text content length - no DOM manipulation needed"
-            },
             {
               "kind": "field",
               "name": "_handleShowCandidateCorrectionChange",
@@ -16858,61 +16843,106 @@
             },
             {
               "kind": "field",
-              "name": "_supportsCustomizableSelectCache",
-              "type": {
-                "text": "boolean | null"
-              },
+              "name": "_menuId",
               "privacy": "private",
-              "static": true,
-              "default": "null"
+              "readonly": true,
+              "default": "`qti-inline-choice-menu-${inlineChoiceMenuCounter++}`"
             },
             {
               "kind": "field",
-              "name": "_widthCalculationTimer",
+              "name": "_slotObserver",
               "type": {
-                "text": "number | null"
+                "text": "MutationObserver | null"
               },
               "privacy": "private",
               "default": "null"
             },
             {
               "kind": "method",
-              "name": "#focusTrigger",
+              "name": "#allMenuOptions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement[]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#estimateOptimalWidth",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#onCustomMenuKeyDown",
+              "kind": "method",
+              "name": "#focusTrigger",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "#getDeepActiveElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Element | null"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#isElementInsideInteraction",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#menuElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement | null"
+                }
+              }
+            },
             {
               "kind": "field",
-              "name": "#onCustomTriggerKeyDown",
+              "name": "#onChoicesSlotChange",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#onDocumentKeyDown",
+              "name": "#onCustomMenuKeyDown",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#onDocumentPointerDown",
+              "name": "#onCustomTriggerKeyDown",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#onNativeChange",
+              "name": "#onMenuToggle",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#onToggleCustomDropdown",
+              "name": "#onSlottedChoiceClick",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "#positionCustomMenu",
+              "kind": "field",
+              "name": "#onTriggerClick",
               "privacy": "private"
             },
             {
@@ -16953,14 +16983,18 @@
             },
             {
               "kind": "method",
-              "name": "#supportsCustomizableSelect",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Progressive enhancement for \"customizable select\" (WHATWG / MDN: `appearance: base-select` + `::picker()`).\n\nNotes on current browser behavior (observed around Feb 2026):\n- Chromium-based browsers can support customizable select in light DOM, but it does not reliably work when the\n  `<select>` lives inside a shadow root (e.g. the internal `<button>/<selectedcontent>` can end up effectively\n  not rendered, so rich content like images disappears).\n- Firefox support is not generally available yet, so we fall back to our custom listbox there as well.\n\nBecause `CSS.supports(...)` may return syntax-only true, we do a final DOM probe to ensure the customizable-select\nmarkup actually takes effect in the current environment before opting in."
+              "name": "#startSlotObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#syncSlottedChoices",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#teardownSlottedChoices",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -17027,15 +17061,6 @@
                 "module": "packages/qti-base/src/abstract/interaction.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "dataPrompt",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "data-prompt"
-            },
             {
               "kind": "field",
               "name": "disabled",
@@ -17081,16 +17106,6 @@
                 "text": "formResetCallback() => void"
               }
             },
-            {
-              "kind": "field",
-              "name": "inputWidthClass",
-              "type": {
-                "text": "array"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[ '', 'qti-input-width-2', 'qti-input-width-1', 'qti-input-width-3', 'qti-input-width-4', 'qti-input-width-6', 'qti-input-width-10', 'qti-input-width-15', 'qti-input-width-20', 'qti-input-width-72' ]"
-            },
             {
               "kind": "field",
               "name": "internals",
@@ -17228,6 +17243,14 @@
                 "module": "packages/qti-base/src/abstract/interaction.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'listbox'"
+            },
             {
               "kind": "method",
               "name": "saveResponse",
@@ -17428,6 +17451,12 @@
               }
             }
           ],
+          "superclass": {
+            "name": "Interaction",
+            "package": "@qti-components/base"
+          },
+          "tagName": "qti-inline-choice-interaction",
+          "customElement": true,
           "attributes": [
             {
               "name": "correct-response",
@@ -17441,14 +17470,6 @@
                 "module": "packages/qti-base/src/abstract/interaction.ts"
               }
             },
-            {
-              "name": "data-prompt",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "dataPrompt"
-            },
             {
               "name": "disabled",
               "type": {
@@ -17532,12 +17553,6 @@
               }
             }
           ],
-          "superclass": {
-            "name": "Interaction",
-            "package": "@qti-components/base"
-          },
-          "tagName": "qti-inline-choice-interaction",
-          "customElement": true,
           "events": [
             {
               "name": "qti-interaction-response",
@@ -22623,13 +22638,7 @@
               "kind": "method",
               "name": "#addMarkupToIframe",
               "privacy": "private",
-              "description": "IFRAME MODE: Add markup and properties to iframe"
-            },
-            {
-              "kind": "method",
-              "name": "#addStylesheetsToIframe",
-              "privacy": "private",
-              "description": "IFRAME MODE: Add stylesheets to iframe"
+              "description": "IFRAME MODE: Add markup, stylesheets, and properties to iframe"
             },
             {
               "kind": "method",
@@ -23053,37 +23062,6 @@
               },
               "description": "Build a QTI_CONTEXT record for PCI consumption"
             },
-            {
-              "kind": "method",
-              "name": "getSharedStylesheetConfig",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{ content: string; scoped: boolean; key: string } | null"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getSharedStylesheetContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string | null"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getStylesheetConfigs",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Array<{ href?: string; content?: string; scoped?: boolean; key?: string }>"
-                }
-              },
-              "description": "Collect qti-stylesheet elements for iframe injection"
-            },
             {
               "kind": "method",
               "name": "getTemplateVariables",
@@ -23307,25 +23285,6 @@
                 "text": "reset() => void"
               }
             },
-            {
-              "kind": "method",
-              "name": "resolveStylesheetHref",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "href",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Resolve stylesheet href against baseUrl or document origin"
-            },
             {
               "kind": "field",
               "name": "response",
@@ -24049,17 +24008,7 @@
               "kind": "method",
               "name": "#addMarkupToIframe",
               "privacy": "private",
-              "description": "IFRAME MODE: Add markup and properties to iframe",
-              "inheritedFrom": {
-                "name": "QtiPortableCustomInteraction",
-                "module": "packages/qti-interactions/src/components/qti-portable-custom-interaction/qti-portable-custom-interaction.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#addStylesheetsToIframe",
-              "privacy": "private",
-              "description": "IFRAME MODE: Add stylesheets to iframe",
+              "description": "IFRAME MODE: Add markup, stylesheets, and properties to iframe",
               "inheritedFrom": {
                 "name": "QtiPortableCustomInteraction",
                 "module": "packages/qti-interactions/src/components/qti-portable-custom-interaction/qti-portable-custom-interaction.ts"
@@ -24629,49 +24578,6 @@
                 "module": "packages/qti-interactions/src/components/qti-portable-custom-interaction/qti-portable-custom-interaction.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "getSharedStylesheetConfig",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{ content: string; scoped: boolean; key: string } | null"
-                }
-              },
-              "inheritedFrom": {
-                "name": "QtiPortableCustomInteraction",
-                "module": "packages/qti-interactions/src/components/qti-portable-custom-interaction/qti-portable-custom-interaction.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getSharedStylesheetContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string | null"
-                }
-              },
-              "inheritedFrom": {
-                "name": "QtiPortableCustomInteraction",
-                "module": "packages/qti-interactions/src/components/qti-portable-custom-interaction/qti-portable-custom-interaction.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getStylesheetConfigs",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Array<{ href?: string; content?: string; scoped?: boolean; key?: string }>"
-                }
-              },
-              "description": "Collect qti-stylesheet elements for iframe injection",
-              "inheritedFrom": {
-                "name": "QtiPortableCustomInteraction",
-                "module": "packages/qti-interactions/src/components/qti-portable-custom-interaction/qti-portable-custom-interaction.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "getTemplateVariables",
@@ -25128,29 +25034,6 @@
                 "text": "reset() => void"
               }
             },
-            {
-              "kind": "method",
-              "name": "resolveStylesheetHref",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "href",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Resolve stylesheet href against baseUrl or document origin",
-              "inheritedFrom": {
-                "name": "QtiPortableCustomInteraction",
-                "module": "packages/qti-interactions/src/components/qti-portable-custom-interaction/qti-portable-custom-interaction.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "response",