mtrl 0.10.6 → 0.10.7

package/dist/components/radios/types.d.ts

@@ -103,7 +103,7 @@ export interface RadioItem {
 export interface RadiosChangePayload {
     /**
      * Selected value, or an empty string when an unknown value clears selection.
-     * In 1.0 that is `null`, as the select and `<m-radios>` report it.
+     * In `material` 3.0.0 that is `null`, as the select and `<m-radios>` report it.
      */
     value: string;
     /** Native input change event; undefined for programmatic clearing. */
@@ -137,13 +137,13 @@ export interface RadiosComponent {
     getClass: (name: string) => string;
     /**
      * Gets the radios component name.
-     * In 1.0 it returns `null`, not an empty string, when nothing is selected.
+     * In `material` 3.0.0 it returns `null`, not an empty string, when nothing is selected.
      * @returns Selected radio value or empty string if none selected
      */
     getValue: () => string;
     /**
      * Sets the radios component value (selects a radio).
-     * In 1.0 it also accepts `null`, which clears the selection.
+     * In `material` 3.0.0 it also accepts `null`, which clears the selection.
      * @param value - Value to select
      * @returns The radios component for chaining
      */

package/dist/components/search/features/suggestions.js

@@ -154,10 +154,7 @@ export const withSuggestions = () => (component) => {
             if (newItem) {
                 newItem.classList.add(getClass(SEARCH_CLASSES.SUGGESTION_ITEM_SELECTED));
                 newItem.setAttribute("aria-selected", "true");
-                newItem.scrollIntoView({
-                    block: "nearest",
-                    behavior: "smooth",
-                });
+                newItem.scrollIntoView({ block: "nearest" });
             }
         }
     };

package/dist/components/search/types.d.ts

@@ -116,17 +116,17 @@ export interface SearchConfig {
     class?: string;
     /** Component prefix for class names */
     prefix?: string;
-    /** Called when search is submitted. In 1.0 it receives the `SearchEvent` a `submit` listener receives: read `event.value`. */
+    /** Called when search is submitted. In `material` 3.0.0 it receives the `SearchEvent` a `submit` listener receives: read `event.value`. */
     onSubmit?: (value: string) => void;
-    /** Called when input value changes. In 1.0 it receives the `SearchEvent` an `input` listener receives: read `event.value`. */
+    /** Called when input value changes. In `material` 3.0.0 it receives the `SearchEvent` an `input` listener receives: read `event.value`. */
     onInput?: (value: string) => void;
-    /** Called when search is cleared. In 1.0 it receives the `SearchEvent` a `clear` listener receives. */
+    /** Called when search is cleared. In `material` 3.0.0 it receives the `SearchEvent` a `clear` listener receives. */
     onClear?: () => void;
-    /** Called when view expands. In 1.0 it receives the object an `expand` listener receives. */
+    /** Called when view expands. In `material` 3.0.0 it receives the object an `expand` listener receives. */
     onExpand?: () => void;
-    /** Called when view collapses. In 1.0 it receives the object a `collapse` listener receives. */
+    /** Called when view collapses. In `material` 3.0.0 it receives the object a `collapse` listener receives. */
     onCollapse?: () => void;
-    /** Called when a suggestion is selected. In 1.0 it receives the `SearchEvent`: the suggestion is `event.suggestion`. */
+    /** Called when a suggestion is selected. In `material` 3.0.0 it receives the `SearchEvent`: the suggestion is `event.suggestion`. */
     onSuggestionSelect?: (suggestion: SearchSuggestion) => void;
     /** Event handlers map */
     on?: Partial<Record<SearchEventType, (event: SearchEvent) => void>>;
@@ -190,7 +190,13 @@ export interface SearchComponent {
     disable: () => SearchComponent;
     /** Checks if the component is disabled */
     isDisabled: () => boolean;
-    /** Adds an event listener */
+    /**
+     * Adds an event listener
+     * In `material` 3.0.0 an `expand` or `collapse` listener is typed with what those events
+     * carry, `{ component, state, viewMode }` (`SearchStateEvent`): `event.value`
+     * and `event.preventDefault()` there become type errors (they are
+     * `undefined` and not a function at run time today).
+     */
     on: (event: SearchEventType, handler: (event: SearchEvent) => void) => SearchComponent;
     /** Removes an event listener */
     off: (event: SearchEventType, handler: (event: SearchEvent) => void) => SearchComponent;

package/dist/components/select/constants.d.ts

@@ -80,7 +80,7 @@ export declare const SELECT_DEFAULTS: {
 export declare const SELECT_CLASSES: {
     /** Container element */
     readonly CONTAINER: "select";
-    /** @deprecated Renamed `TEXT_FIELD` in 1.0 (FLO-383); the class stays `select__textfield`. */
+    /** @deprecated Renamed `TEXT_FIELD` in `material` 3.0.0 (FLO-383), and its class becomes `select__text-field`. */
     readonly TEXTFIELD: "select__textfield";
     /** Dropdown icon */
     readonly DROPDOWN_ICON: "select__dropdown-icon";

package/dist/components/select/types.d.ts

@@ -160,13 +160,13 @@ export interface SelectComponent {
     element: HTMLElement;
     /**
      * The textfield component
-     * @deprecated Renamed `textField` in 1.0 (FLO-383), where `select.textfield` is `undefined`.
+     * @deprecated Renamed `textField` in `material` 3.0.0 (FLO-383), where `select.textfield` is `undefined`.
      * 0.10.x has no `textField`, so rename it when you upgrade.
      */
     textfield: TextfieldComponent;
     /**
      * The menu component
-     * @deprecated Removed in 1.0. Use the select's own methods and events: `open()`,
+     * @deprecated Removed in `material` 3.0.0. Use the select's own methods and events: `open()`,
      * `close()`, `isOpen()`, `getOptions()`, `setOptions()`, and `open`, `close` and `change`.
      */
     menu: MenuComponent;
@@ -286,6 +286,8 @@ export interface SelectEvent {
     originalEvent?: Event;
     /**
      * Function to prevent default behavior
+     * In `material` 3.0.0 the select's `open`, `close` and `change` payloads have no
+     * `preventDefault` and no `defaultPrevented`: these events cannot be cancelled.
      */
     preventDefault: () => void;
     /**

package/dist/components/side-sheet/types.d.ts

@@ -55,6 +55,8 @@ export interface SideSheetConfig {
     closeOnScrimClick?: boolean;
     /**
      * Whether Escape closes it.
+     * A limit on 0.10.x, fixed in `material` 3.0.0: with `layer: "top"` and this option
+     * `false`, the third Escape still closes a modal sheet.
      * @default true
      */
     closeOnEscape?: boolean;

package/dist/components/slider/types.d.ts

@@ -167,6 +167,13 @@ export interface SliderStateComponent {
     valueBubble?: HTMLElement | null;
     secondHandle?: HTMLElement | null;
     secondValueBubble?: HTMLElement | null;
+    /**
+     * The older bag the same elements were kept in
+     * @deprecated Internal in `material` 3.0.0 and outside the public contract: nothing in
+     * the library fills it, it may go in any release, and `SliderComponent` has no
+     * `components`. Use the slider's own API (`setValue()`, `getValue()` and the rest of
+     * `SliderComponent`) and `slider.element`.
+     */
     components?: Record<string, HTMLElement | null | undefined>;
     getClass: (name: string) => string;
     emit: (event: string, data: unknown) => unknown;

package/dist/components/snackbar/types.d.ts

@@ -129,7 +129,12 @@ export interface SnackbarConfig {
 export interface SnackbarComponent {
     /** The root element of the snackbar */
     element: HTMLElement;
-    /** Current state of the snackbar */
+    /**
+     * Current state of the snackbar
+     * In `material` 3.0.0 a snackbar shown behind another is `"queued"` until its turn, then
+     * `"visible"` with `open` (today it says `"visible"` while it waits). `material` 3.0.0
+     * adds `isOpen()`, true only while it is on screen.
+     */
     state: SnackbarState;
     /** The action button element (if present) */
     actionButton?: HTMLElement;
@@ -137,9 +142,19 @@ export interface SnackbarComponent {
     closeButton?: HTMLElement;
     /** Timer for auto-dismissal */
     timer?: SnackbarTimer;
-    /** Displays the snackbar */
+    /**
+     * Displays the snackbar
+     * A limit on 0.10.x, fixed in `material` 3.0.0: a snackbar still waiting behind another
+     * when a `queueBehavior: 'replace'` snackbar or `clearSnackbars()` drops it
+     * keeps `state` `"visible"`, and `show()` on it does nothing from then on.
+     * Create a new snackbar instead of showing that one again.
+     */
     show: () => SnackbarComponent;
-    /** Hides the snackbar */
+    /**
+     * Hides the snackbar
+     * In `material` 3.0.0 `hide()` on a snackbar still waiting behind another takes it out of
+     * the queue and emits nothing (today it emits `close` and `dismiss`).
+     */
     hide: () => SnackbarComponent;
     /** Sets the message text */
     setMessage: (message: string) => SnackbarComponent;

package/dist/components/split-button/types.d.ts

@@ -86,8 +86,9 @@ export interface SplitButtonComponent {
     trailingElement: HTMLButtonElement;
     /**
      * The menu, when the component was given items
-     * @deprecated Removed in 1.0. Use the split button's own methods and events: `expand()`,
-     * `collapse()`, `isExpanded()`, and `expand`, `collapse` and `select`.
+     * @deprecated Removed in `material` 3.0.0. Use the split button's own methods and events: `expand()`,
+     * `collapse()`, `isExpanded()`, and `expand`, `collapse` and `select`. `material` 3.0.0 adds
+     * `setItems()` and `getItems()` for what `menu.setItems()` does today.
      */
     menu?: MenuComponent;
     /** Sets the leading button's label */

package/dist/components/switch/index.d.ts

@@ -2,8 +2,8 @@ export { default } from "./switch.js";
 export { SWITCH_LABEL_POSITIONS, SWITCH_STATES, SWITCH_EVENTS, SWITCH_DEFAULTS, SWITCH_CLASSES } from "./constants.js";
 export type { SwitchConfig, SwitchComponent, SwitchEvents, SwitchChangePayload } from "./types.js";
 export { 
-/** @deprecated Internal, no replacement: removed from mtrl/components/switch in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/switch in `material` 3.0.0 (FLO-381). */
 withSupportingText, } from "./features.js";
 export type { 
-/** @deprecated Internal, no replacement: removed from mtrl/components/switch in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/switch in `material` 3.0.0 (FLO-381). */
 SupportingTextComponent, } from "./features.js";

package/dist/components/tabs/index.d.ts

@@ -7,39 +7,39 @@ import { updateTabPanels, setupKeyboardNavigation } from "./utils.js";
 export { TAB_VARIANTS, TAB_STATES, TAB_INDICATOR_WIDTH_STRATEGIES, TAB_EVENTS, TABS_EVENTS, TABS_DEFAULTS, TABS_CLASSES, TAB_CLASSES, } from "./constants.js";
 export type { TabsConfig, TabsComponent, TabComponent, TabConfig, TabChangeEventData, IndicatorConfig, } from "./types.js";
 export { 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 addScrollIndicators, setupResponsiveBehavior, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 createTabsState, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 createTabIndicator, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 updateTabPanels, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 setupKeyboardNavigation, };
 export { 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 withTabsManagement, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 withScrollable, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 withDivider, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 withIndicator, } from "./features.js";
 export type { 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 TabsManagementConfig, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 TabsManagementComponent, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 ScrollableConfig, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 ScrollableComponent, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 DividerConfig, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 IndicatorFeatureConfig, 
-/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in 1.0.0 (FLO-381). */
+/** @deprecated Internal, no replacement: removed from mtrl/components/tabs in `material` 3.0.0 (FLO-381). */
 IndicatorComponent, } from "./features.js";
 export default createTabs;
 export { createTab } from "./tab.js";

package/dist/components/tabs/scroll-indicators.js

@@ -26,16 +26,10 @@ export const addScrollIndicators = (tabs, config = {}) => {
         tabs.element.appendChild(leftButton);
         tabs.element.appendChild(rightButton);
         leftButton.addEventListener('click', () => {
-            scrollContainer.scrollBy({
-                left: -100,
-                behavior: 'smooth'
-            });
+            scrollContainer.scrollBy({ left: -100 });
         });
         rightButton.addEventListener('click', () => {
-            scrollContainer.scrollBy({
-                left: 100,
-                behavior: 'smooth'
-            });
+            scrollContainer.scrollBy({ left: 100 });
         });
     }
     const updateIndicators = () => {

package/dist/components/tabs/types.d.ts

@@ -281,7 +281,11 @@ export interface TabComponent {
     element: HTMLElement;
     /** The button the tab is built on */
     button?: TabButton;
-    /** The tab's badge component (if any) */
+    /**
+     * The tab's badge component (if any). In `material` 3.0.0 it may be `undefined` until
+     * the badge is shown: read it with a guard, or use `setBadge()`, `getBadge()`,
+     * `showBadge()` and `hideBadge()`, which work whether it exists yet or not.
+     */
     badge?: BadgeComponent;
     /** Gets a class name with the component's prefix */
     getClass: (name: string) => string;
@@ -407,7 +411,7 @@ export interface TabsComponent {
      */
     off(event: string, handler: Function): this;
     /**
-     * Emit an event. In 1.0, `emit` accepts only the tabs' own events.
+     * Emit an event. In `material` 3.0.0, `emit` accepts only the tabs' own events.
      * @param event - Event name
      * @param data - Event data
      * @returns Tabs component for chaining

package/dist/components/textfield/constants.d.ts

@@ -98,6 +98,9 @@ declare const TEXTFIELD_DEFAULTS: {
 };
 /**
  * CSS class names used by the textfield component
+ * In `material` 3.0.0 the classes are written `text-field` (`mtrl-text-field`,
+ * `mtrl-text-field__input`, …): page CSS and `classList` calls that keep
+ * `mtrl-textfield` then match nothing, and nothing warns.
  * @category Components
  */
 declare const TEXTFIELD_CLASSES: {
@@ -155,17 +158,17 @@ declare const TEXTFIELD_CLASSES: {
     readonly MULTILINE: "textfield--multiline";
 };
 export { TEXTFIELD_VARIANTS as TEXT_FIELD_VARIANTS, TEXTFIELD_STATES as TEXT_FIELD_STATES, TEXTFIELD_TYPES as TEXT_FIELD_TYPES, TEXTFIELD_EVENTS as TEXT_FIELD_EVENTS, TEXTFIELD_DENSITY as TEXT_FIELD_DENSITY, TEXTFIELD_DEFAULTS as TEXT_FIELD_DEFAULTS, TEXTFIELD_CLASSES as TEXT_FIELD_CLASSES, 
-/** @deprecated Use TEXT_FIELD_VARIANTS: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TEXT_FIELD_VARIANTS: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TEXTFIELD_VARIANTS, 
-/** @deprecated Use TEXT_FIELD_STATES: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TEXT_FIELD_STATES: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TEXTFIELD_STATES, 
-/** @deprecated Use TEXT_FIELD_TYPES: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TEXT_FIELD_TYPES: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TEXTFIELD_TYPES, 
-/** @deprecated Use TEXT_FIELD_EVENTS: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TEXT_FIELD_EVENTS: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TEXTFIELD_EVENTS, 
-/** @deprecated Use TEXT_FIELD_DENSITY: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TEXT_FIELD_DENSITY: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TEXTFIELD_DENSITY, 
-/** @deprecated Use TEXT_FIELD_DEFAULTS: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TEXT_FIELD_DEFAULTS: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TEXTFIELD_DEFAULTS, 
-/** @deprecated Use TEXT_FIELD_CLASSES: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TEXT_FIELD_CLASSES: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TEXTFIELD_CLASSES, };

package/dist/components/textfield/index.d.ts

@@ -1,17 +1,17 @@
 export { default } from "./textfield.js";
 export { default as createTextField } from "./textfield.js";
 export type { TextfieldConfig as TextFieldConfig, TextfieldComponent as TextFieldComponent, 
-/** @deprecated Use TextFieldConfig: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TextFieldConfig: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TextfieldConfig, 
-/** @deprecated Use TextFieldComponent: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TextFieldComponent: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TextfieldComponent, TextfieldDensity as TextFieldDensity, TextfieldEvents as TextFieldEvents, TextfieldValuePayload as TextFieldValuePayload, TextfieldFocusPayload as TextFieldFocusPayload, TextfieldTrailingPayload as TextFieldTrailingPayload, 
-/** @deprecated Use TextFieldDensity: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TextFieldDensity: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TextfieldDensity, 
-/** @deprecated Use TextFieldEvents: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TextFieldEvents: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TextfieldEvents, 
-/** @deprecated Use TextFieldValuePayload: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TextFieldValuePayload: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TextfieldValuePayload, 
-/** @deprecated Use TextFieldFocusPayload: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TextFieldFocusPayload: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TextfieldFocusPayload, 
-/** @deprecated Use TextFieldTrailingPayload: M3 writes "text field" as two words. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TextFieldTrailingPayload: M3 writes "text field" as two words. Removed in `material` 3.0.0 (FLO-383). */
 TextfieldTrailingPayload, } from "./types.js";

package/dist/components/textfield/types.d.ts

@@ -289,6 +289,7 @@ export interface BaseComponent {
  */
 declare module "../../core/config/global" {
     interface ComponentConfigMap {
+        /** In `material` 3.0.0 this defaults key is `'text-field'`: `setComponentDefaults('text-field', …)`. */
         textfield?: Partial<TextfieldConfig>;
     }
 }

package/dist/components/timepicker/constants.d.ts

@@ -192,7 +192,7 @@ export declare const TIMEPICKER_DEFAULTS: {
     readonly CANCEL_TEXT: "Cancel";
     /** Default confirm button text */
     readonly CONFIRM_TEXT: "OK";
-    /** Whether picker is initially open */
+    /** Whether picker is initially open. In `material` 3.0.0 this key is `OPEN`, with the option renamed `open`. */
     readonly IS_OPEN: false;
     /** Default clock icon */
     readonly CLOCK_ICON: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n    <polyline points=\"12 6 12 12 16 14\"></polyline>\n  </svg>";

package/dist/components/timepicker/types.d.ts

@@ -182,6 +182,8 @@ export interface TimePickerConfig {
     confirmText?: string;
     /**
      * Whether the time picker is initially visible (for inline mode)
+     * In `material` 3.0.0 this option is named `open`, and the picker is open when its
+     * factory returns (today it opens on a 0 ms timer).
      * @default false
      */
     isOpen?: boolean;
@@ -223,7 +225,7 @@ export interface TimePickerConfig {
     onClose?: () => void;
     /**
      * Callback when time is confirmed; receives the same 24-hour value as getValue().
-     * In 1.0 it receives `{ value }`, the object a `confirm` listener receives.
+     * In `material` 3.0.0 it receives `{ value }`, the object a `confirm` listener receives.
      */
     onConfirm?: (time: string) => void;
     /**
@@ -270,7 +272,7 @@ export interface TimePickerComponent {
     modalElement: HTMLElement;
     /** Dialog container element */
     dialogElement: HTMLElement;
-    /** Whether the time picker is currently open */
+    /** Whether the time picker is currently open. In `material` 3.0.0 it is a method: `isOpen()`. */
     isOpen: boolean;
     /**
      * Opens the time picker

package/dist/components/tooltip/constants.d.ts

@@ -79,7 +79,7 @@ export declare const TOOLTIP_DEFAULTS: {
     readonly SHOW_ON_HOVER: true;
     /**
      * Whether to allow rich HTML content by default
-     * @deprecated The `rich` option has no effect and is removed in 1.0, and this default with it.
+     * @deprecated The `rich` option has no effect and is removed in `material` 3.0.0, and this default with it.
      */
     readonly RICH: false;
 };

package/dist/components/tooltip/types.d.ts

@@ -120,7 +120,7 @@ export interface TooltipConfig {
     /**
      * Never read, so it has no effect: a rich tooltip is `variant: 'rich'`, and
      * the content is always text.
-     * @deprecated Since 0.10 (FLO-324); removed in 1.0.
+     * @deprecated Since 0.10 (FLO-324); removed in `material` 3.0.0.
      */
     rich?: boolean;
 }

package/dist/components/top-app-bar/index.d.ts

@@ -7,5 +7,5 @@ export { TOP_APP_BAR_TYPES, TOP_APP_BAR_STATES, TOP_APP_BAR_DEFAULTS, TOP_APP_BA
 export default createTopAppBar;
 export { createTopAppBar };
 export type { TopAppBarConfig, TopAppBar as TopAppBarComponent, 
-/** @deprecated Use TopAppBarComponent, the name every component type has. Removed in 1.0 (FLO-383). */
+/** @deprecated Use TopAppBarComponent, the name every component type has. Removed in `material` 3.0.0 (FLO-383). */
 TopAppBar, } from "./types.js";

package/dist/core/compose/features/index.d.ts

@@ -1,3 +1,14 @@
+/**
+ * The composition features, at the import path `mtrl/core/compose/features`.
+ *
+ * @deprecated `material` 3.0.0, where this library continues, does not resolve this
+ * path (FLO-414): import these names from `material/core/compose`, which exports them,
+ * the README's `withLifecycle` among them. `mtrl/core/compose` exports them too, except
+ * `withBadge`, `LabelManager` and the badge feature's `BadgeComponent` and
+ * `BadgeConfig`; of those four, `material` 3.0.0 keeps `withBadge` and the two badge
+ * types internal (for a badge, use `createBadge`) and exports `LabelManager`.
+ * @packageDocumentation
+ */
 export { withEvents } from "./events.js";
 export { withText } from "./text.js";
 export { withIcon } from "./icon.js";

package/dist/core/compose/features/input.d.ts

@@ -59,14 +59,14 @@ export interface InputFeature {
     input: HTMLInputElement;
     /**
      * Gets the current input value.
-     * In 1.0 `getValue()` returns the checked boolean, and the input's string
+     * In `material` 3.0.0 `getValue()` returns the checked boolean, and the input's string
      * value is `getValueAttribute()`.
      * @returns Current value
      */
     getValue: () => string;
     /**
      * Sets the input value and emits a value event.
-     * In 1.0 `setValue()` takes the checked boolean and is silent (no `value`
+     * In `material` 3.0.0 `setValue()` takes the checked boolean and is silent (no `value`
      * event); the input's string value is set with `setValueAttribute()`.
      * @param value - New value to set
      * @returns Component instance for chaining
@@ -86,7 +86,7 @@ export interface InputComponent extends ElementComponent, InputFeature {
  * Creates an input element and adds it to a component
  * Handles both input creation and event emission for state changes
  *
- * In 1.0 the `change` payload's `value` is the checked boolean, as the checkbox
+ * In `material` 3.0.0 the `change` payload's `value` is the checked boolean, as the checkbox
  * and the switch report it, and the input's string value is `valueAttribute`.
  *
  * @param config - Input configuration

package/dist/core/config/component.d.ts

@@ -10,7 +10,7 @@ export interface BaseComponentConfig {
     /**
      * @deprecated Since FLO-117 `class` and `className` are not prefixed either,
      * so this option does the same thing as those. It is kept for the release
-     * that changes the behaviour and will be removed in 1.0.0.
+     * that changes the behaviour and will be removed in `material` 3.0.0.
      */
     rawClass?: string | string[];
     parent?: HTMLElement | string | null;

package/dist/core/dom/create.d.ts

@@ -76,7 +76,7 @@ export interface CreateElementOptions {
     /**
      * @deprecated Since FLO-117 `class` and `className` are not prefixed either,
      * so this option does the same thing as those. It is kept for the release
-     * that changes the behaviour and will be removed in 1.0.0.
+     * that changes the behaviour and will be removed in `material` 3.0.0.
      */
     rawClass?: string | string[];
     /** HTML attributes */

package/dist/core/utils/theme.d.ts

@@ -24,7 +24,7 @@ export declare const onThemeChange: (callback: ThemeChangeCallback) => (() => vo
  * @deprecated for `-rgb` names only: the themes no longer declare the
  * `--<prefix>-sys-color-*-rgb` twins (FLO-311). `getThemeColor('sys-color-X-rgb')`
  * still returns the `'r, g, b'` triplet, derived from `sys-color-X`, and will be
- * removed in the next major. Read `sys-color-X` (with `alpha` for rgba) instead.
+ * removed in `material` 3.0.0. Read `sys-color-X` (with `alpha` for rgba) instead.
  *
  * @example
  * // Basic usage

package/dist/elements/css/search.js

@@ -1,4 +1,4 @@
 import "./ripple.js";
 import { registerStyles, registerPreupgrade } from "../styles.js";
-registerStyles({ "search": ".mtrl-search .mtrl-search__surface{position:static;display:flex;flex-direction:column;box-sizing:border-box;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;color:inherit;background:rgba(0,0,0,0);overflow:visible}.mtrl-search{position:relative;display:flex;flex-direction:column;width:100%;min-width:var(--mtrl-search-min-width, 360px);max-width:var(--mtrl-search-max-width, 720px);background-color:rgba(0,0,0,0)}.mtrl-search--bar .mtrl-search__container{border-radius:min(var(--mtrl-sys-shape-corner-full, 9999px),56px/2);height:56px}.mtrl-search--bar .mtrl-search__divider,.mtrl-search--bar .mtrl-search__content{display:none}.mtrl-search--view{height:56px}.mtrl-search--view .mtrl-search__container{border-radius:var(--mtrl-sys-shape-corner-extra-large, 28px) var(--mtrl-sys-shape-corner-extra-large, 28px) 0 0}.mtrl-search--view .mtrl-search__divider,.mtrl-search--view .mtrl-search__content{display:block}.mtrl-search--view .mtrl-search__surface{position:fixed;z-index:1000}.mtrl-search--docked.mtrl-search--view .mtrl-search__surface{inset:var(--mtrl-search-top) auto auto var(--mtrl-search-left);width:var(--mtrl-search-width);height:auto}.mtrl-search--docked.mtrl-search--view .mtrl-search__surface::backdrop{background:color-mix(in srgb, var(--mtrl-sys-color-scrim) 32%, transparent)}.mtrl-search--docked.mtrl-search--view .mtrl-search__container{height:56px}.mtrl-search--docked.mtrl-search--view .mtrl-search__content{min-height:240px;max-height:calc(66.67vh - 56px);border-radius:0 0 var(--mtrl-sys-shape-corner-extra-large, 28px) var(--mtrl-sys-shape-corner-extra-large, 28px)}.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__surface{inset:0;width:100%;height:100%;max-width:none;max-height:none;display:flex;flex-direction:column;background-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__surface::backdrop{background:rgba(0,0,0,0)}.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__container{height:72px;border-radius:0}.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__content{flex:1;max-height:none;border-radius:0}.mtrl-search--disabled{pointer-events:none}.mtrl-search--disabled .mtrl-search__container{opacity:.38}.mtrl-search--full-width{min-width:0;max-width:none}.mtrl-search--contained.mtrl-search--view .mtrl-search__container{border-radius:min(var(--mtrl-sys-shape-corner-full, 9999px),56px/2)}.mtrl-search--contained.mtrl-search--view .mtrl-search__divider{display:none}.mtrl-search--contained.mtrl-search--docked.mtrl-search--view .mtrl-search__content{margin-top:2px;border-radius:var(--mtrl-sys-shape-corner-medium, 12px)}.mtrl-search--contained.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__surface{box-sizing:border-box;padding:12px;background-color:var(--mtrl-sys-color-surface-container-low)}.mtrl-search--contained.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__container{height:56px;border-radius:min(var(--mtrl-sys-shape-corner-full, 9999px),56px/2)}.mtrl-search--contained.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__content{margin-top:8px;background-color:rgba(0,0,0,0);border-radius:0}.mtrl-search--view .mtrl-search__content{animation:mtrl-search-reveal 300ms cubic-bezier(0.05, 0.7, 0.1, 1)}@keyframes mtrl-search-reveal{from{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion: reduce){.mtrl-search--view .mtrl-search__content{animation:none}}.mtrl-search__container{position:relative;display:flex;align-items:center;height:56px;padding:0 4px;background-color:var(--mtrl-sys-color-surface-container-high);transition:background-color 200ms cubic-bezier(0.2, 0, 0, 1),border-radius 200ms cubic-bezier(0.2, 0, 0, 1),height 200ms cubic-bezier(0.2, 0, 0, 1)}.mtrl-search--bar:not(.mtrl-search--disabled) .mtrl-search__container:hover{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 8%, var(--mtrl-sys-color-surface-container-high))}.mtrl-search__leading-icon,.mtrl-search__clear-button,.mtrl-search__trailing-icon{--mtrl-search-layer: 0%;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;margin:0;padding:0;border:none;border-radius:50%;font:inherit;background-color:color-mix(in srgb, currentColor var(--mtrl-search-layer), transparent);cursor:pointer;transition:background-color 200ms cubic-bezier(0.2, 0, 0, 1)}.mtrl-search__leading-icon svg,.mtrl-search__clear-button svg,.mtrl-search__trailing-icon svg{width:24px;height:24px;fill:currentColor}.mtrl-search__leading-icon:hover,.mtrl-search__clear-button:hover,.mtrl-search__trailing-icon:hover{--mtrl-search-layer: 8%}.mtrl-search__leading-icon:focus-visible,.mtrl-search__leading-icon:active,.mtrl-search__clear-button:focus-visible,.mtrl-search__clear-button:active,.mtrl-search__trailing-icon:focus-visible,.mtrl-search__trailing-icon:active{--mtrl-search-layer: 10%}.mtrl-search__leading-icon:focus,.mtrl-search__clear-button:focus,.mtrl-search__trailing-icon:focus{outline:none}.mtrl-search__leading-icon:focus-visible,.mtrl-search__clear-button:focus-visible,.mtrl-search__trailing-icon:focus-visible{outline:3px solid var(--mtrl-sys-color-secondary);outline-offset:2px}.mtrl-search__leading-icon[aria-disabled=true],.mtrl-search__clear-button[aria-disabled=true],.mtrl-search__trailing-icon[aria-disabled=true]{cursor:not-allowed;opacity:.38;--mtrl-search-layer: 0%}.mtrl-search__leading-icon{color:var(--mtrl-sys-color-on-surface)}.mtrl-search__clear-button,.mtrl-search__trailing-icon{color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-search__clear-button{opacity:1;visibility:visible;transition:opacity 200ms cubic-bezier(0.2, 0, 0, 1),visibility 0s,background-color 200ms cubic-bezier(0.2, 0, 0, 1)}.mtrl-search__clear-button--hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms cubic-bezier(0.2, 0, 0, 1),visibility 0s 200ms}.mtrl-search__avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px}.mtrl-search__avatar>*{width:30px;height:30px;border-radius:50%;object-fit:cover}.mtrl-search__trailing{display:flex;align-items:center}.mtrl-search__input-wrapper{flex:1;min-width:0;height:100%;margin:0 4px;display:flex;align-items:center}.mtrl-search__input{width:100%;height:100%;min-height:36px;padding:8px 0;border:none;background:rgba(0,0,0,0);font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;color:var(--mtrl-sys-color-on-surface);caret-color:var(--mtrl-sys-color-primary);outline:none;box-sizing:border-box}.mtrl-search__input::placeholder{color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-search__input:disabled{cursor:not-allowed;color:var(--mtrl-sys-color-on-surface)}.mtrl-search__divider{width:100%;height:1px;background-color:var(--mtrl-sys-color-outline);flex-shrink:0}.mtrl-search__content{display:flex;flex-direction:column;background-color:var(--mtrl-sys-color-surface-container-high);overflow:hidden}.mtrl-search__suggestions{flex:1;overflow-y:auto;overflow-x:hidden}.mtrl-search__suggestion-list{list-style:none;padding:8px 0;margin:0}.mtrl-search__suggestion-item{display:flex;align-items:center;gap:16px;padding:8px 16px;min-height:56px;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;color:var(--mtrl-sys-color-on-surface);cursor:pointer;transition:background-color 200ms cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box}.mtrl-search__suggestion-item:hover{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 8%, transparent)}.mtrl-search__suggestion-item--selected,.mtrl-search__suggestion-item--selected:hover{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 10%, transparent);outline:3px solid var(--mtrl-sys-color-secondary);outline-offset:-3px}.mtrl-search__suggestion-item strong{font-weight:600;color:var(--mtrl-sys-color-on-surface)}.mtrl-search__suggestion-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-search__suggestion-icon svg{width:24px;height:24px;fill:currentColor}.mtrl-search__suggestion-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtrl-search__suggestion-item--two-line{min-height:72px}.mtrl-search__suggestion-item--two-line .mtrl-search__suggestion-text{display:flex;flex-direction:column}.mtrl-search__suggestion-supporting{overflow:hidden;text-overflow:ellipsis;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-search__suggestion-divider{height:1px;margin:8px 0;background-color:var(--mtrl-sys-color-outline-variant)}.mtrl-search__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width: 599px){.mtrl-search{min-width:0;max-width:100%}.mtrl-search--docked.mtrl-search--view .mtrl-search__surface{inset:0;width:100%;height:100%;background-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-search--docked.mtrl-search--view .mtrl-search__container{border-radius:0}.mtrl-search--docked.mtrl-search--view .mtrl-search__content{flex:1;max-height:none;border-radius:0}.mtrl-search--contained.mtrl-search--docked.mtrl-search--view .mtrl-search__surface{box-sizing:border-box;padding:12px;background-color:var(--mtrl-sys-color-surface-container-low)}.mtrl-search--contained.mtrl-search--docked.mtrl-search--view .mtrl-search__container{height:56px;border-radius:min(var(--mtrl-sys-shape-corner-full, 9999px),56px/2)}.mtrl-search--contained.mtrl-search--docked.mtrl-search--view .mtrl-search__content{margin-top:8px;background-color:rgba(0,0,0,0);border-radius:0}}" });
+registerStyles({ "search": ".mtrl-search .mtrl-search__surface{position:static;display:flex;flex-direction:column;box-sizing:border-box;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;color:inherit;background:rgba(0,0,0,0);overflow:visible}.mtrl-search{position:relative;display:flex;flex-direction:column;width:100%;min-width:var(--mtrl-search-min-width, 360px);max-width:var(--mtrl-search-max-width, 720px);background-color:rgba(0,0,0,0)}.mtrl-search--bar .mtrl-search__container{border-radius:min(var(--mtrl-sys-shape-corner-full, 9999px),56px/2);height:56px}.mtrl-search--bar .mtrl-search__divider,.mtrl-search--bar .mtrl-search__content{display:none}.mtrl-search--view{height:56px}.mtrl-search--view .mtrl-search__container{border-radius:var(--mtrl-sys-shape-corner-extra-large, 28px) var(--mtrl-sys-shape-corner-extra-large, 28px) 0 0}.mtrl-search--view .mtrl-search__divider,.mtrl-search--view .mtrl-search__content{display:block}.mtrl-search--view .mtrl-search__surface{position:fixed;z-index:1000}.mtrl-search--docked.mtrl-search--view .mtrl-search__surface{inset:var(--mtrl-search-top) auto auto var(--mtrl-search-left);width:var(--mtrl-search-width);height:auto}.mtrl-search--docked.mtrl-search--view .mtrl-search__surface::backdrop{background:color-mix(in srgb, var(--mtrl-sys-color-scrim) 32%, transparent)}.mtrl-search--docked.mtrl-search--view .mtrl-search__container{height:56px}.mtrl-search--docked.mtrl-search--view .mtrl-search__content{min-height:240px;max-height:calc(66.67vh - 56px);border-radius:0 0 var(--mtrl-sys-shape-corner-extra-large, 28px) var(--mtrl-sys-shape-corner-extra-large, 28px)}.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__surface{inset:0;width:100%;height:100%;max-width:none;max-height:none;display:flex;flex-direction:column;background-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__surface::backdrop{background:rgba(0,0,0,0)}.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__container{height:72px;border-radius:0}.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__content{flex:1;max-height:none;border-radius:0}.mtrl-search--disabled{pointer-events:none}.mtrl-search--disabled .mtrl-search__container{opacity:.38}.mtrl-search--full-width{min-width:0;max-width:none}.mtrl-search--contained.mtrl-search--view .mtrl-search__container{border-radius:min(var(--mtrl-sys-shape-corner-full, 9999px),56px/2)}.mtrl-search--contained.mtrl-search--view .mtrl-search__divider{display:none}.mtrl-search--contained.mtrl-search--docked.mtrl-search--view .mtrl-search__content{margin-top:2px;border-radius:var(--mtrl-sys-shape-corner-medium, 12px)}.mtrl-search--contained.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__surface{box-sizing:border-box;padding:12px;background-color:var(--mtrl-sys-color-surface-container-low)}.mtrl-search--contained.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__container{height:56px;border-radius:min(var(--mtrl-sys-shape-corner-full, 9999px),56px/2)}.mtrl-search--contained.mtrl-search--fullscreen.mtrl-search--view .mtrl-search__content{margin-top:8px;background-color:rgba(0,0,0,0);border-radius:0}.mtrl-search--view .mtrl-search__content{animation:mtrl-search-reveal 300ms cubic-bezier(0.05, 0.7, 0.1, 1)}@keyframes mtrl-search-reveal{from{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion: reduce){.mtrl-search--view .mtrl-search__content{animation:none}}.mtrl-search__container{position:relative;display:flex;align-items:center;height:56px;padding:0 4px;background-color:var(--mtrl-sys-color-surface-container-high);transition:background-color 200ms cubic-bezier(0.2, 0, 0, 1),border-radius 200ms cubic-bezier(0.2, 0, 0, 1),height 200ms cubic-bezier(0.2, 0, 0, 1)}.mtrl-search--bar:not(.mtrl-search--disabled) .mtrl-search__container:hover{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 8%, var(--mtrl-sys-color-surface-container-high))}.mtrl-search__leading-icon,.mtrl-search__clear-button,.mtrl-search__trailing-icon{--mtrl-search-layer: 0%;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;margin:0;padding:0;border:none;border-radius:50%;font:inherit;background-color:color-mix(in srgb, currentColor var(--mtrl-search-layer), transparent);cursor:pointer;transition:background-color 200ms cubic-bezier(0.2, 0, 0, 1)}.mtrl-search__leading-icon svg,.mtrl-search__clear-button svg,.mtrl-search__trailing-icon svg{width:24px;height:24px;fill:currentColor}.mtrl-search__leading-icon:hover,.mtrl-search__clear-button:hover,.mtrl-search__trailing-icon:hover{--mtrl-search-layer: 8%}.mtrl-search__leading-icon:focus-visible,.mtrl-search__leading-icon:active,.mtrl-search__clear-button:focus-visible,.mtrl-search__clear-button:active,.mtrl-search__trailing-icon:focus-visible,.mtrl-search__trailing-icon:active{--mtrl-search-layer: 10%}.mtrl-search__leading-icon:focus,.mtrl-search__clear-button:focus,.mtrl-search__trailing-icon:focus{outline:none}.mtrl-search__leading-icon:focus-visible,.mtrl-search__clear-button:focus-visible,.mtrl-search__trailing-icon:focus-visible{outline:3px solid var(--mtrl-sys-color-secondary);outline-offset:2px}.mtrl-search__leading-icon[aria-disabled=true],.mtrl-search__clear-button[aria-disabled=true],.mtrl-search__trailing-icon[aria-disabled=true]{cursor:not-allowed;opacity:.38;--mtrl-search-layer: 0%}.mtrl-search__leading-icon{color:var(--mtrl-sys-color-on-surface)}.mtrl-search__clear-button,.mtrl-search__trailing-icon{color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-search__clear-button{opacity:1;visibility:visible;transition:opacity 200ms cubic-bezier(0.2, 0, 0, 1),visibility 0s,background-color 200ms cubic-bezier(0.2, 0, 0, 1)}.mtrl-search__clear-button--hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms cubic-bezier(0.2, 0, 0, 1),visibility 0s 200ms}.mtrl-search__avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px}.mtrl-search__avatar>*{width:30px;height:30px;border-radius:50%;object-fit:cover}.mtrl-search__trailing{display:flex;align-items:center}.mtrl-search__input-wrapper{flex:1;min-width:0;height:100%;margin:0 4px;display:flex;align-items:center}.mtrl-search__input{width:100%;height:100%;min-height:36px;padding:8px 0;border:none;background:rgba(0,0,0,0);font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;color:var(--mtrl-sys-color-on-surface);caret-color:var(--mtrl-sys-color-primary);outline:none;box-sizing:border-box}.mtrl-search__input::placeholder{color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-search__input:disabled{cursor:not-allowed;color:var(--mtrl-sys-color-on-surface)}.mtrl-search__divider{width:100%;height:1px;background-color:var(--mtrl-sys-color-outline);flex-shrink:0}.mtrl-search__content{display:flex;flex-direction:column;background-color:var(--mtrl-sys-color-surface-container-high);overflow:hidden}.mtrl-search__suggestions{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.mtrl-search__suggestion-list{list-style:none;padding:8px 0;margin:0}.mtrl-search__suggestion-item{display:flex;align-items:center;gap:16px;padding:8px 16px;min-height:56px;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;color:var(--mtrl-sys-color-on-surface);cursor:pointer;transition:background-color 200ms cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box}.mtrl-search__suggestion-item:hover{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 8%, transparent)}.mtrl-search__suggestion-item--selected,.mtrl-search__suggestion-item--selected:hover{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 10%, transparent);outline:3px solid var(--mtrl-sys-color-secondary);outline-offset:-3px}.mtrl-search__suggestion-item strong{font-weight:600;color:var(--mtrl-sys-color-on-surface)}.mtrl-search__suggestion-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-search__suggestion-icon svg{width:24px;height:24px;fill:currentColor}.mtrl-search__suggestion-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtrl-search__suggestion-item--two-line{min-height:72px}.mtrl-search__suggestion-item--two-line .mtrl-search__suggestion-text{display:flex;flex-direction:column}.mtrl-search__suggestion-supporting{overflow:hidden;text-overflow:ellipsis;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-search__suggestion-divider{height:1px;margin:8px 0;background-color:var(--mtrl-sys-color-outline-variant)}.mtrl-search__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width: 599px){.mtrl-search{min-width:0;max-width:100%}.mtrl-search--docked.mtrl-search--view .mtrl-search__surface{inset:0;width:100%;height:100%;background-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-search--docked.mtrl-search--view .mtrl-search__container{border-radius:0}.mtrl-search--docked.mtrl-search--view .mtrl-search__content{flex:1;max-height:none;border-radius:0}.mtrl-search--contained.mtrl-search--docked.mtrl-search--view .mtrl-search__surface{box-sizing:border-box;padding:12px;background-color:var(--mtrl-sys-color-surface-container-low)}.mtrl-search--contained.mtrl-search--docked.mtrl-search--view .mtrl-search__container{height:56px;border-radius:min(var(--mtrl-sys-shape-corner-full, 9999px),56px/2)}.mtrl-search--contained.mtrl-search--docked.mtrl-search--view .mtrl-search__content{margin-top:8px;background-color:rgba(0,0,0,0);border-radius:0}}" });
 registerPreupgrade({ "search": "m-search:not(:defined){display:flex;align-items:center;box-sizing:border-box;height:56px;padding:0 56px 0 60px;border-radius:var(--mtrl-sys-shape-corner-full, 9999px);background-color:var(--mtrl-sys-color-surface-container-high);color:var(--mtrl-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;font-family:var(--mtrl-ref-typeface-plain, Roboto, sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400}m-search:not(:defined)::before{content:attr(placeholder)}m-search:not(:defined)[value]:not([value=\"\"])::before{content:attr(value);color:var(--mtrl-sys-color-on-surface)}m-search:not(:defined)>*{visibility:hidden;display:none}" });