@m3e/web 2.5.15 → 2.6.0

package/dist/html-custom-data.json

@@ -3272,6 +3272,257 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-timepicker-dial",
+      "description": "A clock‑face surface for selecting hours and minutes using a movable hand.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected time changes.\n- **view-change** - Dispatched when the view changes.\n\n### **Methods:**\n - **isHourDisabled(hour: _number_): __** - Determines whether the given hour is disabled.\n- **isMinuteDisabled(hour: _number_, minute: _number_): __** - Determines whether the given minute of an hour is disabled.\n\n### **CSS Properties:**\n - **--m3e-timepicker-dial-container-size** - Size of the dial container. _(default: undefined)_\n- **--m3e-timepicker-dial-container-shape** - Corner radius of the dial container. _(default: undefined)_\n- **--m3e-timepicker-dial-container-color** - Background color of the dial container. _(default: undefined)_\n- **--m3e-timepicker-dial-inset** - Inset offset applied to the dial surface. _(default: undefined)_\n- **--m3e-timepicker-dial-center-size** - Size of the dial center. _(default: undefined)_\n- **--m3e-timepicker-dial-handle-color** - Color of the active handle. _(default: undefined)_\n- **--m3e-timepicker-dial-handle-size** - Size of the handle. _(default: undefined)_\n- **--m3e-timepicker-dial-handle-disabled-color** - Color of a disabled handle. _(default: undefined)_\n- **--m3e-timepicker-dial-handle-disabled-opacity** - Opacity of a disabled handle. _(default: undefined)_\n- **--m3e-timepicker-dial-dial-inset** - Inset applied to the handle area. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-size** - Size of the dial numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-color** - Text color of inactive numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-shape** - Corner radius of the numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-font-size** - Font size of the outer numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-font-weight** - Font weight of the outer numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-line-height** - Line height of the outer numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-tracking** - Letter spacing of the outer numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-inner-numeral-font-size** - Font size of the inner numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-inner-numeral-font-weight** - Font weight of the inner numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-inner-numeral-line-height** - Line height of the inner numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-inner-numeral-tracking** - Letter spacing of the inner numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-active-color** - Color of active numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-disabled-color** - Color of disabled numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-disabled-opacity** - Opacity of disabled numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-handle-center-size** - Size of the handle center indicator. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "format",
+          "description": "Whether to use a 12‑hour or 24‑hour clock.",
+          "values": [{ "name": "TimepickerFormat" }]
+        },
+        {
+          "name": "hour",
+          "description": "The hour, in 24-hour time, from 0..23.",
+          "values": []
+        },
+        {
+          "name": "max-time",
+          "description": "The maximum time that can be selected.",
+          "values": [{ "name": "TimeParts" }]
+        },
+        {
+          "name": "min-time",
+          "description": "The minimum time that can be selected.",
+          "values": [{ "name": "TimeParts" }]
+        },
+        {
+          "name": "minute",
+          "description": "The minute, from 0..59.",
+          "values": []
+        },
+        {
+          "name": "period",
+          "description": "The 12-hour time period.",
+          "values": [{ "name": "TimepickerPeriod" }]
+        },
+        {
+          "name": "view",
+          "description": "The view used to input time.",
+          "values": [{ "name": "TimepickerView" }]
+        },
+        {
+          "name": "blackoutTimes",
+          "description": "A function used to determine whether a time cannot be selected.",
+          "values": [{ "name": "(time: TimeParts) => boolean" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-timepicker-input-period-toggle",
+      "description": "\n---\n\n\n### **Events:**\n - **change**",
+      "attributes": [
+        {
+          "name": "period",
+          "description": "The 12-hour time period.",
+          "values": [{ "name": "TimepickerPeriod" }]
+        },
+        {
+          "name": "orientation",
+          "description": "The orientation of the toggle.",
+          "values": [
+            { "name": "Exclude<TimepickerOrientation" },
+            { "name": "\"auto\">" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-timepicker-input",
+      "description": "A keyboard‑based time surface for choosing hours and minutes.\n---\n\n\n### **Events:**\n - **view-change** - Dispatched when the view changes.\n- **change** - Dispatched when the selected time changes.\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n- **isHourDisabled(hour: _number_): __** - Determines whether the given hour is disabled.\n- **isMinuteDisabled(hour: _number_, minute: _number_): __** - Determines whether the given minute of an hour is disabled.\n\n### **CSS Properties:**\n - **--m3e-timepicker-input-field-container-width** - Width of the input field container. _(default: undefined)_\n- **--m3e-timepicker-input-field-height** - Height of the input fields. _(default: undefined)_\n- **--m3e-timepicker-input-field-container-shape** - Corner radius of the input field container. _(default: undefined)_\n- **--m3e-timepicker-input-field-font-size** - Font size of the input field text. _(default: undefined)_\n- **--m3e-timepicker-input-field-font-weight** - Font weight of the input field text. _(default: undefined)_\n- **--m3e-timepicker-input-field-line-height** - Line height of the input field text. _(default: undefined)_\n- **--m3e-timepicker-input-field-tracking** - Letter spacing of the input field text. _(default: undefined)_\n- **--m3e-timepicker-input-field-label-unselected-color** - Text color of unselected input field labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-unselected-container-color** - Background color of unselected input fields. _(default: undefined)_\n- **--m3e-timepicker-input-field-label-selected-color** - Text color of selected input field labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-selected-container-color** - Background color of selected input fields. _(default: undefined)_\n- **--m3e-timepicker-input-field-label-invalid-color** - Text color of invalid input field labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-invalid-container-color** - Background color of invalid input fields. _(default: undefined)_\n- **--m3e-timepicker-input-field-supporting-text-color** - Text color of supporting labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-supporting-text-font-size** - Font size of supporting labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-supporting-text-font-weight** - Font weight of supporting labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-supporting-text-line-height** - Line height of supporting labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-supporting-text-tracking** - Letter spacing of supporting labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-separator-width** - Width of the field separator. _(default: undefined)_\n- **--m3e-timepicker-input-field-separator-color** - Color of the field separator. _(default: undefined)_\n- **--m3e-timepicker-input-field-separator-font-size** - Font size of the field separator. _(default: undefined)_\n- **--m3e-timepicker-input-field-separator-font-weight** - Font weight of the field separator. _(default: undefined)_\n- **--m3e-timepicker-input-field-separator-tracking** - Letter spacing of the field separator. _(default: undefined)_\n- **--m3e-timepicker-input-horizontal-period-toggle-space** - Space between the fields and period toggle in horizontal orientation. _(default: undefined)_\n- **--m3e-timepicker-input-vertical-period-toggle-space** - Space between the fields and period toggle in vertical orientation. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "format",
+          "description": "Whether to use a 12‑hour or 24‑hour clock.",
+          "values": [{ "name": "TimepickerFormat" }]
+        },
+        {
+          "name": "hide-labels",
+          "description": "Whether to hide field labels.",
+          "values": []
+        },
+        {
+          "name": "hour",
+          "description": "The hour, in 24-hour time, from 0..23.",
+          "values": []
+        },
+        {
+          "name": "max-time",
+          "description": "The maximum time that can be selected.",
+          "values": [{ "name": "TimeParts" }]
+        },
+        {
+          "name": "min-time",
+          "description": "The minimum time that can be selected.",
+          "values": [{ "name": "TimeParts" }]
+        },
+        {
+          "name": "minute",
+          "description": "The minute, from 0..59.",
+          "values": []
+        },
+        {
+          "name": "orientation",
+          "description": "The orientation of the input.",
+          "values": [
+            { "name": "Exclude<TimepickerOrientation" },
+            { "name": "\"auto\">" }
+          ]
+        },
+        {
+          "name": "period",
+          "description": "The 12-hour time period.",
+          "values": [{ "name": "TimepickerPeriod" }]
+        },
+        {
+          "name": "view",
+          "description": "The view used to input time.",
+          "values": [{ "name": "TimepickerView" }]
+        },
+        {
+          "name": "hour-label",
+          "description": "The label for the hour field.",
+          "values": []
+        },
+        {
+          "name": "minute-label",
+          "description": "The label for the minute field.",
+          "values": []
+        },
+        {
+          "name": "period-toggle-label",
+          "description": "The accessible label given to the period toggle.",
+          "values": []
+        },
+        {
+          "name": "for",
+          "description": "The identifier of the interactive control to which this element is attached.",
+          "values": []
+        },
+        {
+          "name": "blackoutTimes",
+          "description": "A function used to determine whether a time cannot be selected.",
+          "values": [{ "name": "(time: TimeParts) => boolean" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-timepicker",
+      "description": "Presents a time picker on a temporary surface.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected time is confirmed.\n- **beforetoggle** - Dispatched before the picker toggles.\n- **toggle** - Dispatched when the picker toggles.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Opens the picker.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the picker.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the picker.\n\n### **CSS Properties:**\n - **--m3e-timepicker-container-padding-block** - Block padding inside the picker container. _(default: undefined)_\n- **--m3e-timepicker-container-padding-inline** - Inline padding inside the picker container. _(default: undefined)_\n- **--m3e-timepicker-container-color** - Background color of the picker container. _(default: undefined)_\n- **--m3e-timepicker-container-elevation** - Box shadow / elevation of the picker container. _(default: undefined)_\n- **--m3e-timepicker-docked-container-color** - Background color of the docked picker container. _(default: undefined)_\n- **--m3e-timepicker-docked-container-shape** - Border radius of the docked picker container. _(default: undefined)_\n- **--m3e-timepicker-modal-container-color** - Background color of the modal picker container. _(default: undefined)_\n- **--m3e-timepicker-modal-container-shape** - Border radius of the modal picker container. _(default: undefined)_\n- **--m3e-timepicker-headline-color** - Color of the headline. _(default: undefined)_\n- **--m3e-timepicker-headline-font-size** - Font size of the headline. _(default: undefined)_\n- **--m3e-timepicker-headline-font-weight** - Font weight of the headline. _(default: undefined)_\n- **--m3e-timepicker-headline-line-height** - Line height of the headline. _(default: undefined)_\n- **--m3e-timepicker-headline-tracking** - Letter spacing of the headline. _(default: undefined)_\n- **--m3e-timepicker-headline-top-space** - Top margin above the headline. _(default: undefined)_\n- **--m3e-timepicker-actions-space** - Space above the action buttons. _(default: undefined)_\n- **--m3e-timepicker-label-input-space** - Space between Label and the input. _(default: undefined)_\n- **--m3e-timepicker-vertical-input-dial-space** - Space between the input and dial in vertical orientation. _(default: undefined)_\n- **--m3e-timepicker-horizontal-input-dial-space** - Space between the input and dial in horizontal orientation. _(default: undefined)_\n- **--m3e-timepicker-input-field-container-width** - Width of the input field container. _(default: undefined)_\n- **--m3e-timepicker-input-field-height** - Height of the input fields. _(default: undefined)_\n- **--m3e-timepicker-input-field-container-shape** - Corner radius of the input field container. _(default: undefined)_\n- **--m3e-timepicker-input-field-font-size** - Font size of the input field text. _(default: undefined)_\n- **--m3e-timepicker-input-field-font-weight** - Font weight of the input field text. _(default: undefined)_\n- **--m3e-timepicker-input-field-line-height** - Line height of the input field text. _(default: undefined)_\n- **--m3e-timepicker-input-field-tracking** - Letter spacing of the input field text. _(default: undefined)_\n- **--m3e-timepicker-input-field-label-unselected-color** - Text color of unselected input field labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-unselected-container-color** - Background color of unselected input fields. _(default: undefined)_\n- **--m3e-timepicker-input-field-label-selected-color** - Text color of selected input field labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-selected-container-color** - Background color of selected input fields. _(default: undefined)_\n- **--m3e-timepicker-input-field-label-invalid-color** - Text color of invalid input field labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-invalid-container-color** - Background color of invalid input fields. _(default: undefined)_\n- **--m3e-timepicker-input-field-supporting-text-color** - Text color of supporting labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-supporting-text-font-size** - Font size of supporting labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-supporting-text-font-weight** - Font weight of supporting labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-supporting-text-line-height** - Line height of supporting labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-supporting-text-tracking** - Letter spacing of supporting labels. _(default: undefined)_\n- **--m3e-timepicker-input-field-separator-width** - Width of the field separator. _(default: undefined)_\n- **--m3e-timepicker-input-field-separator-color** - Color of the field separator. _(default: undefined)_\n- **--m3e-timepicker-input-field-separator-font-size** - Font size of the field separator. _(default: undefined)_\n- **--m3e-timepicker-input-field-separator-font-weight** - Font weight of the field separator. _(default: undefined)_\n- **--m3e-timepicker-input-field-separator-tracking** - Letter spacing of the field separator. _(default: undefined)_\n- **--m3e-timepicker-input-horizontal-period-toggle-space** - Space between the fields and period toggle in horizontal orientation. _(default: undefined)_\n- **--m3e-timepicker-input-vertical-period-toggle-space** - Space between the fields and period toggle in vertical orientation. _(default: undefined)_\n- **--m3e-timepicker-dial-container-size** - Size of the dial container. _(default: undefined)_\n- **--m3e-timepicker-dial-container-shape** - Corner radius of the dial container. _(default: undefined)_\n- **--m3e-timepicker-dial-container-color** - Background color of the dial container. _(default: undefined)_\n- **--m3e-timepicker-dial-inset** - Inset offset applied to the dial surface. _(default: undefined)_\n- **--m3e-timepicker-dial-center-size** - Size of the dial center. _(default: undefined)_\n- **--m3e-timepicker-dial-handle-color** - Color of the active handle. _(default: undefined)_\n- **--m3e-timepicker-dial-handle-size** - Size of the handle. _(default: undefined)_\n- **--m3e-timepicker-dial-handle-disabled-color** - Color of a disabled handle. _(default: undefined)_\n- **--m3e-timepicker-dial-handle-disabled-opacity** - Opacity of a disabled handle. _(default: undefined)_\n- **--m3e-timepicker-dial-dial-inset** - Inset applied to the handle area. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-size** - Size of the dial numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-color** - Text color of inactive numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-shape** - Corner radius of the numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-font-size** - Font size of the outer numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-font-weight** - Font weight of the outer numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-line-height** - Line height of the outer numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-tracking** - Letter spacing of the outer numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-inner-numeral-font-size** - Font size of the inner numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-inner-numeral-font-weight** - Font weight of the inner numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-inner-numeral-line-height** - Line height of the inner numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-inner-numeral-tracking** - Letter spacing of the inner numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-active-color** - Color of active numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-disabled-color** - Color of disabled numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-numeral-disabled-opacity** - Opacity of disabled numerals. _(default: undefined)_\n- **--m3e-timepicker-dial-handle-center-size** - Size of the handle center indicator. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The appearance variant of the picker.",
+          "values": [{ "name": "TimepickerVariant" }]
+        },
+        {
+          "name": "mode",
+          "description": "The mode in which to select time.",
+          "values": [{ "name": "TimepickerMode" }]
+        },
+        {
+          "name": "orientation",
+          "description": "The orientation of the picker.",
+          "values": [{ "name": "TimepickerOrientation" }]
+        },
+        {
+          "name": "date",
+          "description": "The selected date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "format",
+          "description": "Whether to use a 12‑hour or 24‑hour clock.",
+          "values": [{ "name": "TimepickerFormat" }]
+        },
+        {
+          "name": "max-time",
+          "description": "The maximum time that can be selected.",
+          "values": [{ "name": "TimeParts" }]
+        },
+        {
+          "name": "min-time",
+          "description": "The minimum time that can be selected.",
+          "values": [{ "name": "TimeParts" }]
+        },
+        {
+          "name": "confirm-label",
+          "description": "Label given to the button used apply the selected date and close the picker.",
+          "values": []
+        },
+        {
+          "name": "dismiss-label",
+          "description": "Label given to the button used discard the selected date and close the picker.",
+          "values": []
+        },
+        {
+          "name": "dial-label",
+          "description": "Label given to the the picker when in dial mode.",
+          "values": []
+        },
+        {
+          "name": "input-label",
+          "description": "Label given to the the picker when in input mode.",
+          "values": []
+        },
+        {
+          "name": "hour-label",
+          "description": "Label for the hour field.",
+          "values": []
+        },
+        {
+          "name": "minute-label",
+          "description": "Label for the minute field.",
+          "values": []
+        },
+        {
+          "name": "mode-toggle-label",
+          "description": "The accessible label given to the mode toggle button.",
+          "values": []
+        },
+        {
+          "name": "hide-mode-toggle",
+          "description": "Whether to hide the mode toggle button.",
+          "values": []
+        },
+        {
+          "name": "period-toggle-label",
+          "description": "The accessible label given to the period toggle.",
+          "values": []
+        },
+        {
+          "name": "blackoutTimes",
+          "description": "A function used to determine whether a time cannot be selected.",
+          "values": [{ "name": "(time: TimeParts) => boolean" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-timepicker-toggle",
+      "description": "An element, nested within a clickable element, used to toggle a timepicker.\n---\n\n\n### **Methods:**\n \n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.",
+      "attributes": [
+        {
+          "name": "for",
+          "description": "The identifier of the interactive control to which this element is attached.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-toc-item",
       "description": "An item in a table of contents.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n\n### **CSS Properties:**\n - **--m3e-toc-item-shape** - Border radius of the TOC item. _(default: undefined)_\n- **--m3e-toc-item-padding-block** - Block padding for the TOC item. _(default: undefined)_\n- **--m3e-toc-item-padding** - Inline padding for the TOC item. _(default: undefined)_\n- **--m3e-toc-item-inset** - Indentation per level for the TOC item. _(default: undefined)_\n- **--m3e-toc-active-indicator-animation-duration** - Animation duration for the active indicator. _(default: undefined)_\n- **--m3e-toc-item-font-size** - Font size for unselected items. _(default: undefined)_\n- **--m3e-toc-item-font-weight** - Font weight for unselected items. _(default: undefined)_\n- **--m3e-toc-item-line-height** - Line height for unselected items. _(default: undefined)_\n- **--m3e-toc-item-tracking** - Letter spacing for unselected items. _(default: undefined)_\n- **--m3e-toc-item-color** - Text color for unselected items. _(default: undefined)_\n- **--m3e-toc-item-selected-font-size** - Font size for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-font-weight** - Font weight for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-line-height** - Line height for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-tracking** - Letter spacing for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-color** - Text color for selected items. _(default: undefined)_",

package/dist/list.js

@@ -10,7 +10,7 @@ import { LitElement, html, unsafeCSS, css } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 
-var _M3eListItemElement_instances, _M3eListItemElement_resizeController, _M3eListItemElement_leadingContentType, _M3eListItemElement_trailingContentType, _M3eListItemElement_initialize, _M3eListItemElement_updateMultiline, _M3eListItemElement_getSlotContentType;
+var _M3eListItemElement_instances, _M3eListItemElement_resizeController, _M3eListItemElement_lines, _M3eListItemElement_leadingContentType, _M3eListItemElement_trailingContentType, _M3eListItemElement_initialize, _M3eListItemElement_updateMultiline, _M3eListItemElement_getSlotContentType;
 /**
  * An item in a list.
  *
@@ -104,6 +104,8 @@ let M3eListItemElement = class M3eListItemElement extends ReconnectedCallback(At
       callback: () => __classPrivateFieldGet(this, _M3eListItemElement_instances, "m", _M3eListItemElement_updateMultiline).call(this)
     }));
     /** @private */
+    _M3eListItemElement_lines.set(this, void 0);
+    /** @private */
     _M3eListItemElement_leadingContentType.set(this, void 0);
     /** @private */
     _M3eListItemElement_trailingContentType.set(this, void 0);
@@ -154,6 +156,7 @@ let M3eListItemElement = class M3eListItemElement extends ReconnectedCallback(At
   }
 };
 _M3eListItemElement_resizeController = new WeakMap();
+_M3eListItemElement_lines = new WeakMap();
 _M3eListItemElement_leadingContentType = new WeakMap();
 _M3eListItemElement_trailingContentType = new WeakMap();
 _M3eListItemElement_instances = new WeakSet();
@@ -166,9 +169,14 @@ _M3eListItemElement_initialize = function _M3eListItemElement_initialize() {
 _M3eListItemElement_updateMultiline = function _M3eListItemElement_updateMultiline() {
   const content = this.shadowRoot?.querySelector(".content") ?? null;
   const lines = content === null ? 0 : computeLineCount(content);
-  setCustomState(this, "--one-line", lines <= 1);
-  setCustomState(this, "--two-line", lines == 2);
-  setCustomState(this, "--three-line", lines > 2);
+  if (__classPrivateFieldGet(this, _M3eListItemElement_lines, "f") === lines) return;
+  __classPrivateFieldSet(this, _M3eListItemElement_lines, lines, "f");
+  // Defer state writes to rAF to avoid synchronous layout flush (forced reflow)
+  requestAnimationFrame(() => {
+    setCustomState(this, "--one-line", lines <= 1);
+    setCustomState(this, "--two-line", lines == 2);
+    setCustomState(this, "--three-line", lines > 2);
+  });
 };
 _M3eListItemElement_getSlotContentType = function _M3eListItemElement_getSlotContentType(slot) {
   const elements = slot.assignedElements({