{ "schemaVersion": "1.0.0", "readme": "", "modules": [ { "kind": "javascript-module", "path": "src/core/shared/controllers/AnimationLoopController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` used to execute a function in an animation loop.", "name": "AnimationLoopController", "members": [ { "kind": "field", "name": "#frameId", "privacy": "private", "type": { "text": "number | null" }, "default": "null" }, { "kind": "field", "name": "#lastTime", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#running", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#callback", "privacy": "private", "type": { "text": "(deltaTime: number, elapsedTime: number) => void" }, "readonly": true, "default": "callback" }, { "kind": "field", "name": "#loop", "privacy": "private", "readonly": true }, { "kind": "method", "name": "hostDisconnected" }, { "kind": "method", "name": "start", "description": "Starts the animation loop." }, { "kind": "method", "name": "stop", "description": "Stops the animation loop." } ] } ], "exports": [ { "kind": "js", "name": "AnimationLoopController", "declaration": { "name": "AnimationLoopController", "module": "src/core/shared/controllers/AnimationLoopController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/MonitorControllerBase.ts", "declarations": [ { "kind": "class", "description": "A base implementation for a `ReactiveController` used to monitor the state of one\r\nor more elements. This class must be inherited.", "name": "MonitorControllerBase", "members": [ { "kind": "field", "name": "#host", "privacy": "private", "type": { "text": "ReactiveControllerHost & HTMLElement" }, "readonly": true, "default": "host" }, { "kind": "field", "name": "#target", "privacy": "private", "type": { "text": "HTMLElement | null | undefined" }, "readonly": true }, { "kind": "field", "name": "#targets", "privacy": "private", "readonly": true, "default": "new Set()" }, { "kind": "field", "name": "targets", "type": { "text": "Iterable" }, "description": "The targets being observed.", "readonly": true }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "hostDisconnected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "hostUpdate", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "hostUpdated", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "observe", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element." }, { "kind": "method", "name": "isObserving", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to test." } ], "description": "Determines whether the specified element is being observed." }, { "kind": "method", "name": "unobserve", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element." }, { "kind": "method", "name": "_observe", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "When implemented by a derived class, starts observing the specified element." }, { "kind": "method", "name": "_unobserve", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "When implemented by a derived class, stops observing the specified element." } ] } ], "exports": [ { "kind": "js", "name": "MonitorControllerBase", "declaration": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/computeCssSize.ts", "declarations": [ { "kind": "function", "name": "computeCssSize", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "host", "type": { "text": "HTMLElement" }, "description": "The element whose coordinate system and CSS variables should be used to resolve the expression." }, { "name": "expression", "type": { "text": "string" }, "description": "The CSS expression to evaluate." } ], "description": "Computes a CSS size expression (var(), %, rem, calc(), etc.) relative to the given host element." } ], "exports": [ { "kind": "js", "name": "computeCssSize", "declaration": { "name": "computeCssSize", "module": "src/core/shared/utils/computeCssSize.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/computeLineCount.ts", "declarations": [ { "kind": "function", "name": "computeLineCount", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "element", "type": { "text": "HTMLElement" }, "description": "The element for which to compute the number of lines." } ], "description": "Determines the number of textual lines presented by an element." } ], "exports": [ { "kind": "js", "name": "computeLineCount", "declaration": { "name": "computeLineCount", "module": "src/core/shared/utils/computeLineCount.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/focusWhenReady.ts", "declarations": [ { "kind": "function", "name": "focusWhenReady", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "element", "type": { "text": "HTMLElement" }, "description": "The element to to focus." }, { "name": "timeout", "default": "200", "type": { "text": "number" }, "description": "The maximum amount of time to attempt to focus `el`.", "optional": true } ], "description": "Asynchronously attempts to focus an element once it becomes focusable." } ], "exports": [ { "kind": "js", "name": "focusWhenReady", "declaration": { "name": "focusWhenReady", "module": "src/core/shared/utils/focusWhenReady.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/forcedColorsActive.ts", "declarations": [ { "kind": "function", "name": "forcedColorsActive", "return": { "type": { "text": "boolean" } }, "description": "Determines whether forced colors are active." } ], "exports": [ { "kind": "js", "name": "forcedColorsActive", "declaration": { "name": "forcedColorsActive", "module": "src/core/shared/utils/forcedColorsActive.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/generateClipPaths.ts", "declarations": [ { "kind": "function", "name": "generateClipPaths", "return": { "type": { "text": "string[]" } }, "parameters": [ { "name": "paths", "type": { "text": "string[]" }, "description": "The SVG path data to convert to normalized clip paths." }, { "name": "maxPoints", "type": { "text": "number" }, "description": "The maximum number of points to which to normalize paths." } ], "description": "Generates normalized clip paths from SVG path data." } ], "exports": [ { "kind": "js", "name": "generateClipPaths", "declaration": { "name": "generateClipPaths", "module": "src/core/shared/utils/generateClipPaths.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/getScrollbarWidth.ts", "declarations": [ { "kind": "function", "name": "getScrollbarWidth", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "thin", "default": "false", "description": "Whether to get the width of a thin scrollbar.", "optional": true, "type": { "text": "boolean" } } ], "description": "Computes the width of a scrollbar." } ], "exports": [ { "kind": "js", "name": "getScrollbarWidth", "declaration": { "name": "getScrollbarWidth", "module": "src/core/shared/utils/getScrollbarWidth.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/getTextContent.ts", "declarations": [ { "kind": "function", "name": "getTextContent", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "node", "type": { "text": "Node" }, "description": "The node for which to get text content." }, { "name": "trim", "default": "false", "type": { "text": "boolean" }, "description": "A value indicating whether to trim content.", "optional": true } ], "description": "Gets the text content of a given node, including slotted content." } ], "exports": [ { "kind": "js", "name": "getTextContent", "declaration": { "name": "getTextContent", "module": "src/core/shared/utils/getTextContent.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/guid.ts", "declarations": [ { "kind": "function", "name": "guid", "return": { "type": { "text": "string" } }, "description": "Generates a new globally unique identifier (GUID)." } ], "exports": [ { "kind": "js", "name": "guid", "declaration": { "name": "guid", "module": "src/core/shared/utils/guid.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/hasAssignedNodes.ts", "declarations": [ { "kind": "function", "name": "hasAssignedNodes", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "slot", "type": { "text": "HTMLSlotElement" }, "description": "The slot to test." } ], "description": "Determines whether a slot has any assigned nodes." } ], "exports": [ { "kind": "js", "name": "hasAssignedNodes", "declaration": { "name": "hasAssignedNodes", "module": "src/core/shared/utils/hasAssignedNodes.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/interceptProperty.ts", "declarations": [ { "kind": "function", "name": "interceptProperty", "return": { "type": { "text": "" } }, "parameters": [ { "name": "target", "type": { "text": "T" }, "description": "The object whose property should be intercepted." }, { "name": "prop", "type": { "text": "K" }, "description": "The property key to intercept." }, { "name": "options", "type": { "text": "{\r\n get?: (getter: () => T[K]) => T[K];\r\n set?: (value: T[K], setter: (v: T[K]) => void) => void;\r\n }" }, "description": "Configuration object for interceptor callbacks." } ], "description": "Intercepts property access and mutations on a target object, allowing custom logic\r\nto run when the property is read or written to." } ], "exports": [ { "kind": "js", "name": "interceptProperty", "declaration": { "name": "interceptProperty", "module": "src/core/shared/utils/interceptProperty.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/prefersReducedMotion.ts", "declarations": [ { "kind": "function", "name": "prefersReducedMotion", "return": { "type": { "text": "boolean" } }, "description": "Determines whether reduced motion is preferred." } ], "exports": [ { "kind": "js", "name": "prefersReducedMotion", "declaration": { "name": "prefersReducedMotion", "module": "src/core/shared/utils/prefersReducedMotion.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/registerStyleSheet.ts", "declarations": [ { "kind": "function", "name": "registerStyleSheet", "parameters": [ { "name": "css", "type": { "text": "CSSResult" }, "description": "A `CSSResult` (e.g., from `css```) whose text will be injected into a constructable stylesheet." } ], "description": "Registers a constructable stylesheet in the document's `adoptedStyleSheets`." } ], "exports": [ { "kind": "js", "name": "registerStyleSheet", "declaration": { "name": "registerStyleSheet", "module": "src/core/shared/utils/registerStyleSheet.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/resolveElementById.ts", "declarations": [ { "kind": "function", "name": "resolveElementById", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "id", "type": { "text": "string" }, "description": "The element ID to resolve." }, { "name": "root", "default": "document", "type": { "text": "ParentNode" }, "description": "Optional root node to query from (defaults to document)." } ], "description": "Resolves an element by ID, waiting for document readiness if needed." } ], "exports": [ { "kind": "js", "name": "resolveElementById", "declaration": { "name": "resolveElementById", "module": "src/core/shared/utils/resolveElementById.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/resolveFragmentUrl.ts", "declarations": [ { "kind": "function", "name": "resolveFragmentUrl", "return": { "type": { "text": "" } }, "parameters": [ { "name": "id", "type": { "text": "string" }, "description": "The fragment identifier to append (e.g., an SVG element's ID)." } ], "description": "Resolves a URL fragment reference (`url(path#id)`) based on the current document location.\r\n\r\nThis helper is typically used when constructing fragment-based URLs for SVG\r\nreferences (e.g., masks, clipPaths, filters) where the browser requires a fully\r\nqualified `url(...)` value that includes the current path.\r\n\r\nHow it works:\r\n- Safely reads `document.location` (guarded for SSR environments).\r\n- Extracts the current page's path + query string.\r\n- Removes any existing hash fragment from the URL.\r\n- Appends `#${id}` to produce a stable fragment reference.\r\n\r\nExample:\r\n // If the current page is /viewer/page?mode=edit#section2\r\n resolveFragmentUrl(\"clip\") → \"url(/viewer/page?mode=edit#clip)\"" } ], "exports": [ { "kind": "js", "name": "resolveFragmentUrl", "declaration": { "name": "resolveFragmentUrl", "module": "src/core/shared/utils/resolveFragmentUrl.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/scrollIntoViewIfNeeded.ts", "declarations": [ { "kind": "function", "name": "scrollIntoViewIfNeeded", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "element", "type": { "text": "HTMLElement" }, "description": "The element to scroll into view." }, { "name": "scrollContainer", "type": { "text": "HTMLElement" }, "description": "The scrollable container." }, { "name": "options", "optional": true, "type": { "text": "ScrollIntoViewOptions" }, "description": "Options used to scroll into view." } ], "description": "If needed, scrolls an element into view within a given scroll container." } ], "exports": [ { "kind": "js", "name": "scrollIntoViewIfNeeded", "declaration": { "name": "scrollIntoViewIfNeeded", "module": "src/core/shared/utils/scrollIntoViewIfNeeded.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/VelocityTracker.ts", "declarations": [ { "kind": "class", "description": "Utility for computing gesture velocity over a rolling time window.", "name": "VelocityTracker", "members": [ { "kind": "field", "name": "#samples", "privacy": "private", "type": { "text": "Array<{ y: number; t: number }>" }, "readonly": true, "default": "[]" }, { "kind": "field", "name": "#windowMs", "privacy": "private", "type": { "text": "number" }, "readonly": true, "default": "windowMs" }, { "kind": "method", "name": "add", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "number" }, "description": "The value in pixels." }, { "name": "timestamp", "default": "performance.now()", "type": { "text": "number" }, "description": "The timestamp when `value` changed.", "optional": true } ], "description": "Adds a new sample to the tracker." }, { "kind": "method", "name": "getVelocity", "return": { "type": { "text": "" } }, "description": "Computes the current velocity in px/s." }, { "kind": "method", "name": "reset", "return": { "type": { "text": "void" } }, "description": "Clears all stored samples." } ] } ], "exports": [ { "kind": "js", "name": "VelocityTracker", "declaration": { "name": "VelocityTracker", "module": "src/core/shared/utils/VelocityTracker.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/waitForUpgrade.ts", "declarations": [ { "kind": "function", "name": "waitForUpgrade", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "el", "type": { "text": "Element" }, "description": "The element for which to wait for upgrade." } ], "description": "Determines whether an element is a custom element and waits for it to be upgraded." } ], "exports": [ { "kind": "js", "name": "waitForUpgrade", "declaration": { "name": "waitForUpgrade", "module": "src/core/shared/utils/waitForUpgrade.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/utils/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/computeCssSize" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/computeLineCount" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/focusWhenReady" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/forcedColorsActive" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/generateClipPaths" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/getScrollbarWidth" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/getTextContent" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/guid" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/hasAssignedNodes" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/interceptProperty" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/prefersReducedMotion" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/registerStyleSheet" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/resolveElementById" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/resolveFragmentUrl" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/scrollIntoViewIfNeeded" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/VelocityTracker" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils/waitForUpgrade" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/FocusController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` used to monitor the focused state of one or more elements.", "name": "FocusController", "members": [ { "kind": "field", "name": "#touch", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#callback", "privacy": "private", "type": { "text": "FocusControllerCallback" }, "readonly": true, "parsedType": { "text": "{ }" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#focusInHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#touchStartHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#touchEndHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#hadKeydown", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#windowKeyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#windowPointerDownHandler", "privacy": "private", "readonly": true }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostDisconnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_observe", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_unobserve", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleFocusIn", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleFocusOut", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "#host", "privacy": "private", "type": { "text": "ReactiveControllerHost & HTMLElement" }, "readonly": true, "default": "host", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#target", "privacy": "private", "type": { "text": "HTMLElement | null | undefined" }, "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#targets", "privacy": "private", "readonly": true, "default": "new Set()", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "targets", "type": { "text": "Iterable" }, "description": "The targets being observed.", "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdate", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdated", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "observe", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "isObserving", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to test." } ], "description": "Determines whether the specified element is being observed.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "unobserve", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } } ], "superclass": { "name": "MonitorControllerBase", "module": "/src/core/shared/controllers/MonitorControllerBase" } } ], "exports": [ { "kind": "js", "name": "FocusController", "declaration": { "name": "FocusController", "module": "src/core/shared/controllers/FocusController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/HoverController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` used to monitor the hover state of one or more elements.", "name": "HoverController", "members": [ { "kind": "field", "name": "#callback", "privacy": "private", "type": { "text": "HoverControllerCallback" }, "readonly": true, "parsedType": { "text": "{ }" } }, { "kind": "field", "name": "#startDelays", "privacy": "private", "readonly": true, "default": "new Map()" }, { "kind": "field", "name": "#endDelays", "privacy": "private", "readonly": true, "default": "new Map()" }, { "kind": "field", "name": "#pointerInHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#pointerLeaveHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "startDelay", "type": { "text": "number" }, "description": "The delay, in milliseconds, before reporting hover start." }, { "kind": "field", "name": "endDelay", "type": { "text": "number" }, "description": "The delay, in milliseconds, before reporting hover end." }, { "kind": "method", "name": "clearDelays", "return": { "type": { "text": "void" } }, "description": "Clears any hover delays for all targets." }, { "kind": "method", "name": "_observe", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_unobserve", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "#clearDelays", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" } } ] }, { "kind": "method", "name": "#clearStartDelay", "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" } } ] }, { "kind": "method", "name": "#clearEndDelay", "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" } } ] }, { "kind": "method", "name": "#handlePointerEnter", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handlePointerLeave", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "#host", "privacy": "private", "type": { "text": "ReactiveControllerHost & HTMLElement" }, "readonly": true, "default": "host", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#target", "privacy": "private", "type": { "text": "HTMLElement | null | undefined" }, "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#targets", "privacy": "private", "readonly": true, "default": "new Set()", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "targets", "type": { "text": "Iterable" }, "description": "The targets being observed.", "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostDisconnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdate", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdated", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "observe", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "isObserving", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to test." } ], "description": "Determines whether the specified element is being observed.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "unobserve", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } } ], "superclass": { "name": "MonitorControllerBase", "module": "/src/core/shared/controllers/MonitorControllerBase" } } ], "exports": [ { "kind": "js", "name": "HoverController", "declaration": { "name": "HoverController", "module": "src/core/shared/controllers/HoverController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/InertController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` that provides safe, predictable inerting of background\r\ncontent for modal UI surfaces (dialogs, date pickers, fullscreen search views).", "name": "InertController", "members": [ { "kind": "field", "name": "#host", "privacy": "private", "type": { "text": "HTMLElement" }, "readonly": true, "default": "host" }, { "kind": "field", "name": "#inerts", "privacy": "private", "readonly": true, "default": "new Array()" }, { "kind": "method", "name": "lock", "description": "Locks background content by applying inertness to all non‑modal elements,\r\nisolating the active surface from pointer and keyboard interaction." }, { "kind": "method", "name": "unlock", "description": "Restores background interactivity by removing inertness previously applied during `lock()`." }, { "kind": "method", "name": "hostDisconnected" } ] } ], "exports": [ { "kind": "js", "name": "InertController", "declaration": { "name": "InertController", "module": "src/core/shared/controllers/InertController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/IntersectionController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` used to monitor changes in the intersection of a target element with an ancestor element.", "name": "IntersectionController", "members": [ { "kind": "field", "name": "#callback", "privacy": "private", "type": { "text": "IntersectionControllerCallback" }, "parsedType": { "text": "{ }" } }, { "kind": "field", "name": "#skipInitial", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#observer", "privacy": "private", "type": { "text": "IntersectionObserver | undefined" }, "default": "new IntersectionObserver((entries, observer) => { this.#callback(entries, observer); }, options.init)" }, { "kind": "field", "name": "#unobservedUpdate", "privacy": "private", "type": { "text": "boolean" }, "default": "true" }, { "kind": "method", "name": "hostUpdated", "return": { "type": { "text": "Promise" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_observe", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_unobserve", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#host", "privacy": "private", "type": { "text": "ReactiveControllerHost & HTMLElement" }, "readonly": true, "default": "host", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#target", "privacy": "private", "type": { "text": "HTMLElement | null | undefined" }, "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#targets", "privacy": "private", "readonly": true, "default": "new Set()", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "targets", "type": { "text": "Iterable" }, "description": "The targets being observed.", "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostDisconnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdate", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "observe", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "isObserving", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to test." } ], "description": "Determines whether the specified element is being observed.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "unobserve", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } } ], "superclass": { "name": "MonitorControllerBase", "module": "/src/core/shared/controllers/MonitorControllerBase" } } ], "exports": [ { "kind": "js", "name": "IntersectionController", "declaration": { "name": "IntersectionController", "module": "src/core/shared/controllers/IntersectionController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/LongPressController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` used to detect a long press gesture.", "name": "LongPressController", "members": [ { "kind": "field", "name": "#callback", "privacy": "private", "type": { "text": "LongPressControllerCallback" }, "readonly": true, "parsedType": { "text": "{ }" } }, { "kind": "field", "name": "#threshold", "privacy": "private", "type": { "text": "number" }, "readonly": true }, { "kind": "field", "name": "#pressedTargets", "privacy": "private", "readonly": true, "default": "new Set()" }, { "kind": "field", "name": "#pressedTimeouts", "privacy": "private", "readonly": true, "default": "new Map()" }, { "kind": "field", "name": "#touchStartHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#touchEndOrCancelHandler", "privacy": "private", "readonly": true }, { "kind": "method", "name": "_observe", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_unobserve", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "#handleTouchStart", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "TouchEvent" } } ] }, { "kind": "method", "name": "#handleTouchEndOrCancel", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "TouchEvent" } } ] }, { "kind": "field", "name": "#host", "privacy": "private", "type": { "text": "ReactiveControllerHost & HTMLElement" }, "readonly": true, "default": "host", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#target", "privacy": "private", "type": { "text": "HTMLElement | null | undefined" }, "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#targets", "privacy": "private", "readonly": true, "default": "new Set()", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "targets", "type": { "text": "Iterable" }, "description": "The targets being observed.", "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostDisconnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdate", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdated", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "observe", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "isObserving", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to test." } ], "description": "Determines whether the specified element is being observed.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "unobserve", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } } ], "superclass": { "name": "MonitorControllerBase", "module": "/src/core/shared/controllers/MonitorControllerBase" } } ], "exports": [ { "kind": "js", "name": "LongPressController", "declaration": { "name": "LongPressController", "module": "src/core/shared/controllers/LongPressController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/MutationController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` that integrates a `MutationObserver` with an element's reactive update lifecycle\r\nto detect arbitrary changes to DOM, including nodes being added or removed and attributes changing.", "name": "MutationController", "members": [ { "kind": "field", "name": "#callback", "privacy": "private", "type": { "text": "MutationCallback" } }, { "kind": "field", "name": "#skipInitial", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#config", "privacy": "private", "type": { "text": "MutationObserverInit | undefined" } }, { "kind": "field", "name": "#observer", "privacy": "private", "type": { "text": "MutationObserver | undefined" }, "default": "new MutationObserver((records, observer) => this.#callback(records, observer))" }, { "kind": "field", "name": "#unobservedUpdate", "privacy": "private", "type": { "text": "boolean" }, "default": "true" }, { "kind": "method", "name": "hostUpdated", "return": { "type": { "text": "Promise" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostDisconnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_observe", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" } } ], "description": "When implemented by a derived class, starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_unobserve", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "When implemented by a derived class, stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#host", "privacy": "private", "type": { "text": "ReactiveControllerHost & HTMLElement" }, "readonly": true, "default": "host", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#target", "privacy": "private", "type": { "text": "HTMLElement | null | undefined" }, "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#targets", "privacy": "private", "readonly": true, "default": "new Set()", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "targets", "type": { "text": "Iterable" }, "description": "The targets being observed.", "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdate", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "observe", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "isObserving", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to test." } ], "description": "Determines whether the specified element is being observed.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "unobserve", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } } ], "superclass": { "name": "MonitorControllerBase", "module": "/src/core/shared/controllers/MonitorControllerBase" } } ], "exports": [ { "kind": "js", "name": "MutationController", "declaration": { "name": "MutationController", "module": "src/core/shared/controllers/MutationController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/PressedController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` used to monitor the pressed state of one or more elements.", "name": "PressedController", "members": [ { "kind": "field", "name": "#capture", "privacy": "private", "type": { "text": "boolean | undefined" }, "readonly": true }, { "kind": "field", "name": "#callback", "privacy": "private", "type": { "text": "PressedControllerCallback" }, "readonly": true, "parsedType": { "text": "{ }" } }, { "kind": "field", "name": "#isPressedKey", "privacy": "private", "type": { "text": "(key: string) => boolean | undefined" }, "readonly": true }, { "kind": "field", "name": "#pressedTargets", "privacy": "private", "readonly": true, "default": "new Map()" }, { "kind": "field", "name": "#minPressedDuration", "privacy": "private", "type": { "text": "number" }, "readonly": true }, { "kind": "field", "name": "#pointerDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#pointerUpHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#touchEndHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostDisconnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_observe", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_unobserve", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "#handlePointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handlePointerUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleTouchEnd", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "TouchEvent" } } ] }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#clearPressedTargets", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "x", "type": { "text": "number" } }, { "name": "y", "type": { "text": "number" } } ] }, { "kind": "field", "name": "#host", "privacy": "private", "type": { "text": "ReactiveControllerHost & HTMLElement" }, "readonly": true, "default": "host", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#target", "privacy": "private", "type": { "text": "HTMLElement | null | undefined" }, "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#targets", "privacy": "private", "readonly": true, "default": "new Set()", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "targets", "type": { "text": "Iterable" }, "description": "The targets being observed.", "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdate", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdated", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "observe", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "isObserving", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to test." } ], "description": "Determines whether the specified element is being observed.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "unobserve", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } } ], "superclass": { "name": "MonitorControllerBase", "module": "/src/core/shared/controllers/MonitorControllerBase" } } ], "exports": [ { "kind": "js", "name": "PressedController", "declaration": { "name": "PressedController", "module": "src/core/shared/controllers/PressedController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/ResizeController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` used to monitor when an element is resized.", "name": "ResizeController", "members": [ { "kind": "field", "name": "#callback", "privacy": "private", "type": { "text": "ResizeControllerCallback" }, "readonly": true, "parsedType": { "text": "{ }" } }, { "kind": "field", "name": "#skipInitial", "privacy": "private", "type": { "text": "boolean" }, "readonly": true }, { "kind": "field", "name": "#config", "privacy": "private", "type": { "text": "ResizeObserverOptions | undefined" }, "readonly": true }, { "kind": "field", "name": "#observer", "privacy": "private", "type": { "text": "ResizeObserver | undefined" }, "readonly": true, "default": "new ResizeObserver((entries, observer) => this.#callback(entries, observer))" }, { "kind": "field", "name": "#unobservedUpdate", "privacy": "private", "type": { "text": "boolean" }, "default": "true" }, { "kind": "method", "name": "hostUpdated", "return": { "type": { "text": "Promise" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_observe", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_unobserve", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#host", "privacy": "private", "type": { "text": "ReactiveControllerHost & HTMLElement" }, "readonly": true, "default": "host", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#target", "privacy": "private", "type": { "text": "HTMLElement | null | undefined" }, "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#targets", "privacy": "private", "readonly": true, "default": "new Set()", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "targets", "type": { "text": "Iterable" }, "description": "The targets being observed.", "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostDisconnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdate", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "observe", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "isObserving", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to test." } ], "description": "Determines whether the specified element is being observed.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "unobserve", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } } ], "superclass": { "name": "MonitorControllerBase", "module": "/src/core/shared/controllers/MonitorControllerBase" } } ], "exports": [ { "kind": "js", "name": "ResizeController", "declaration": { "name": "ResizeController", "module": "src/core/shared/controllers/ResizeController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/decorators/customElement.ts", "declarations": [ { "kind": "function", "name": "customElement", "return": { "type": { "text": "CustomElementDecorator" } }, "parameters": [ { "name": "tagName", "type": { "text": "string" }, "description": "The tag name of the custom element to define." } ], "description": "Class decorator factory that defines the decorated class as a custom element.\r\n\r\n```js" } ], "exports": [ { "kind": "js", "name": "customElement", "declaration": { "name": "customElement", "module": "src/core/shared/decorators/customElement.ts" } }, { "kind": "custom-element-definition", "name": "tagName", "declaration": { "name": "anonymous_0", "module": "src/core/shared/decorators/customElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/decorators/debounce.ts", "declarations": [ { "kind": "function", "name": "debounce", "return": { "type": { "text": "MethodDecorator" } }, "parameters": [ { "name": "timeout", "type": { "text": "number" }, "description": "The timeout, in milliseconds, after which the function is invoked." } ], "description": "A decorator that runs a function once after a given \"cooldown\" period." } ], "exports": [ { "kind": "js", "name": "debounce", "declaration": { "name": "debounce", "module": "src/core/shared/decorators/debounce.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/decorators/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/decorators/customElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/decorators/debounce" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/ScrollController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` used to monitor when a scroll event is emitted from a scrollable ancestor.", "name": "ScrollController", "members": [ { "kind": "field", "name": "#debounce", "privacy": "private", "type": { "text": "boolean" }, "readonly": true }, { "kind": "field", "name": "#callback", "privacy": "private", "type": { "text": "ScrollControllerCallback" }, "readonly": true, "parsedType": { "text": "{ }" } }, { "kind": "field", "name": "#scrollHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#scrollContainers", "privacy": "private", "readonly": true, "default": "new Map()" }, { "kind": "method", "name": "getScrollContainers", "return": { "type": { "text": "Element[] | undefined" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element whose scroll containers are currently being observed." } ], "description": "Returns the scrollable ancestors for a target element currently being observed by this controller." }, { "kind": "method", "name": "_observe", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" } } ], "description": "When implemented by a derived class, starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "_unobserve", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" } } ], "description": "When implemented by a derived class, stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "#getShadowScrollContainer", "privacy": "private", "return": { "type": { "text": "Element | null" } }, "parameters": [ { "name": "element", "type": { "text": "Element" } } ] }, { "kind": "method", "name": "#isScrollable", "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "element", "type": { "text": "Element" } } ] }, { "kind": "method", "name": "#getScrollContainers", "privacy": "private", "return": { "type": { "text": "Element[]" } }, "parameters": [ { "name": "element", "type": { "text": "Element" } } ] }, { "kind": "method", "name": "#handleScroll", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "_debounceCallback", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "Element" } } ] }, { "kind": "field", "name": "#host", "privacy": "private", "type": { "text": "ReactiveControllerHost & HTMLElement" }, "readonly": true, "default": "host", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#target", "privacy": "private", "type": { "text": "HTMLElement | null | undefined" }, "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "#targets", "privacy": "private", "readonly": true, "default": "new Set()", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "field", "name": "targets", "type": { "text": "Iterable" }, "description": "The targets being observed.", "readonly": true, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostDisconnected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdate", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "hostUpdated", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "observe", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to start observing." } ], "description": "Starts observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "isObserving", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to test." } ], "description": "Determines whether the specified element is being observed.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } }, { "kind": "method", "name": "unobserve", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to stop observing." } ], "description": "Stops observing the specified element.", "inheritedFrom": { "name": "MonitorControllerBase", "module": "src/core/shared/controllers/MonitorControllerBase.ts" } } ], "superclass": { "name": "MonitorControllerBase", "module": "/src/core/shared/controllers/MonitorControllerBase" } } ], "exports": [ { "kind": "js", "name": "ScrollController", "declaration": { "name": "ScrollController", "module": "src/core/shared/controllers/ScrollController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/ScrollLockController.ts", "declarations": [ { "kind": "class", "description": "A `ReactiveController` that provides safe, predictable scroll locking for modal UI\r\nsurfaces (dialogs, bottom sheets, overlays).", "name": "ScrollLockController", "members": [ { "kind": "field", "name": "#locked", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#scrollTop", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#scrollLeft", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#previousOverflow", "privacy": "private", "type": { "text": "string" }, "default": "\"\"" }, { "kind": "field", "name": "#previousScrollbarGutter", "privacy": "private", "type": { "text": "string" }, "default": "\"\"" }, { "kind": "method", "name": "#isVerticallyScrollable", "privacy": "private", "description": "Returns true if the document is vertically scrollable." }, { "kind": "method", "name": "lock", "description": "Locks document scrolling only if scroll actually exists." }, { "kind": "method", "name": "unlock", "description": "Unlocks document scrolling and restores the previous state." }, { "kind": "method", "name": "hostDisconnected" } ] } ], "exports": [ { "kind": "js", "name": "ScrollLockController", "declaration": { "name": "ScrollLockController", "module": "src/core/shared/controllers/ScrollLockController.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/controllers/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/AnimationLoopController" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/FocusController" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/HoverController" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/InertController" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/IntersectionController" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/LongPressController" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/MutationController" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/PressedController" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/ResizeController" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/ScrollController" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers/ScrollLockController" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/converters/dateConverter.ts", "declarations": [ { "kind": "variable", "name": "dateConverter", "type": { "text": "ComplexAttributeConverter" }, "default": "{ fromAttribute(value: string | null): Date | null { if (!value) return null; // Matches all four formats: // yyyy-MM-dd // yyyy-MM-ddTHH:mm:ss // yyyy-MM-ddTHH:mm:ssZ // yyyy-MM-ddTHH:mm:ss±HH:mm const isoRegex = /^(\\d{4})-(\\d{2})-(\\d{2})(?:T(\\d{2}):(\\d{2}):(\\d{2})(?:\\.(\\d{3}))?)?(Z|[+-]\\d{2}:\\d{2})?$/; const m = value.match(isoRegex); if (!m) return null; const year = Number(m[1]); const month = Number(m[2]) - 1; // JS months are 0-based const day = Number(m[3]); const hasTime = m[4] !== undefined; const hours = hasTime ? Number(m[4]) : 0; const minutes = hasTime ? Number(m[5]) : 0; const seconds = hasTime ? Number(m[6]) : 0; const ms = hasTime && m[7] ? Number(m[7]) : 0; const tz = m[8]; // CASE 1: yyyy-MM-dd → local date (no timezone math) if (!hasTime && !tz) { return new Date(year, month, day); } // CASE 2: yyyy-MM-ddTHH:mm:ss (no timezone) → local datetime if (hasTime && !tz) { return new Date(year, month, day, hours, minutes, seconds, ms); } // CASE 3: yyyy-MM-ddTHH:mm:ssZ → UTC if (tz === \"Z\") { return new Date(Date.UTC(year, month, day, hours, minutes, seconds, ms)); } // CASE 4: yyyy-MM-ddTHH:mm:ss±HH:mm → offset if (tz && /^[+-]\\d{2}:\\d{2}$/.test(tz)) { const sign = tz.startsWith(\"-\") ? -1 : 1; const [tzH, tzM] = tz.slice(1).split(\":\").map(Number); const offsetMinutes = sign * (tzH * 60 + tzM); // Convert offset datetime → UTC → local const utc = Date.UTC(year, month, day, hours, minutes, seconds, ms); return new Date(utc - offsetMinutes * 60_000); } return null; }, toAttribute(value: Date | null): string | null { return value?.toISOString() ?? null; }, }", "description": "Converts an ISO‑8601 date to and from a `Date` object." } ], "exports": [ { "kind": "js", "name": "dateConverter", "declaration": { "name": "dateConverter", "module": "src/core/shared/converters/dateConverter.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/converters/spaceSeparatedStringConverter.ts", "declarations": [ { "kind": "variable", "name": "spaceSeparatedStringConverter", "type": { "text": "ComplexAttributeConverter" }, "default": "{ fromAttribute(value: string | null): string[] { if (!value) return []; return value .split(/\\s+/) .map((d) => d.trim()) .filter(Boolean); }, toAttribute(value: string[]): string { return value.join(\" \"); }, }", "description": "Converts a space-separated attribute in to an array of strings." } ], "exports": [ { "kind": "js", "name": "spaceSeparatedStringConverter", "declaration": { "name": "spaceSeparatedStringConverter", "module": "src/core/shared/converters/spaceSeparatedStringConverter.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/converters/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/converters/dateConverter" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/converters/spaceSeparatedStringConverter" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/directives/safeStyleMap.ts", "declarations": [ { "kind": "class", "description": "", "name": "SafeStyleMapDirective", "members": [ { "kind": "field", "name": "_previousStyleProperties", "type": { "text": "Set | undefined" }, "privacy": "private" } ], "superclass": { "name": "Directive", "package": "lit/directive.js" } }, { "kind": "variable", "name": "safeStyleMap", "description": "A directive that applies CSS properties to an element.\r\n\r\n`safeStyleMap` can only be used in the `style` attribute and must be the only\r\nexpression in the attribute. It takes the property names in the\r\nStyleInfostyleInfo object and adds the properties to the inline\r\nstyle of the element.\r\n\r\nProperty names with dashes (`-`) are assumed to be valid CSS\r\nproperty names and set on the element's style object using `setProperty()`.\r\nNames without dashes are assumed to be camelCased JavaScript property names\r\nand set on the element's style object using property assignment, allowing the\r\nstyle object to translate JavaScript-style names to CSS property names.\r\n\r\nFor example `safeStyleMap({backgroundColor: 'red', 'border-top': '5px', '--size':\r\n'0'})` sets the `background-color`, `border-top` and `--size` properties.", "parameters": [ { "name": "styleInfo" } ] } ], "exports": [ { "kind": "js", "name": "safeStyleMap", "declaration": { "name": "safeStyleMap", "module": "src/core/shared/directives/safeStyleMap.ts" } }, { "kind": "js", "name": "SafeStyleMapDirective", "declaration": { "name": "SafeStyleMapDirective", "module": "src/core/shared/directives/safeStyleMap.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/directives/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/directives/safeStyleMap" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Constructor.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/hasKeys.ts", "declarations": [ { "kind": "function", "name": "hasKeys", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." }, { "name": "keys", "type": { "text": "Array" } }, { "description": ": Array} keys The keys of `T` to test.", "name": "", "type": { "text": "...keys" } } ], "description": "Determines whether an object has keys for a given type." } ], "exports": [ { "kind": "js", "name": "hasKeys", "declaration": { "name": "hasKeys", "module": "src/core/shared/mixins/hasKeys.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/AttachInternals.ts", "declarations": [ { "kind": "variable", "name": "internals", "description": "A symbol through which to access the `ElementInternals` attached to an element." }, { "kind": "function", "name": "isAttachInternalsMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is an `AttachInternalsMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that attaches to `ElementInternals`.", "name": "AttachInternals", "members": [ { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration." }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private" }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." }, { "name": "formAssociated", "optional": true, "type": { "text": "boolean | undefined" }, "description": "Whether the element is \"Form Associated\"." } ] }, { "kind": "function", "name": "hasCustomState", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "element", "type": { "text": "AttachInternalsMixin" }, "description": "The element to test." }, { "name": "state", "type": { "text": "string" }, "description": "The custom state to test." } ], "description": "Convenience function used to test whether an element has a given custom state." }, { "kind": "function", "name": "addCustomState", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "element", "type": { "text": "AttachInternalsMixin" }, "description": "The element to which to add custom state." }, { "name": "state", "type": { "text": "string" }, "description": "The custom state to add." } ], "description": "Convenience function used to add custom state to an element." }, { "kind": "function", "name": "deleteCustomState", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "element", "type": { "text": "AttachInternalsMixin" }, "description": "The element from which to delete custom state." }, { "name": "state", "type": { "text": "string" }, "description": "The custom state to delete." } ], "description": "Convenience function used to delete custom state from an element." }, { "kind": "function", "name": "setCustomState", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "element", "type": { "text": "AttachInternalsMixin" }, "description": "The element for which to add or delete custom state." }, { "name": "state", "type": { "text": "string" }, "description": "The custom state to add or delete." }, { "name": "value", "type": { "text": "boolean" }, "description": "Whether to add or delete `state` from `element`." } ], "description": "Convenience function used to add or delete custom state for an element." } ], "exports": [ { "kind": "js", "name": "internals", "declaration": { "name": "internals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "js", "name": "isAttachInternalsMixin", "declaration": { "name": "isAttachInternalsMixin", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "js", "name": "AttachInternals", "declaration": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "js", "name": "hasCustomState", "declaration": { "name": "hasCustomState", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "js", "name": "addCustomState", "declaration": { "name": "addCustomState", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "js", "name": "deleteCustomState", "declaration": { "name": "deleteCustomState", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "js", "name": "setCustomState", "declaration": { "name": "setCustomState", "module": "src/core/shared/mixins/AttachInternals.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Checked.ts", "declarations": [ { "kind": "function", "name": "isCheckedMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `CheckedMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports a checked state.", "name": "Checked", "members": [ { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "attribute": "checked", "reflects": true } ], "attributes": [ { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "fieldName": "checked" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isCheckedMixin", "declaration": { "name": "isCheckedMixin", "module": "src/core/shared/mixins/Checked.ts" } }, { "kind": "js", "name": "Checked", "declaration": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/CheckedIndeterminate.ts", "declarations": [ { "kind": "function", "name": "isCheckedIndeterminateMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `CheckedIndeterminateMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports a mixed checked state.", "name": "CheckedIndeterminate", "members": [ { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element's checked state is indeterminate.", "attribute": "indeterminate", "reflects": true }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "attribute": "checked", "reflects": true, "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } } ], "attributes": [ { "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element's checked state is indeterminate.", "fieldName": "indeterminate" }, { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "fieldName": "checked", "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } } ], "mixins": [ { "name": "Checked", "module": "/src/core/shared/mixins/Checked" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isCheckedIndeterminateMixin", "declaration": { "name": "isCheckedIndeterminateMixin", "module": "src/core/shared/mixins/CheckedIndeterminate.ts" } }, { "kind": "js", "name": "CheckedIndeterminate", "declaration": { "name": "CheckedIndeterminate", "module": "src/core/shared/mixins/CheckedIndeterminate.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Selected.ts", "declarations": [ { "kind": "function", "name": "isSelectedMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `SelectedMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports a selected state.", "name": "Selected", "members": [ { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "attribute": "selected", "reflects": true } ], "attributes": [ { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "fieldName": "selected" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isSelectedMixin", "declaration": { "name": "isSelectedMixin", "module": "src/core/shared/mixins/Selected.ts" } }, { "kind": "js", "name": "Selected", "declaration": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/CheckedOrSelected.ts", "declarations": [ { "kind": "function", "name": "isCheckedOrSelectedMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `CheckedOrSelectedMixin`." }, { "kind": "function", "name": "isCheckedOrSelected", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "element", "type": { "text": "CheckedOrSelectedMixin" }, "description": "The element to test." } ], "description": "Determines whether the state of an element is checked or selected." }, { "kind": "function", "name": "checkOrSelect", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "element", "type": { "text": "CheckedOrSelectedMixin" }, "description": "The element for which to set the checked or selected state." }, { "name": "checkedOrSelected", "type": { "text": "boolean" }, "description": "The checked or selected state." } ], "description": "Sets the checked or selected state of an element." } ], "exports": [ { "kind": "js", "name": "isCheckedOrSelectedMixin", "declaration": { "name": "isCheckedOrSelectedMixin", "module": "src/core/shared/mixins/CheckedOrSelected.ts" } }, { "kind": "js", "name": "isCheckedOrSelected", "declaration": { "name": "isCheckedOrSelected", "module": "src/core/shared/mixins/CheckedOrSelected.ts" } }, { "kind": "js", "name": "checkOrSelect", "declaration": { "name": "checkOrSelect", "module": "src/core/shared/mixins/CheckedOrSelected.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Disabled.ts", "declarations": [ { "kind": "function", "name": "isDisabledMixin", "return": { "type": { "text": "value is DisabledMixin" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `DisabledMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports a disabled state.", "name": "Disabled", "members": [ { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled" } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." }, { "name": "reflect", "default": "true", "type": { "text": "boolean" }, "description": "Whether the disabled property is reflected as an attribute.", "optional": true } ] } ], "exports": [ { "kind": "js", "name": "isDisabledMixin", "declaration": { "name": "isDisabledMixin", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "js", "name": "Disabled", "declaration": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Dirty.ts", "declarations": [ { "kind": "function", "name": "isDirtyMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `DirtyMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with functionality used to mark it as dirty.", "name": "Dirty", "members": [ { "kind": "field", "name": "[_eventHandler]", "privacy": "private" }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine." }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty." } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isDirtyMixin", "declaration": { "name": "isDirtyMixin", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "js", "name": "Dirty", "declaration": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Touched.ts", "declarations": [ { "kind": "function", "name": "isTouchedMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `TouchedMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with functionality used to mark it as touched.", "name": "Touched", "members": [ { "kind": "field", "name": "[_eventHandler]", "privacy": "private" }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched." }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched." } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isTouchedMixin", "declaration": { "name": "isTouchedMixin", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "js", "name": "Touched", "declaration": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/ColorToken.ts", "declarations": [ { "kind": "variable", "name": "ColorToken", "type": { "text": "{\r\n /** High-emphasis fills, texts, and icons against surface. */\r\n primary: unsafeCSS(\"var(--md-sys-color-primary, #6750A4)\"),\r\n\r\n /** Text and icons against primary. */\r\n onPrimary: unsafeCSS(\"var(--md-sys-color-on-primary, #FFFFFF)\"),\r\n\r\n /** Standout fill color against surface, for key components. */\r\n primaryContainer: unsafeCSS(\"var(--md-sys-color-primary-container, #EADDFF)\"),\r\n\r\n /** Text and icons against primary container. */\r\n onPrimaryContainer: unsafeCSS(\"var(--md-sys-color-on-primary-container, #4F378B)\"),\r\n\r\n /** High-emphasis fills, texts, and icons that maintain the same tone in light and dark themes. */\r\n primaryFixed: unsafeCSS(\"var(--md-sys-color-primary-fixed, #EADDFF)\"),\r\n\r\n /** High-emphasis fills, texts, and icons that maintain the same stronger tone in light and dark themes. */\r\n primaryFixedDim: unsafeCSS(\"var(--md-sys-color-primary-fixed-dim, #D0BCFF)\"),\r\n\r\n /** Text and icons against fixed primary. */\r\n onPrimaryFixed: unsafeCSS(\"var(--md-sys-color-on-primary-fixed, #21005D)\"),\r\n\r\n /** Lower-emphasis text and icons against fixed primary. */\r\n onPrimaryFixedVariant: unsafeCSS(\"var(--md-sys-color-on-primary-fixed-variant, #4F378B)\"),\r\n\r\n /** Less prominent fills, text, and icons against surface. */\r\n secondary: unsafeCSS(\"var(--md-sys-color-secondary, #625B71)\"),\r\n\r\n /** Text and icons against secondary. */\r\n onSecondary: unsafeCSS(\"var(--md-sys-color-on-secondary, #FFFFFF)\"),\r\n\r\n /** Less prominent fill color against surface, for recessive components. */\r\n secondaryContainer: unsafeCSS(\"var(--md-sys-color-secondary-container, #E8DEF8)\"),\r\n\r\n /** Text and icons against secondary container. */\r\n onSecondaryContainer: unsafeCSS(\"var(--md-sys-color-on-secondary-container, #4A4458)\"),\r\n\r\n /** Less prominent fills, texts, and icons that maintain the same tone in light and dark themes. */\r\n secondaryFixed: unsafeCSS(\"var(--md-sys-color-secondary-fixed, #E8DEF8)\"),\r\n\r\n /** Less prominent fills, texts, and icons that maintain the same stronger tone in light and dark themes. */\r\n secondaryFixedDim: unsafeCSS(\"var(--md-sys-color-secondary-fixed-dim, #CCC2DC)\"),\r\n\r\n /** Text and icons against fixed secondary. */\r\n onSecondaryFixed: unsafeCSS(\"var(--md-sys-color-on-secondary-fixed, #1D192B)\"),\r\n\r\n /** Lower-emphasis text and icons against fixed secondary. */\r\n onSecondaryFixedVariant: unsafeCSS(\"var(--md-sys-color-on-secondary-fixed-variant, #4A4458)\"),\r\n\r\n /** Complementary fills, text, and icons against surface. */\r\n tertiary: unsafeCSS(\"var(--md-sys-color-tertiary, #7D5260)\"),\r\n\r\n /** Text and icons against tertiary. */\r\n onTertiary: unsafeCSS(\"var(--md-sys-color-on-tertiary, #FFFFFF)\"),\r\n\r\n /** Complementary container color against surface. */\r\n tertiaryContainer: unsafeCSS(\"var(--md-sys-color-tertiary-container, #FFD8E4)\"),\r\n\r\n /** Text and icons against tertiary container. */\r\n onTertiaryContainer: unsafeCSS(\"var(--md-sys-color-on-tertiary-container, #633B48)\"),\r\n\r\n /** Complementary fills, texts, and icons that maintain the same tone in light and dark themes. */\r\n tertiaryFixed: unsafeCSS(\"var(--md-sys-color-tertiary-fixed, #FFD8E4)\"),\r\n\r\n /** Complementary fills, texts, and icons that maintain the same stronger tone in light and dark themes. */\r\n tertiaryFixedDim: unsafeCSS(\"var(--md-sys-color-tertiary-fixed-dim, #EFB8C8)\"),\r\n\r\n /** Text and icons against fixed tertiary. */\r\n onTertiaryFixed: unsafeCSS(\"var(--md-sys-color-on-tertiary-fixed, #31111D)\"),\r\n\r\n /** Lower-emphasis text and icons against fixed tertiary. */\r\n onTertiaryFixedVariant: unsafeCSS(\"var(--md-sys-color-on-tertiary-fixed-variant, #633B48)\"),\r\n\r\n /** Attention-grabbing color against surface for fills, icons, and text, indicating urgency. */\r\n error: unsafeCSS(\"var(--md-sys-color-error, #B3261E)\"),\r\n\r\n /** Text and icons against error. */\r\n onError: unsafeCSS(\"var(--md-sys-color-on-error, #FFFFFF)\"),\r\n\r\n /** Attention-grabbing fill color against surface. */\r\n errorContainer: unsafeCSS(\"var(--md-sys-color-error-container, #F9DEDC)\"),\r\n\r\n /** Text and icons against error container. */\r\n onErrorContainer: unsafeCSS(\"var(--md-sys-color-on-error-container, #8C1D18)\"),\r\n\r\n /** Default color for backgrounds. */\r\n surface: unsafeCSS(\"var(--md-sys-color-surface, #FEF7FF)\"),\r\n\r\n /** Text and icons against any surface color. */\r\n onSurface: unsafeCSS(\"var(--md-sys-color-on-surface, #1D1B20)\"),\r\n\r\n /** Lower-emphasis color for text and icons against any surface color. */\r\n onSurfaceVariant: unsafeCSS(\"var(--md-sys-color-on-surface-variant, #49454F)\"),\r\n\r\n /** Lowest-emphasis container color. */\r\n surfaceContainerLowest: unsafeCSS(\"var(--md-sys-color-surface-container-lowest, #FFFFFF)\"),\r\n\r\n /** Low-emphasis container color. */\r\n surfaceContainerLow: unsafeCSS(\"var(--md-sys-color-surface-container-low, #F7F2FA)\"),\r\n\r\n /** Default container color. */\r\n surfaceContainer: unsafeCSS(\"var(--md-sys-color-surface-container, #F3EDF7)\"),\r\n\r\n /** High-emphasis container color. */\r\n surfaceContainerHigh: unsafeCSS(\"var(--md-sys-color-surface-container-high, #ECE6F0)\"),\r\n\r\n /** Highest-emphasis container color. */\r\n surfaceContainerHighest: unsafeCSS(\"var(--md-sys-color-surface-container-highest, #E6E0E9)\"),\r\n\r\n /** Dimmest surface color in light and dark themes. */\r\n surfaceDim: unsafeCSS(\"var(--md-sys-color-surface-dim, #DED8E1)\"),\r\n\r\n /** Brightest surface color in light and dark themes. */\r\n surfaceBright: unsafeCSS(\"var(--md-sys-color-surface-bright, #FEF7FF)\"),\r\n\r\n /** Alternate surface color, can be used for active states. */\r\n surfaceVariant: unsafeCSS(\"var(--md-sys-color-surface-variant, #E7E0EC)\"),\r\n\r\n /** Background fills for elements which contrast against surface. */\r\n inverseSurface: unsafeCSS(\"var(--md-sys-color-inverse-surface, #322F35)\"),\r\n\r\n /** Text and icons against inverse surface. */\r\n inverseOnSurface: unsafeCSS(\"var(--md-sys-color-inverse-on-surface, #F5EFF7)\"),\r\n\r\n /** Primary text and icons against inverse surface. */\r\n inversePrimary: unsafeCSS(\"var(--md-sys-color-inverse-primary, #D0BCFF)\"),\r\n\r\n /** Important boundaries, such as a text field outline. */\r\n outline: unsafeCSS(\"var(--md-sys-color-outline, #79747E)\"),\r\n\r\n /** Decorative elements, such as dividers. */\r\n outlineVariant: unsafeCSS(\"var(--md-sys-color-outline-variant, #CAC4D0)\"),\r\n\r\n /** Elevation shadow color. */\r\n shadow: unsafeCSS(\"var(--md-sys-color-shadow, #000000)\"),\r\n\r\n /** Backdrop which obscures underlying content. */\r\n scrim: unsafeCSS(\"var(--md-sys-color-scrim, #000000)\"),\r\n}" }, "default": "{ /** High-emphasis fills, texts, and icons against surface. */ primary: unsafeCSS(\"var(--md-sys-color-primary, #6750A4)\"), /** Text and icons against primary. */ onPrimary: unsafeCSS(\"var(--md-sys-color-on-primary, #FFFFFF)\"), /** Standout fill color against surface, for key components. */ primaryContainer: unsafeCSS(\"var(--md-sys-color-primary-container, #EADDFF)\"), /** Text and icons against primary container. */ onPrimaryContainer: unsafeCSS(\"var(--md-sys-color-on-primary-container, #4F378B)\"), /** High-emphasis fills, texts, and icons that maintain the same tone in light and dark themes. */ primaryFixed: unsafeCSS(\"var(--md-sys-color-primary-fixed, #EADDFF)\"), /** High-emphasis fills, texts, and icons that maintain the same stronger tone in light and dark themes. */ primaryFixedDim: unsafeCSS(\"var(--md-sys-color-primary-fixed-dim, #D0BCFF)\"), /** Text and icons against fixed primary. */ onPrimaryFixed: unsafeCSS(\"var(--md-sys-color-on-primary-fixed, #21005D)\"), /** Lower-emphasis text and icons against fixed primary. */ onPrimaryFixedVariant: unsafeCSS(\"var(--md-sys-color-on-primary-fixed-variant, #4F378B)\"), /** Less prominent fills, text, and icons against surface. */ secondary: unsafeCSS(\"var(--md-sys-color-secondary, #625B71)\"), /** Text and icons against secondary. */ onSecondary: unsafeCSS(\"var(--md-sys-color-on-secondary, #FFFFFF)\"), /** Less prominent fill color against surface, for recessive components. */ secondaryContainer: unsafeCSS(\"var(--md-sys-color-secondary-container, #E8DEF8)\"), /** Text and icons against secondary container. */ onSecondaryContainer: unsafeCSS(\"var(--md-sys-color-on-secondary-container, #4A4458)\"), /** Less prominent fills, texts, and icons that maintain the same tone in light and dark themes. */ secondaryFixed: unsafeCSS(\"var(--md-sys-color-secondary-fixed, #E8DEF8)\"), /** Less prominent fills, texts, and icons that maintain the same stronger tone in light and dark themes. */ secondaryFixedDim: unsafeCSS(\"var(--md-sys-color-secondary-fixed-dim, #CCC2DC)\"), /** Text and icons against fixed secondary. */ onSecondaryFixed: unsafeCSS(\"var(--md-sys-color-on-secondary-fixed, #1D192B)\"), /** Lower-emphasis text and icons against fixed secondary. */ onSecondaryFixedVariant: unsafeCSS(\"var(--md-sys-color-on-secondary-fixed-variant, #4A4458)\"), /** Complementary fills, text, and icons against surface. */ tertiary: unsafeCSS(\"var(--md-sys-color-tertiary, #7D5260)\"), /** Text and icons against tertiary. */ onTertiary: unsafeCSS(\"var(--md-sys-color-on-tertiary, #FFFFFF)\"), /** Complementary container color against surface. */ tertiaryContainer: unsafeCSS(\"var(--md-sys-color-tertiary-container, #FFD8E4)\"), /** Text and icons against tertiary container. */ onTertiaryContainer: unsafeCSS(\"var(--md-sys-color-on-tertiary-container, #633B48)\"), /** Complementary fills, texts, and icons that maintain the same tone in light and dark themes. */ tertiaryFixed: unsafeCSS(\"var(--md-sys-color-tertiary-fixed, #FFD8E4)\"), /** Complementary fills, texts, and icons that maintain the same stronger tone in light and dark themes. */ tertiaryFixedDim: unsafeCSS(\"var(--md-sys-color-tertiary-fixed-dim, #EFB8C8)\"), /** Text and icons against fixed tertiary. */ onTertiaryFixed: unsafeCSS(\"var(--md-sys-color-on-tertiary-fixed, #31111D)\"), /** Lower-emphasis text and icons against fixed tertiary. */ onTertiaryFixedVariant: unsafeCSS(\"var(--md-sys-color-on-tertiary-fixed-variant, #633B48)\"), /** Attention-grabbing color against surface for fills, icons, and text, indicating urgency. */ error: unsafeCSS(\"var(--md-sys-color-error, #B3261E)\"), /** Text and icons against error. */ onError: unsafeCSS(\"var(--md-sys-color-on-error, #FFFFFF)\"), /** Attention-grabbing fill color against surface. */ errorContainer: unsafeCSS(\"var(--md-sys-color-error-container, #F9DEDC)\"), /** Text and icons against error container. */ onErrorContainer: unsafeCSS(\"var(--md-sys-color-on-error-container, #8C1D18)\"), /** Default color for backgrounds. */ surface: unsafeCSS(\"var(--md-sys-color-surface, #FEF7FF)\"), /** Text and icons against any surface color. */ onSurface: unsafeCSS(\"var(--md-sys-color-on-surface, #1D1B20)\"), /** Lower-emphasis color for text and icons against any surface color. */ onSurfaceVariant: unsafeCSS(\"var(--md-sys-color-on-surface-variant, #49454F)\"), /** Lowest-emphasis container color. */ surfaceContainerLowest: unsafeCSS(\"var(--md-sys-color-surface-container-lowest, #FFFFFF)\"), /** Low-emphasis container color. */ surfaceContainerLow: unsafeCSS(\"var(--md-sys-color-surface-container-low, #F7F2FA)\"), /** Default container color. */ surfaceContainer: unsafeCSS(\"var(--md-sys-color-surface-container, #F3EDF7)\"), /** High-emphasis container color. */ surfaceContainerHigh: unsafeCSS(\"var(--md-sys-color-surface-container-high, #ECE6F0)\"), /** Highest-emphasis container color. */ surfaceContainerHighest: unsafeCSS(\"var(--md-sys-color-surface-container-highest, #E6E0E9)\"), /** Dimmest surface color in light and dark themes. */ surfaceDim: unsafeCSS(\"var(--md-sys-color-surface-dim, #DED8E1)\"), /** Brightest surface color in light and dark themes. */ surfaceBright: unsafeCSS(\"var(--md-sys-color-surface-bright, #FEF7FF)\"), /** Alternate surface color, can be used for active states. */ surfaceVariant: unsafeCSS(\"var(--md-sys-color-surface-variant, #E7E0EC)\"), /** Background fills for elements which contrast against surface. */ inverseSurface: unsafeCSS(\"var(--md-sys-color-inverse-surface, #322F35)\"), /** Text and icons against inverse surface. */ inverseOnSurface: unsafeCSS(\"var(--md-sys-color-inverse-on-surface, #F5EFF7)\"), /** Primary text and icons against inverse surface. */ inversePrimary: unsafeCSS(\"var(--md-sys-color-inverse-primary, #D0BCFF)\"), /** Important boundaries, such as a text field outline. */ outline: unsafeCSS(\"var(--md-sys-color-outline, #79747E)\"), /** Decorative elements, such as dividers. */ outlineVariant: unsafeCSS(\"var(--md-sys-color-outline-variant, #CAC4D0)\"), /** Elevation shadow color. */ shadow: unsafeCSS(\"var(--md-sys-color-shadow, #000000)\"), /** Backdrop which obscures underlying content. */ scrim: unsafeCSS(\"var(--md-sys-color-scrim, #000000)\"), }", "description": "Design tokens that control color." } ], "exports": [ { "kind": "js", "name": "ColorToken", "declaration": { "name": "ColorToken", "module": "src/core/shared/tokens/ColorToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/DensityToken.ts", "declarations": [ { "kind": "variable", "name": "DensityToken", "type": { "text": "{\r\n ..._DensityToken,\r\n\r\n /**\r\n * Creates a CSS `calc` that calculates a dimension based on density.\r\n * @param {number} minScale The minimum supported scale.\r\n * @returns {CSSResult} A CSS `calc` used to calculate a dimension based on density.\r\n */\r\n calc(minScale: number): CSSResult {\r\n return unsafeCSS(`calc(max(${minScale}, ${_DensityToken.scale}) * ${_DensityToken.size})`);\r\n },\r\n}" }, "default": "{ ..._DensityToken, /** * Creates a CSS `calc` that calculates a dimension based on density. * @param {number} minScale The minimum supported scale. * @returns {CSSResult} A CSS `calc` used to calculate a dimension based on density. */ calc(minScale: number): CSSResult { return unsafeCSS(`calc(max(${minScale}, ${_DensityToken.scale}) * ${_DensityToken.size})`); }, }", "description": "Design tokens that control density." } ], "exports": [ { "kind": "js", "name": "DensityToken", "declaration": { "name": "DensityToken", "module": "src/core/shared/tokens/DensityToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/ElevationToken.ts", "declarations": [ { "kind": "variable", "name": "ElevationToken", "type": { "text": "{\r\n /** Level 0 elevation. */\r\n level0: unsafeCSS(`var(--md-sys-elevation-level0, ${elevation(0)})`),\r\n\r\n /** Level 1 elevation. */\r\n level1: unsafeCSS(`var(--md-sys-elevation-level1, ${elevation(1)})`),\r\n\r\n /** Level 2 elevation. */\r\n level2: unsafeCSS(`var(--md-sys-elevation-level2, ${elevation(3)})`),\r\n\r\n /** Level 3 elevation. */\r\n level3: unsafeCSS(`var(--md-sys-elevation-level3, ${elevation(6)})`),\r\n\r\n /** Level 4 elevation. */\r\n level4: unsafeCSS(`var(--md-sys-elevation-level4, ${elevation(8)})`),\r\n\r\n /** Level 5 elevation. */\r\n level5: unsafeCSS(`var(--md-sys-elevation-level5, ${elevation(12)})`),\r\n}" }, "default": "{ /** Level 0 elevation. */ level0: unsafeCSS(`var(--md-sys-elevation-level0, ${elevation(0)})`), /** Level 1 elevation. */ level1: unsafeCSS(`var(--md-sys-elevation-level1, ${elevation(1)})`), /** Level 2 elevation. */ level2: unsafeCSS(`var(--md-sys-elevation-level2, ${elevation(3)})`), /** Level 3 elevation. */ level3: unsafeCSS(`var(--md-sys-elevation-level3, ${elevation(6)})`), /** Level 4 elevation. */ level4: unsafeCSS(`var(--md-sys-elevation-level4, ${elevation(8)})`), /** Level 5 elevation. */ level5: unsafeCSS(`var(--md-sys-elevation-level5, ${elevation(12)})`), }", "description": "Design tokens that control elevation." } ], "exports": [ { "kind": "js", "name": "ElevationToken", "declaration": { "name": "ElevationToken", "module": "src/core/shared/tokens/ElevationToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/MeasurementToken.ts", "declarations": [ { "kind": "variable", "name": "MeasurementToken", "type": { "text": "{\r\n /** Zero spacing. */\r\n space0: space(0),\r\n\r\n /** 2dp spacing. */\r\n space25: space(25),\r\n\r\n /** 4dp spacing. */\r\n space50: space(50),\r\n\r\n /** 6dp spacing. */\r\n space75: space(75),\r\n\r\n /** 8dp spacing. */\r\n space100: space(100),\r\n\r\n /** 10dp spacing. */\r\n space125: space(125),\r\n\r\n /** 12dp spacing. */\r\n space150: space(150),\r\n\r\n /** 14dp spacing. */\r\n space175: space(175),\r\n\r\n /** 16dp spacing. */\r\n space200: space(200),\r\n\r\n /** 20dp spacing. */\r\n space250: space(250),\r\n\r\n /** 24dp spacing. */\r\n space300: space(300),\r\n\r\n /** 32dp spacing. */\r\n space400: space(400),\r\n\r\n /** 36dp spacing. */\r\n space450: space(450),\r\n\r\n /** 40dp spacing. */\r\n space500: space(500),\r\n\r\n /** 48dp spacing. */\r\n space600: space(600),\r\n\r\n /** 56dp spacing. */\r\n space700: space(700),\r\n\r\n /** 64dp spacing. */\r\n space800: space(800),\r\n\r\n /** 72dp spacing. */\r\n space900: space(900),\r\n}" }, "default": "{ /** Zero spacing. */ space0: space(0), /** 2dp spacing. */ space25: space(25), /** 4dp spacing. */ space50: space(50), /** 6dp spacing. */ space75: space(75), /** 8dp spacing. */ space100: space(100), /** 10dp spacing. */ space125: space(125), /** 12dp spacing. */ space150: space(150), /** 14dp spacing. */ space175: space(175), /** 16dp spacing. */ space200: space(200), /** 20dp spacing. */ space250: space(250), /** 24dp spacing. */ space300: space(300), /** 32dp spacing. */ space400: space(400), /** 36dp spacing. */ space450: space(450), /** 40dp spacing. */ space500: space(500), /** 48dp spacing. */ space600: space(600), /** 56dp spacing. */ space700: space(700), /** 64dp spacing. */ space800: space(800), /** 72dp spacing. */ space900: space(900), }", "description": "Design tokens that control measurements." } ], "exports": [ { "kind": "js", "name": "MeasurementToken", "declaration": { "name": "MeasurementToken", "module": "src/core/shared/tokens/MeasurementToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/MotionToken.ts", "declarations": [ { "kind": "variable", "name": "MotionToken", "type": { "text": "{\r\n /** Design tokens that control transition effects. */\r\n easing: EasingToken,\r\n\r\n /** Design tokens that control transition duration. */\r\n duration: DurationToken,\r\n\r\n /** Design tokens that control spring effects. */\r\n spring: SpringToken,\r\n}" }, "default": "{ /** Design tokens that control transition effects. */ easing: EasingToken, /** Design tokens that control transition duration. */ duration: DurationToken, /** Design tokens that control spring effects. */ spring: SpringToken, }", "description": "Design tokens that control motion." } ], "exports": [ { "kind": "js", "name": "MotionToken", "declaration": { "name": "MotionToken", "module": "src/core/shared/tokens/MotionToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/ScrollbarToken.ts", "declarations": [ { "kind": "variable", "name": "ScrollbarToken", "type": { "text": "{\r\n /** Width of a standard scrollbar. */\r\n width: unsafeCSS(`var(--m3e-scrollbar-width, auto)`),\r\n\r\n /** Width of a thin scrollbar. */\r\n thinWidth: unsafeCSS(`var(--m3e-scrollbar-thin-width, thin)`),\r\n\r\n /** Color of a scrollbar. */\r\n color: unsafeCSS(`var(--m3e-scrollbar-thumb-color, #938f94) var(--m3e-scrollbar-track-color, transparent)`),\r\n}" }, "default": "{ /** Width of a standard scrollbar. */ width: unsafeCSS(`var(--m3e-scrollbar-width, auto)`), /** Width of a thin scrollbar. */ thinWidth: unsafeCSS(`var(--m3e-scrollbar-thin-width, thin)`), /** Color of a scrollbar. */ color: unsafeCSS(`var(--m3e-scrollbar-thumb-color, #938f94) var(--m3e-scrollbar-track-color, transparent)`), }", "description": "Design tokens that control scrollbars." } ], "exports": [ { "kind": "js", "name": "ScrollbarToken", "declaration": { "name": "ScrollbarToken", "module": "src/core/shared/tokens/ScrollbarToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/ShapeToken.ts", "declarations": [ { "kind": "variable", "name": "ShapeToken", "type": { "text": "{\r\n corner: {\r\n /** Fully rounded symmetric shape. */\r\n full: unsafeCSS(\"var(--md-sys-shape-corner-full, 624.9375rem)\"),\r\n\r\n /** Extra large rounded asymmetric shape directed towards the top. */\r\n extraLargeTop: unsafeCSS(\r\n `var(--md-sys-shape-corner-extra-large-top, ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none})`,\r\n ),\r\n\r\n /** Extra large rounded symmetric shape. */\r\n extraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-large, ${CornerValue.extraLarge})`),\r\n\r\n /** Extra large rounded asymmetric shape directed towards the end. */\r\n extraLargeEnd: unsafeCSS(\r\n `${CornerValue.none} ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none}`,\r\n ),\r\n\r\n /** Extra large rounded asymmetric shape directed towards the start. */\r\n extraLargeStart: unsafeCSS(\r\n `${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraLarge}`,\r\n ),\r\n\r\n /** Large rounded asymmetric shape directed towards the top. */\r\n largeTop: unsafeCSS(\r\n `var(--md-sys-shape-corner-large-top, ${CornerValue.large} ${CornerValue.large} ${CornerValue.none} ${CornerValue.none})`,\r\n ),\r\n\r\n /** Large rounded asymmetric shape directed towards the end. */\r\n largeEnd: unsafeCSS(\r\n `var(--md-sys-shape-corner-large-end, ${CornerValue.none} ${CornerValue.large} ${CornerValue.large} ${CornerValue.none})`,\r\n ),\r\n\r\n /** Large rounded asymmetric shape directed towards the start. */\r\n largeStart: unsafeCSS(\r\n `var(--md-sys-shape-corner-large-start, ${CornerValue.large} ${CornerValue.none} ${CornerValue.none} ${CornerValue.large})`,\r\n ),\r\n\r\n /** Large rounded symmetric shape. */\r\n large: unsafeCSS(`var(--md-sys-shape-corner-large, ${CornerValue.large})`),\r\n\r\n /** Medium rounded symmetric shape. */\r\n medium: unsafeCSS(`var(--md-sys-shape-corner-medium, ${CornerValue.medium})`),\r\n\r\n /** Medium rounded asymmetric shape directed towards the top. */\r\n mediumTop: unsafeCSS(`${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none} ${CornerValue.none}`),\r\n\r\n /** Medium rounded asymmetric shape directed towards the end. */\r\n mediumEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none}`),\r\n\r\n /** Medium rounded asymmetric shape directed towards the start. */\r\n mediumStart: unsafeCSS(`${CornerValue.medium} ${CornerValue.none} ${CornerValue.none} ${CornerValue.medium}`),\r\n\r\n /** Small rounded symmetric shape. */\r\n small: unsafeCSS(`var(--md-sys-shape-corner-small, ${CornerValue.small})`),\r\n\r\n /** Small rounded asymmetric shape directed towards the top. */\r\n smallTop: unsafeCSS(`${CornerValue.small} ${CornerValue.small} ${CornerValue.none} ${CornerValue.none}`),\r\n\r\n /** Small rounded asymmetric shape directed towards the end. */\r\n smallEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.small} ${CornerValue.small} ${CornerValue.none}`),\r\n\r\n /** Small rounded asymmetric shape directed towards the start. */\r\n smallStart: unsafeCSS(`${CornerValue.small} ${CornerValue.none} ${CornerValue.none} ${CornerValue.small}`),\r\n\r\n /** Extra small rounded asymmetric shape directed towards the top. */\r\n extraSmallTop: unsafeCSS(\r\n `var(--md-sys-shape-corner-extra-small-top, ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none})`,\r\n ),\r\n\r\n /** Extra small rounded symmetric shape. */\r\n extraSmall: unsafeCSS(`var(--md-sys-shape-corner-extra-small, ${CornerValue.extraSmall})`),\r\n\r\n /** Extra small rounded asymmetric shape directed towards the end. */\r\n extraSmallEnd: unsafeCSS(\r\n `${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none}`,\r\n ),\r\n\r\n /** Extra small rounded asymmetric shape directed towards the start. */\r\n extraSmallStart: unsafeCSS(\r\n `${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall}`,\r\n ),\r\n\r\n /** Extra small rounded asymmetric shape directed towards the bottom. */\r\n extraSmallBottom: unsafeCSS(\r\n `${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall}`,\r\n ),\r\n\r\n /** No rounding. */\r\n none: unsafeCSS(`var(--md-sys-shape-corner-none, ${CornerValue.none})`),\r\n\r\n /** Increased large rounded symmetric shape. */\r\n largeIncreased: unsafeCSS(`var(--md-sys-shape-corner-large-increased, ${CornerValue.largeIncreased})`),\r\n\r\n /** Increased extra large rounded symmetric shape. */\r\n extraLargeIncreased: unsafeCSS(\r\n `var(--md-sys-shape-corner-extra-large-increased, ${CornerValue.extraLargeIncreased})`,\r\n ),\r\n\r\n /** Extra extra large rounded symmetric shape. */\r\n extraExtraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-extra-large, ${CornerValue.extraExtraLarge})`),\r\n\r\n /** Design tokens that control specific corners. */\r\n value: CornerValue,\r\n },\r\n}" }, "default": "{ corner: { /** Fully rounded symmetric shape. */ full: unsafeCSS(\"var(--md-sys-shape-corner-full, 624.9375rem)\"), /** Extra large rounded asymmetric shape directed towards the top. */ extraLargeTop: unsafeCSS( `var(--md-sys-shape-corner-extra-large-top, ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none})`, ), /** Extra large rounded symmetric shape. */ extraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-large, ${CornerValue.extraLarge})`), /** Extra large rounded asymmetric shape directed towards the end. */ extraLargeEnd: unsafeCSS( `${CornerValue.none} ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none}`, ), /** Extra large rounded asymmetric shape directed towards the start. */ extraLargeStart: unsafeCSS( `${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraLarge}`, ), /** Large rounded asymmetric shape directed towards the top. */ largeTop: unsafeCSS( `var(--md-sys-shape-corner-large-top, ${CornerValue.large} ${CornerValue.large} ${CornerValue.none} ${CornerValue.none})`, ), /** Large rounded asymmetric shape directed towards the end. */ largeEnd: unsafeCSS( `var(--md-sys-shape-corner-large-end, ${CornerValue.none} ${CornerValue.large} ${CornerValue.large} ${CornerValue.none})`, ), /** Large rounded asymmetric shape directed towards the start. */ largeStart: unsafeCSS( `var(--md-sys-shape-corner-large-start, ${CornerValue.large} ${CornerValue.none} ${CornerValue.none} ${CornerValue.large})`, ), /** Large rounded symmetric shape. */ large: unsafeCSS(`var(--md-sys-shape-corner-large, ${CornerValue.large})`), /** Medium rounded symmetric shape. */ medium: unsafeCSS(`var(--md-sys-shape-corner-medium, ${CornerValue.medium})`), /** Medium rounded asymmetric shape directed towards the top. */ mediumTop: unsafeCSS(`${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none} ${CornerValue.none}`), /** Medium rounded asymmetric shape directed towards the end. */ mediumEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none}`), /** Medium rounded asymmetric shape directed towards the start. */ mediumStart: unsafeCSS(`${CornerValue.medium} ${CornerValue.none} ${CornerValue.none} ${CornerValue.medium}`), /** Small rounded symmetric shape. */ small: unsafeCSS(`var(--md-sys-shape-corner-small, ${CornerValue.small})`), /** Small rounded asymmetric shape directed towards the top. */ smallTop: unsafeCSS(`${CornerValue.small} ${CornerValue.small} ${CornerValue.none} ${CornerValue.none}`), /** Small rounded asymmetric shape directed towards the end. */ smallEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.small} ${CornerValue.small} ${CornerValue.none}`), /** Small rounded asymmetric shape directed towards the start. */ smallStart: unsafeCSS(`${CornerValue.small} ${CornerValue.none} ${CornerValue.none} ${CornerValue.small}`), /** Extra small rounded asymmetric shape directed towards the top. */ extraSmallTop: unsafeCSS( `var(--md-sys-shape-corner-extra-small-top, ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none})`, ), /** Extra small rounded symmetric shape. */ extraSmall: unsafeCSS(`var(--md-sys-shape-corner-extra-small, ${CornerValue.extraSmall})`), /** Extra small rounded asymmetric shape directed towards the end. */ extraSmallEnd: unsafeCSS( `${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none}`, ), /** Extra small rounded asymmetric shape directed towards the start. */ extraSmallStart: unsafeCSS( `${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall}`, ), /** Extra small rounded asymmetric shape directed towards the bottom. */ extraSmallBottom: unsafeCSS( `${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall}`, ), /** No rounding. */ none: unsafeCSS(`var(--md-sys-shape-corner-none, ${CornerValue.none})`), /** Increased large rounded symmetric shape. */ largeIncreased: unsafeCSS(`var(--md-sys-shape-corner-large-increased, ${CornerValue.largeIncreased})`), /** Increased extra large rounded symmetric shape. */ extraLargeIncreased: unsafeCSS( `var(--md-sys-shape-corner-extra-large-increased, ${CornerValue.extraLargeIncreased})`, ), /** Extra extra large rounded symmetric shape. */ extraExtraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-extra-large, ${CornerValue.extraExtraLarge})`), /** Design tokens that control specific corners. */ value: CornerValue, }, }", "description": "Design tokens that control shape." } ], "exports": [ { "kind": "js", "name": "ShapeToken", "declaration": { "name": "ShapeToken", "module": "src/core/shared/tokens/ShapeToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/StateToken.ts", "declarations": [ { "kind": "variable", "name": "StateToken", "type": { "text": "{\r\n /** Opacity of the state layer on focus. */\r\n focusStateLayerOpacity: unsafeCSS(\"var(--md-sys-state-focus-state-layer-opacity, 10%)\"),\r\n\r\n /** Opacity of the state layer on hover. */\r\n hoverStateLayerOpacity: unsafeCSS(\"var(--md-sys-state-hover-state-layer-opacity, 8%)\"),\r\n\r\n /** Opacity of the state layer on pressed. */\r\n pressedStateLayerOpacity: unsafeCSS(\"var(--md-sys-state-pressed-state-layer-opacity, 10%)\"),\r\n}" }, "default": "{ /** Opacity of the state layer on focus. */ focusStateLayerOpacity: unsafeCSS(\"var(--md-sys-state-focus-state-layer-opacity, 10%)\"), /** Opacity of the state layer on hover. */ hoverStateLayerOpacity: unsafeCSS(\"var(--md-sys-state-hover-state-layer-opacity, 8%)\"), /** Opacity of the state layer on pressed. */ pressedStateLayerOpacity: unsafeCSS(\"var(--md-sys-state-pressed-state-layer-opacity, 10%)\"), }", "description": "Design tokens that control state layer." } ], "exports": [ { "kind": "js", "name": "StateToken", "declaration": { "name": "StateToken", "module": "src/core/shared/tokens/StateToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/TypescaleToken.ts", "declarations": [ { "kind": "variable", "name": "TypescaleToken", "type": { "text": "{\r\n /** Standard typescale variant. */\r\n standard: {\r\n /** Short, important text or numerals. */\r\n display: {\r\n large: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-display-large-font-size, 3.5625rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-display-large-font-weight, 400)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-display-large-line-height, 4rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-display-large-tracking, 0.015625rem)\"),\r\n },\r\n medium: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-display-medium-font-size, 2.8125rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-display-medium-font-weight, 400)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-display-medium-line-height, 3.25rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-display-medium-tracking, 0)\"),\r\n },\r\n small: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-display-small-font-size, 2.25rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-display-small-font-weight, 400)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-display-small-line-height, 2.75rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-display-small-tracking, 0)\"),\r\n },\r\n },\r\n\r\n /** Short, high-emphasis text on smaller screens. */\r\n headline: {\r\n large: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-headline-large-font-size, 2rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-headline-large-font-weight, 400)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-headline-large-line-height, 2.5rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-headline-large-tracking, 0)\"),\r\n },\r\n medium: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-headline-medium-font-size, 1.75rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-headline-medium-font-weight, 400)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-headline-medium-line-height, 2.25rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-headline-medium-tracking, 0)\"),\r\n },\r\n small: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-headline-small-font-size, 1.5rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-headline-small-font-weight, 400)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-headline-small-line-height, 2rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-headline-small-tracking, 0)\"),\r\n },\r\n },\r\n\r\n /** Medium-emphasis text that remains relatively short. */\r\n title: {\r\n large: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-title-large-font-size, 1.375rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-title-large-font-weight, 400)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-title-large-line-height, 1.75rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-title-large-tracking, 0)\"),\r\n },\r\n medium: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-title-medium-font-size, 1rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-title-medium-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-title-medium-line-height, 1.5rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-title-medium-tracking, 0.009375rem)\"),\r\n },\r\n small: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-title-small-font-size, 0.875rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-title-small-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-title-small-line-height, 1.25rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-title-small-tracking, 0.00625rem)\"),\r\n },\r\n },\r\n\r\n /** Longer passages of text. */\r\n body: {\r\n large: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-body-large-font-size, 1rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-body-large-font-weight, 400)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-body-large-line-height, 1.5rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-body-large-tracking, 0.03125rem)\"),\r\n },\r\n medium: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-body-medium-font-size, 0.875rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-body-medium-font-weight, 400)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-body-medium-line-height, 1.25rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-body-medium-tracking, 0.015625rem)\"),\r\n },\r\n small: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-body-small-font-size, 0.75rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-body-small-font-weight, 400)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-body-small-line-height, 1rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-body-small-tracking, 0.025rem)\"),\r\n },\r\n },\r\n\r\n /** Smaller, utilitarian text. */\r\n label: {\r\n large: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-label-large-font-size, 0.875rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-label-large-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-label-large-line-height, 1.25rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-label-large-tracking, 0.00625rem)\"),\r\n },\r\n medium: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-label-medium-font-size, 0.75rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-label-medium-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-label-medium-line-height, 1rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-label-medium-tracking, 0.03125rem)\"),\r\n },\r\n small: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-label-small-font-size, 0.6875rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-label-small-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-label-small-line-height, 1rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-label-small-tracking, 0.03125rem)\"),\r\n },\r\n },\r\n },\r\n\r\n /** Emphasized typescale variant. */\r\n emphasized: {\r\n /** Short, important text or numerals. */\r\n display: {\r\n large: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-large-font-size, 3.5625rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-large-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-large-line-height, 4rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-large-tracking, 0.015625rem)\"),\r\n },\r\n medium: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-medium-font-size, 2.8125rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-medium-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-medium-line-height, 3.25rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-medium-tracking, 0)\"),\r\n },\r\n small: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-small-font-size, 2.25rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-small-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-small-line-height, 2.75rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-small-tracking, 0)\"),\r\n },\r\n },\r\n\r\n /** Short, high-emphasis text on smaller screens. */\r\n headline: {\r\n large: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-large-font-size, 2rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-large-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-large-line-height, 2.5rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-large-tracking, 0)\"),\r\n },\r\n medium: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-medium-font-size, 1.75rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-medium-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-medium-line-height, 2.25rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-medium-tracking, 0)\"),\r\n },\r\n small: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-small-font-size, 1.5rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-small-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-small-line-height, 2rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-small-tracking, 0)\"),\r\n },\r\n },\r\n\r\n /** Medium-emphasis text that remains relatively short. */\r\n title: {\r\n large: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-large-font-size, 1.375rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-large-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-large-line-height, 1.75rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-large-tracking, 0)\"),\r\n },\r\n medium: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-medium-font-size, 1rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-medium-font-weight, 700)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-medium-line-height, 3.5rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-medium-tracking, 0.009375rem)\"),\r\n },\r\n small: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-small-font-size, 0.875rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-small-font-weight, 700)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-small-line-height, 1.25rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-small-tracking, 0.00625rem)\"),\r\n },\r\n },\r\n\r\n /** Longer passages of text. */\r\n body: {\r\n large: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-large-font-size, 1rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-large-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-large-line-height, 1.5rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-large-tracking, 0.03125rem)\"),\r\n },\r\n medium: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-medium-font-size, 0.875rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-medium-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-medium-line-height, 1.25rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-medium-tracking, 0.015625rem)\"),\r\n },\r\n small: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-small-font-size, 0.75rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-small-font-weight, 500)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-small-line-height, 1rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-small-tracking, 0.025rem)\"),\r\n },\r\n },\r\n\r\n /** Smaller, utilitarian text. */\r\n label: {\r\n large: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-large-font-size, 0.875rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-large-font-weight, 700)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-large-line-height, 1.25rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-large-tracking, 0.00625rem)\"),\r\n },\r\n medium: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-medium-font-size, 0.75rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-medium-font-weight, 700)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-medium-line-height, 1rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-medium-tracking, 0.03125rem)\"),\r\n },\r\n small: {\r\n fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-small-font-size, 0.6875rem)\"),\r\n fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-small-font-weight, 700)\"),\r\n lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-small-line-height, 1rem)\"),\r\n tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-small-tracking, 0.03125rem)\"),\r\n },\r\n },\r\n },\r\n}" }, "default": "{ /** Standard typescale variant. */ standard: { /** Short, important text or numerals. */ display: { large: { fontSize: unsafeCSS(\"var(--md-sys-typescale-display-large-font-size, 3.5625rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-display-large-font-weight, 400)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-display-large-line-height, 4rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-display-large-tracking, 0.015625rem)\"), }, medium: { fontSize: unsafeCSS(\"var(--md-sys-typescale-display-medium-font-size, 2.8125rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-display-medium-font-weight, 400)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-display-medium-line-height, 3.25rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-display-medium-tracking, 0)\"), }, small: { fontSize: unsafeCSS(\"var(--md-sys-typescale-display-small-font-size, 2.25rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-display-small-font-weight, 400)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-display-small-line-height, 2.75rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-display-small-tracking, 0)\"), }, }, /** Short, high-emphasis text on smaller screens. */ headline: { large: { fontSize: unsafeCSS(\"var(--md-sys-typescale-headline-large-font-size, 2rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-headline-large-font-weight, 400)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-headline-large-line-height, 2.5rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-headline-large-tracking, 0)\"), }, medium: { fontSize: unsafeCSS(\"var(--md-sys-typescale-headline-medium-font-size, 1.75rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-headline-medium-font-weight, 400)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-headline-medium-line-height, 2.25rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-headline-medium-tracking, 0)\"), }, small: { fontSize: unsafeCSS(\"var(--md-sys-typescale-headline-small-font-size, 1.5rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-headline-small-font-weight, 400)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-headline-small-line-height, 2rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-headline-small-tracking, 0)\"), }, }, /** Medium-emphasis text that remains relatively short. */ title: { large: { fontSize: unsafeCSS(\"var(--md-sys-typescale-title-large-font-size, 1.375rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-title-large-font-weight, 400)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-title-large-line-height, 1.75rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-title-large-tracking, 0)\"), }, medium: { fontSize: unsafeCSS(\"var(--md-sys-typescale-title-medium-font-size, 1rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-title-medium-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-title-medium-line-height, 1.5rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-title-medium-tracking, 0.009375rem)\"), }, small: { fontSize: unsafeCSS(\"var(--md-sys-typescale-title-small-font-size, 0.875rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-title-small-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-title-small-line-height, 1.25rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-title-small-tracking, 0.00625rem)\"), }, }, /** Longer passages of text. */ body: { large: { fontSize: unsafeCSS(\"var(--md-sys-typescale-body-large-font-size, 1rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-body-large-font-weight, 400)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-body-large-line-height, 1.5rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-body-large-tracking, 0.03125rem)\"), }, medium: { fontSize: unsafeCSS(\"var(--md-sys-typescale-body-medium-font-size, 0.875rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-body-medium-font-weight, 400)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-body-medium-line-height, 1.25rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-body-medium-tracking, 0.015625rem)\"), }, small: { fontSize: unsafeCSS(\"var(--md-sys-typescale-body-small-font-size, 0.75rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-body-small-font-weight, 400)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-body-small-line-height, 1rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-body-small-tracking, 0.025rem)\"), }, }, /** Smaller, utilitarian text. */ label: { large: { fontSize: unsafeCSS(\"var(--md-sys-typescale-label-large-font-size, 0.875rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-label-large-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-label-large-line-height, 1.25rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-label-large-tracking, 0.00625rem)\"), }, medium: { fontSize: unsafeCSS(\"var(--md-sys-typescale-label-medium-font-size, 0.75rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-label-medium-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-label-medium-line-height, 1rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-label-medium-tracking, 0.03125rem)\"), }, small: { fontSize: unsafeCSS(\"var(--md-sys-typescale-label-small-font-size, 0.6875rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-label-small-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-label-small-line-height, 1rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-label-small-tracking, 0.03125rem)\"), }, }, }, /** Emphasized typescale variant. */ emphasized: { /** Short, important text or numerals. */ display: { large: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-large-font-size, 3.5625rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-large-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-large-line-height, 4rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-large-tracking, 0.015625rem)\"), }, medium: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-medium-font-size, 2.8125rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-medium-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-medium-line-height, 3.25rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-medium-tracking, 0)\"), }, small: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-small-font-size, 2.25rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-small-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-small-line-height, 2.75rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-display-small-tracking, 0)\"), }, }, /** Short, high-emphasis text on smaller screens. */ headline: { large: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-large-font-size, 2rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-large-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-large-line-height, 2.5rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-large-tracking, 0)\"), }, medium: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-medium-font-size, 1.75rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-medium-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-medium-line-height, 2.25rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-medium-tracking, 0)\"), }, small: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-small-font-size, 1.5rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-small-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-small-line-height, 2rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-headline-small-tracking, 0)\"), }, }, /** Medium-emphasis text that remains relatively short. */ title: { large: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-large-font-size, 1.375rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-large-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-large-line-height, 1.75rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-large-tracking, 0)\"), }, medium: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-medium-font-size, 1rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-medium-font-weight, 700)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-medium-line-height, 3.5rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-medium-tracking, 0.009375rem)\"), }, small: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-small-font-size, 0.875rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-small-font-weight, 700)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-small-line-height, 1.25rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-title-small-tracking, 0.00625rem)\"), }, }, /** Longer passages of text. */ body: { large: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-large-font-size, 1rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-large-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-large-line-height, 1.5rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-large-tracking, 0.03125rem)\"), }, medium: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-medium-font-size, 0.875rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-medium-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-medium-line-height, 1.25rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-medium-tracking, 0.015625rem)\"), }, small: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-small-font-size, 0.75rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-small-font-weight, 500)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-small-line-height, 1rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-body-small-tracking, 0.025rem)\"), }, }, /** Smaller, utilitarian text. */ label: { large: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-large-font-size, 0.875rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-large-font-weight, 700)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-large-line-height, 1.25rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-large-tracking, 0.00625rem)\"), }, medium: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-medium-font-size, 0.75rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-medium-font-weight, 700)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-medium-line-height, 1rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-medium-tracking, 0.03125rem)\"), }, small: { fontSize: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-small-font-size, 0.6875rem)\"), fontWeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-small-font-weight, 700)\"), lineHeight: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-small-line-height, 1rem)\"), tracking: unsafeCSS(\"var(--md-sys-typescale-emphasized-label-small-tracking, 0.03125rem)\"), }, }, }, }", "description": "Design tokens that control typescale." } ], "exports": [ { "kind": "js", "name": "TypescaleToken", "declaration": { "name": "TypescaleToken", "module": "src/core/shared/tokens/TypescaleToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/DesignToken.ts", "declarations": [ { "kind": "variable", "name": "DesignToken", "type": { "text": "{\r\n /** Design tokens that control color. */\r\n color: ColorToken,\r\n\r\n /** Design tokens that control elevation. */\r\n elevation: ElevationToken,\r\n\r\n /** Design tokens that control motion. */\r\n motion: MotionToken,\r\n\r\n /** Design tokens that control shape. */\r\n shape: ShapeToken,\r\n\r\n /** Design tokens that control state layer. */\r\n state: StateToken,\r\n\r\n /** Design tokens that control typescale. */\r\n typescale: TypescaleToken,\r\n\r\n /** Design tokens that control scrollbars. */\r\n scrollbar: ScrollbarToken,\r\n\r\n /** Design tokens that control density. */\r\n density: DensityToken,\r\n\r\n /** Design tokens that control measurement. */\r\n measurement: MeasurementToken,\r\n}" }, "default": "{ /** Design tokens that control color. */ color: ColorToken, /** Design tokens that control elevation. */ elevation: ElevationToken, /** Design tokens that control motion. */ motion: MotionToken, /** Design tokens that control shape. */ shape: ShapeToken, /** Design tokens that control state layer. */ state: StateToken, /** Design tokens that control typescale. */ typescale: TypescaleToken, /** Design tokens that control scrollbars. */ scrollbar: ScrollbarToken, /** Design tokens that control density. */ density: DensityToken, /** Design tokens that control measurement. */ measurement: MeasurementToken, }", "description": "Design tokens used to style components." } ], "exports": [ { "kind": "js", "name": "DesignToken", "declaration": { "name": "DesignToken", "module": "src/core/shared/tokens/DesignToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/tokens/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/tokens/DesignToken" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/DisabledInteractive.ts", "declarations": [ { "kind": "function", "name": "isDisabledInteractiveMixin", "return": { "type": { "text": "value is DisabledInteractiveMixin" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `DisabledInteractiveMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports an interactive disabled state.", "name": "DisabledInteractive", "members": [ { "kind": "field", "name": "[_suppressedEventHandler]", "privacy": "private", "readonly": true }, { "kind": "field", "name": "disabledInteractive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "attribute": "disabled-interactive", "reflects": true } ], "attributes": [ { "name": "disabled-interactive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "fieldName": "disabledInteractive" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isDisabledInteractiveMixin", "declaration": { "name": "isDisabledInteractiveMixin", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "js", "name": "DisabledInteractive", "declaration": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Labelled.ts", "declarations": [ { "kind": "variable", "name": "updateLabels", "description": "A symbol through which to update labels to reflect a control's current state." }, { "kind": "function", "name": "isLabelledMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `LabelledMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with support for labelling.", "name": "Labelled", "members": [ { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration." }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "readonly": true }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "description": "The label elements that the element is associated with.", "readonly": true } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "updateLabels", "declaration": { "name": "updateLabels", "module": "src/core/shared/mixins/Labelled.ts" } }, { "kind": "js", "name": "isLabelledMixin", "declaration": { "name": "isLabelledMixin", "module": "src/core/shared/mixins/Labelled.ts" } }, { "kind": "js", "name": "Labelled", "declaration": { "name": "Labelled", "module": "src/core/shared/mixins/Labelled.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/FormAssociated.ts", "declarations": [ { "kind": "variable", "name": "formValue", "description": "A symbol through which a \"Form Associated\" custom element provides a value for a form." }, { "kind": "variable", "name": "defaultValue", "description": "A symbol through which a \"Form Associated\" custom element provides a default value for resetting a form." }, { "kind": "function", "name": "isFormAssociatedMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `FormAssociatedMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with \"Form Associated\" behavior.", "name": "FormAssociated", "members": [ { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration." }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private" }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "description": "Whether the element is disabled.", "default": "false", "attribute": "disabled" }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association." }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset." } ], "attributes": [ { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name" }, { "name": "disabled", "type": { "text": "boolean" }, "description": "Whether the element is disabled.", "default": "false", "fieldName": "disabled" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "formValue", "declaration": { "name": "formValue", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "js", "name": "defaultValue", "declaration": { "name": "defaultValue", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "js", "name": "isFormAssociatedMixin", "declaration": { "name": "isFormAssociatedMixin", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "js", "name": "FormAssociated", "declaration": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/ConstraintValidation.ts", "declarations": [ { "kind": "variable", "name": "validate", "description": "A symbol through which a \"Form Associated\" custom element validates its current state." }, { "kind": "function", "name": "isConstraintValidationMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `ConstraintValidationMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with \"Form Associated\" behavior that supports constraint validation.", "name": "ConstraintValidation", "members": [ { "kind": "field", "name": "[_validityMessage]", "type": { "text": "string | undefined" }, "privacy": "private" }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "description": "Whether the element is a submittable element that is a candidate for constraint validation.", "readonly": true }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "description": "The validity state of the element.", "readonly": true }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "description": "The error message that would be displayed if the user submits the form, or an empty string if no error message.", "readonly": true }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user." }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event." }, { "kind": "method", "name": "setCustomValidity", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "error", "type": { "text": "string" }, "description": "The message to use for validity errors." } ], "description": "Sets a custom validity message for the element." }, { "kind": "method", "name": "[_updateValidity]", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#getNativeMessage", "privacy": "private", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "flags", "type": { "text": "ValidityStateFlags" } } ] } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "validate", "declaration": { "name": "validate", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "js", "name": "isConstraintValidationMixin", "declaration": { "name": "isConstraintValidationMixin", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "js", "name": "ConstraintValidation", "declaration": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Focusable.ts", "declarations": [ { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports a focused state.", "name": "Focusable", "members": [ { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "Focusable", "declaration": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/FormSubmitter.ts", "declarations": [ { "kind": "function", "name": "isFormSubmitterMixin", "return": { "type": { "text": "value is FormSubmitterMixin" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `FormSubmitterMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior used to submit a form.", "name": "FormSubmitter", "members": [ { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration." }, { "kind": "field", "name": "name", "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.", "attribute": "name" }, { "kind": "field", "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "attribute": "value" }, { "kind": "field", "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "attribute": "type" }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private" } ], "attributes": [ { "name": "name", "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.", "fieldName": "name" }, { "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "fieldName": "value" }, { "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "fieldName": "type" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isFormSubmitterMixin", "declaration": { "name": "isFormSubmitterMixin", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "js", "name": "FormSubmitter", "declaration": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/HtmlFor.ts", "declarations": [ { "kind": "function", "name": "isHtmlForMixin", "return": { "type": { "text": "value is HtmlForMixin" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `HtmlForMixin`." }, { "kind": "mixin", "description": "Mixin that creates an attached element associated with an interactive control.", "name": "HtmlFor", "members": [ { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private" }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for" }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" }, "description": "The element that controls the attachable element." } ], "description": "Attaches the element to an interactive control." }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control." } ], "attributes": [ { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isHtmlForMixin", "declaration": { "name": "isHtmlForMixin", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "js", "name": "HtmlFor", "declaration": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/KeyboardClick.ts", "declarations": [ { "kind": "mixin", "description": "Mixin to augment an element with behavior emits a click event on keyboard events.", "name": "KeyboardClick", "members": [ { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] } ], "events": [ { "name": "click", "type": { "text": "MouseEvent" } } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." }, { "name": "allowEnter", "default": "true", "type": { "text": "boolean" }, "description": "Whether the `ENTER` key emits a click event.", "optional": true } ] } ], "exports": [ { "kind": "js", "name": "KeyboardClick", "declaration": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/LinkButton.ts", "declarations": [ { "kind": "variable", "name": "renderPseudoLink", "description": "A symbol through which to access a function used to render a pseudo link." }, { "kind": "function", "name": "isLinkButtonMixin", "return": { "type": { "text": "value is LinkButtonMixin" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `LinkButtonMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports functioning as a link.", "name": "LinkButton", "members": [ { "kind": "field", "name": "[_clickHandler]", "privacy": "private" }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href" }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target" }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel" }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download" }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "attributes": [ { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href" }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target" }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel" }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "fieldName": "download" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." }, { "name": "disableClick", "default": "false", "type": { "text": "boolean" }, "description": "Whether to disable the default click handler.", "optional": true } ] } ], "exports": [ { "kind": "js", "name": "renderPseudoLink", "declaration": { "name": "renderPseudoLink", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "js", "name": "isLinkButtonMixin", "declaration": { "name": "isLinkButtonMixin", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "js", "name": "LinkButton", "declaration": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/ReadOnly.ts", "declarations": [ { "kind": "function", "name": "isReadOnlyMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `ReadOnlyMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports a read-only state.", "name": "ReadOnly", "members": [ { "kind": "field", "name": "readOnly", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is read-only.", "attribute": "readonly" } ], "attributes": [ { "name": "readonly", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is read-only.", "fieldName": "readOnly" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." }, { "name": "reflect", "default": "true", "type": { "text": "boolean" }, "description": "A value indicating whether the read-only state is reflected as an attribute. The default value is `true`." } ] } ], "exports": [ { "kind": "js", "name": "isReadOnlyMixin", "declaration": { "name": "isReadOnlyMixin", "module": "src/core/shared/mixins/ReadOnly.ts" } }, { "kind": "js", "name": "ReadOnly", "declaration": { "name": "ReadOnly", "module": "src/core/shared/mixins/ReadOnly.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/ReconnectedCallback.ts", "declarations": [ { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports reconnection logic.", "name": "ReconnectedCallback", "members": [ { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } } } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "ReconnectedCallback", "declaration": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Required.ts", "declarations": [ { "kind": "function", "name": "isRequiredMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `RequiredMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports a required state.", "name": "Required", "members": [ { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether a value is required for the element.", "attribute": "required", "reflects": true }, { "kind": "field", "name": "optional", "description": "Whether a value is not required for the element.", "readonly": true } ], "attributes": [ { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether a value is required for the element.", "fieldName": "required" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isRequiredMixin", "declaration": { "name": "isRequiredMixin", "module": "src/core/shared/mixins/Required.ts" } }, { "kind": "js", "name": "Required", "declaration": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/RequiredConstraintValidation.ts", "declarations": [ { "kind": "function", "name": "isRequiredConstraintValidationMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `RequiredConstraintValidationMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports a required state.", "name": "RequiredConstraintValidation", "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isRequiredConstraintValidationMixin", "declaration": { "name": "isRequiredConstraintValidationMixin", "module": "src/core/shared/mixins/RequiredConstraintValidation.ts" } }, { "kind": "js", "name": "RequiredConstraintValidation", "declaration": { "name": "RequiredConstraintValidation", "module": "src/core/shared/mixins/RequiredConstraintValidation.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Role.ts", "declarations": [ { "kind": "mixin", "description": "Mixin to augment an element with an ARIA role.", "name": "Role", "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." }, { "name": "role", "type": { "text": "ARIARole" }, "description": "The ARIA role." } ] } ], "exports": [ { "kind": "js", "name": "Role", "declaration": { "name": "Role", "module": "src/core/shared/mixins/Role.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/SuppressInitialAnimation.ts", "declarations": [ { "kind": "variable", "name": "resumeAnimation", "description": "A symbol used to define the function called to resume animation." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that suppresses initial animations.", "name": "SuppressInitialAnimation", "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "resumeAnimation", "declaration": { "name": "resumeAnimation", "module": "src/core/shared/mixins/SuppressInitialAnimation.ts" } }, { "kind": "js", "name": "SuppressInitialAnimation", "declaration": { "name": "SuppressInitialAnimation", "module": "src/core/shared/mixins/SuppressInitialAnimation.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/Vertical.ts", "declarations": [ { "kind": "function", "name": "isVerticalMixin", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `VerticalMixin`." }, { "kind": "mixin", "description": "Mixin to augment an element with behavior that supports a vertical orientation.", "name": "Vertical", "members": [ { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is oriented vertically.", "attribute": "vertical", "reflects": true } ], "attributes": [ { "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is oriented vertically.", "fieldName": "vertical" } ], "parameters": [ { "name": "base", "type": { "text": "T" }, "description": "The base class." } ] } ], "exports": [ { "kind": "js", "name": "isVerticalMixin", "declaration": { "name": "isVerticalMixin", "module": "src/core/shared/mixins/Vertical.ts" } }, { "kind": "js", "name": "Vertical", "declaration": { "name": "Vertical", "module": "src/core/shared/mixins/Vertical.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/mixins/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/AttachInternals" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/Checked" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/CheckedIndeterminate" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/CheckedOrSelected" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/ConstraintValidation" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/Dirty" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/Disabled" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/DisabledInteractive" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/Focusable" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/FormAssociated" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/FormSubmitter" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/hasKeys" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/HtmlFor" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/KeyboardClick" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/Labelled" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/LinkButton" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/ReadOnly" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/ReconnectedCallback" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/Required" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/RequiredConstraintValidation" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/Role" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/Selected" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/SuppressInitialAnimation" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/Touched" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins/Vertical" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/ActionElementBase.ts", "declarations": [ { "kind": "class", "description": "A base implementation for an element, nested within a clickable element, used to\r\nperform an action. This class must be inherited.", "name": "ActionElementBase", "members": [ { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event." } ], "superclass": { "name": "LitElement", "package": "lit" }, "customElement": true } ], "exports": [ { "kind": "js", "name": "ActionElementBase", "declaration": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/CollapsibleOrientation.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/CollapsibleElement.ts", "declarations": [ { "kind": "class", "description": "A container used to expand and collapse content.", "name": "M3eCollapsibleElement", "cssProperties": [ { "description": "The duration of the expand / collapse animation.", "name": "--m3e-collapsible-animation-duration" } ], "slots": [ { "description": "Renders the collapsible content.", "name": "" } ], "members": [ { "kind": "field", "name": "#slotChanged", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#hasOpened", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Whether content is visible.", "attribute": "open", "reflects": true }, { "kind": "field", "name": "orientation", "type": { "text": "CollapsibleOrientation" }, "default": "\"vertical\"", "description": "Orientation of collapsible content.", "attribute": "orientation", "reflects": true, "parsedType": { "text": "'vertical' | 'horizontal'" } }, { "kind": "field", "name": "noAnimate", "type": { "text": "boolean" }, "default": "false", "description": "Whether to disable animation.", "attribute": "no-animate", "reflects": true }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "#autoSize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#clearSize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#actualSize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "opening", "type": { "text": "Event" }, "description": "Dispatched when the collapsible begins to open." }, { "name": "opened", "type": { "text": "Event" }, "description": "Dispatched when the collapsible has opened." }, { "name": "closing", "type": { "text": "Event" }, "description": "Dispatched when the collapsible begins to close." }, { "name": "closed", "type": { "text": "Event" }, "description": "Dispatched when the collapsible has closed." } ], "attributes": [ { "description": "Whether content is visible.", "name": "open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" }, { "description": "Orientation of collapsible content.", "name": "orientation", "type": { "text": "CollapsibleOrientation" }, "default": "\"vertical\"", "fieldName": "orientation", "parsedType": { "text": "'vertical' | 'horizontal'" } }, { "description": "Whether to disable animation.", "name": "no-animate", "type": { "text": "boolean" }, "default": "false", "fieldName": "noAnimate" } ], "mixins": [ { "name": "AttachInternals", "module": "/src/core/shared/mixins" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-collapsible", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eCollapsibleElement", "declaration": { "name": "M3eCollapsibleElement", "module": "src/core/shared/primitives/CollapsibleElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-collapsible", "declaration": { "name": "M3eCollapsibleElement", "module": "src/core/shared/primitives/CollapsibleElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/ElevationLevel.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/ElevationToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/ElevationElement.ts", "declarations": [ { "kind": "class", "description": "Visually depicts elevation using a shadow.", "name": "M3eElevationElement", "cssProperties": [ { "description": "Color used to depict elevation.", "name": "--m3e-elevation-color" }, { "description": "Duration when lifting.", "name": "--m3e-elevation-lift-duration" }, { "description": "Easing curve when lifting.", "name": "--m3e-elevation-lift-easing" }, { "description": "Duration when settling.", "name": "--m3e-elevation-settle-duration" }, { "description": "Easing curve when settling.", "name": "--m3e-elevation-settle-easing" }, { "description": "Elevation when resting (box-shadow).", "name": "--m3e-elevation-level" }, { "description": "Elevation on hover (box-shadow).", "name": "--m3e-elevation-hover-level" }, { "description": "Elevation on focus (box-shadow).", "name": "--m3e-elevation-focus-level" }, { "description": "Elevation on pressed (box-shadow).", "name": "--m3e-elevation-pressed-level" } ], "members": [ { "kind": "field", "name": "#hoverController", "privacy": "private", "readonly": true, "default": "new HoverController(this, { target: null, callback: (hovering) => this.#handleHoverChange(hovering), })" }, { "kind": "field", "name": "#focusController", "privacy": "private", "readonly": true, "default": "new FocusController(this, { target: null, callback: (focused) => this.#handleFocusChange(focused), })" }, { "kind": "field", "name": "#pressedController", "privacy": "private", "readonly": true, "default": "new PressedController(this, { target: null, callback: (pressed) => this.#handlePressedChange(pressed), })" }, { "kind": "field", "name": "_shadow", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether hover and press events will not trigger changes in elevation, when attached to an interactive element.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "level", "type": { "text": "ElevationLevel | null" }, "default": "null", "description": "The level at which to visually depict elevation.", "attribute": "level", "reflects": true, "parsedType": { "text": "0 | 1 | 2 | 3 | 4 | 5 | null" } }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "#handleHoverChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "hovering", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#handleFocusChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "focused", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#handlePressedChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "pressed", "type": { "text": "boolean" } } ] }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "attributes": [ { "description": "Whether hover and press events will not trigger changes in elevation, when attached to an interactive element.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "description": "The level at which to visually depict elevation.", "name": "level", "type": { "text": "ElevationLevel | null" }, "default": "null", "fieldName": "level", "parsedType": { "text": "0 | 1 | 2 | 3 | 4 | 5 | null" } } ], "mixins": [ { "name": "HtmlFor", "module": "/src/core/shared/mixins" }, { "name": "Role", "module": "/src/core/shared/mixins" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-elevation", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eElevationElement", "declaration": { "name": "M3eElevationElement", "module": "src/core/shared/primitives/ElevationElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-elevation", "declaration": { "name": "M3eElevationElement", "module": "src/core/shared/primitives/ElevationElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/FocusRingToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/FocusRingElement.ts", "declarations": [ { "kind": "class", "description": "A focus ring used to depict a strong focus indicator.", "name": "M3eFocusRingElement", "cssProperties": [ { "description": "The color of the focus ring.", "name": "--m3e-focus-ring-color" }, { "description": "The duration of the focus ring animation.", "name": "--m3e-focus-ring-duration" }, { "description": "The factor by which the focus ring grows.", "name": "--m3e-focus-ring-growth-factor" }, { "description": "The thickness of the focus ring.", "name": "--m3e-focus-ring-thickness" }, { "description": "The visibility of the focus ring.", "name": "--m3e-focus-ring-visibility" }, { "description": "Offset of an outward focus ring.", "name": "--m3e-focus-ring-outward-offset" }, { "description": "Offset of an inward focus ring.", "name": "--m3e-focus-ring-inward-offset" } ], "members": [ { "kind": "field", "name": "#focusController", "privacy": "private", "readonly": true, "default": "new FocusController(this, { target: null, callback: (_, focusVisible) => this.#handleFocusChange(focusVisible), })" }, { "kind": "field", "name": "_outline", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "inward", "type": { "text": "boolean" }, "default": "false", "description": "Whether the focus ring animates inward instead of outward.", "attribute": "inward", "reflects": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the focus events will not trigger the focus ring.\r\nFocus rings can be still controlled manually by using the `show` and `hide` methods.", "attribute": "disabled", "reflects": true }, { "kind": "method", "name": "show", "return": { "type": { "text": "void" } }, "description": "Launches a manual focus ring." }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "description": "Hides the focus ring." }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "#handleFocusChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "focusVisible", "type": { "text": "boolean" } } ] }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "attributes": [ { "description": "Whether the focus events will not trigger the focus ring.\r\nFocus rings can be still controlled manually by using the `show` and `hide` methods.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "description": "Whether the focus ring animates inward instead of outward.", "name": "inward", "type": { "text": "boolean" }, "default": "false", "fieldName": "inward" }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "mixins": [ { "name": "HtmlFor", "module": "/src/core/shared/mixins" }, { "name": "Role", "module": "/src/core/shared/mixins" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-focus-ring", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eFocusRingElement", "declaration": { "name": "M3eFocusRingElement", "module": "src/core/shared/primitives/FocusRingElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-focus-ring", "declaration": { "name": "M3eFocusRingElement", "module": "src/core/shared/primitives/FocusRingElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/PseudoCheckboxElement.ts", "declarations": [ { "kind": "class", "description": "An element which looks like a checkbox.", "name": "M3ePseudoCheckboxElement", "cssProperties": [ { "description": "Size of the checkbox icon.", "name": "--m3e-checkbox-icon-size" }, { "description": "Border radius of the checkbox container.", "name": "--m3e-checkbox-container-shape" }, { "description": "Outline thickness for unselected state.", "name": "--m3e-checkbox-unselected-outline-thickness" }, { "description": "Outline color for unselected state.", "name": "--m3e-checkbox-unselected-outline-color" }, { "description": "Background color for selected state.", "name": "--m3e-checkbox-selected-container-color" }, { "description": "Icon color for selected state.", "name": "--m3e-checkbox-selected-icon-color" }, { "description": "Outline color for unselected disabled state.", "name": "--m3e-checkbox-unselected-disabled-outline-color" }, { "description": "Outline opacity for unselected disabled state.", "name": "--m3e-checkbox-unselected-disabled-outline-opacity" }, { "description": "Background color for selected disabled state.", "name": "--m3e-checkbox-selected-disabled-container-color" }, { "description": "Background opacity for selected disabled state.", "name": "--m3e-checkbox-selected-disabled-container-opacity" }, { "description": "Icon color for selected disabled state.", "name": "--m3e-checkbox-selected-disabled-icon-color" }, { "description": "Icon opacity for selected disabled state.", "name": "--m3e-checkbox-selected-disabled-icon-opacity" } ], "members": [ { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element's checked state is indeterminate.", "attribute": "indeterminate", "reflects": true, "inheritedFrom": { "name": "CheckedIndeterminate", "module": "src/core/shared/mixins/CheckedIndeterminate.ts" } }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "attribute": "checked", "reflects": true, "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "attributes": [ { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is checked.", "fieldName": "checked", "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element's checked state is indeterminate.", "fieldName": "indeterminate", "inheritedFrom": { "name": "CheckedIndeterminate", "module": "src/core/shared/mixins/CheckedIndeterminate.ts" } } ], "mixins": [ { "name": "CheckedIndeterminate", "module": "/src/core/shared/mixins" }, { "name": "Disabled", "module": "/src/core/shared/mixins" }, { "name": "Role", "module": "/src/core/shared/mixins" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-pseudo-checkbox", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3ePseudoCheckboxElement", "declaration": { "name": "M3ePseudoCheckboxElement", "module": "src/core/shared/primitives/PseudoCheckboxElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-pseudo-checkbox", "declaration": { "name": "M3ePseudoCheckboxElement", "module": "src/core/shared/primitives/PseudoCheckboxElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/PseudoRadioElement.ts", "declarations": [ { "kind": "class", "description": "An element which looks like a radio button.", "name": "M3ePseudoRadioElement", "cssProperties": [ { "description": "Size of the radio icon.", "name": "--m3e-radio-icon-size" }, { "description": "Color of the unselected radio icon.", "name": "--m3e-radio-unselected-icon-color" }, { "description": "Color of the selected radio icon.", "name": "--m3e-radio-selected-icon-color" }, { "description": "Color of the disabled radio icon.", "name": "--m3e-radio-disabled-icon-color" } ], "members": [ { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "attribute": "checked", "reflects": true, "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "attributes": [ { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is checked.", "fieldName": "checked", "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "mixins": [ { "name": "Checked", "module": "/src/core/shared/mixins" }, { "name": "Disabled", "module": "/src/core/shared/mixins" }, { "name": "Role", "module": "/src/core/shared/mixins" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-pseudo-radio", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3ePseudoRadioElement", "declaration": { "name": "M3ePseudoRadioElement", "module": "src/core/shared/primitives/PseudoRadioElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-pseudo-radio", "declaration": { "name": "M3ePseudoRadioElement", "module": "src/core/shared/primitives/PseudoRadioElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/RippleToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/RippleElement.ts", "declarations": [ { "kind": "class", "description": "Connects user input to screen reactions using ripples.", "name": "M3eRippleElement", "cssProperties": [ { "description": "The color of the ripple.", "name": "--m3e-ripple-color" }, { "description": "The duration for the enter animation (expansion from point of contact).", "name": "--m3e-ripple-enter-duration" }, { "description": "The duration for the exit animation (fade-out).", "name": "--m3e-ripple-exit-duration" }, { "description": "The opacity of the ripple.", "name": "--m3e-ripple-opacity" }, { "description": "The factor by which to scale the ripple.", "name": "--m3e-ripple-scale-factor" }, { "description": "The shape of the ripple.", "name": "--m3e-ripple-shape" } ], "members": [ { "kind": "field", "name": "#ripple", "privacy": "private", "type": { "text": "HTMLElement | null" }, "default": "null" }, { "kind": "field", "name": "#pressedController", "privacy": "private", "readonly": true, "default": "new PressedController(this, { target: null, minPressedDuration: 150, isPressedKey: (key) => key === \" \", callback: (pressed, { x, y }) => this.#handlePressedChange(pressed, x, y), })" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether click events will not trigger the ripple.\r\nRipples can be still controlled manually by using the `show` and 'hide' methods.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "centered", "type": { "text": "boolean" }, "default": "false", "description": "Whether the ripple always originates from the center of the element's bounds, rather\r\nthan originating from the location of the click event.", "attribute": "centered", "reflects": true }, { "kind": "field", "name": "unbounded", "type": { "text": "boolean" }, "default": "false", "description": "Whether the ripple is visible outside the element's bounds.", "attribute": "unbounded", "reflects": true }, { "kind": "field", "name": "radius", "type": { "text": "number | null" }, "default": "null", "description": "The radius, in pixels, of the ripple.", "attribute": "radius" }, { "kind": "field", "name": "visible", "description": "Whether the ripple is currently visible to the user.", "readonly": true }, { "kind": "method", "name": "show", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "x", "type": { "text": "number" }, "description": "The x-coordinate, relative to the viewport, at which to present the ripple." }, { "name": "y", "type": { "text": "number" }, "description": "The y-coordinate, relative to the viewport, at which to present the ripple." }, { "name": "persistent", "default": "false", "type": { "text": "boolean" }, "description": "Whether the ripple will persist until hidden.", "optional": true } ], "description": "Launches a manual ripple." }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "description": "Manually hides the ripple." }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "#destroyRipple", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleAnimationEnd", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "persistent", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#handlePressedChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "pressed", "type": { "text": "boolean" } }, { "name": "x", "type": { "text": "number" } }, { "name": "y", "type": { "text": "number" } } ] }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "attributes": [ { "description": "Whether the ripple always originates from the center of the element's bounds, rather\r\nthan originating from the location of the click event.", "name": "centered", "type": { "text": "boolean" }, "default": "false", "fieldName": "centered" }, { "description": "Whether click events will not trigger the ripple.\r\nRipples can be still controlled manually by using the `show` and 'hide' methods.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "description": "The radius, in pixels, of the ripple.", "name": "radius", "type": { "text": "number | null" }, "default": "null", "fieldName": "radius" }, { "description": "Whether the ripple is visible outside the element's bounds.", "name": "unbounded", "type": { "text": "boolean" }, "default": "false", "fieldName": "unbounded" } ], "mixins": [ { "name": "HtmlFor", "module": "/src/core/shared/mixins" }, { "name": "Role", "module": "/src/core/shared/mixins" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-ripple", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eRippleElement", "declaration": { "name": "M3eRippleElement", "module": "src/core/shared/primitives/RippleElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-ripple", "declaration": { "name": "M3eRippleElement", "module": "src/core/shared/primitives/RippleElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/ScrollDividers.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/ScrollContainerElement.ts", "declarations": [ { "kind": "class", "description": "A vertically oriented content container which presents dividers above and below content when scrolled.", "name": "M3eScrollContainerElement", "cssProperties": [ { "description": "Thickness of the divider lines above and below content.", "name": "--m3e-divider-thickness" }, { "description": "Color of the divider lines when visible.", "name": "--m3e-divider-color" }, { "description": "Color of the focus ring outline.", "name": "--m3e-focus-ring-color" }, { "description": "Thickness of the focus ring outline.", "name": "--m3e-focus-ring-thickness" }, { "description": "Animation factor for focus ring thickness.", "name": "--m3e-focus-ring-factor" }, { "description": "Duration of the focus ring animation.", "name": "--m3e-focus-ring-duration" } ], "slots": [ { "description": "Renders the scrollable content.", "name": "" } ], "members": [ { "kind": "field", "name": "#scrollHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "dividers", "type": { "text": "ScrollDividers" }, "default": "\"above-below\"", "description": "The dividers used to separate scrollable content.", "attribute": "dividers", "parsedType": { "text": "'none' | 'above' | 'below' | 'above-below'" } }, { "kind": "field", "name": "thin", "type": { "text": "boolean" }, "default": "false", "description": "Whether to present thin scrollbars.", "attribute": "thin", "reflects": true }, { "kind": "method", "name": "_updateScroll", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "attributes": [ { "description": "The dividers used to separate scrollable content.", "name": "dividers", "type": { "text": "ScrollDividers" }, "default": "\"above-below\"", "fieldName": "dividers", "parsedType": { "text": "'none' | 'above' | 'below' | 'above-below'" } }, { "description": "Whether to present thin scrollbars.", "name": "thin", "type": { "text": "boolean" }, "default": "false", "fieldName": "thin" } ], "mixins": [ { "name": "AttachInternals", "module": "/src/core/shared/mixins" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-scroll-container", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eScrollContainerElement", "declaration": { "name": "M3eScrollContainerElement", "module": "src/core/shared/primitives/ScrollContainerElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-scroll-container", "declaration": { "name": "M3eScrollContainerElement", "module": "src/core/shared/primitives/ScrollContainerElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/SlideElement.ts", "declarations": [ { "kind": "class", "description": "A carousel-like container used to horizontally cycle through slotted items.", "name": "M3eSlideElement", "cssProperties": [ { "description": "The duration of transitions between slotted items.", "name": "--m3e-slide-animation-duration" } ], "slots": [ { "description": "Renders the items through which to cycle.", "name": "" } ], "members": [ { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "selectedIndex", "type": { "text": "number | null" }, "default": "null", "description": "The zero-based index of the visible item.", "attribute": "selected-index", "reflects": true }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#updateItems", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "attributes": [ { "description": "The zero-based index of the visible item.", "name": "selected-index", "type": { "text": "number | null" }, "default": "null", "fieldName": "selectedIndex" } ], "mixins": [ { "name": "AttachInternals", "module": "/src/core/shared/mixins" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-slide", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSlideElement", "declaration": { "name": "M3eSlideElement", "module": "src/core/shared/primitives/SlideElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-slide", "declaration": { "name": "M3eSlideElement", "module": "src/core/shared/primitives/SlideElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/StateLayerToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/StateLayerElement.ts", "declarations": [ { "kind": "class", "description": "Provides focus and hover state layer treatment for an interactive element.", "name": "M3eStateLayerElement", "cssProperties": [ { "description": "Duration of state layer changes.", "name": "--m3e-state-layer-duration" }, { "description": "Easing curve of state layer changes.", "name": "--m3e-state-layer-easing" }, { "description": "Color on hover.", "name": "--m3e-state-layer-focus-color" }, { "description": "Opacity on focus.", "name": "--m3e-state-layer-focus-opacity" }, { "description": "Color on hover.", "name": "--m3e-state-layer-hover-color" }, { "description": "Opacity on hover.", "name": "--m3e-state-layer-hover-opacity" } ], "members": [ { "kind": "field", "name": "#hoverController", "privacy": "private", "readonly": true, "default": "new HoverController(this, { target: null, callback: (hovering) => this.#handleHoverChange(hovering), })" }, { "kind": "field", "name": "#focusController", "privacy": "private", "readonly": true, "default": "new FocusController(this, { target: null, callback: (_, focusVisible) => this.#handleFocusChange(focusVisible), })" }, { "kind": "field", "name": "_layer", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether hover and focus events will not trigger the state layer. State layers can still\r\nbe controlled manually using the `show` and `hide` methods.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "disableHover", "type": { "text": "boolean" }, "default": "false", "description": "Whether hover events will not trigger the state layer. State layers can still\r\nbe controlled manually using the `show` and `hide` methods.", "attribute": "disable-hover", "reflects": true }, { "kind": "method", "name": "show", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "state", "type": { "text": "\"hover\" | \"focused\"" }, "description": "The state of the layer to show." } ], "description": "Launches a manual state layer." }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "state", "type": { "text": "\"hover\" | \"focused\"" }, "description": "The state of the layer to hide." } ], "description": "Hides the state layer." }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "#handleHoverChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "hovering", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#handleFocusChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "focusVisible", "type": { "text": "boolean" } } ] }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "attributes": [ { "description": "Whether hover and focus events will not trigger the state layer. State layers can still\r\nbe controlled manually using the `show` and `hide` methods.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "description": "Whether hover events will not trigger the state layer. State layers can still\r\nbe controlled manually using the `show` and `hide` methods.", "name": "disable-hover", "type": { "text": "boolean" }, "default": "false", "fieldName": "disableHover" }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "mixins": [ { "name": "HtmlFor", "module": "/src/core/shared/mixins" }, { "name": "Role", "module": "/src/core/shared/mixins" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-state-layer", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eStateLayerElement", "declaration": { "name": "M3eStateLayerElement", "module": "src/core/shared/primitives/StateLayerElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-state-layer", "declaration": { "name": "M3eStateLayerElement", "module": "src/core/shared/primitives/StateLayerElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/TextHighlightMode.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/TextHighlightElement.ts", "declarations": [ { "kind": "class", "description": "Highlights text which matches a given search term.", "name": "M3eTextHighlightElement", "cssProperties": [ { "description": "Background color applied to highlighted text ranges.", "name": "--m3e-text-highlight-container-color" }, { "description": "Foreground color of highlighted text content.", "name": "--m3e-text-highlight-color" }, { "description": "Optional text decoration (e.g., underline, line-through) for highlighted text.", "name": "--m3e-text-highlight-decoration" }, { "description": "Optional text shadow for emphasis or contrast.", "name": "--m3e-text-highlight-shadow" } ], "slots": [ { "description": "Renders the content to highlight.", "name": "" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#id", "privacy": "private", "default": "`m3e-text-highlight-${M3eTextHighlightElement.__nextId++}`" }, { "kind": "field", "name": "#ranges", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "#styles", "privacy": "private", "type": { "text": "CSSStyleSheet | null" }, "default": "null" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether text highlighting is disabled.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "term", "type": { "text": "string" }, "default": "\"\"", "description": "The term to highlight.", "attribute": "term" }, { "kind": "field", "name": "caseSensitive", "type": { "text": "boolean" }, "default": "false", "description": "Whether matching is case sensitive.", "attribute": "case-sensitive" }, { "kind": "field", "name": "mode", "type": { "text": "TextHighlightMode" }, "default": "\"contains\"", "description": "The mode in which to highlight text.", "attribute": "mode", "parsedType": { "text": "'contains' | 'starts-with' | 'ends-with'" } }, { "kind": "field", "name": "isSupported", "type": { "text": "boolean" }, "description": "A value indicating whether text highlighting is supported by the browser.", "readonly": true }, { "kind": "field", "name": "ranges", "type": { "text": "readonly Range[]" }, "description": "The ranges that match the current term.", "readonly": true }, { "kind": "method", "name": "#isTextNode", "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "node", "type": { "text": "any" } } ] }, { "kind": "method", "name": "#findTextNodes", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "parent", "type": { "text": "Node" } }, { "name": "nodes", "type": { "text": "Node[]" } } ] }, { "kind": "method", "name": "#highlight", "privacy": "private", "return": { "type": { "text": "void" } } } ], "events": [ { "name": "highlight", "type": { "text": "CustomEvent" }, "description": "Dispatched when content is highlighted." } ], "attributes": [ { "description": "Whether matching is case sensitive.", "name": "case-sensitive", "type": { "text": "boolean" }, "default": "false", "fieldName": "caseSensitive" }, { "description": "A value indicating whether text highlighting is disabled.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "description": "The mode in which to highlight text.", "name": "mode", "type": { "text": "TextHighlightMode" }, "default": "\"contains\"", "fieldName": "mode", "parsedType": { "text": "'contains' | 'starts-with' | 'ends-with'" } }, { "description": "The term to highlight.", "name": "term", "type": { "text": "string" }, "default": "\"\"", "fieldName": "term" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-text-highlight", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTextHighlightElement", "declaration": { "name": "M3eTextHighlightElement", "module": "src/core/shared/primitives/TextHighlightElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-text-highlight", "declaration": { "name": "M3eTextHighlightElement", "module": "src/core/shared/primitives/TextHighlightElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/TextOverflowElement.ts", "declarations": [ { "kind": "class", "description": "An inline container which presents an ellipsis when content overflows.", "name": "M3eTextOverflowElement", "slots": [ { "description": "Renders the content to truncate with an ellipsis.", "name": "" } ], "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-text-overflow", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTextOverflowElement", "declaration": { "name": "M3eTextOverflowElement", "module": "src/core/shared/primitives/TextOverflowElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-text-overflow", "declaration": { "name": "M3eTextOverflowElement", "module": "src/core/shared/primitives/TextOverflowElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/primitives/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/ActionElementBase" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/CollapsibleElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/CollapsibleOrientation" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/ElevationElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/ElevationLevel" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/FocusRingElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/PseudoCheckboxElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/PseudoRadioElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/RippleElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/ScrollContainerElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/ScrollDividers" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/SlideElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/StateLayerElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/TextHighlightElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/TextHighlightMode" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives/TextOverflowElement" } } ] }, { "kind": "javascript-module", "path": "src/core/shared/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/controllers" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/converters" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/decorators" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/directives" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/mixins" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/primitives" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/tokens" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared/utils" } } ] }, { "kind": "javascript-module", "path": "src/core/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/shared" } } ] }, { "kind": "javascript-module", "path": "src/app-bar/AppBarSize.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/app-bar/styles/AppBarSizeToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/app-bar/styles/AppBarSizeStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/app-bar/styles/AppBarToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/app-bar/styles/AppBarStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/app-bar/styles/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/app-bar/styles/AppBarSizeStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/app-bar/styles/AppBarStyle" } } ] }, { "kind": "javascript-module", "path": "src/app-bar/AppBarElement.ts", "declarations": [ { "kind": "class", "description": "A bar, placed a the top of a screen, used to help users navigate through an application.", "name": "M3eAppBarElement", "cssProperties": [ { "description": "Background color of the app bar container.", "name": "--m3e-app-bar-container-color" }, { "description": "Background color of the app bar container when scrolled.", "name": "--m3e-app-bar-container-color-on-scroll" }, { "description": "Elevation (shadow) of the app bar container.", "name": "--m3e-app-bar-container-elevation" }, { "description": "Elevation (shadow) of the app bar container when scrolled.", "name": "--m3e-app-bar-container-elevation-on-scroll" }, { "description": "Color of the app bar title text.", "name": "--m3e-app-bar-title-text-color" }, { "description": "Color of the app bar subtitle text.", "name": "--m3e-app-bar-subtitle-text-color" }, { "description": "Left padding for the app bar container.", "name": "--m3e-app-bar-padding-left" }, { "description": "Right padding for the app bar container.", "name": "--m3e-app-bar-padding-right" }, { "description": "Height of the small app bar container.", "name": "--m3e-app-bar-small-container-height" }, { "description": "Font size for the small app bar title text.", "name": "--m3e-app-bar-small-title-text-font-size" }, { "description": "Font weight for the small app bar title text.", "name": "--m3e-app-bar-small-title-text-font-weight" }, { "description": "Line height for the small app bar title text.", "name": "--m3e-app-bar-small-title-text-line-height" }, { "description": "Letter spacing (tracking) for the small app bar title text.", "name": "--m3e-app-bar-small-subtitle-text-tracking" }, { "description": "Font size for the small app bar subtitle text.", "name": "--m3e-app-bar-small-subtitle-text-font-size" }, { "description": "Font weight for the small app bar subtitle text.", "name": "--m3e-app-bar-small-subtitle-text-font-weight" }, { "description": "Line height for the small app bar subtitle text.", "name": "--m3e-app-bar-small-subtitle-text-line-height" }, { "description": "Letter spacing (tracking) for the small app bar subtitle text.", "name": "--m3e-app-bar-small-subtitle-text-tracking" }, { "description": "Left padding for the small app bar heading.", "name": "--m3e-app-bar-small-heading-padding-left" }, { "description": "Right padding for the small app bar heading.", "name": "--m3e-app-bar-small-heading-padding-right" }, { "description": "Height of the medium app bar container.", "name": "--m3e-app-bar-medium-container-height" }, { "description": "Height of the medium app bar container with subtitle.", "name": "--m3e-app-bar-medium-container-height-with-subtitle" }, { "description": "Font size for the medium app bar title text.", "name": "--m3e-app-bar-medium-title-text-font-size" }, { "description": "Font weight for the medium app bar title text.", "name": "--m3e-app-bar-medium-title-text-font-weight" }, { "description": "Line height for the medium app bar title text.", "name": "--m3e-app-bar-medium-title-text-line-height" }, { "description": "Letter spacing (tracking) for the medium app bar title text.", "name": "--m3e-app-bar-medium-subtitle-text-tracking" }, { "description": "Font size for the medium app bar subtitle text.", "name": "--m3e-app-bar-medium-subtitle-text-font-size" }, { "description": "Font weight for the medium app bar subtitle text.", "name": "--m3e-app-bar-medium-subtitle-text-font-weight" }, { "description": "Line height for the medium app bar subtitle text.", "name": "--m3e-app-bar-medium-subtitle-text-line-height" }, { "description": "Letter spacing (tracking) for the medium app bar subtitle text.", "name": "--m3e-app-bar-medium-subtitle-text-tracking" }, { "description": "Left padding for the medium app bar heading.", "name": "--m3e-app-bar-medium-heading-padding-left" }, { "description": "Right padding for the medium app bar heading.", "name": "--m3e-app-bar-medium-heading-padding-right" }, { "description": "Top padding for the medium app bar.", "name": "--m3e-app-bar-medium-padding-top" }, { "description": "Bottom padding for the medium app bar.", "name": "--m3e-app-bar-medium-padding-bottom" }, { "description": "Maximum number of lines for the medium app bar title.", "name": "--m3e-app-bar-medium-title-max-lines" }, { "description": "Maximum number of lines for the medium app bar subtitle.", "name": "--m3e-app-bar-medium-subtitle-max-lines" }, { "description": "Height of the large app bar container.", "name": "--m3e-app-bar-large-container-height" }, { "description": "Height of the large app bar container with subtitle.", "name": "--m3e-app-bar-large-container-height-with-subtitle" }, { "description": "Font size for the large app bar title text.", "name": "--m3e-app-bar-large-title-text-font-size" }, { "description": "Font weight for the large app bar title text.", "name": "--m3e-app-bar-large-title-text-font-weight" }, { "description": "Line height for the large app bar title text.", "name": "--m3e-app-bar-large-title-text-line-height" }, { "description": "Letter spacing (tracking) for the large app bar title text.", "name": "--m3e-app-bar-large-subtitle-text-tracking" }, { "description": "Font size for the large app bar subtitle text.", "name": "--m3e-app-bar-large-subtitle-text-font-size" }, { "description": "Font weight for the large app bar subtitle text.", "name": "--m3e-app-bar-large-subtitle-text-font-weight" }, { "description": "Line height for the large app bar subtitle text.", "name": "--m3e-app-bar-large-subtitle-text-line-height" }, { "description": "Letter spacing (tracking) for the large app bar subtitle text.", "name": "--m3e-app-bar-large-subtitle-text-tracking" }, { "description": "Left padding for the large app bar heading.", "name": "--m3e-app-bar-large-heading-padding-left" }, { "description": "Right padding for the large app bar heading.", "name": "--m3e-app-bar-large-heading-padding-right" }, { "description": "Top padding for the large app bar.", "name": "--m3e-app-bar-large-padding-top" }, { "description": "Bottom padding for the large app bar.", "name": "--m3e-app-bar-large-padding-bottom" }, { "description": "Maximum number of lines for the large app bar title.", "name": "--m3e-app-bar-large-title-max-lines" }, { "description": "Maximum number of lines for the large app bar subtitle.", "name": "--m3e-app-bar-large-subtitle-max-lines" } ], "slots": [ { "description": "Renders content positioned at the start of the bar.", "name": "leading" }, { "description": "Renders the subtitle of the bar.", "name": "subtitle" }, { "description": "Renders the title of the bar.", "name": "title" }, { "description": "Renders one or more action buttons aligned to the end of the bar.", "name": "trailing" }, { "description": "Deprecated: use the `leading` slot.", "name": "leading-icon" }, { "description": "Deprecated: use the `trailing` slot.", "name": "trailing-icon" } ], "members": [ { "kind": "field", "name": "#scrollHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#frameLoadHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_leadingIcon", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_trailingIcon", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "centered", "type": { "text": "boolean" }, "default": "false", "description": "Whether the title and subtitle are centered.", "attribute": "centered", "reflects": true }, { "kind": "field", "name": "size", "type": { "text": "AppBarSize" }, "default": "\"small\"", "description": "The size of the bar.", "attribute": "size", "reflects": true, "parsedType": { "text": "'small' | 'medium' | 'large'" } }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "#handleTitleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSubtitleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleLeadingIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleTrailingIconsSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleDeprecatedSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#clearCentered", "privacy": "private" }, { "kind": "method", "name": "#computeCentered", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_updateScroll", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleFrameLoad", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#getFrameScrollTop", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "frame", "type": { "text": "HTMLIFrameElement" } } ] }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "attributes": [ { "description": "Whether the title and subtitle are centered.", "name": "centered", "type": { "text": "boolean" }, "default": "false", "fieldName": "centered" }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "description": "The size of the bar.", "name": "size", "type": { "text": "AppBarSize" }, "default": "\"small\"", "fieldName": "size", "parsedType": { "text": "'small' | 'medium' | 'large'" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-app-bar", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eAppBarElement", "declaration": { "name": "M3eAppBarElement", "module": "src/app-bar/AppBarElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-app-bar", "declaration": { "name": "M3eAppBarElement", "module": "src/app-bar/AppBarElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/app-bar/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/app-bar/AppBarElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/app-bar/AppBarSize" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/keycodes/ModifierKeys.ts", "declarations": [ { "kind": "variable", "name": "ModifierKeys", "type": { "text": "readonly ModifierKey[]" }, "default": "[\"alt\", \"shift\", \"ctrl\", \"meta\"]", "description": "The modifier keys." } ], "exports": [ { "kind": "js", "name": "ModifierKeys", "declaration": { "name": "ModifierKeys", "module": "src/core/a11y/keycodes/ModifierKeys.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/keycodes/KeyCode.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/a11y/keycodes/getKeyCode.ts", "declarations": [ { "kind": "function", "name": "getKeyCode", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" }, "description": "The `KeyboardEvent` for which to resolve the key code." } ], "description": "Resolves the key code for the specified `KeyboardEvent`." } ], "exports": [ { "kind": "js", "name": "getKeyCode", "declaration": { "name": "getKeyCode", "module": "src/core/a11y/keycodes/getKeyCode.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/keycodes/hasModifierKey.ts", "declarations": [ { "kind": "function", "name": "hasModifierKey", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" }, "description": "The `KeyboardEvent` to test." }, { "name": "modifiers", "type": { "text": "ModifierKey[]" }, "description": "The modifier keys to test." } ], "description": "Determines whether a modifier key is pressed." } ], "exports": [ { "kind": "js", "name": "hasModifierKey", "declaration": { "name": "hasModifierKey", "module": "src/core/a11y/keycodes/hasModifierKey.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/keycodes/isModifierAllowed.ts", "declarations": [ { "kind": "function", "name": "isModifierAllowed", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" }, "description": "The `KeyboardEvent` to test." }, { "name": "modifiers", "type": { "text": "ModifierKey[]" }, "description": "The allowed modifier keys." } ], "description": "Determines whether the specified modifier keys are allowed." } ], "exports": [ { "kind": "js", "name": "isModifierAllowed", "declaration": { "name": "isModifierAllowed", "module": "src/core/a11y/keycodes/isModifierAllowed.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/keycodes/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/keycodes/ModifierKeys" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/keycodes/KeyCode" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/keycodes/getKeyCode" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/keycodes/hasModifierKey" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/keycodes/isModifierAllowed" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/list-key/ListManager.ts", "declarations": [ { "kind": "class", "description": "Utility for managing a list of items which supports activation.", "name": "ListManager", "members": [ { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "#activeItem", "privacy": "private", "type": { "text": "T | null" }, "default": "null" }, { "kind": "field", "name": "#onActiveItemChangeCallback", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The items being managed.", "readonly": true }, { "kind": "field", "name": "activeItem", "type": { "text": "T | null" }, "description": "The active item.", "readonly": true }, { "kind": "method", "name": "setItems", "return": { "type": { "text": "{ added: ReadonlyArray; removed: ReadonlyArray }" } }, "parameters": [ { "name": "items", "type": { "text": "Array" }, "description": "The new items." } ], "description": "Sets the items to manage." }, { "kind": "method", "name": "setActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" }, "description": "The new active item." } ], "description": "Sets the active item." }, { "kind": "method", "name": "updateActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" }, "description": "The active item." } ], "description": "Updates the active item." }, { "kind": "method", "name": "onActiveItemChange", "return": { "type": { "text": "ListManager" } }, "parameters": [ { "name": "callback", "type": { "text": "() => void" }, "description": "The callback invoked when an item is activated." } ], "description": "Configures the list manager with a callback invoked when an item is activated." } ] } ], "exports": [ { "kind": "js", "name": "ListManager", "declaration": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/list-key/Typeahead.ts", "declarations": [ { "kind": "variable", "name": "typeaheadLabel", "description": "A symbol through which to access an element's textual content used for typeahead search." }, { "kind": "function", "name": "isTypeaheadItem", "return": { "type": { "text": "" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `TypeaheadItem`." }, { "kind": "class", "description": "Implements typeahead functionality which selects items based on keyboard input.", "name": "Typeahead", "members": [ { "kind": "field", "name": "#debounceInterval", "privacy": "private", "type": { "text": "number" } }, { "kind": "field", "name": "#timeoutId", "privacy": "private", "type": { "text": "number" }, "default": "-1" }, { "kind": "field", "name": "#callback", "privacy": "private", "type": { "text": "(item: T) => void" } }, { "kind": "field", "name": "#skipPredicate", "privacy": "private", "type": { "text": "(item: T) => boolean | undefined" } }, { "kind": "field", "name": "#pressedKeys", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "#selectedIndex", "privacy": "private", "type": { "text": "number" }, "default": "-1" }, { "kind": "field", "name": "#items", "privacy": "private", "type": { "text": "readonly T[]" }, "default": "[]" }, { "kind": "field", "name": "isTyping", "type": { "text": "boolean" }, "description": "A value indicating whether the user is currently typing.", "readonly": true }, { "kind": "method", "name": "setItems", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "items", "type": { "text": "readonly T[]" }, "description": "The items to search." } ], "description": "Sets the items to search." }, { "kind": "method", "name": "setSelectedIndex", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "index", "type": { "text": "number" }, "description": "The index of the selected item." } ], "description": "Sets the index of the selected item." }, { "kind": "method", "name": "reset", "return": { "type": { "text": "void" } }, "description": "Resets the stored sequence of typed characters." }, { "kind": "method", "name": "onKeyDown", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" }, "description": "The keyboard event to be used for determining which element should be active." } ], "description": "Sets the selected item depending on the key event passed in." }, { "kind": "method", "name": "#appendKey", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "key", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#searchItems", "privacy": "private", "return": { "type": { "text": "void" } } } ] } ], "exports": [ { "kind": "js", "name": "typeaheadLabel", "declaration": { "name": "typeaheadLabel", "module": "src/core/a11y/list-key/Typeahead.ts" } }, { "kind": "js", "name": "isTypeaheadItem", "declaration": { "name": "isTypeaheadItem", "module": "src/core/a11y/list-key/Typeahead.ts" } }, { "kind": "js", "name": "Typeahead", "declaration": { "name": "Typeahead", "module": "src/core/a11y/list-key/Typeahead.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/list-key/ListKeyManager.ts", "declarations": [ { "kind": "class", "description": "Utility for managing keyboard events for selectable lists.", "name": "ListKeyManager", "members": [ { "kind": "field", "name": "#typeahead", "privacy": "private", "type": { "text": "Typeahead | undefined" } }, { "kind": "field", "name": "wrap", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the active item will wrap to the other end of\r\nlist when there are no more items in the given direction." }, { "kind": "field", "name": "homeAndEnd", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to activate the first and last items respectively when\r\nthe `HOME` or `END` key is pressed." }, { "kind": "field", "name": "pageUpAndDown", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to activate every 10th (or configured) first/last item\r\nin the up/down direction when the `PAGEUP` or `PAGEDOWN` key is pressed." }, { "kind": "field", "name": "pageDelta", "type": { "text": "number" }, "privacy": "public", "default": "10", "description": "The number of items to skip when the `PAGEUP` or `PAGEDOWN` key is pressed." }, { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to the list is oriented vertically." }, { "kind": "field", "name": "allowedModifiers", "type": { "text": "ModifierKey[]" }, "privacy": "public", "default": "[]", "description": "The allowed modifier keys." }, { "kind": "field", "name": "skipPredicate", "type": { "text": "(item: T) => boolean" }, "privacy": "public", "description": "A function used to skip items.", "parameters": [ { "description": "The item to test.", "name": "item", "type": { "text": "T" } } ], "return": { "type": { "text": "boolean" } } }, { "kind": "field", "name": "directionality", "type": { "text": "\"ltr\" | \"rtl\"" }, "privacy": "public", "default": "\"ltr\"", "description": "The directionality." }, { "kind": "method", "name": "setItems", "return": { "type": { "text": "{ added: readonly T[]; removed: readonly T[] }" } }, "parameters": [ { "name": "items", "type": { "text": "T[]" } } ], "description": "Sets the items to manage.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "updateActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" } } ], "description": "Updates the active item.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "withHomeAndEnd", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to activate the first and last items respectively when\r\nthe `HOME` or `END` key is pressed.", "optional": true } ], "description": "Configures the key manager to activate the first and last items respectively when the `HOME` or `END` key is pressed." }, { "kind": "method", "name": "withPageUpAndDown", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to activate page up and down when the `PAGEUP` or `PAGEDOWN` key is pressed.", "optional": true }, { "name": "pageDelta", "default": "10", "type": { "text": "number" }, "description": "The number of items to skip when the `PAGEUP` or `PAGEDOWN` key is pressed.", "optional": true } ], "description": "Configures the key manager to page up and down when the `PAGEUP` or `PAGEDOWN` key is pressed." }, { "kind": "method", "name": "withWrap", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether the active item will wrap to the other end of\r\nlist when there are no more items in the given direction.", "optional": true } ], "description": "Configures wrapping mode, which determines whether the active item will wrap to the other end of list when there are no more items in the given direction." }, { "kind": "method", "name": "withVerticalOrientation", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to move selection vertically.", "optional": true } ], "description": "Configures whether to move the selection vertically." }, { "kind": "method", "name": "withAllowedModifiers", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "modifiers", "type": { "text": "ModifierKey[]" }, "description": "The allowed modifier keys." } ], "description": "Configured allowed modifier keys." }, { "kind": "method", "name": "withTypeahead", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether typeahead is enabled.", "optional": true } ], "description": "Configures whether typeahead is enabled." }, { "kind": "method", "name": "withSkipPredicate", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "skipPredicate", "type": { "text": "(item: T) => boolean" }, "description": "A function used to determine whether an item should be skipped." } ], "description": "Configures a function used to test whether an item should be skipped." }, { "kind": "method", "name": "withDirectionality", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "directionality", "type": { "text": "\"ltr\" | \"rtl\"" }, "description": "The directionality." } ], "description": "Configures the directionality." }, { "kind": "method", "name": "onKeyDown", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" }, "description": "The keyboard event to be used for determining which element should be active." } ], "description": "Sets the active item depending on the key event passed in." }, { "kind": "method", "name": "#findFirst", "privacy": "private", "return": { "type": { "text": "T | null" } } }, { "kind": "method", "name": "#findLast", "privacy": "private", "return": { "type": { "text": "T | null" } } }, { "kind": "method", "name": "#findNext", "privacy": "private", "return": { "type": { "text": "T | null" } } }, { "kind": "method", "name": "#findPrevious", "privacy": "private", "return": { "type": { "text": "T | null" } } }, { "kind": "method", "name": "#findPreviousByIndex", "privacy": "private", "return": { "type": { "text": "T | null" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#findNextByIndex", "privacy": "private", "return": { "type": { "text": "T | null" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ] }, { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#activeItem", "privacy": "private", "type": { "text": "T | null" }, "default": "null", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#onActiveItemChangeCallback", "privacy": "private", "type": { "text": "() => void | undefined" }, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The items being managed.", "readonly": true, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "activeItem", "type": { "text": "T | null" }, "description": "The active item.", "readonly": true, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "setActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" }, "description": "The new active item." } ], "description": "Sets the active item.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "onActiveItemChange", "return": { "type": { "text": "ListManager" } }, "parameters": [ { "name": "callback", "type": { "text": "() => void" }, "description": "The callback invoked when an item is activated." } ], "description": "Configures the list manager with a callback invoked when an item is activated.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } } ], "superclass": { "name": "ListManager", "module": "/src/core/a11y/list-key/ListManager" } } ], "exports": [ { "kind": "js", "name": "ListKeyManager", "declaration": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/list-key/FocusKeyManager.ts", "declarations": [ { "kind": "class", "description": "Utility for managing keyboard events for selectable lists whose items directly receive focus.", "name": "FocusKeyManager", "members": [ { "kind": "field", "name": "#focusOptions", "privacy": "private", "type": { "text": "FocusOptions | undefined" } }, { "kind": "method", "name": "setActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" } } ], "description": "Sets the active item.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "withOptions", "return": { "type": { "text": "FocusKeyManager" } }, "parameters": [ { "name": "options", "type": { "text": "FocusOptions" }, "description": "Options used to focus items." } ], "description": "Configures the key manager with options used to focus items." }, { "kind": "field", "name": "#typeahead", "privacy": "private", "type": { "text": "Typeahead | undefined" }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "wrap", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the active item will wrap to the other end of\r\nlist when there are no more items in the given direction.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "homeAndEnd", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to activate the first and last items respectively when\r\nthe `HOME` or `END` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "pageUpAndDown", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to activate every 10th (or configured) first/last item\r\nin the up/down direction when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "pageDelta", "type": { "text": "number" }, "privacy": "public", "default": "10", "description": "The number of items to skip when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to the list is oriented vertically.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "allowedModifiers", "type": { "text": "ModifierKey[]" }, "privacy": "public", "default": "[]", "description": "The allowed modifier keys.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "skipPredicate", "type": { "text": "(item: T) => boolean" }, "privacy": "public", "description": "A function used to skip items.", "parameters": [ { "description": "The item to test.", "name": "item", "type": { "text": "T" } } ], "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "directionality", "type": { "text": "\"ltr\" | \"rtl\"" }, "privacy": "public", "default": "\"ltr\"", "description": "The directionality.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "setItems", "return": { "type": { "text": "{ added: readonly T[]; removed: readonly T[] }" } }, "parameters": [ { "name": "items", "type": { "text": "T[]" } } ], "description": "Sets the items to manage.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "updateActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" } } ], "description": "Updates the active item.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "withHomeAndEnd", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to activate the first and last items respectively when\r\nthe `HOME` or `END` key is pressed.", "optional": true } ], "description": "Configures the key manager to activate the first and last items respectively when the `HOME` or `END` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withPageUpAndDown", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to activate page up and down when the `PAGEUP` or `PAGEDOWN` key is pressed.", "optional": true }, { "name": "pageDelta", "default": "10", "type": { "text": "number" }, "description": "The number of items to skip when the `PAGEUP` or `PAGEDOWN` key is pressed.", "optional": true } ], "description": "Configures the key manager to page up and down when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withWrap", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether the active item will wrap to the other end of\r\nlist when there are no more items in the given direction.", "optional": true } ], "description": "Configures wrapping mode, which determines whether the active item will wrap to the other end of list when there are no more items in the given direction.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withVerticalOrientation", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to move selection vertically.", "optional": true } ], "description": "Configures whether to move the selection vertically.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withAllowedModifiers", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "modifiers", "type": { "text": "ModifierKey[]" }, "description": "The allowed modifier keys." } ], "description": "Configured allowed modifier keys.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withTypeahead", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether typeahead is enabled.", "optional": true } ], "description": "Configures whether typeahead is enabled.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withSkipPredicate", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "skipPredicate", "type": { "text": "(item: T) => boolean" }, "description": "A function used to determine whether an item should be skipped." } ], "description": "Configures a function used to test whether an item should be skipped.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withDirectionality", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "directionality", "type": { "text": "\"ltr\" | \"rtl\"" }, "description": "The directionality." } ], "description": "Configures the directionality.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "onKeyDown", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" }, "description": "The keyboard event to be used for determining which element should be active." } ], "description": "Sets the active item depending on the key event passed in.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findFirst", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findLast", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findNext", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findPrevious", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findPreviousByIndex", "privacy": "private", "return": { "type": { "text": "T | null" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ], "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findNextByIndex", "privacy": "private", "return": { "type": { "text": "T | null" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ], "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#activeItem", "privacy": "private", "type": { "text": "T | null" }, "default": "null", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#onActiveItemChangeCallback", "privacy": "private", "type": { "text": "() => void | undefined" }, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The items being managed.", "readonly": true, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "activeItem", "type": { "text": "T | null" }, "description": "The active item.", "readonly": true, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "onActiveItemChange", "return": { "type": { "text": "ListManager" } }, "parameters": [ { "name": "callback", "type": { "text": "() => void" }, "description": "The callback invoked when an item is activated." } ], "description": "Configures the list manager with a callback invoked when an item is activated.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } } ], "superclass": { "name": "ListKeyManager", "module": "/src/core/a11y/list-key/ListKeyManager" } } ], "exports": [ { "kind": "js", "name": "FocusKeyManager", "declaration": { "name": "FocusKeyManager", "module": "src/core/a11y/list-key/FocusKeyManager.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/list-key/RovingTabIndexManager.ts", "declarations": [ { "kind": "class", "description": "Utility for managing keyboard events and a roving tab index for selectable lists whose items directly receive focus.", "name": "RovingTabIndexManager", "members": [ { "kind": "field", "name": "#disableRovingTabIndex", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "method", "name": "updateActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" } } ], "description": "Updates the active item.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "setItems", "return": { "type": { "text": "{ added: readonly T[]; removed: readonly T[] }" } }, "parameters": [ { "name": "items", "type": { "text": "T[]" } } ], "description": "Sets the items to manage.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "disableRovingTabIndex", "return": { "type": { "text": "RovingTabIndexManager" } }, "parameters": [ { "name": "disabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether the roving tab index is disabled.", "optional": true } ], "description": "Configures whether roving tab index is disabled." }, { "kind": "field", "name": "#focusOptions", "privacy": "private", "type": { "text": "FocusOptions | undefined" }, "inheritedFrom": { "name": "FocusKeyManager", "module": "src/core/a11y/list-key/FocusKeyManager.ts" } }, { "kind": "method", "name": "setActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" } } ], "description": "Sets the active item.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "withOptions", "return": { "type": { "text": "FocusKeyManager" } }, "parameters": [ { "name": "options", "type": { "text": "FocusOptions" }, "description": "Options used to focus items." } ], "description": "Configures the key manager with options used to focus items.", "inheritedFrom": { "name": "FocusKeyManager", "module": "src/core/a11y/list-key/FocusKeyManager.ts" } }, { "kind": "field", "name": "#typeahead", "privacy": "private", "type": { "text": "Typeahead | undefined" }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "wrap", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the active item will wrap to the other end of\r\nlist when there are no more items in the given direction.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "homeAndEnd", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to activate the first and last items respectively when\r\nthe `HOME` or `END` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "pageUpAndDown", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to activate every 10th (or configured) first/last item\r\nin the up/down direction when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "pageDelta", "type": { "text": "number" }, "privacy": "public", "default": "10", "description": "The number of items to skip when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to the list is oriented vertically.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "allowedModifiers", "type": { "text": "ModifierKey[]" }, "privacy": "public", "default": "[]", "description": "The allowed modifier keys.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "skipPredicate", "type": { "text": "(item: T) => boolean" }, "privacy": "public", "description": "A function used to skip items.", "parameters": [ { "description": "The item to test.", "name": "item", "type": { "text": "T" } } ], "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "directionality", "type": { "text": "\"ltr\" | \"rtl\"" }, "privacy": "public", "default": "\"ltr\"", "description": "The directionality.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withHomeAndEnd", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to activate the first and last items respectively when\r\nthe `HOME` or `END` key is pressed.", "optional": true } ], "description": "Configures the key manager to activate the first and last items respectively when the `HOME` or `END` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withPageUpAndDown", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to activate page up and down when the `PAGEUP` or `PAGEDOWN` key is pressed.", "optional": true }, { "name": "pageDelta", "default": "10", "type": { "text": "number" }, "description": "The number of items to skip when the `PAGEUP` or `PAGEDOWN` key is pressed.", "optional": true } ], "description": "Configures the key manager to page up and down when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withWrap", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether the active item will wrap to the other end of\r\nlist when there are no more items in the given direction.", "optional": true } ], "description": "Configures wrapping mode, which determines whether the active item will wrap to the other end of list when there are no more items in the given direction.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withVerticalOrientation", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to move selection vertically.", "optional": true } ], "description": "Configures whether to move the selection vertically.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withAllowedModifiers", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "modifiers", "type": { "text": "ModifierKey[]" }, "description": "The allowed modifier keys." } ], "description": "Configured allowed modifier keys.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withTypeahead", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether typeahead is enabled.", "optional": true } ], "description": "Configures whether typeahead is enabled.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withSkipPredicate", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "skipPredicate", "type": { "text": "(item: T) => boolean" }, "description": "A function used to determine whether an item should be skipped." } ], "description": "Configures a function used to test whether an item should be skipped.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withDirectionality", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "directionality", "type": { "text": "\"ltr\" | \"rtl\"" }, "description": "The directionality." } ], "description": "Configures the directionality.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "onKeyDown", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" }, "description": "The keyboard event to be used for determining which element should be active." } ], "description": "Sets the active item depending on the key event passed in.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findFirst", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findLast", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findNext", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findPrevious", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findPreviousByIndex", "privacy": "private", "return": { "type": { "text": "T | null" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ], "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findNextByIndex", "privacy": "private", "return": { "type": { "text": "T | null" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ], "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#activeItem", "privacy": "private", "type": { "text": "T | null" }, "default": "null", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#onActiveItemChangeCallback", "privacy": "private", "type": { "text": "() => void | undefined" }, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The items being managed.", "readonly": true, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "activeItem", "type": { "text": "T | null" }, "description": "The active item.", "readonly": true, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "onActiveItemChange", "return": { "type": { "text": "ListManager" } }, "parameters": [ { "name": "callback", "type": { "text": "() => void" }, "description": "The callback invoked when an item is activated." } ], "description": "Configures the list manager with a callback invoked when an item is activated.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } } ], "superclass": { "name": "FocusKeyManager", "module": "/src/core/a11y/list-key/FocusKeyManager" } } ], "exports": [ { "kind": "js", "name": "RovingTabIndexManager", "declaration": { "name": "RovingTabIndexManager", "module": "src/core/a11y/list-key/RovingTabIndexManager.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/list-key/RadioKeyManager.ts", "declarations": [ { "kind": "class", "description": "Utility for managing keyboard events for selectable lists whose items behave like a radio.", "name": "RadioKeyManager", "members": [ { "kind": "field", "name": "#disabled", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "description": "A value indicating whether managed items are disabled." }, { "kind": "method", "name": "setItems", "return": { "type": { "text": "{ added: readonly T[]; removed: readonly T[] }" } }, "parameters": [ { "name": "items", "type": { "text": "T[]" } } ], "description": "Sets the items to manage.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#disableRovingTabIndex", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "RovingTabIndexManager", "module": "src/core/a11y/list-key/RovingTabIndexManager.ts" } }, { "kind": "method", "name": "updateActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" } } ], "description": "Updates the active item.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "disableRovingTabIndex", "return": { "type": { "text": "RovingTabIndexManager" } }, "parameters": [ { "name": "disabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether the roving tab index is disabled.", "optional": true } ], "description": "Configures whether roving tab index is disabled.", "inheritedFrom": { "name": "RovingTabIndexManager", "module": "src/core/a11y/list-key/RovingTabIndexManager.ts" } }, { "kind": "field", "name": "#focusOptions", "privacy": "private", "type": { "text": "FocusOptions | undefined" }, "inheritedFrom": { "name": "FocusKeyManager", "module": "src/core/a11y/list-key/FocusKeyManager.ts" } }, { "kind": "method", "name": "setActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" } } ], "description": "Sets the active item.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "withOptions", "return": { "type": { "text": "FocusKeyManager" } }, "parameters": [ { "name": "options", "type": { "text": "FocusOptions" }, "description": "Options used to focus items." } ], "description": "Configures the key manager with options used to focus items.", "inheritedFrom": { "name": "FocusKeyManager", "module": "src/core/a11y/list-key/FocusKeyManager.ts" } }, { "kind": "field", "name": "#typeahead", "privacy": "private", "type": { "text": "Typeahead | undefined" }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "wrap", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the active item will wrap to the other end of\r\nlist when there are no more items in the given direction.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "homeAndEnd", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to activate the first and last items respectively when\r\nthe `HOME` or `END` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "pageUpAndDown", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to activate every 10th (or configured) first/last item\r\nin the up/down direction when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "pageDelta", "type": { "text": "number" }, "privacy": "public", "default": "10", "description": "The number of items to skip when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to the list is oriented vertically.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "allowedModifiers", "type": { "text": "ModifierKey[]" }, "privacy": "public", "default": "[]", "description": "The allowed modifier keys.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "skipPredicate", "type": { "text": "(item: T) => boolean" }, "privacy": "public", "description": "A function used to skip items.", "parameters": [ { "description": "The item to test.", "name": "item", "type": { "text": "T" } } ], "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "directionality", "type": { "text": "\"ltr\" | \"rtl\"" }, "privacy": "public", "default": "\"ltr\"", "description": "The directionality.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withHomeAndEnd", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to activate the first and last items respectively when\r\nthe `HOME` or `END` key is pressed.", "optional": true } ], "description": "Configures the key manager to activate the first and last items respectively when the `HOME` or `END` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withPageUpAndDown", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to activate page up and down when the `PAGEUP` or `PAGEDOWN` key is pressed.", "optional": true }, { "name": "pageDelta", "default": "10", "type": { "text": "number" }, "description": "The number of items to skip when the `PAGEUP` or `PAGEDOWN` key is pressed.", "optional": true } ], "description": "Configures the key manager to page up and down when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withWrap", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether the active item will wrap to the other end of\r\nlist when there are no more items in the given direction.", "optional": true } ], "description": "Configures wrapping mode, which determines whether the active item will wrap to the other end of list when there are no more items in the given direction.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withVerticalOrientation", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to move selection vertically.", "optional": true } ], "description": "Configures whether to move the selection vertically.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withAllowedModifiers", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "modifiers", "type": { "text": "ModifierKey[]" }, "description": "The allowed modifier keys." } ], "description": "Configured allowed modifier keys.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withTypeahead", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether typeahead is enabled.", "optional": true } ], "description": "Configures whether typeahead is enabled.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withSkipPredicate", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "skipPredicate", "type": { "text": "(item: T) => boolean" }, "description": "A function used to determine whether an item should be skipped." } ], "description": "Configures a function used to test whether an item should be skipped.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withDirectionality", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "directionality", "type": { "text": "\"ltr\" | \"rtl\"" }, "description": "The directionality." } ], "description": "Configures the directionality.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "onKeyDown", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" }, "description": "The keyboard event to be used for determining which element should be active." } ], "description": "Sets the active item depending on the key event passed in.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findFirst", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findLast", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findNext", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findPrevious", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findPreviousByIndex", "privacy": "private", "return": { "type": { "text": "T | null" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ], "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findNextByIndex", "privacy": "private", "return": { "type": { "text": "T | null" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ], "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#activeItem", "privacy": "private", "type": { "text": "T | null" }, "default": "null", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#onActiveItemChangeCallback", "privacy": "private", "type": { "text": "() => void | undefined" }, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The items being managed.", "readonly": true, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "activeItem", "type": { "text": "T | null" }, "description": "The active item.", "readonly": true, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "onActiveItemChange", "return": { "type": { "text": "ListManager" } }, "parameters": [ { "name": "callback", "type": { "text": "() => void" }, "description": "The callback invoked when an item is activated." } ], "description": "Configures the list manager with a callback invoked when an item is activated.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } } ], "superclass": { "name": "RovingTabIndexManager", "module": "/src/core/a11y/list-key/RovingTabIndexManager" } } ], "exports": [ { "kind": "js", "name": "RadioKeyManager", "declaration": { "name": "RadioKeyManager", "module": "src/core/a11y/list-key/RadioKeyManager.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/list-key/SelectionManager.ts", "declarations": [ { "kind": "variable", "name": "selectionManager", "description": "A symbol through which to access an element's selection manager." }, { "kind": "class", "description": "Utility for managing keyboard events for selectable lists where one or more items can be selected.", "name": "SelectionManager", "members": [ { "kind": "field", "name": "#onSelectedItemsChangeCallback", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#selectedItems", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "#multi", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "multi", "type": { "text": "boolean" }, "description": "A value indicating whether multiple items can be selected." }, { "kind": "field", "name": "selectedItems", "type": { "text": "readonly T[]" }, "description": "The selected items.", "readonly": true }, { "kind": "method", "name": "notifySelectionChange", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T" }, "description": "The item whose selection state has changed." } ], "description": "Selects or deselects the item based on the item's checked or selected state." }, { "kind": "method", "name": "deselect", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T" }, "description": "The item to deselect." } ], "description": "Deselects the specified item." }, { "kind": "method", "name": "select", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" }, "description": "The selected item." }, { "name": "activate", "default": "true", "type": { "text": "boolean" }, "description": "A value indicating whether to activate the item.", "optional": true } ], "description": "Updates the selected item." }, { "kind": "method", "name": "setItems", "return": { "type": { "text": "{ added: readonly T[]; removed: readonly T[] }" } }, "parameters": [ { "name": "items", "type": { "text": "T[]" } } ], "description": "Sets the items to manage.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "onSelectedItemsChange", "return": { "type": { "text": "SelectionManager" } }, "parameters": [ { "name": "callback", "type": { "text": "() => void" }, "description": "The callback invoked when selected items change." } ], "description": "Configures the selection manager with a callback invoked when selected items change." }, { "kind": "method", "name": "#enforceSingleSelect", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "emit", "default": "false" } ] }, { "kind": "field", "name": "#disabled", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "RadioKeyManager", "module": "src/core/a11y/list-key/RadioKeyManager.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "description": "A value indicating whether managed items are disabled.", "inheritedFrom": { "name": "RadioKeyManager", "module": "src/core/a11y/list-key/RadioKeyManager.ts" } }, { "kind": "field", "name": "#disableRovingTabIndex", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "RovingTabIndexManager", "module": "src/core/a11y/list-key/RovingTabIndexManager.ts" } }, { "kind": "method", "name": "updateActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" } } ], "description": "Updates the active item.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "disableRovingTabIndex", "return": { "type": { "text": "RovingTabIndexManager" } }, "parameters": [ { "name": "disabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether the roving tab index is disabled.", "optional": true } ], "description": "Configures whether roving tab index is disabled.", "inheritedFrom": { "name": "RovingTabIndexManager", "module": "src/core/a11y/list-key/RovingTabIndexManager.ts" } }, { "kind": "field", "name": "#focusOptions", "privacy": "private", "type": { "text": "FocusOptions | undefined" }, "inheritedFrom": { "name": "FocusKeyManager", "module": "src/core/a11y/list-key/FocusKeyManager.ts" } }, { "kind": "method", "name": "setActiveItem", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "T | null | undefined" } } ], "description": "Sets the active item.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "withOptions", "return": { "type": { "text": "FocusKeyManager" } }, "parameters": [ { "name": "options", "type": { "text": "FocusOptions" }, "description": "Options used to focus items." } ], "description": "Configures the key manager with options used to focus items.", "inheritedFrom": { "name": "FocusKeyManager", "module": "src/core/a11y/list-key/FocusKeyManager.ts" } }, { "kind": "field", "name": "#typeahead", "privacy": "private", "type": { "text": "Typeahead | undefined" }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "wrap", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether the active item will wrap to the other end of\r\nlist when there are no more items in the given direction.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "homeAndEnd", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to activate the first and last items respectively when\r\nthe `HOME` or `END` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "pageUpAndDown", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to activate every 10th (or configured) first/last item\r\nin the up/down direction when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "pageDelta", "type": { "text": "number" }, "privacy": "public", "default": "10", "description": "The number of items to skip when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "description": "Whether to the list is oriented vertically.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "allowedModifiers", "type": { "text": "ModifierKey[]" }, "privacy": "public", "default": "[]", "description": "The allowed modifier keys.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "skipPredicate", "type": { "text": "(item: T) => boolean" }, "privacy": "public", "description": "A function used to skip items.", "parameters": [ { "description": "The item to test.", "name": "item", "type": { "text": "T" } } ], "return": { "type": { "text": "boolean" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "directionality", "type": { "text": "\"ltr\" | \"rtl\"" }, "privacy": "public", "default": "\"ltr\"", "description": "The directionality.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withHomeAndEnd", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to activate the first and last items respectively when\r\nthe `HOME` or `END` key is pressed.", "optional": true } ], "description": "Configures the key manager to activate the first and last items respectively when the `HOME` or `END` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withPageUpAndDown", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to activate page up and down when the `PAGEUP` or `PAGEDOWN` key is pressed.", "optional": true }, { "name": "pageDelta", "default": "10", "type": { "text": "number" }, "description": "The number of items to skip when the `PAGEUP` or `PAGEDOWN` key is pressed.", "optional": true } ], "description": "Configures the key manager to page up and down when the `PAGEUP` or `PAGEDOWN` key is pressed.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withWrap", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether the active item will wrap to the other end of\r\nlist when there are no more items in the given direction.", "optional": true } ], "description": "Configures wrapping mode, which determines whether the active item will wrap to the other end of list when there are no more items in the given direction.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withVerticalOrientation", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether to move selection vertically.", "optional": true } ], "description": "Configures whether to move the selection vertically.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withAllowedModifiers", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "modifiers", "type": { "text": "ModifierKey[]" }, "description": "The allowed modifier keys." } ], "description": "Configured allowed modifier keys.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withTypeahead", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "enabled", "default": "true", "type": { "text": "boolean" }, "description": "Whether typeahead is enabled.", "optional": true } ], "description": "Configures whether typeahead is enabled.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withSkipPredicate", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "skipPredicate", "type": { "text": "(item: T) => boolean" }, "description": "A function used to determine whether an item should be skipped." } ], "description": "Configures a function used to test whether an item should be skipped.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "withDirectionality", "return": { "type": { "text": "ListKeyManager" } }, "parameters": [ { "name": "directionality", "type": { "text": "\"ltr\" | \"rtl\"" }, "description": "The directionality." } ], "description": "Configures the directionality.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "onKeyDown", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" }, "description": "The keyboard event to be used for determining which element should be active." } ], "description": "Sets the active item depending on the key event passed in.", "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findFirst", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findLast", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findNext", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findPrevious", "privacy": "private", "return": { "type": { "text": "T | null" } }, "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findPreviousByIndex", "privacy": "private", "return": { "type": { "text": "T | null" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ], "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "method", "name": "#findNextByIndex", "privacy": "private", "return": { "type": { "text": "T | null" } }, "parameters": [ { "name": "index", "type": { "text": "number" } } ], "inheritedFrom": { "name": "ListKeyManager", "module": "src/core/a11y/list-key/ListKeyManager.ts" } }, { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#activeItem", "privacy": "private", "type": { "text": "T | null" }, "default": "null", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "#onActiveItemChangeCallback", "privacy": "private", "type": { "text": "() => void | undefined" }, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The items being managed.", "readonly": true, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "field", "name": "activeItem", "type": { "text": "T | null" }, "description": "The active item.", "readonly": true, "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } }, { "kind": "method", "name": "onActiveItemChange", "return": { "type": { "text": "ListManager" } }, "parameters": [ { "name": "callback", "type": { "text": "() => void" }, "description": "The callback invoked when an item is activated." } ], "description": "Configures the list manager with a callback invoked when an item is activated.", "inheritedFrom": { "name": "ListManager", "module": "src/core/a11y/list-key/ListManager.ts" } } ], "superclass": { "name": "RadioKeyManager", "module": "/src/core/a11y/list-key/RadioKeyManager" } } ], "exports": [ { "kind": "js", "name": "selectionManager", "declaration": { "name": "selectionManager", "module": "src/core/a11y/list-key/SelectionManager.ts" } }, { "kind": "js", "name": "SelectionManager", "declaration": { "name": "SelectionManager", "module": "src/core/a11y/list-key/SelectionManager.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/list-key/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/list-key/FocusKeyManager" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/list-key/ListKeyManager" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/list-key/ListManager" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/list-key/RadioKeyManager" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/list-key/RovingTabIndexManager" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/list-key/SelectionManager" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/list-key/Typeahead" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/aria-reference.ts", "declarations": [ { "kind": "function", "name": "getAriaReferenceIds", "return": { "type": { "text": "string[]" } }, "parameters": [ { "name": "element", "type": { "text": "Element" }, "description": "The element from which to get referenced IDs." }, { "name": "attribute", "type": { "text": "`aria-${string}`" }, "description": "The ARIA attribute from which to get referenced IDs." } ], "description": "Gets a list of IDs referenced by an element for the specified ARIA attribute." }, { "kind": "function", "name": "addAriaReferencedId", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "element", "type": { "text": "Element" }, "description": "The element to which to add a referenced ID." }, { "name": "attribute", "type": { "text": "`aria-${string}`" }, "description": "The ARIA attribute to which to add an ID." }, { "name": "id", "type": { "text": "string" }, "description": "The ID to add." } ], "description": "Adds an ID to the list of IDs referenced by an element for a given ARIA attribute." }, { "kind": "function", "name": "removeAriaReferencedId", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "element", "type": { "text": "Element" }, "description": "The element from which to remove an ID." }, { "name": "attribute", "type": { "text": "`aria-${string}`" }, "description": "The ARIA attribute from which to remove an ID." }, { "name": "id", "type": { "text": "string" }, "description": "The ID to remove." } ], "description": "Removes an ID from a list of IDs referenced by an element for the specified ARIA attribute." } ], "exports": [ { "kind": "js", "name": "getAriaReferenceIds", "declaration": { "name": "getAriaReferenceIds", "module": "src/core/a11y/aria-reference.ts" } }, { "kind": "js", "name": "addAriaReferencedId", "declaration": { "name": "addAriaReferencedId", "module": "src/core/a11y/aria-reference.ts" } }, { "kind": "js", "name": "removeAriaReferencedId", "declaration": { "name": "removeAriaReferencedId", "module": "src/core/a11y/aria-reference.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/visuallyHide.ts", "declarations": [ { "kind": "function", "name": "visuallyHide", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "style", "type": { "text": "CSSStyleDeclaration" }, "description": "The style of the element to visually hide." } ], "description": "Visually hides an element." } ], "exports": [ { "kind": "js", "name": "visuallyHide", "declaration": { "name": "visuallyHide", "module": "src/core/a11y/visuallyHide.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/AriaDescriber.ts", "declarations": [ { "kind": "class", "description": "Utility for generating visually hidden elements that convey descriptive messages using `aria-describedby`.", "name": "M3eAriaDescriber", "members": [ { "kind": "field", "name": "#nextId", "privacy": "private", "type": { "text": "number" }, "static": true, "default": "0" }, { "kind": "field", "name": "#messageContainers", "privacy": "private", "static": true, "default": "new Map< ParentNode, { containerElement: HTMLElement; messageRegistry: Map; } >()" }, { "kind": "method", "name": "describe", "static": true, "return": { "type": { "text": "void" } }, "parameters": [ { "name": "element", "type": { "text": "Element" }, "description": "The element for which to provide a visually hidden description." }, { "name": "message", "type": { "text": "string" }, "description": "The message used to describe `element`." }, { "name": "role", "default": "\"tooltip\"", "type": { "text": "string" }, "description": "The ARIA role of the message.", "optional": true } ], "description": "Adds an `aria-describedby` reference to a hidden element that contains the message." }, { "kind": "method", "name": "removeDescription", "static": true, "return": { "type": { "text": "void" } }, "parameters": [ { "name": "element", "type": { "text": "Element" }, "description": "The element from which to remove a visually hidden description." }, { "name": "message", "type": { "text": "string" }, "description": "The message used to describe `element`." }, { "name": "role", "default": "\"tooltip\"", "type": { "text": "string" }, "description": "The ARIA role of the message.", "optional": true } ], "description": "Removes an `aria-describedby` reference to a hidden element that contains the message." }, { "kind": "method", "name": "#createMessageContainer", "static": true, "privacy": "private", "return": { "type": { "text": "HTMLElement" } } }, { "kind": "method", "name": "#createMessageElement", "static": true, "privacy": "private", "return": { "type": { "text": "HTMLElement" } }, "parameters": [ { "name": "message", "type": { "text": "string" } }, { "name": "role", "type": { "text": "string" } } ] } ] } ], "exports": [ { "kind": "js", "name": "M3eAriaDescriber", "declaration": { "name": "M3eAriaDescriber", "module": "src/core/a11y/AriaDescriber.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/InteractivityChecker.ts", "declarations": [ { "kind": "class", "description": "Utility for checking the interactivity of an element, such as whether it is focusable.", "name": "M3eInteractivityChecker", "members": [ { "kind": "method", "name": "isFocusable", "static": true, "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "element", "type": { "text": "Element" }, "description": "The element to test." }, { "name": "parents", "optional": true, "type": { "text": "readonly Element[]" }, "description": "The known parent elements to test. The default value is `undefined`." }, { "name": "allowVisiblyHidden", "default": "false", "type": { "text": "boolean" }, "description": "Whether to allow visibly hidden elements as focusable.", "optional": true }, { "name": "allowDisabled", "default": "false", "type": { "text": "boolean" }, "description": "Whether to allow disabled elements as focusable.", "optional": true } ], "description": "Determines whether a given element can receive focus." }, { "kind": "method", "name": "#cannotFocusParent", "static": true, "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "parents", "optional": true, "type": { "text": "readonly Element[]" } }, { "name": "allowVisiblyHidden", "default": "false" } ] }, { "kind": "method", "name": "#isVisiblyHidden", "static": true, "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "element", "type": { "text": "Element" } }, { "name": "allowVisiblyHidden", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "findInteractiveElements", "static": true, "return": { "type": { "text": "HTMLElement[]" } }, "parameters": [ { "name": "element", "type": { "text": "HTMLElement" }, "description": "The `HTMLElement` to search." }, { "name": "allowVisiblyHidden", "default": "false", "type": { "text": "boolean" }, "description": "Whether to allow visibly hidden elements as focusable.", "optional": true } ], "description": "Finds interactive elements that descend from the specified element." } ] } ], "exports": [ { "kind": "js", "name": "M3eInteractivityChecker", "declaration": { "name": "M3eInteractivityChecker", "module": "src/core/a11y/InteractivityChecker.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/FocusTrapElement.ts", "declarations": [ { "kind": "class", "description": "A non-visual element used to trap focus within nested content.", "name": "M3eFocusTrapElement", "slots": [ { "description": "Renders content for which to trap focus.", "name": "" } ], "members": [ { "kind": "field", "name": "_firstTrap", "type": { "text": "HTMLElement | null" }, "privacy": "private", "readonly": true }, { "kind": "method", "name": "#onFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "FocusEvent" } } ] }, { "kind": "method", "name": "#getFirstAndLastFocusableChild", "privacy": "private", "return": { "type": { "text": "[HTMLElement | null, HTMLElement | null]" } } }, { "kind": "method", "name": "#walkTree", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "root", "type": { "text": "Element" } }, { "name": "parents", "type": { "text": "readonly Element[]" } }, { "name": "callback", "type": { "text": "(element: Element, parents: readonly Element[]) => void" } } ] }, { "kind": "method", "name": "#walkShadowRoot", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "root", "type": { "text": "Element" } }, { "name": "parents", "type": { "text": "readonly Element[]" } }, { "name": "callback", "type": { "text": "(element: Element, parents: readonly Element[]) => void" } } ] }, { "kind": "method", "name": "#walkSlot", "privacy": "private", "parameters": [ { "name": "slot", "type": { "text": "HTMLSlotElement" } }, { "name": "parents", "type": { "text": "readonly Element[]" } }, { "name": "callback", "type": { "text": "(element: Element, parents: readonly Element[]) => void" } } ] }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Disables the focus trap.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "mixins": [ { "name": "Disabled", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-focus-trap", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eFocusTrapElement", "declaration": { "name": "M3eFocusTrapElement", "module": "src/core/a11y/FocusTrapElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-focus-trap", "declaration": { "name": "M3eFocusTrapElement", "module": "src/core/a11y/FocusTrapElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/LiveAnnouncer.ts", "declarations": [ { "kind": "class", "description": "Utility for announcing messages to screen readers.", "name": "M3eLiveAnnouncer", "members": [ { "kind": "field", "name": "#nextId", "privacy": "private", "type": { "text": "number" }, "static": true, "default": "0" }, { "kind": "field", "name": "#liveElement", "privacy": "private", "type": { "text": "HTMLElement | undefined" }, "static": true }, { "kind": "field", "name": "#previousTimeout", "privacy": "private", "type": { "text": "number" }, "static": true }, { "kind": "field", "name": "#currentPromise", "privacy": "private", "type": { "text": "Promise | undefined" }, "static": true }, { "kind": "field", "name": "#currentResolve", "privacy": "private", "type": { "text": "() => void | undefined" }, "static": true }, { "kind": "method", "name": "announce", "static": true, "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "message", "type": { "text": "string" }, "description": "The message to announce." } ], "description": "Announces the specified message to screen readers." }, { "kind": "method", "name": "announce", "static": true, "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "message", "type": { "text": "string" }, "description": "The message to announce." }, { "name": "politeness", "optional": true, "type": { "text": "ARIALivePoliteness | undefined" }, "description": "The politeness in which to announce `message`." } ], "description": "Announces the specified message to screen readers." }, { "kind": "method", "name": "announce", "static": true, "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "message", "type": { "text": "string" }, "description": "The message to announce." }, { "name": "duration", "optional": true, "type": { "text": "number | undefined" }, "description": "The duration, in milliseconds, after which to clear the announcement. Note\r\nthat this takes effect after the message has been added to the DOM, which can be up to\r\n100ms after `announce` has been called." } ], "description": "Announces the specified message to screen readers." }, { "kind": "method", "name": "announce", "static": true, "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "message", "type": { "text": "string" }, "description": "The message to announce." }, { "name": "politeness", "optional": true, "type": { "text": "ARIALivePoliteness | undefined" }, "description": "The politeness in which to announce `message`." }, { "name": "duration", "optional": true, "type": { "text": "number | undefined" }, "description": "The duration, in milliseconds, after which to clear the announcement. Note\r\nthat this takes effect after the message has been added to the DOM, which can be up to 100ms after `announce` has been called." } ], "description": "Announces the specified message to screen readers." }, { "kind": "method", "name": "announce", "static": true, "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "message", "type": { "text": "string" } }, { "name": "args", "type": { "text": "any[]" } } ] }, { "kind": "method", "name": "clear", "static": true, "description": "Clears the current text from the announcer element. Can be used to prevent\r\nscreen readers from reading the text out again while the user is going\r\nthrough page landmarks." }, { "kind": "method", "name": "#createLiveElement", "static": true, "privacy": "private", "return": { "type": { "text": "HTMLElement" } } } ] } ], "exports": [ { "kind": "js", "name": "M3eLiveAnnouncer", "declaration": { "name": "M3eLiveAnnouncer", "module": "src/core/a11y/LiveAnnouncer.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/a11y/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/list-key" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/keycodes" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/aria-reference" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/AriaDescriber" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/FocusTrapElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/InteractivityChecker" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/a11y/LiveAnnouncer" } } ] }, { "kind": "javascript-module", "path": "src/option/OptionElement.ts", "declarations": [ { "kind": "class", "description": "An option that can be selected.", "name": "M3eOptionElement", "cssProperties": [ { "description": "The height of the option container.", "name": "--m3e-option-container-height" }, { "description": "The text color of the option.", "name": "--m3e-option-color" }, { "description": "The color for the hover state layer.", "name": "--m3e-option-container-hover-color" }, { "description": "The color for the focus state layer.", "name": "--m3e-option-container-focus-color" }, { "description": "The color of the ripple effect.", "name": "--m3e-option-ripple-color" }, { "description": "The text color when the option is selected.", "name": "--m3e-option-selected-color" }, { "description": "The background color when the option is selected.", "name": "--m3e-option-selected-container-color" }, { "description": "The hover color for the selected state layer.", "name": "--m3e-option-selected-container-hover-color" }, { "description": "The focus color for the selected state layer.", "name": "--m3e-option-selected-container-focus-color" }, { "description": "The ripple color when the option is selected.", "name": "--m3e-option-selected-ripple-color" }, { "description": "The text color when the option is disabled.", "name": "--m3e-option-disabled-color" }, { "description": "The opacity level applied to the disabled text color.", "name": "--m3e-option-disabled-opacity" }, { "description": "The spacing between the icon and label.", "name": "--m3e-option-icon-label-space" }, { "description": "The left padding of the option content.", "name": "--m3e-option-padding-start" }, { "description": "The right padding of the option content.", "name": "--m3e-option-padding-end" }, { "description": "The font size of the option label.", "name": "--m3e-option-label-text-font-size" }, { "description": "The font weight of the option label.", "name": "--m3e-option-label-text-font-weight" }, { "description": "The line height of the option label.", "name": "--m3e-option-label-text-line-height" }, { "description": "The letter spacing of the option label.", "name": "--m3e-option-label-text-tracking" }, { "description": "The corner radius of the focus ring.", "name": "--m3e-option-focus-ring-shape" }, { "description": "The size of the option icons.", "name": "--m3e-option-icon-size" }, { "description": "Base shape of the option.", "name": "--m3e-option-shape" }, { "description": "Shape used for a selected option.", "name": "--m3e-option-selected-shape" }, { "description": "Shape for the first option in a list.", "name": "--m3e-option-first-child-shape" }, { "description": "Shape for the last option in a list.", "name": "--m3e-option-last-child-shape" } ], "slots": [ { "description": "Renders the label of the option.", "name": "" } ], "members": [ { "kind": "field", "name": "#value", "privacy": "private", "type": { "text": "string | undefined" } }, { "kind": "field", "name": "#textContent", "privacy": "private", "type": { "text": "string" }, "default": "\"\"" }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "value", "description": "A string representing the value of the option.", "attribute": "value" }, { "kind": "field", "name": "term", "type": { "text": "string" }, "default": "\"\"", "description": "The search term to highlight.", "attribute": "term" }, { "kind": "field", "name": "highlightMode", "type": { "text": "TextHighlightMode" }, "default": "\"contains\"", "description": "The mode in which to highlight a term.", "attribute": "highlight-mode", "parsedType": { "text": "'contains' | 'starts-with' | 'ends-with'" } }, { "kind": "field", "name": "disableHighlight", "type": { "text": "boolean" }, "default": "false", "description": "Whether text highlighting is disabled.", "attribute": "disable-highlight" }, { "kind": "field", "name": "label", "description": "The textual label of the option.", "readonly": true }, { "kind": "field", "name": "isEmpty", "description": "Whether the option represents an empty option.", "readonly": true }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "description": "Whether text highlighting is disabled.", "name": "disable-highlight", "type": { "text": "boolean" }, "default": "false", "fieldName": "disableHighlight" }, { "description": "The mode in which to highlight a term.", "name": "highlight-mode", "type": { "text": "TextHighlightMode" }, "default": "\"contains\"", "fieldName": "highlightMode", "parsedType": { "text": "'contains' | 'starts-with' | 'ends-with'" } }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "fieldName": "selected", "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "description": "The search term to highlight.", "name": "term", "type": { "text": "string" }, "default": "\"\"", "fieldName": "term" }, { "description": "A string representing the value of the option.", "name": "value", "fieldName": "value" } ], "mixins": [ { "name": "Selected", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-option", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eOptionElement", "declaration": { "name": "M3eOptionElement", "module": "src/option/OptionElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-option", "declaration": { "name": "M3eOptionElement", "module": "src/option/OptionElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/option/OptGroupElement.ts", "declarations": [ { "kind": "class", "description": "Groups options under a subheading.", "name": "M3eOptGroupElement", "cssProperties": [ { "description": "The height of the group label container.", "name": "--m3e-option-height" }, { "description": "The font size of the group label.", "name": "--m3e-option-font-size" }, { "description": "The font weight of the group label.", "name": "--m3e-option-font-weight" }, { "description": "The line height of the group label.", "name": "--m3e-option-line-height" }, { "description": "The letter spacing of the group label.", "name": "--m3e-option-tracking" }, { "description": "The right padding of the label.", "name": "--m3e-option-padding-end" }, { "description": "The left padding of the label.", "name": "--m3e-option-padding-start" }, { "description": "The text color of the group label.", "name": "--m3e-option-color" } ], "slots": [ { "description": "Renders the options of the group.", "name": "" }, { "description": "Renders the label of the group.", "name": "label" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#labelId", "privacy": "private", "default": "`m3e-optgroup-label-${M3eOptGroupElement.__nextId++}`" }, { "kind": "field", "name": "#label", "privacy": "private", "type": { "text": "Element | undefined" } }, { "kind": "method", "name": "#handleLabelSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-optgroup", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eOptGroupElement", "declaration": { "name": "M3eOptGroupElement", "module": "src/option/OptGroupElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-optgroup", "declaration": { "name": "M3eOptGroupElement", "module": "src/option/OptGroupElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/anchoring/AnchorPosition.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/anchoring/AnchorOptions.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/bidi/Directionality.ts", "declarations": [ { "kind": "class", "description": "Utility used to determine the directionality of the current document.", "name": "M3eDirectionality", "members": [ { "kind": "field", "name": "#current", "privacy": "private", "type": { "text": "Direction" }, "static": true, "default": "\"ltr\"", "parsedType": { "text": "'ltr' | 'rtl'" } }, { "kind": "field", "name": "#observers", "privacy": "private", "static": true, "readonly": true }, { "kind": "field", "name": "current", "type": { "text": "Direction" }, "static": true, "description": "The directionality of the current document.", "readonly": true, "parsedType": { "text": "'ltr' | 'rtl'" } }, { "kind": "method", "name": "observe", "static": true, "return": { "type": { "text": "()=>void" } }, "parameters": [ { "name": "callback", "type": { "text": "()=>void" }, "description": "Function invoked when directionality changes." } ], "description": "Observes changes to directionality." }, { "kind": "method", "name": "#updateDirection", "static": true, "privacy": "private" }, { "kind": "method", "name": "#handleChange", "static": true, "privacy": "private", "return": { "type": { "text": "void" } } } ] } ], "exports": [ { "kind": "js", "name": "M3eDirectionality", "declaration": { "name": "M3eDirectionality", "module": "src/core/bidi/Directionality.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/bidi/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/bidi/Directionality" } } ] }, { "kind": "javascript-module", "path": "src/core/anchoring/positionAnchor.ts", "declarations": [ { "kind": "function", "name": "positionAnchor", "return": { "type": { "text": "Promise<() => void>" } }, "parameters": [ { "name": "target", "type": { "text": "HTMLElement" }, "description": "The element to position." }, { "name": "anchor", "type": { "text": "HTMLElement" }, "description": "The element in which to anchor `target`." }, { "name": "options", "type": { "text": "AnchorOptions" }, "description": "Options that control positioning relative to the anchor." }, { "name": "update", "type": { "text": "((x: number, y: number, position: AnchorPosition) => void)" }, "description": "Callback used to position `target`." } ], "description": "Positions an element relative to an anchor element." } ], "exports": [ { "kind": "js", "name": "positionAnchor", "declaration": { "name": "positionAnchor", "module": "src/core/anchoring/positionAnchor.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/anchoring/FloatingPanelScrollStrategy.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/anchoring/FloatingPanelElement.ts", "declarations": [ { "kind": "class", "description": "A lightweight, generic floating surface used to present content above the page.", "name": "M3eFloatingPanelElement", "cssProperties": [ { "description": "Corner radius of the panel container.", "name": "--m3e-floating-panel-container-shape" }, { "description": "Minimum width of the panel container.", "name": "--m3e-floating-panel-container-min-width" }, { "description": "Maximum width of the panel container.", "name": "--m3e-floating-panel-container-max-width" }, { "description": "Maximum height of the panel container.", "name": "--m3e-floating-panel-container-max-height" }, { "description": "Vertical padding inside the panel container.", "name": "--m3e-floating-panel-container-padding-block" }, { "description": "Horizontal padding inside the panel container.", "name": "--m3e-floating-panel-container-padding-inline" }, { "description": "Background color of the panel container.", "name": "--m3e-floating-panel-container-color" }, { "description": "Box shadow elevation of the panel container.", "name": "--m3e-floating-panel-container-elevation" } ], "slots": [ { "description": "Renders the contents of the panel.", "name": "" } ], "members": [ { "kind": "field", "name": "#trigger", "privacy": "private", "type": { "text": "HTMLElement | undefined" } }, { "kind": "field", "name": "#anchor", "privacy": "private", "type": { "text": "HTMLElement | undefined" } }, { "kind": "field", "name": "#anchorCleanup", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#documentClickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#toggleHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#scrollController", "privacy": "private", "readonly": true, "default": "new ScrollController(this, { target: null, callback: () => this.hide(false), })" }, { "kind": "field", "name": "#anchorResizeController", "privacy": "private", "readonly": true, "default": "new ResizeController(this, { target: null, callback: () => { if (this.#anchor && this.fitAnchorWidth) { this.style.minWidth = `${this.#anchor.clientWidth}px`; } }, })" }, { "kind": "field", "name": "scrollStrategy", "type": { "text": "FloatingPanelScrollStrategy" }, "default": "\"hide\"", "description": "The strategy that controls how the panel behaves when its trigger scrolls.", "attribute": "scroll-strategy", "parsedType": { "text": "'hide' | 'reposition'" } }, { "kind": "field", "name": "fitAnchorWidth", "type": { "text": "boolean" }, "default": "false", "description": "Whether the panel's width should match its anchor's width.", "attribute": "fit-anchor-width" }, { "kind": "field", "name": "anchorOffset", "type": { "text": "number" }, "default": "0", "description": "The logical margin, in pixels, between the panel and its anchor.", "attribute": "anchor-offset" }, { "kind": "field", "name": "isOpen", "description": "Whether the panel is open.", "readonly": true }, { "kind": "field", "name": "trigger", "type": { "text": "HTMLElement | null" }, "description": "The element that triggered the panel to open.", "readonly": true }, { "kind": "method", "name": "show", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "trigger", "type": { "text": "HTMLElement" }, "description": "The element that triggered the panel." }, { "name": "anchor", "optional": true, "type": { "text": "HTMLElement | null | undefined" }, "description": "The element used to position the panel." } ], "description": "Opens the panel." }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "restoreFocus", "default": "false", "type": { "text": "boolean" }, "description": "Whether to restore focus to the panel's trigger.", "optional": true } ], "description": "Hides the panel." }, { "kind": "method", "name": "toggle", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "trigger", "type": { "text": "HTMLElement" }, "description": "The element that triggered the panel." }, { "name": "anchor", "optional": true, "type": { "text": "HTMLElement | undefined" }, "description": "The element used to position the panel." } ], "description": "Toggles the panel." }, { "kind": "method", "name": "#handleDocumentClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "MouseEvent" } } ] }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "description": "Dispatched before the toggle state changes.", "name": "beforetoggle" }, { "description": "Dispatched after the toggle state has changed.", "name": "toggle" } ], "attributes": [ { "description": "The strategy that controls how the panel behaves when its trigger scrolls.", "name": "scroll-strategy", "type": { "text": "FloatingPanelScrollStrategy" }, "default": "\"hide\"", "fieldName": "scrollStrategy", "parsedType": { "text": "'hide' | 'reposition'" } }, { "description": "Whether the panel's width should match its anchor's width.", "name": "fit-anchor-width", "type": { "text": "boolean" }, "default": "false", "fieldName": "fitAnchorWidth" }, { "description": "The logical margin, in pixels, between the panel and its anchor.", "name": "anchor-offset", "type": { "text": "number" }, "default": "0", "fieldName": "anchorOffset" } ], "mixins": [ { "name": "SuppressInitialAnimation", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-floating-panel", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eFloatingPanelElement", "declaration": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-floating-panel", "declaration": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/anchoring/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/anchoring/AnchorOptions" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/anchoring/AnchorPosition" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/anchoring/FloatingPanelElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/anchoring/FloatingPanelScrollStrategy" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/anchoring/positionAnchor" } } ] }, { "kind": "javascript-module", "path": "src/option/OptionPanelState.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/option/OptionPanelElement.ts", "declarations": [ { "kind": "class", "description": "Presents a list of options on a temporary surface.", "name": "M3eOptionPanelElement", "cssProperties": [ { "description": "Corner radius of the panel container.", "name": "--m3e-option-panel-container-shape" }, { "description": "Minimum width of the panel container.", "name": "--m3e-option-panel-container-min-width" }, { "description": "Maximum width of the panel container.", "name": "--m3e-option-panel-container-max-width" }, { "description": "Maximum height of the panel container.", "name": "--m3e-option-panel-container-max-height" }, { "description": "Vertical padding inside the panel container.", "name": "--m3e-option-panel-container-padding-block" }, { "description": "Horizontal padding inside the panel container.", "name": "--m3e-option-panel-container-padding-inline" }, { "description": "Background color of the panel container.", "name": "--m3e-option-panel-container-color" }, { "description": "Box shadow elevation of the panel container.", "name": "--m3e-option-panel-container-elevation" }, { "description": "Vertical spacing between option items.", "name": "--m3e-option-panel-gap" }, { "description": "Vertical spacing around slotted `m3e-divider` elements.", "name": "--m3e-option-panel-divider-spacing" }, { "description": "Background color used for text highlight matches.", "name": "--m3e-option-panel-text-highlight-container-color" }, { "description": "Text color used for text highlight matches.", "name": "--m3e-option-panel-text-highlight-color" }, { "description": "Corner radius of the panel container.", "name": "--m3e-floating-panel-container-shape", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "description": "Minimum width of the panel container.", "name": "--m3e-floating-panel-container-min-width", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "description": "Maximum width of the panel container.", "name": "--m3e-floating-panel-container-max-width", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "description": "Maximum height of the panel container.", "name": "--m3e-floating-panel-container-max-height", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "description": "Vertical padding inside the panel container.", "name": "--m3e-floating-panel-container-padding-block", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "description": "Horizontal padding inside the panel container.", "name": "--m3e-floating-panel-container-padding-inline", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "description": "Background color of the panel container.", "name": "--m3e-floating-panel-container-color", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "description": "Box shadow elevation of the panel container.", "name": "--m3e-floating-panel-container-elevation", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } } ], "slots": [ { "description": "Renders the contents of the list.", "name": "", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } } ], "members": [ { "kind": "field", "name": "state", "type": { "text": "OptionPanelState" }, "default": "\"content\"", "description": "The state for which to present content.", "attribute": "state", "reflects": true, "parsedType": { "text": "'loading' | 'no-data' | 'content'" } }, { "kind": "method", "name": "#handleOptionStateChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleNoDataSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleLoadingSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleMutation", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "#trigger", "privacy": "private", "type": { "text": "HTMLElement | undefined" }, "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "#anchor", "privacy": "private", "type": { "text": "HTMLElement | undefined" }, "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "#anchorCleanup", "privacy": "private", "type": { "text": "() => void | undefined" }, "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "#documentClickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "#toggleHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "#scrollController", "privacy": "private", "readonly": true, "default": "new ScrollController(this, { target: null, callback: () => this.hide(false), })", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "#anchorResizeController", "privacy": "private", "readonly": true, "default": "new ResizeController(this, { target: null, callback: () => { if (this.#anchor && this.fitAnchorWidth) { this.style.minWidth = `${this.#anchor.clientWidth}px`; } }, })", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "scrollStrategy", "type": { "text": "FloatingPanelScrollStrategy" }, "default": "\"hide\"", "description": "The strategy that controls how the panel behaves when its trigger scrolls.", "attribute": "scroll-strategy", "parsedType": { "text": "'hide' | 'reposition'" }, "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "fitAnchorWidth", "type": { "text": "boolean" }, "default": "false", "description": "Whether the panel's width should match its anchor's width.", "attribute": "fit-anchor-width", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "anchorOffset", "type": { "text": "number" }, "default": "0", "description": "The logical margin, in pixels, between the panel and its anchor.", "attribute": "anchor-offset", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "isOpen", "description": "Whether the panel is open.", "readonly": true, "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "field", "name": "trigger", "type": { "text": "HTMLElement | null" }, "description": "The element that triggered the panel to open.", "readonly": true, "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "method", "name": "show", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "trigger", "type": { "text": "HTMLElement" }, "description": "The element that triggered the panel." }, { "name": "anchor", "optional": true, "type": { "text": "HTMLElement | null | undefined" }, "description": "The element used to position the panel." } ], "description": "Opens the panel.", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "restoreFocus", "default": "false", "type": { "text": "boolean" }, "description": "Whether to restore focus to the panel's trigger.", "optional": true } ], "description": "Hides the panel.", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "method", "name": "toggle", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "trigger", "type": { "text": "HTMLElement" }, "description": "The element that triggered the panel." }, { "name": "anchor", "optional": true, "type": { "text": "HTMLElement | undefined" }, "description": "The element used to position the panel." } ], "description": "Toggles the panel.", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "kind": "method", "name": "#handleDocumentClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } } ], "events": [ { "description": "Dispatched before the toggle state changes.", "name": "beforetoggle", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "description": "Dispatched after the toggle state has changed.", "name": "toggle", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } } ], "attributes": [ { "name": "state", "type": { "text": "OptionPanelState" }, "default": "\"content\"", "description": "The state for which to present content.", "fieldName": "state", "parsedType": { "text": "'loading' | 'no-data' | 'content'" } }, { "description": "The strategy that controls how the panel behaves when its trigger scrolls.", "name": "scroll-strategy", "type": { "text": "FloatingPanelScrollStrategy" }, "default": "\"hide\"", "fieldName": "scrollStrategy", "parsedType": { "text": "'hide' | 'reposition'" }, "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "description": "Whether the panel's width should match its anchor's width.", "name": "fit-anchor-width", "type": { "text": "boolean" }, "default": "false", "fieldName": "fitAnchorWidth", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } }, { "description": "The logical margin, in pixels, between the panel and its anchor.", "name": "anchor-offset", "type": { "text": "number" }, "default": "0", "fieldName": "anchorOffset", "inheritedFrom": { "name": "M3eFloatingPanelElement", "module": "src/core/anchoring/FloatingPanelElement.ts" } } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eFloatingPanelElement", "package": "@m3e/web/core/anchoring" }, "tagName": "m3e-option-panel", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eOptionPanelElement", "declaration": { "name": "M3eOptionPanelElement", "module": "src/option/OptionPanelElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-option-panel", "declaration": { "name": "M3eOptionPanelElement", "module": "src/option/OptionPanelElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/option/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/option/OptionElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/option/OptGroupElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/option/OptionPanelElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/option/OptionPanelState" } } ] }, { "kind": "javascript-module", "path": "src/form-field/FloatLabelType.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/form-field/FormFieldControl.ts", "declarations": [ { "kind": "function", "name": "isFormFieldControl", "return": { "type": { "text": "value is FormFieldControl" } }, "parameters": [ { "name": "value", "type": { "text": "unknown" }, "description": "The value to test." } ], "description": "Determines whether a value is a `FormFieldControl`." }, { "kind": "function", "name": "findFormFieldControl", "return": { "type": { "text": "FormFieldControl | null" } }, "parameters": [ { "name": "slot", "type": { "text": "HTMLSlotElement" }, "description": "The slot in which to locate a `FormFieldControl`." } ], "description": "Locates the first `FormFieldControl` in a given slot." } ], "exports": [ { "kind": "js", "name": "isFormFieldControl", "declaration": { "name": "isFormFieldControl", "module": "src/form-field/FormFieldControl.ts" } }, { "kind": "js", "name": "findFormFieldControl", "declaration": { "name": "findFormFieldControl", "module": "src/form-field/FormFieldControl.ts" } } ] }, { "kind": "javascript-module", "path": "src/form-field/FormFieldVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/form-field/HideSubscriptType.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/form-field/FormFieldElement.ts", "declarations": [ { "kind": "class", "description": "A container for form controls that applies Material Design styling and behavior.", "name": "M3eFormFieldElement", "cssProperties": [ { "description": "Font size for the form field container text.", "name": "--m3e-form-field-font-size" }, { "description": "Font weight for the form field container text.", "name": "--m3e-form-field-font-weight" }, { "description": "Line height for the form field container text.", "name": "--m3e-form-field-line-height" }, { "description": "Letter spacing for the form field container text.", "name": "--m3e-form-field-tracking" }, { "description": "Font size for the floating label.", "name": "--m3e-form-field-label-font-size" }, { "description": "Font weight for the floating label.", "name": "--m3e-form-field-label-font-weight" }, { "description": "Line height for the floating label.", "name": "--m3e-form-field-label-line-height" }, { "description": "Letter spacing for the floating label.", "name": "--m3e-form-field-label-tracking" }, { "description": "Font size for hint and error text.", "name": "--m3e-form-field-subscript-font-size" }, { "description": "Font weight for hint and error text.", "name": "--m3e-form-field-subscript-font-weight" }, { "description": "Line height for hint and error text.", "name": "--m3e-form-field-subscript-line-height" }, { "description": "Letter spacing for hint and error text.", "name": "--m3e-form-field-subscript-tracking" }, { "description": "Text color for the form field container.", "name": "--m3e-form-field-color" }, { "description": "Color for hint and error text.", "name": "--m3e-form-field-subscript-color" }, { "description": "Color used when the control is invalid.", "name": "--m3e-form-field-invalid-color" }, { "description": "Outline color when focused.", "name": "--m3e-form-field-focused-outline-color" }, { "description": "Label color when focused.", "name": "--m3e-form-field-focused-color" }, { "description": "Outline color in outlined variant.", "name": "--m3e-form-field-outline-color" }, { "description": "Background color in filled variant.", "name": "--m3e-form-field-container-color" }, { "description": "Hover background color in filled variant.", "name": "--m3e-form-field-hover-container-color" }, { "description": "Width of the form field container.", "name": "--m3e-form-field-width" }, { "description": "Size of prefix and suffix icons.", "name": "--m3e-form-field-icon-size" }, { "description": "Corner radius for outlined container.", "name": "--m3e-outlined-form-field-container-shape" }, { "description": "Corner radius for filled container.", "name": "--m3e-form-field-container-shape" }, { "description": "Opacity for hover background in filled variant.", "name": "--m3e-form-field-hover-container-opacity" }, { "description": "Opacity for disabled text.", "name": "--m3e-form-field-disabled-opacity" }, { "description": "Opacity for disabled container background.", "name": "--m3e-form-field-disabled-container-opacity" } ], "slots": [ { "description": "Renders the control of the field.", "name": "" }, { "description": "Renders content before the fields's control.", "name": "prefix" }, { "description": "Renders text before the fields's control.", "name": "prefix-text" }, { "description": "Renders content after the fields's control.", "name": "suffix" }, { "description": "Renders text after the fields's control.", "name": "suffix-text" }, { "description": "Renders hint text in the fields's subscript, when the control is valid.", "name": "hint" }, { "description": "Renders error text in the fields's subscript, when the control is invalid.", "name": "error" } ], "members": [ { "kind": "field", "name": "#control", "privacy": "private", "type": { "text": "FormFieldControl | null" }, "default": "null" }, { "kind": "field", "name": "#removeValueInterceptor", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#formResetHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#controlInvalidHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#controlMutationController", "privacy": "private", "readonly": true, "default": "new MutationController(this, { target: null, config: { attributeFilter: [\"disabled\", \"readonly\", \"required\"] }, callback: () => this.notifyControlStateChange(), })" }, { "kind": "field", "name": "#resizeController", "privacy": "private", "readonly": true, "default": "new ResizeController(this, { target: null, callback: () => this.#handlePrefixResize(), })" }, { "kind": "field", "name": "#focusController", "privacy": "private", "readonly": true, "default": "new FocusController(this, { target: null, callback: (focused) => { focused = focused && !(this.#control?.disabled ?? true); setCustomState(this, \"--no-animate\", false); this.#focused = focused; if (focused) { setCustomState(this, \"--float-label\", true); } else { this._invalid = !(this.#control?.checkValidity?.() ?? true); this.notifyControlStateChange(); } }, })" }, { "kind": "field", "name": "_base", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_prefix", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_error", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_hint", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#hintMutationController", "privacy": "private", "readonly": true, "default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: () => this.#handleHintChange(), })" }, { "kind": "field", "name": "#errorMutationController", "privacy": "private", "readonly": true, "default": "new MutationController(this, { target: null, config: { childList: true, subtree: true }, callback: () => this.#handleErrorChange(), })" }, { "kind": "field", "name": "#pressedController", "privacy": "private", "readonly": true, "default": "new PressedController(this, { target: null, callback: (pressed) => setCustomState(this, \"--pressed\", pressed && !(this.#control?.disabled ?? true)), })" }, { "kind": "field", "name": "#focused", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "_pseudoLabel", "type": { "text": "string" }, "privacy": "private", "default": "\"\"" }, { "kind": "field", "name": "_required", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_invalid", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_validationMessage", "type": { "text": "string" }, "privacy": "private", "default": "\"\"" }, { "kind": "field", "name": "#hintText", "privacy": "private", "type": { "text": "string" }, "default": "\"\"" }, { "kind": "field", "name": "#errorText", "privacy": "private", "type": { "text": "string" }, "default": "\"\"" }, { "kind": "field", "name": "#shouldFloatLabel", "privacy": "private", "type": { "text": "boolean" }, "readonly": true }, { "kind": "field", "name": "menuAnchor", "description": "A reference to the element used to anchor dropdown menus.", "readonly": true }, { "kind": "field", "name": "control", "description": "A reference to the hosted form field control.", "readonly": true }, { "kind": "field", "name": "variant", "type": { "text": "FormFieldVariant" }, "default": "\"outlined\"", "description": "The appearance variant of the field.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'filled' | 'outlined'" } }, { "kind": "field", "name": "hideRequiredMarker", "type": { "text": "boolean" }, "default": "false", "description": "Whether the required marker should be hidden.", "attribute": "hide-required-marker", "reflects": true }, { "kind": "field", "name": "hideSubscript", "type": { "text": "HideSubscriptType" }, "default": "\"auto\"", "description": "Whether subscript content is hidden.", "attribute": "hide-subscript", "reflects": true, "parsedType": { "text": "'always' | 'auto' | 'never'" } }, { "kind": "field", "name": "floatLabel", "type": { "text": "FloatLabelType" }, "default": "\"auto\"", "description": "Specifies whether the label should float always or only when necessary.", "attribute": "float-label", "reflects": true, "parsedType": { "text": "'always' | 'auto'" } }, { "kind": "method", "name": "notifyControlStateChange", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "checkValidity", "default": "false", "type": { "text": "boolean" }, "description": "Whether to check validity.", "optional": true } ], "description": "Notifies the form field that the state of the hosted `control` has changed." }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#stopPropagation", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleLabelSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handlePrefixSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSuffixSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handlePrefixResize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleContainerClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "#handleControlInvalid", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleControlChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleFormReset", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#changeControl", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "FormFieldControl | null" } } ] }, { "kind": "method", "name": "#bindValueInterceptor", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleHintChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleErrorChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "attributes": [ { "description": "Specifies whether the label should float always or only when necessary.", "name": "float-label", "type": { "text": "FloatLabelType" }, "default": "\"auto\"", "fieldName": "floatLabel", "parsedType": { "text": "'always' | 'auto'" } }, { "description": "Whether the required marker should be hidden.", "name": "hide-required-marker", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideRequiredMarker" }, { "description": "Whether subscript content is hidden.", "name": "hide-subscript", "type": { "text": "HideSubscriptType" }, "default": "\"auto\"", "fieldName": "hideSubscript", "parsedType": { "text": "'always' | 'auto' | 'never'" } }, { "description": "The appearance variant of the field.", "name": "variant", "type": { "text": "FormFieldVariant" }, "default": "\"outlined\"", "fieldName": "variant", "parsedType": { "text": "'filled' | 'outlined'" } } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-form-field", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eFormFieldElement", "declaration": { "name": "M3eFormFieldElement", "module": "src/form-field/FormFieldElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-form-field", "declaration": { "name": "M3eFormFieldElement", "module": "src/form-field/FormFieldElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/form-field/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/form-field/FloatLabelType" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/form-field/FormFieldControl" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/form-field/FormFieldElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/form-field/FormFieldVariant" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/form-field/HideSubscriptType" } } ] }, { "kind": "javascript-module", "path": "src/autocomplete/AutocompleteFilterMode.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/autocomplete/AutocompleteQueryEventDetail.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/autocomplete/AutocompleteElement.ts", "declarations": [ { "kind": "class", "description": "Enhances a text input with suggested options.", "name": "M3eAutocompleteElement", "slots": [ { "description": "Renders the options of the autocomplete.", "name": "" }, { "description": "Renders content when loading options.", "name": "loading" }, { "description": "Renders content when there are no options to show.", "name": "no-data" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#id", "privacy": "private", "readonly": true, "default": "`m3e-autocomplete-${M3eAutocompleteElement.__nextId}`" }, { "kind": "field", "name": "#menuId", "privacy": "private", "readonly": true, "default": "`${this.#id}-menu`" }, { "kind": "field", "name": "_options", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "#clone", "privacy": "private", "type": { "text": "HTMLElement | undefined" } }, { "kind": "field", "name": "#ignoreFocusVisible", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#menu", "privacy": "private", "type": { "text": "M3eOptionPanelElement | undefined" } }, { "kind": "field", "name": "#ignoreHideMenuOnBlur", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#inputChanged", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#hasFocus", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#mutationAbortController", "privacy": "private", "type": { "text": "AbortController | undefined" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#formFieldPointerDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#focusHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#blurHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#inputHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#changeHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#menuToggleHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#menuPointerDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#menuPointerUpHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#menuPressedOption", "privacy": "private", "type": { "text": "M3eOptionElement | undefined" } }, { "kind": "field", "name": "_listKeyManager", "privacy": "private", "readonly": true }, { "kind": "field", "name": "hideSelectionIndicator", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide the selection indicator.", "attribute": "hide-selection-indicator" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether the user is required to make a selection when interacting with the autocomplete.", "attribute": "required", "reflects": true }, { "kind": "field", "name": "autoActivate", "type": { "text": "boolean" }, "default": "false", "description": "Whether the first option should be automatically activated.", "attribute": "auto-activate" }, { "kind": "field", "name": "caseSensitive", "type": { "text": "boolean" }, "default": "false", "description": "Whether filtering is case sensitive.", "attribute": "case-sensitive" }, { "kind": "field", "name": "filter", "type": { "text": "AutocompleteFilterMode | ((option: M3eOptionElement, term: string) => boolean)" }, "default": "\"contains\"", "description": "Mode in which to filter options.", "attribute": "filter", "parsedType": { "text": "'none' | 'contains' | 'starts-with' | 'ends-with' | ((option: M3eOptionElement, term: string) => boolean)" } }, { "kind": "field", "name": "loading", "type": { "text": "boolean" }, "default": "false", "description": "Whether options are being loaded.", "attribute": "loading" }, { "kind": "field", "name": "hideNoData", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide the menu when there are no options to show.", "attribute": "hide-no-data" }, { "kind": "field", "name": "hideLoading", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide the menu when loading options.", "attribute": "hide-loading" }, { "kind": "field", "name": "loadingLabel", "type": { "text": "string" }, "default": "\"Loading...\"", "description": "The text announced and presented when loading options.", "attribute": "loading-label" }, { "kind": "field", "name": "noDataLabel", "type": { "text": "string" }, "default": "\"No options\"", "description": "The text announced and presented when no options are available for the current term.", "attribute": "no-data-label" }, { "kind": "field", "name": "resultsLabel", "type": { "text": "string | ((count: number) => string)" }, "description": "The text announced when available options change for the current term.", "default": "(count) => `${count} options`", "attribute": "results-label" }, { "kind": "field", "name": "panelClass", "type": { "text": "string" }, "default": "\"\"", "description": "Class or list of classes to be applied to the autocomplete's overlay panel.", "attribute": "panel-class" }, { "kind": "field", "name": "options", "type": { "text": "readonly M3eOptionElement[]" }, "description": "The options that can be selected.", "readonly": true }, { "kind": "field", "name": "selected", "type": { "text": "M3eOptionElement | null" }, "description": "The selected option.", "readonly": true }, { "kind": "field", "name": "value", "type": { "text": "string | null" }, "description": "The selected (enabled) value.", "readonly": true }, { "kind": "field", "name": "#options", "privacy": "private", "type": { "text": "readonly M3eOptionElement[]" }, "readonly": true }, { "kind": "field", "name": "#input", "privacy": "private", "type": { "text": "HTMLInputElement | null" }, "readonly": true }, { "kind": "field", "name": "#hasNoDataSlot", "privacy": "private", "type": { "text": "boolean" }, "readonly": true }, { "kind": "field", "name": "#hasLoadingSlot", "privacy": "private", "type": { "text": "boolean" }, "readonly": true }, { "kind": "field", "name": "#shouldShowMenu", "privacy": "private", "type": { "text": "boolean" }, "readonly": true }, { "kind": "field", "name": "#formField", "privacy": "private", "type": { "text": "M3eFormFieldElement | null" }, "readonly": true }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "clear", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "restoreFocus", "default": "false", "description": "Whether to restore input focus.", "optional": true } ], "description": "Clears the value of the element." }, { "kind": "method", "name": "#handleOptionStateChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleMutation", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleFormFieldPointerDown", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleFocus", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleBlur", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleInput", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleMenuPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleMenuPointerUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleMenuToggle", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "ToggleEvent" } } ] }, { "kind": "method", "name": "#destroyMenu", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "ToggleEvent" } } ] }, { "kind": "method", "name": "#showMenu", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#projectClone", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateMenuState", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "menu", "type": { "text": "M3eOptionPanelElement" } }, { "name": "count", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#hideMenu", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#activateOption", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "option", "type": { "text": "M3eOptionElement" } }, { "name": "forceFocusVisible", "default": "false" } ] }, { "kind": "method", "name": "#updateSelectionState", "privacy": "private", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "clone", "type": { "text": "M3eOptionElement" } } ] }, { "kind": "method", "name": "#selectOption", "privacy": "private", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "option", "type": { "text": "M3eOptionElement" } } ] }, { "kind": "method", "name": "#filterOption", "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "clone", "type": { "text": "M3eOptionElement" } }, { "name": "option", "type": { "text": "M3eOptionElement" } }, { "name": "term", "type": { "text": "string" } }, { "name": "exactTerm", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#filterOptions", "privacy": "private", "return": { "type": { "text": "number" } } }, { "kind": "method", "name": "#clearOptions", "privacy": "private", "return": { "type": { "text": "boolean" } } }, { "kind": "method", "name": "#announceResults", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "oldCount", "type": { "text": "number" } }, { "name": "newCount", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#autoActivate", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#deactivateOption", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "option", "type": { "text": "M3eOptionElement" } } ] }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the committed value changes due to selecting an option or clearing the input." }, { "name": "query", "type": { "text": "CustomEvent" }, "description": "Dispatched when the input is focused or when the user modifies its value." }, { "name": "toggle", "type": { "text": "ToggleEvent" }, "description": "Dispatched when the options menu opens or closes." } ], "attributes": [ { "description": "Whether the first option should be automatically activated.", "name": "auto-activate", "type": { "text": "boolean" }, "default": "false", "fieldName": "autoActivate" }, { "description": "Whether filtering is case sensitive.", "name": "case-sensitive", "type": { "text": "boolean" }, "default": "false", "fieldName": "caseSensitive" }, { "description": "Mode in which to filter options.", "name": "filter", "type": { "text": "AutocompleteFilterMode | ((option: M3eOptionElement, term: string) => boolean)" }, "default": "\"contains\"", "fieldName": "filter", "parsedType": { "text": "'none' | 'contains' | 'starts-with' | 'ends-with' | ((option: M3eOptionElement, term: string) => boolean)" } }, { "description": "Whether to hide the selection indicator.", "name": "hide-selection-indicator", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideSelectionIndicator" }, { "description": "Whether to hide the menu when loading options.", "name": "hide-loading", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideLoading" }, { "description": "Whether to hide the menu when there are no options to show.", "name": "hide-no-data", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideNoData" }, { "description": "Whether options are being loaded.", "name": "loading", "type": { "text": "boolean" }, "default": "false", "fieldName": "loading" }, { "description": "The text announced and presented when loading options.", "name": "loading-label", "type": { "text": "string" }, "default": "\"Loading...\"", "fieldName": "loadingLabel" }, { "description": "The text announced and presented when no options are available for the current term.", "name": "no-data-label", "type": { "text": "string" }, "default": "\"No options\"", "fieldName": "noDataLabel" }, { "description": "Class or list of classes to be applied to the autocomplete's overlay panel.", "name": "panel-class", "type": { "text": "string" }, "default": "\"\"", "fieldName": "panelClass" }, { "description": "Whether the user is required to make a selection when interacting with the autocomplete.", "name": "required", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "description": "The text announced when available options change for the current term.", "name": "results-label", "type": { "text": "string | ((count: number) => string)" }, "default": "(count) => `${count} options`", "fieldName": "resultsLabel" }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-autocomplete", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eAutocompleteElement", "declaration": { "name": "M3eAutocompleteElement", "module": "src/autocomplete/AutocompleteElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-autocomplete", "declaration": { "name": "M3eAutocompleteElement", "module": "src/autocomplete/AutocompleteElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/autocomplete/QueryEventDetail.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/autocomplete/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/autocomplete/AutocompleteElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/autocomplete/AutocompleteFilterMode" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/autocomplete/AutocompleteQueryEventDetail" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/autocomplete/QueryEventDetail" } } ] }, { "kind": "javascript-module", "path": "src/avatar/AvatarElement.ts", "declarations": [ { "kind": "class", "description": "An image, icon or textual initials representing a user or other identity.", "name": "M3eAvatarElement", "cssProperties": [ { "description": "Size of the avatar.", "name": "--m3e-avatar-size" }, { "description": "Border radius of the avatar.", "name": "--m3e-avatar-shape" }, { "description": "Font size for the avatar.", "name": "--m3e-avatar-font-size" }, { "description": "Font weight for the avatar.", "name": "--m3e-avatar-font-weight" }, { "description": "Line height for the avatar.", "name": "--m3e-avatar-line-height" }, { "description": "Letter spacing for the avatar.", "name": "--m3e-avatar-tracking" }, { "description": "Background color of the avatar.", "name": "--m3e-avatar-color" }, { "description": "Text color of the avatar.", "name": "--m3e-avatar-label-color" } ], "slots": [ { "description": "Renders the content of the avatar.", "name": "" } ], "members": [], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-avatar", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eAvatarElement", "declaration": { "name": "M3eAvatarElement", "module": "src/avatar/AvatarElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-avatar", "declaration": { "name": "M3eAvatarElement", "module": "src/avatar/AvatarElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/avatar/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/avatar/AvatarElement" } } ] }, { "kind": "javascript-module", "path": "src/badge/BadgeSize.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/badge/BadgePosition.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/badge/BadgeElement.ts", "declarations": [ { "kind": "class", "description": "A visual indicator used to label content.", "name": "M3eBadgeElement", "cssProperties": [ { "description": "Corner radius of the badge.", "name": "--m3e-badge-shape" }, { "description": "Foreground color of badge content.", "name": "--m3e-badge-color" }, { "description": "Background color of the badge.", "name": "--m3e-badge-container-color" }, { "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).", "name": "--m3e-badge-small-size" }, { "description": "Height and min-width for medium badge.", "name": "--m3e-badge-medium-size" }, { "description": "Font size for medium badge label.", "name": "--m3e-badge-medium-font-size" }, { "description": "Font weight for medium badge label.", "name": "--m3e-badge-medium-font-weight" }, { "description": "Line height for medium badge label.", "name": "--m3e-badge-medium-line-height" }, { "description": "Letter spacing for medium badge label.", "name": "--m3e-badge-medium-tracking" }, { "description": "Height and min-width for large badge.", "name": "--m3e-badge-large-size" }, { "description": "Font size for large badge label.", "name": "--m3e-badge-large-font-size" }, { "description": "Font weight for large badge label.", "name": "--m3e-badge-large-font-weight" }, { "description": "Line height for large badge label.", "name": "--m3e-badge-large-line-height" }, { "description": "Letter spacing for large badge label.", "name": "--m3e-badge-large-tracking" } ], "slots": [ { "description": "Renders the content of the badge.", "name": "" } ], "members": [ { "kind": "field", "name": "#directionalitySubscription", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#anchorCleanup", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "size", "type": { "text": "BadgeSize" }, "default": "\"medium\"", "description": "The size of the badge.", "attribute": "size", "reflects": true, "parsedType": { "text": "'small' | 'medium' | 'large'" } }, { "kind": "field", "name": "position", "type": { "text": "BadgePosition" }, "default": "\"above-after\"", "description": "The position of the badge, when attached to another element.", "attribute": "position", "reflects": true, "parsedType": { "text": "'above' | 'below' | 'above-after' | 'above-before' | 'below-before' | 'below-after' | 'before' | 'after'" } }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "#detach", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#attach", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "attributes": [ { "description": "The size of the badge.", "name": "size", "type": { "text": "BadgeSize" }, "default": "\"medium\"", "fieldName": "size", "parsedType": { "text": "'small' | 'medium' | 'large'" } }, { "name": "position", "type": { "text": "BadgePosition" }, "default": "\"above-after\"", "description": "The position of the badge, when attached to another element.", "fieldName": "position", "parsedType": { "text": "'above' | 'below' | 'above-after' | 'above-before' | 'below-before' | 'below-after' | 'before' | 'after'" } }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-badge", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eBadgeElement", "declaration": { "name": "M3eBadgeElement", "module": "src/badge/BadgeElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-badge", "declaration": { "name": "M3eBadgeElement", "module": "src/badge/BadgeElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/badge/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/badge/BadgeElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/badge/BadgePosition" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/badge/BadgeSize" } } ] }, { "kind": "javascript-module", "path": "src/bottom-sheet/BottomSheetActionElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to close a parenting bottom sheet.", "name": "M3eBottomSheetActionElement", "slots": [ { "description": "Renders the content of the action.", "name": "" } ], "members": [ { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" }, "tagName": "m3e-bottom-sheet-action", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eBottomSheetActionElement", "declaration": { "name": "M3eBottomSheetActionElement", "module": "src/bottom-sheet/BottomSheetActionElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-bottom-sheet-action", "declaration": { "name": "M3eBottomSheetActionElement", "module": "src/bottom-sheet/BottomSheetActionElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/bottom-sheet/BottomSheetElement.ts", "declarations": [ { "kind": "class", "description": "A sheet used to show secondary content anchored to the bottom of the screen.", "name": "M3eBottomSheetElement", "cssProperties": [ { "description": "The width of the sheet.", "name": "--m3e-bottom-sheet-width" }, { "description": "The maximum width of the sheet.", "name": "--m3e-bottom-sheet-max-width" }, { "description": "The background color of the sheet container.", "name": "--m3e-bottom-sheet-container-color" }, { "description": "The elevation level when not modal.", "name": "--m3e-bottom-sheet-elevation" }, { "description": "The elevation level when modal.", "name": "--m3e-bottom-sheet-modal-elevation" }, { "description": "The elevation level when full height.", "name": "--m3e-bottom-sheet-full-elevation" }, { "description": "The z-index of the non-modal sheet.", "name": "--m3e-bottom-sheet-z-index" }, { "description": "The border radius when minimized.", "name": "--m3e-bottom-sheet-minimized-container-shape" }, { "description": "The border radius of the sheet container.", "name": "--m3e-bottom-sheet-container-shape" }, { "description": "The border radius when full height.", "name": "--m3e-bottom-sheet-full-container-shape" }, { "description": "The color of the scrim overlay.", "name": "--m3e-bottom-sheet-scrim-color" }, { "description": "The opacity of the scrim overlay.", "name": "--m3e-bottom-sheet-scrim-opacity" }, { "description": "The visible height when minimized.", "name": "--m3e-bottom-sheet-peek-height" }, { "description": "The top space in compact mode.", "name": "--m3e-bottom-sheet-compact-top-space" }, { "description": "The top space in standard mode.", "name": "--m3e-bottom-sheet-top-space" }, { "description": "The vertical padding.", "name": "--m3e-bottom-sheet-padding-block" }, { "description": "The horizontal padding.", "name": "--m3e-bottom-sheet-padding-inline" }, { "description": "The height of the drag handle container.", "name": "--m3e-bottom-sheet-handle-container-height" }, { "description": "The width of the drag handle.", "name": "--m3e-bottom-sheet-handle-width" }, { "description": "The height of the drag handle.", "name": "--m3e-bottom-sheet-handle-height" }, { "description": "The border radius of the handle.", "name": "--m3e-bottom-sheet-handle-shape" }, { "description": "The color of the drag handle.", "name": "--m3e-bottom-sheet-handle-color" }, { "description": "The offset of the focus ring around the handle.", "name": "--m3e-bottom-sheet-handle-focus-ring-offset" }, { "description": "The foreground (text) color of the sheet.", "name": "--m3e-bottom-sheet-color" }, { "description": "Font size for the sheet content.", "name": "--m3e-bottom-sheet-content-font-size" }, { "description": "Font weight for the sheet content.", "name": "--m3e-bottom-sheet-content-font-weight" }, { "description": "Line height for the sheet content.", "name": "--m3e-bottom-sheet-content-line-height" }, { "description": "Letter spacing (tracking) for the sheet content.", "name": "--m3e-bottom-sheet-content-tracking" }, { "description": "Font size for the sheet header.", "name": "--m3e-bottom-sheet-header-font-size" }, { "description": "Font weight for the sheet header.", "name": "--m3e-bottom-sheet-header-font-weight" }, { "description": "Line height for the sheet header.", "name": "--m3e-bottom-sheet-header-line-height" }, { "description": "Letter spacing (tracking) for the sheet header.", "name": "--m3e-bottom-sheet-header-tracking" } ], "slots": [ { "description": "Renders the content of the sheet.", "name": "" }, { "description": "Renders the header of the sheet.", "name": "header" } ], "members": [ { "kind": "field", "name": "__openSheet", "type": { "text": "M3eBottomSheetElement | undefined" }, "privacy": "private", "static": true }, { "kind": "field", "name": "#documentClickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#documentKeyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#windowResizeHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#velocityTracker", "privacy": "private", "readonly": true, "default": "new VelocityTracker()" }, { "kind": "field", "name": "#scrollLockController", "privacy": "private", "readonly": true, "default": "new ScrollLockController(this)" }, { "kind": "field", "name": "#inertController", "privacy": "private", "readonly": true, "default": "new InertController(this)" }, { "kind": "field", "name": "#resizeController", "privacy": "private", "readonly": true, "default": "new ResizeController(this, { target: null, skipInitial: true, callback: (x) => this.#handleSectionResize(x), })" }, { "kind": "field", "name": "#trigger", "privacy": "private", "type": { "text": "Element | null" }, "default": "null" }, { "kind": "field", "name": "#dragState", "privacy": "private", "type": { "text": "{\r\n startY: number;\r\n startHeight: number;\r\n effectiveMaxHeight: number;\r\n maxHeight: number;\r\n minHeight: number;\r\n } | undefined" } }, { "kind": "field", "name": "#dragged", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#activeDetent", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#requestDetent", "privacy": "private", "type": { "text": "number | undefined" } }, { "kind": "field", "name": "#cachedContentHeight", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#cachedHeaderHeight", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#snapAnimation", "privacy": "private", "type": { "text": "Animation | undefined" } }, { "kind": "field", "name": "modal", "type": { "text": "boolean" }, "default": "false", "description": "Whether the bottom sheet behaves as modal.", "attribute": "modal", "reflects": true }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Whether the bottom sheet is open.", "attribute": "open", "reflects": true }, { "kind": "field", "name": "handle", "type": { "text": "boolean" }, "default": "false", "description": "Whether to display a drag handle and enable the top region of the sheet as a gesture\r\nsurface for dragging between detents.", "attribute": "handle" }, { "kind": "field", "name": "handleLabel", "type": { "text": "string" }, "default": "\"Drag handle\"", "description": "The accessible label given to the drag handle.", "attribute": "handle-label" }, { "kind": "field", "name": "detents", "type": { "text": "string[]" }, "default": "[]", "description": "Detents (discrete height states) the sheet can snap to.", "attribute": "detents" }, { "kind": "field", "name": "detent", "type": { "text": "number" }, "default": "0", "description": "The zero‑based index of the detent the sheet should open to.", "attribute": "detent" }, { "kind": "field", "name": "hideable", "type": { "text": "boolean" }, "default": "false", "description": "Whether the bottom sheet can hide when its swiped down.", "attribute": "hideable", "reflects": true }, { "kind": "field", "name": "hideFriction", "type": { "text": "number" }, "default": "0.5", "description": "The friction coefficient to hide the sheet.", "attribute": "hide-friction" }, { "kind": "field", "name": "overshootLimit", "type": { "text": "number" }, "default": "4", "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.", "attribute": "overshoot-limit" }, { "kind": "method", "name": "show", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "detent", "default": "this.detent", "type": { "text": "number" }, "description": "The zero‑based index of the detent the sheet should open to." } ], "description": "Shows the sheet." }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "description": "Hides the sheet." }, { "kind": "method", "name": "toggle", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "detent", "optional": true, "type": { "text": "number" }, "description": "The zero‑based index of the detent the sheet should open to." } ], "description": "Toggles the opened state of the sheet." }, { "kind": "method", "name": "cycle", "return": { "type": { "text": "void" } }, "description": "Moves the sheet to the next detent." }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleHeaderPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleHeaderPointerMove", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleHeaderPointerUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleDocumentClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleDocumentKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleWindowResize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleDragHandleClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleDragHandleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#getNextHigherDetent", "privacy": "private", "return": { "type": { "text": "number" } } }, { "kind": "method", "name": "#getNextLowerDetent", "privacy": "private", "return": { "type": { "text": "number" } } }, { "kind": "method", "name": "#getClosestDetent", "privacy": "private", "return": { "type": { "text": "number" } } }, { "kind": "method", "name": "#computeDetentHeight", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "detent", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#computeMaxHeight", "privacy": "private", "return": { "type": { "text": "number" } } }, { "kind": "method", "name": "#computeMinHeight", "privacy": "private", "return": { "type": { "text": "number" } } }, { "kind": "method", "name": "#computePeekHeight", "privacy": "private", "return": { "type": { "text": "number" } } }, { "kind": "method", "name": "#computeFitHeight", "privacy": "private", "return": { "type": { "text": "number" } } }, { "kind": "method", "name": "#handleSectionResize", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "entries", "type": { "text": "ResizeObserverEntry[]" } } ] }, { "kind": "method", "name": "#snapToDetent", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "detent", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#snapToHeight", "privacy": "private", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "height", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#updateHeight", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "height", "type": { "text": "number" } } ] }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "opening", "type": { "text": "Event" }, "description": "Dispatched when the sheet begins to open." }, { "name": "closing", "type": { "text": "Event" }, "description": "Dispatched when the sheet begins to close." }, { "type": { "text": "Event" } }, { "name": "cancel", "type": { "text": "Event" }, "description": "Dispatched when the sheet is cancelled." }, { "description": "Dispatched when the sheet has opened.", "name": "opened" }, { "description": "Dispatched when the sheet has closed.", "name": "closed" } ], "attributes": [ { "description": "The zero‑based index of the detent the sheet should open to.", "name": "detent", "type": { "text": "number" }, "default": "0", "fieldName": "detent" }, { "description": "Detents (discrete height states) the sheet can snap to.", "name": "detents", "type": { "text": "string[]" }, "default": "[]", "fieldName": "detents" }, { "description": "Whether to display a drag handle and enable the top region of the sheet as a gesture\r\nsurface for dragging between detents.", "name": "handle", "type": { "text": "boolean" }, "default": "false", "fieldName": "handle" }, { "description": "The accessible label given to the drag handle.", "name": "handle-label", "type": { "text": "string" }, "default": "\"Drag handle\"", "fieldName": "handleLabel" }, { "description": "Whether the bottom sheet can hide when its swiped down.", "name": "hideable", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideable" }, { "description": "The friction coefficient to hide the sheet.", "name": "hide-friction", "type": { "text": "number" }, "default": "0.5", "fieldName": "hideFriction" }, { "description": "Whether the bottom sheet behaves as modal.", "name": "modal", "type": { "text": "boolean" }, "default": "false", "fieldName": "modal" }, { "description": "Whether the bottom sheet is open.", "name": "open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" }, { "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.", "name": "overshoot-limit", "type": { "text": "number" }, "default": "4", "fieldName": "overshootLimit" } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "SuppressInitialAnimation", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-bottom-sheet", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eBottomSheetElement", "declaration": { "name": "M3eBottomSheetElement", "module": "src/bottom-sheet/BottomSheetElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-bottom-sheet", "declaration": { "name": "M3eBottomSheetElement", "module": "src/bottom-sheet/BottomSheetElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/bottom-sheet/BottomSheetTriggerElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to trigger a bottom sheet.", "name": "M3eBottomSheetTriggerElement", "slots": [ { "description": "Renders the content of the trigger.", "name": "" } ], "members": [ { "kind": "field", "name": "detent", "type": { "text": "number | undefined" }, "description": "The zero‑based index of the detent the sheet should open to.", "default": "undefined", "attribute": "detent" }, { "kind": "field", "name": "secondary", "type": { "text": "boolean" }, "default": "false", "description": "Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.", "attribute": "secondary" }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "attributes": [ { "description": "The zero‑based index of the detent the sheet should open to.", "name": "detent", "type": { "text": "number | undefined" }, "default": "undefined", "fieldName": "detent" }, { "description": "Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.", "name": "secondary", "type": { "text": "boolean" }, "default": "false", "fieldName": "secondary" }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" }, "tagName": "m3e-bottom-sheet-trigger", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eBottomSheetTriggerElement", "declaration": { "name": "M3eBottomSheetTriggerElement", "module": "src/bottom-sheet/BottomSheetTriggerElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-bottom-sheet-trigger", "declaration": { "name": "M3eBottomSheetTriggerElement", "module": "src/bottom-sheet/BottomSheetTriggerElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/bottom-sheet/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/bottom-sheet/BottomSheetActionElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/bottom-sheet/BottomSheetElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/bottom-sheet/BottomSheetTriggerElement" } } ] }, { "kind": "javascript-module", "path": "src/breadcrumb/BreadcrumbItemCurrent.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/breadcrumb/isIconOnly.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/breadcrumb/BreadcrumbItemButtonElement.ts", "declarations": [ { "kind": "class", "description": "", "name": "M3eBreadcrumbItemButtonElement", "members": [ { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private" }, { "kind": "field", "name": "current", "type": { "text": "BreadcrumbItemCurrent | undefined" }, "description": "Indicates the current item in the breadcrumb path.", "default": "undefined", "attribute": "current", "reflects": true, "parsedType": { "text": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | undefined" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "attributes": [ { "name": "current", "type": { "text": "BreadcrumbItemCurrent | undefined" }, "description": "Indicates the current item in the breadcrumb path.", "default": "undefined", "fieldName": "current", "parsedType": { "text": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | undefined" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "mixins": [ { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-breadcrumb-item-button", "customElement": true, "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ] } ], "exports": [ { "kind": "custom-element-definition", "name": "m3e-breadcrumb-item-button", "declaration": { "name": "M3eBreadcrumbItemButtonElement", "module": "src/breadcrumb/BreadcrumbItemButtonElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/breadcrumb/BreadcrumbItemElement.ts", "declarations": [ { "kind": "class", "description": "An item in a breadcrumb.", "name": "M3eBreadcrumbItemElement", "cssProperties": [ { "description": "Shape of the internal breadcrumb item button.", "name": "--m3e-breadcrumb-item-shape" }, { "description": "Height of the internal breadcrumb item button container.", "name": "--m3e-breadcrumb-item-container-height" }, { "description": "Color of breadcrumb item icon-only content.", "name": "--m3e-breadcrumb-item-icon-color" }, { "description": "Horizontal padding for icon-only breadcrumb items.", "name": "--m3e-breadcrumb-item-icon-padding-inline" }, { "description": "Hover state layer color for icon-only breadcrumb items.", "name": "--m3e-breadcrumb-item-icon-hover-state-layer-color" }, { "description": "Focus state layer color for icon-only breadcrumb items.", "name": "--m3e-breadcrumb-item-icon-focus-state-layer-color" }, { "description": "Pressed state layer color for icon-only breadcrumb items.", "name": "--m3e-breadcrumb-item-icon-pressed-state-layer-color" }, { "description": "Color of breadcrumb item label content.", "name": "--m3e-breadcrumb-item-label-color" }, { "description": "Font size of breadcrumb item label content.", "name": "--m3e-breadcrumb-item-label-font-size" }, { "description": "Font weight of breadcrumb item label content.", "name": "--m3e-breadcrumb-item-label-font-weight" }, { "description": "Line height of breadcrumb item label content.", "name": "--m3e-breadcrumb-item-label-line-height" }, { "description": "Letter spacing of breadcrumb item label content.", "name": "--m3e-breadcrumb-item-label-tracking" }, { "description": "Horizontal padding for label breadcrumb items.", "name": "--m3e-breadcrumb-item-label-padding-inline" }, { "description": "Hover state layer color for label breadcrumb items.", "name": "--m3e-breadcrumb-item-label-hover-state-layer-color" }, { "description": "Focus state layer color for label breadcrumb items.", "name": "--m3e-breadcrumb-item-label-focus-state-layer-color" }, { "description": "Pressed state layer color for label breadcrumb items.", "name": "--m3e-breadcrumb-item-label-pressed-state-layer-color" }, { "description": "Color used for the current breadcrumb item.", "name": "--m3e-breadcrumb-item-last-color" }, { "description": "Space between icon and label.", "name": "--m3e-breadcrumb-item-icon-label-space" }, { "description": "Size of the icon.", "name": "--m3e-breadcrumb-item-icon-size" }, { "description": "Disabled color used by the breadcrumb item button.", "name": "--m3e-breadcrumb-item-disabled-color" }, { "description": "Disabled opacity used by the breadcrumb item button.", "name": "--m3e-breadcrumb-item-disabled-opacity" } ], "slots": [ { "description": "Renders the content of the breadcrumb item.", "name": "" }, { "description": "Renders an icon before the item's label.", "name": "icon" } ], "members": [ { "kind": "field", "name": "_button", "type": { "text": "M3eBreadcrumbItemButtonElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#defaultSeparator", "privacy": "private", "type": { "text": "Element | undefined" } }, { "kind": "field", "name": "itemLabel", "type": { "text": "string" }, "default": "\"\"", "description": "The accessible label given to the item's internal button.", "attribute": "item-label" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "current", "type": { "text": "BreadcrumbItemCurrent | undefined" }, "description": "Indicates the current item in the breadcrumb path.", "default": "undefined", "attribute": "current", "reflects": true, "parsedType": { "text": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | undefined" } }, { "kind": "method", "name": "focus", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ] }, { "kind": "method", "name": "blur", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "click", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#renderSeparator", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#updateIconFilled", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "description": "Dispatched when the element is clicked.", "name": "click" } ], "attributes": [ { "description": "The accessible label given to the item's internal button.", "name": "item-label", "type": { "text": "string" }, "default": "\"\"", "fieldName": "itemLabel" }, { "description": "Whether the element is disabled.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "description": "Indicates the current item in the breadcrumb path.", "name": "current", "type": { "text": "BreadcrumbItemCurrent | undefined" }, "default": "undefined", "fieldName": "current", "parsedType": { "text": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | undefined" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the internal breadcrumb link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the internal breadcrumb link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the internal link target will be downloaded, optionally specifying a file name.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the internal link target and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } } ], "mixins": [ { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-breadcrumb-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eBreadcrumbItemElement", "declaration": { "name": "M3eBreadcrumbItemElement", "module": "src/breadcrumb/BreadcrumbItemElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-breadcrumb-item", "declaration": { "name": "M3eBreadcrumbItemElement", "module": "src/breadcrumb/BreadcrumbItemElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/breadcrumb/BreadcrumbElement.ts", "declarations": [ { "kind": "class", "description": "Displays a hierarchical navigation path and identifies the user's\r\ncurrent location within an application.", "name": "M3eBreadcrumbElement", "slots": [ { "description": "Renders breadcrumb items.", "name": "" }, { "description": "Renders a custom separator between breadcrumb items.", "name": "separator" } ], "members": [ { "kind": "field", "name": "#customSeparator", "privacy": "private", "type": { "text": "Element[]" }, "default": "[]" }, { "kind": "field", "name": "wrap", "type": { "text": "boolean" }, "default": "false", "description": "Whether items wrap to a new line.", "attribute": "wrap", "reflects": true }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleSeparatorSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#setSeparator", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "M3eBreadcrumbItemElement" } } ] } ], "attributes": [ { "description": "Whether items wrap to a new line.", "name": "wrap", "type": { "text": "boolean" }, "default": "false", "fieldName": "wrap" } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-breadcrumb", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eBreadcrumbElement", "declaration": { "name": "M3eBreadcrumbElement", "module": "src/breadcrumb/BreadcrumbElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-breadcrumb", "declaration": { "name": "M3eBreadcrumbElement", "module": "src/breadcrumb/BreadcrumbElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/breadcrumb/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/breadcrumb/BreadcrumbElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/breadcrumb/BreadcrumbItemCurrent" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/breadcrumb/BreadcrumbItemElement" } } ] }, { "kind": "javascript-module", "path": "src/button/ButtonShape.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/button/ButtonSize.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/button/ButtonVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/button/styles/ButtonSizeToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/button/styles/ButtonSizeStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/button/styles/ButtonStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/button/styles/ButtonVariantToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/button/styles/ButtonVariantStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/button/styles/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button/styles/ButtonSizeStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button/styles/ButtonStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button/styles/ButtonVariantStyle" } } ] }, { "kind": "javascript-module", "path": "src/button/ButtonElement.ts", "declarations": [ { "kind": "class", "description": "A button users interact with to perform an action.", "name": "M3eButtonElement", "cssProperties": [ { "description": "Height of the button container, for all size variants.", "name": "--m3e-button-container-height" }, { "description": "Thickness of the button outline, for all size variants.", "name": "--m3e-button-outline-thickness" }, { "description": "Font size for the label text, for all size variants.", "name": "--m3e-button-label-text-font-size" }, { "description": "Font weight for the label text, for all size variants.", "name": "--m3e-button-label-text-font-weight" }, { "description": "Line height for the label text, for all size variants.", "name": "--m3e-button-label-text-line-height" }, { "description": "Letter tracking for the label text, for all size variants.", "name": "--m3e-button-label-text-tracking" }, { "description": "Size of the icon, for all size variants.", "name": "--m3e-button-icon-size" }, { "description": "Corner radius for round shape, for all size variants.", "name": "--m3e-button-shape-round" }, { "description": "Corner radius for square shape, for all size variants.", "name": "--m3e-button-shape-square" }, { "description": "Corner radius when selected (round), for all size variants.", "name": "--m3e-button-selected-shape-round" }, { "description": "Corner radius when selected (square), for all size variants.", "name": "--m3e-button-selected-shape-square" }, { "description": "Corner radius when pressed, for all size variants.", "name": "--m3e-button-shape-pressed-morph" }, { "description": "Space before icon or label, for all size variants.", "name": "--m3e-button-leading-space" }, { "description": "Space after icon or label, for all size variants.", "name": "--m3e-button-trailing-space" }, { "description": "Space between icon and label, for all size variants.", "name": "--m3e-button-icon-label-space" }, { "description": "Height of the button container, for the extra-small size variant.", "name": "--m3e-button-extra-small-container-height" }, { "description": "Thickness of the button outline, for the extra-small size variant.", "name": "--m3e-button-extra-small-outline-thickness" }, { "description": "Font size for the label text, for the extra-small size variant.", "name": "--m3e-button-extra-small-label-text-font-size" }, { "description": "Font weight for the label text, for the extra-small size variant.", "name": "--m3e-button-extra-small-label-text-font-weight" }, { "description": "Line height for the label text, for the extra-small size variant.", "name": "--m3e-button-extra-small-label-text-line-height" }, { "description": "Letter tracking for the label text, for the extra-small size variant.", "name": "--m3e-button-extra-small-label-text-tracking" }, { "description": "Size of the icon, for the extra-small size variant.", "name": "--m3e-button-extra-small-icon-size" }, { "description": "Corner radius for round shape, for the extra-small size variant.", "name": "--m3e-button-extra-small-shape-round" }, { "description": "Corner radius for square shape, for the extra-small size variant.", "name": "--m3e-button-extra-small-shape-square" }, { "description": "Corner radius when selected (round), for the extra-small size variant.", "name": "--m3e-button-extra-small-selected-shape-round" }, { "description": "Corner radius when selected (square), for the extra-small size variant.", "name": "--m3e-button-extra-small-selected-shape-square" }, { "description": "Corner radius when pressed, for the extra-small size variant.", "name": "--m3e-button-extra-small-shape-pressed-morph" }, { "description": "Space before icon or label, for the extra-small size variant.", "name": "--m3e-button-extra-small-leading-space" }, { "description": "Space after icon or label, for the extra-small size variant.", "name": "--m3e-button-extra-small-trailing-space" }, { "description": "Space between icon and label, for the extra-small size variant.", "name": "--m3e-button-extra-small-icon-label-space" }, { "description": "Height of the button container, for the small size variant.", "name": "--m3e-button-small-container-height" }, { "description": "Thickness of the button outline, for the small size variant.", "name": "--m3e-button-small-outline-thickness" }, { "description": "Font size for the label text, for the small size variant.", "name": "--m3e-button-small-label-text-font-size" }, { "description": "Font weight for the label text, for the small size variant.", "name": "--m3e-button-small-label-text-font-weight" }, { "description": "Line height for the label text, for the small size variant.", "name": "--m3e-button-small-label-text-line-height" }, { "description": "Letter tracking for the label text, for the small size variant.", "name": "--m3e-button-small-label-text-tracking" }, { "description": "Size of the icon, for the small size variant.", "name": "--m3e-button-small-icon-size" }, { "description": "Corner radius for round shape, for the small size variant.", "name": "--m3e-button-small-shape-round" }, { "description": "Corner radius for square shape, for the small size variant.", "name": "--m3e-button-small-shape-square" }, { "description": "Corner radius when selected (round), for the small size variant.", "name": "--m3e-button-small-selected-shape-round" }, { "description": "Corner radius when selected (square), for the small size variant.", "name": "--m3e-button-small-selected-shape-square" }, { "description": "Corner radius when pressed, for the small size variant.", "name": "--m3e-button-small-shape-pressed-morph" }, { "description": "Space before icon or label, for the small size variant.", "name": "--m3e-button-small-leading-space" }, { "description": "Space after icon or label, for the small size variant.", "name": "--m3e-button-small-trailing-space" }, { "description": "Space between icon and label, for the small size variant.", "name": "--m3e-button-small-icon-label-space" }, { "description": "Height of the button container, for the medium size variant.", "name": "--m3e-button-medium-container-height" }, { "description": "Thickness of the button outline, for the medium size variant.", "name": "--m3e-button-medium-outline-thickness" }, { "description": "Font size for the label text, for the medium size variant.", "name": "--m3e-button-medium-label-text-font-size" }, { "description": "Font weight for the label text, for the medium size variant.", "name": "--m3e-button-medium-label-text-font-weight" }, { "description": "Line height for the label text, for the medium size variant.", "name": "--m3e-button-medium-label-text-line-height" }, { "description": "Letter tracking for the label text, for the medium size variant.", "name": "--m3e-button-medium-label-text-tracking" }, { "description": "Size of the icon, for the medium size variant.", "name": "--m3e-button-medium-icon-size" }, { "description": "Corner radius for round shape, for the medium size variant.", "name": "--m3e-button-medium-shape-round" }, { "description": "Corner radius for square shape, for the medium size variant.", "name": "--m3e-button-medium-shape-square" }, { "description": "Corner radius when selected (round), for the medium size variant.", "name": "--m3e-button-medium-selected-shape-round" }, { "description": "Corner radius when selected (square), for the medium size variant.", "name": "--m3e-button-medium-selected-shape-square" }, { "description": "Corner radius when pressed, for the medium size variant.", "name": "--m3e-button-medium-shape-pressed-morph" }, { "description": "Space before icon or label, for the medium size variant.", "name": "--m3e-button-medium-leading-space" }, { "description": "Space after icon or label, for the medium size variant.", "name": "--m3e-button-medium-trailing-space" }, { "description": "Space between icon and label, for the medium size variant.", "name": "--m3e-button-medium-icon-label-space" }, { "description": "Height of the button container, for the large size variant.", "name": "--m3e-button-large-container-height" }, { "description": "Thickness of the button outline, for the large size variant.", "name": "--m3e-button-large-outline-thickness" }, { "description": "Font size for the label text, for the large size variant.", "name": "--m3e-button-large-label-text-font-size" }, { "description": "Font weight for the label text, for the large size variant.", "name": "--m3e-button-large-label-text-font-weight" }, { "description": "Line height for the label text, for the large size variant.", "name": "--m3e-button-large-label-text-line-height" }, { "description": "Letter tracking for the label text, for the large size variant.", "name": "--m3e-button-large-label-text-tracking" }, { "description": "Size of the icon, for the large size variant.", "name": "--m3e-button-large-icon-size" }, { "description": "Corner radius for round shape, for the large size variant.", "name": "--m3e-button-large-shape-round" }, { "description": "Corner radius for square shape, for the large size variant.", "name": "--m3e-button-large-shape-square" }, { "description": "Corner radius when selected (round), for the large size variant.", "name": "--m3e-button-large-selected-shape-round" }, { "description": "Corner radius when selected (square), for the large size variant.", "name": "--m3e-button-large-selected-shape-square" }, { "description": "Corner radius when pressed, for the large size variant.", "name": "--m3e-button-large-shape-pressed-morph" }, { "description": "Space before icon or label, for the large size variant.", "name": "--m3e-button-large-leading-space" }, { "description": "Space after icon or label, for the large size variant.", "name": "--m3e-button-large-trailing-space" }, { "description": "Space between icon and label, for the large size variant.", "name": "--m3e-button-large-icon-label-space" }, { "description": "Height of the button container, for the extra-large size variant.", "name": "--m3e-button-extra-large-container-height" }, { "description": "Thickness of the button outline, for the extra-large size variant.", "name": "--m3e-button-extra-large-outline-thickness" }, { "description": "Font size for the label text, for the extra-large size variant.", "name": "--m3e-button-extra-large-label-text-font-size" }, { "description": "Font weight for the label text, for the extra-large size variant.", "name": "--m3e-button-extra-large-label-text-font-weight" }, { "description": "Line height for the label text, for the extra-large size variant.", "name": "--m3e-button-extra-large-label-text-line-height" }, { "description": "Letter tracking for the label text, for the extra-large size variant.", "name": "--m3e-button-extra-large-label-text-tracking" }, { "description": "Size of the icon, for the extra-large size variant.", "name": "--m3e-button-extra-large-icon-size" }, { "description": "Corner radius for round shape, for the extra-large size variant.", "name": "--m3e-button-extra-large-shape-round" }, { "description": "Corner radius for square shape, for the extra-large size variant.", "name": "--m3e-button-extra-large-shape-square" }, { "description": "Corner radius when selected (round), for the extra-large size variant.", "name": "--m3e-button-extra-large-selected-shape-round" }, { "description": "Corner radius when selected (square), for the extra-large size variant.", "name": "--m3e-button-extra-large-selected-shape-square" }, { "description": "Corner radius when pressed, for the extra-large size variant.", "name": "--m3e-button-extra-large-shape-pressed-morph" }, { "description": "Space before icon or label, for the extra-large size variant.", "name": "--m3e-button-extra-large-leading-space" }, { "description": "Space after icon or label, for the extra-large size variant.", "name": "--m3e-button-extra-large-trailing-space" }, { "description": "Space between icon and label, for the extra-large size variant.", "name": "--m3e-button-extra-large-icon-label-space" }, { "description": "Outline color, for all variants.", "name": "--m3e-button-outline-color" }, { "description": "Disabled outline color, for all variants.", "name": "--m3e-button-disabled-outline-color" }, { "description": "Hover outline color, for all variants.", "name": "--m3e-button-hover-outline-color" }, { "description": "Focus outline color, for all variants.", "name": "--m3e-button-focus-outline-color" }, { "description": "Pressed outline color, for all variants.", "name": "--m3e-button-pressed-outline-color" }, { "description": "Container background color, for all variants.", "name": "--m3e-button-container-color" }, { "description": "Elevation, for all variants.", "name": "--m3e-button-container-elevation" }, { "description": "Unselected container color, for all variants.", "name": "--m3e-button-unselected-container-color" }, { "description": "Selected container color, for all variants.", "name": "--m3e-button-selected-container-color" }, { "description": "Disabled elevation, for all variants.", "name": "--m3e-button-disabled-container-elevation" }, { "description": "Hover elevation, for all variants.", "name": "--m3e-button-hover-container-elevation" }, { "description": "Focus elevation, for all variants.", "name": "--m3e-button-focus-container-elevation" }, { "description": "Pressed elevation, for all variants.", "name": "--m3e-button-pressed-container-elevation" }, { "description": "Label color, for all variants.", "name": "--m3e-button-label-text-color" }, { "description": "Icon color, for all variants.", "name": "--m3e-button-icon-color" }, { "description": "Unselected label color, for all variants.", "name": "--m3e-button-unselected-label-text-color" }, { "description": "Unselected icon color, for all variants.", "name": "--m3e-button-unselected-icon-color" }, { "description": "Selected label color, for all variants.", "name": "--m3e-button-selected-label-text-color" }, { "description": "Selected icon color, for all variants.", "name": "--m3e-button-selected-icon-color" }, { "description": "Disabled container color, for all variants.", "name": "--m3e-button-disabled-container-color" }, { "description": "Disabled container opacity, for all variants.", "name": "--m3e-button-disabled-container-opacity" }, { "description": "Disabled icon color, for all variants.", "name": "--m3e-button-disabled-icon-color" }, { "description": "Disabled icon opacity, for all variants.", "name": "--m3e-button-disabled-icon-opacity" }, { "description": "Disabled label color, for all variants.", "name": "--m3e-button-disabled-label-text-color" }, { "description": "Disabled label opacity, for all variants.", "name": "--m3e-button-disabled-label-text-opacity" }, { "description": "Hover icon color, for all variants.", "name": "--m3e-button-hover-icon-color" }, { "description": "Hover label color, for all variants.", "name": "--m3e-button-hover-label-text-color" }, { "description": "Hover state layer color, for all variants.", "name": "--m3e-button-hover-state-layer-color" }, { "description": "Hover state layer opacity, for all variants.", "name": "--m3e-button-hover-state-layer-opacity" }, { "description": "Hover unselected icon color, for all variants.", "name": "--m3e-button-hover-unselected-icon-color" }, { "description": "Hover unselected label color, for all variants.", "name": "--m3e-button-hover-unselected-label-text-color" }, { "description": "Hover unselected state layer color, for all variants.", "name": "--m3e-button-hover-unselected-state-layer-color" }, { "description": "Hover selected icon color, for all variants.", "name": "--m3e-button-hover-selected-icon-color" }, { "description": "Hover selected label color, for all variants.", "name": "--m3e-button-hover-selected-label-text-color" }, { "description": "Hover selected state layer color, for all variants.", "name": "--m3e-button-hover-selected-state-layer-color" }, { "description": "Focus icon color, for all variants.", "name": "--m3e-button-focus-icon-color" }, { "description": "Focus label color, for all variants.", "name": "--m3e-button-focus-label-text-color" }, { "description": "Focus state layer color, for all variants.", "name": "--m3e-button-focus-state-layer-color" }, { "description": "Focus state layer opacity, for all variants.", "name": "--m3e-button-focus-state-layer-opacity" }, { "description": "Focus unselected icon color, for all variants.", "name": "--m3e-button-focus-unselected-icon-color" }, { "description": "Focus unselected label color, for all variants.", "name": "--m3e-button-focus-unselected-label-text-color" }, { "description": "Focus unselected state layer color, for all variants.", "name": "--m3e-button-focus-unselected-state-layer-color" }, { "description": "Focus selected icon color, for all variants.", "name": "--m3e-button-focus-selected-icon-color" }, { "description": "Focus selected label color, for all variants.", "name": "--m3e-button-focus-selected-label-text-color" }, { "description": "Focus selected state layer color, for all variants.", "name": "--m3e-button-focus-selected-state-layer-color" }, { "description": "Pressed icon color, for all variants.", "name": "--m3e-button-pressed-icon-color" }, { "description": "Pressed label color, for all variants.", "name": "--m3e-button-pressed-label-text-color" }, { "description": "Pressed state layer color, for all variants.", "name": "--m3e-button-pressed-state-layer-color" }, { "description": "Pressed state layer opacity, for all variants.", "name": "--m3e-button-pressed-state-layer-opacity" }, { "description": "Pressed unselected icon color, for all variants.", "name": "--m3e-button-pressed-unselected-icon-color" }, { "description": "Pressed unselected label color, for all variants.", "name": "--m3e-button-pressed-unselected-label-text-color" }, { "description": "Pressed unselected state layer color, for all variants.", "name": "--m3e-button-pressed-unselected-state-layer-color" }, { "description": "Pressed selected icon color, for all variants.", "name": "--m3e-button-pressed-selected-icon-color" }, { "description": "Pressed selected label color, for all variants.", "name": "--m3e-button-pressed-selected-label-text-color" }, { "description": "Pressed selected state layer color, for all variants.", "name": "--m3e-button-pressed-selected-state-layer-color" }, { "description": "Label color, for the elevated variant.", "name": "--m3e-elevated-button-label-text-color" }, { "description": "Icon color, for the elevated variant.", "name": "--m3e-elevated-button-icon-color" }, { "description": "Container background color, for the elevated variant.", "name": "--m3e-elevated-button-container-color" }, { "description": "Elevation, for the elevated variant.", "name": "--m3e-elevated-button-container-elevation" }, { "description": "Unselected label color, for the elevated variant.", "name": "--m3e-elevated-button-unselected-label-text-color" }, { "description": "Unselected icon color, for the elevated variant.", "name": "--m3e-elevated-button-unselected-icon-color" }, { "description": "Unselected container color, for the elevated variant.", "name": "--m3e-elevated-button-unselected-container-color" }, { "description": "Selected label color, for the elevated variant.", "name": "--m3e-elevated-button-selected-label-text-color" }, { "description": "Selected icon color, for the elevated variant.", "name": "--m3e-elevated-button-selected-icon-color" }, { "description": "Selected container color, for the elevated variant.", "name": "--m3e-elevated-button-selected-container-color" }, { "description": "Disabled container color, for the elevated variant.", "name": "--m3e-elevated-button-disabled-container-color" }, { "description": "Disabled container opacity, for the elevated variant.", "name": "--m3e-elevated-button-disabled-container-opacity" }, { "description": "Disabled icon color, for the elevated variant.", "name": "--m3e-elevated-button-disabled-icon-color" }, { "description": "Disabled icon opacity, for the elevated variant.", "name": "--m3e-elevated-button-disabled-icon-opacity" }, { "description": "Disabled label color, for the elevated variant.", "name": "--m3e-elevated-button-disabled-label-text-color" }, { "description": "Disabled label opacity, for the elevated variant.", "name": "--m3e-elevated-button-disabled-label-text-opacity" }, { "description": "Disabled elevation, for the elevated variant.", "name": "--m3e-elevated-button-disabled-container-elevation" }, { "description": "Hover icon color, for the elevated variant.", "name": "--m3e-elevated-button-hover-icon-color" }, { "description": "Hover label color, for the elevated variant.", "name": "--m3e-elevated-button-hover-label-text-color" }, { "description": "Hover state layer color, for the elevated variant.", "name": "--m3e-elevated-button-hover-state-layer-color" }, { "description": "Hover state layer opacity, for the elevated variant.", "name": "--m3e-elevated-button-hover-state-layer-opacity" }, { "description": "Hover elevation, for the elevated variant.", "name": "--m3e-elevated-button-hover-container-elevation" }, { "description": "Hover unselected icon color, for the elevated variant.", "name": "--m3e-elevated-button-hover-unselected-icon-color" }, { "description": "Hover unselected label color, for the elevated variant.", "name": "--m3e-elevated-button-hover-unselected-label-text-color" }, { "description": "Hover unselected state layer color, for the elevated variant.", "name": "--m3e-elevated-button-hover-unselected-state-layer-color" }, { "description": "Hover selected icon color, for the elevated variant.", "name": "--m3e-elevated-button-hover-selected-icon-color" }, { "description": "Hover selected label color, for the elevated variant.", "name": "--m3e-elevated-button-hover-selected-label-text-color" }, { "description": "Hover selected state layer color, for the elevated variant.", "name": "--m3e-elevated-button-hover-selected-state-layer-color" }, { "description": "Focus icon color, for the elevated variant.", "name": "--m3e-elevated-button-focus-icon-color" }, { "description": "Focus label color, for the elevated variant.", "name": "--m3e-elevated-button-focus-label-text-color" }, { "description": "Focus state layer color, for the elevated variant.", "name": "--m3e-elevated-button-focus-state-layer-color" }, { "description": "Focus state layer opacity, for the elevated variant.", "name": "--m3e-elevated-button-focus-state-layer-opacity" }, { "description": "Focus elevation, for the elevated variant.", "name": "--m3e-elevated-button-focus-container-elevation" }, { "description": "Focus unselected label color, for the elevated variant.", "name": "--m3e-elevated-button-focus-unselected-label-text-color" }, { "description": "Focus unselected icon color, for the elevated variant.", "name": "--m3e-elevated-button-focus-unselected-icon-color" }, { "description": "Focus unselected state layer color, for the elevated variant.", "name": "--m3e-elevated-button-focus-unselected-state-layer-color" }, { "description": "Focus selected icon color, for the elevated variant.", "name": "--m3e-elevated-button-focus-selected-icon-color" }, { "description": "Focus selected label color, for the elevated variant.", "name": "--m3e-elevated-button-focus-selected-label-text-color" }, { "description": "Focus selected state layer color, for the elevated variant.", "name": "--m3e-elevated-button-focus-selected-state-layer-color" }, { "description": "Pressed icon color, for the elevated variant.", "name": "--m3e-elevated-button-pressed-icon-color" }, { "description": "Pressed label color, for the elevated variant.", "name": "--m3e-elevated-button-pressed-label-text-color" }, { "description": "Pressed state layer color, for the elevated variant.", "name": "--m3e-elevated-button-pressed-state-layer-color" }, { "description": "Pressed state layer opacity, for the elevated variant.", "name": "--m3e-elevated-button-pressed-state-layer-opacity" }, { "description": "Pressed elevation, for the elevated variant.", "name": "--m3e-elevated-button-pressed-container-elevation" }, { "description": "Pressed unselected label color, for the elevated variant.", "name": "--m3e-elevated-button-pressed-unselected-label-text-color" }, { "description": "Pressed unselected icon color, for the elevated variant.", "name": "--m3e-elevated-button-pressed-unselected-icon-color" }, { "description": "Pressed unselected state layer color, for the elevated variant.", "name": "--m3e-elevated-button-pressed-unselected-state-layer-color" }, { "description": "Pressed selected icon color, for the elevated variant.", "name": "--m3e-elevated-button-pressed-selected-icon-color" }, { "description": "Pressed selected label color, for the elevated variant.", "name": "--m3e-elevated-button-pressed-selected-label-text-color" }, { "description": "Pressed selected state layer color, for the elevated variant.", "name": "--m3e-elevated-button-pressed-selected-state-layer-color" }, { "description": "Label color, for the outlined variant.", "name": "--m3e-outlined-button-label-text-color" }, { "description": "Icon color, for the outlined variant.", "name": "--m3e-outlined-button-icon-color" }, { "description": "Outline color, for the outlined variant.", "name": "--m3e-outlined-button-outline-color" }, { "description": "Unselected label color, for the outlined variant.", "name": "--m3e-outlined-button-unselected-label-text-color" }, { "description": "Unselected icon color, for the outlined variant.", "name": "--m3e-outlined-button-unselected-icon-color" }, { "description": "Selected label color, for the outlined variant.", "name": "--m3e-outlined-button-selected-label-text-color" }, { "description": "Selected icon color, for the outlined variant.", "name": "--m3e-outlined-button-selected-icon-color" }, { "description": "Selected container color, for the outlined variant.", "name": "--m3e-outlined-button-selected-container-color" }, { "description": "Disabled container color, for the outlined variant.", "name": "--m3e-outlined-button-disabled-container-color" }, { "description": "Disabled container opacity, for the outlined variant.", "name": "--m3e-outlined-button-disabled-container-opacity" }, { "description": "Disabled icon color, for the outlined variant.", "name": "--m3e-outlined-button-disabled-icon-color" }, { "description": "Disabled icon opacity, for the outlined variant.", "name": "--m3e-outlined-button-disabled-icon-opacity" }, { "description": "Disabled label color, for the outlined variant.", "name": "--m3e-outlined-button-disabled-label-text-color" }, { "description": "Disabled label opacity, for the outlined variant.", "name": "--m3e-outlined-button-disabled-label-text-opacity" }, { "description": "Disabled outline color, for the outlined variant.", "name": "--m3e-outlined-button-disabled-outline-color" }, { "description": "Hover icon color, for the outlined variant.", "name": "--m3e-outlined-button-hover-icon-color" }, { "description": "Hover label color, for the outlined variant.", "name": "--m3e-outlined-button-hover-label-text-color" }, { "description": "Hover outline color, for the outlined variant.", "name": "--m3e-outlined-button-hover-outline-color" }, { "description": "Hover state layer color, for the outlined variant.", "name": "--m3e-outlined-button-hover-state-layer-color" }, { "description": "Hover state layer opacity, for the outlined variant.", "name": "--m3e-outlined-button-hover-state-layer-opacity" }, { "description": "Hover unselected icon color, for the outlined variant.", "name": "--m3e-outlined-button-hover-unselected-icon-color" }, { "description": "Hover unselected label color, for the outlined variant.", "name": "--m3e-outlined-button-hover-unselected-label-text-color" }, { "description": "Hover unselected state layer color, for the outlined variant.", "name": "--m3e-outlined-button-hover-unselected-state-layer-color" }, { "description": "Hover selected icon color, for the outlined variant.", "name": "--m3e-outlined-button-hover-selected-icon-color" }, { "description": "Hover selected label color, for the outlined variant.", "name": "--m3e-outlined-button-hover-selected-label-text-color" }, { "description": "Hover selected state layer color, for the outlined variant.", "name": "--m3e-outlined-button-hover-selected-state-layer-color" }, { "description": "Focus icon color, for the outlined variant.", "name": "--m3e-outlined-button-focus-icon-color" }, { "description": "Focus label color, for the outlined variant.", "name": "--m3e-outlined-button-focus-label-text-color" }, { "description": "Focus outline color, for the outlined variant.", "name": "--m3e-outlined-button-focus-outline-color" }, { "description": "Focus state layer color, for the outlined variant.", "name": "--m3e-outlined-button-focus-state-layer-color" }, { "description": "Focus state layer opacity, for the outlined variant.", "name": "--m3e-outlined-button-focus-state-layer-opacity" }, { "description": "Focus unselected icon color, for the outlined variant.", "name": "--m3e-outlined-button-focus-unselected-icon-color" }, { "description": "Focus unselected label color, for the outlined variant.", "name": "--m3e-outlined-button-focus-unselected-label-text-color" }, { "description": "Focus unselected state layer color, for the outlined variant.", "name": "--m3e-outlined-button-focus-unselected-state-layer-color" }, { "description": "Focus selected icon color, for the outlined variant.", "name": "--m3e-outlined-button-focus-selected-icon-color" }, { "description": "Focus selected label color, for the outlined variant.", "name": "--m3e-outlined-button-focus-selected-label-text-color" }, { "description": "Focus selected state layer color, for the outlined variant.", "name": "--m3e-outlined-button-focus-selected-state-layer-color" }, { "description": "Pressed icon color, for the outlined variant.", "name": "--m3e-outlined-button-pressed-icon-color" }, { "description": "Pressed label color, for the outlined variant.", "name": "--m3e-outlined-button-pressed-label-text-color" }, { "description": "Pressed outline color, for the outlined variant.", "name": "--m3e-outlined-button-pressed-outline-color" }, { "description": "Pressed state layer color, for the outlined variant.", "name": "--m3e-outlined-button-pressed-state-layer-color" }, { "description": "Pressed state layer opacity, for the outlined variant.", "name": "--m3e-outlined-button-pressed-state-layer-opacity" }, { "description": "Pressed unselected icon color, for the outlined variant.", "name": "--m3e-outlined-button-pressed-unselected-icon-color" }, { "description": "Pressed unselected label color, for the outlined variant.", "name": "--m3e-outlined-button-pressed-unselected-label-text-color" }, { "description": "Pressed unselected state layer color, for the outlined variant.", "name": "--m3e-outlined-button-pressed-unselected-state-layer-color" }, { "description": "Pressed selected icon color, for the outlined variant.", "name": "--m3e-outlined-button-pressed-selected-icon-color" }, { "description": "Pressed selected label color, for the outlined variant.", "name": "--m3e-outlined-button-pressed-selected-label-text-color" }, { "description": "Pressed selected state layer color, for the outlined variant.", "name": "--m3e-outlined-button-pressed-selected-state-layer-color" }, { "description": "Label color, for the filled variant.", "name": "--m3e-filled-button-label-text-color" }, { "description": "Icon color, for the filled variant.", "name": "--m3e-filled-button-icon-color" }, { "description": "Container background color, for the filled variant.", "name": "--m3e-filled-button-container-color" }, { "description": "Elevation, for the filled variant.", "name": "--m3e-filled-button-container-elevation" }, { "description": "Unselected label color, for the filled variant.", "name": "--m3e-filled-button-unselected-label-text-color" }, { "description": "Unselected icon color, for the filled variant.", "name": "--m3e-filled-button-unselected-icon-color" }, { "description": "Unselected container color, for the filled variant.", "name": "--m3e-filled-button-unselected-container-color" }, { "description": "Selected label color, for the filled variant.", "name": "--m3e-filled-button-selected-label-text-color" }, { "description": "Selected icon color, for the filled variant.", "name": "--m3e-filled-button-selected-icon-color" }, { "description": "Selected container color, for the filled variant.", "name": "--m3e-filled-button-selected-container-color" }, { "description": "Disabled container color, for the filled variant.", "name": "--m3e-filled-button-disabled-container-color" }, { "description": "Disabled container opacity, for the filled variant.", "name": "--m3e-filled-button-disabled-container-opacity" }, { "description": "Disabled icon color, for the filled variant.", "name": "--m3e-filled-button-disabled-icon-color" }, { "description": "Disabled icon opacity, for the filled variant.", "name": "--m3e-filled-button-disabled-icon-opacity" }, { "description": "Disabled label color, for the filled variant.", "name": "--m3e-filled-button-disabled-label-text-color" }, { "description": "Disabled label opacity, for the filled variant.", "name": "--m3e-filled-button-disabled-label-text-opacity" }, { "description": "Disabled elevation, for the filled variant.", "name": "--m3e-filled-button-disabled-container-elevation" }, { "description": "Hover icon color, for the filled variant.", "name": "--m3e-filled-button-hover-icon-color" }, { "description": "Hover label color, for the filled variant.", "name": "--m3e-filled-button-hover-label-text-color" }, { "description": "Hover state layer color, for the filled variant.", "name": "--m3e-filled-button-hover-state-layer-color" }, { "description": "Hover state layer opacity, for the filled variant.", "name": "--m3e-filled-button-hover-state-layer-opacity" }, { "description": "Hover elevation, for the filled variant.", "name": "--m3e-filled-button-hover-container-elevation" }, { "description": "Hover unselected icon color, for the filled variant.", "name": "--m3e-filled-button-hover-unselected-icon-color" }, { "description": "Hover unselected label color, for the filled variant.", "name": "--m3e-filled-button-hover-unselected-label-text-color" }, { "description": "Hover unselected state layer color, for the filled variant.", "name": "--m3e-filled-button-hover-unselected-state-layer-color" }, { "description": "Hover selected icon color, for the filled variant.", "name": "--m3e-filled-button-hover-selected-icon-color" }, { "description": "Hover selected label color, for the filled variant.", "name": "--m3e-filled-button-hover-selected-label-text-color" }, { "description": "Hover selected state layer color, for the filled variant.", "name": "--m3e-filled-button-hover-selected-state-layer-color" }, { "description": "Focus icon color, for the filled variant.", "name": "--m3e-filled-button-focus-icon-color" }, { "description": "Focus label color, for the filled variant.", "name": "--m3e-filled-button-focus-label-text-color" }, { "description": "Focus state layer color, for the filled variant.", "name": "--m3e-filled-button-focus-state-layer-color" }, { "description": "Focus state layer opacity, for the filled variant.", "name": "--m3e-filled-button-focus-state-layer-opacity" }, { "description": "Focus elevation, for the filled variant.", "name": "--m3e-filled-button-focus-container-elevation" }, { "description": "Focus unselected icon color, for the filled variant.", "name": "--m3e-filled-button-focus-unselected-icon-color" }, { "description": "Focus unselected label color, for the filled variant.", "name": "--m3e-filled-button-focus-unselected-label-text-color" }, { "description": "Focus unselected state layer color, for the filled variant.", "name": "--m3e-filled-button-focus-unselected-state-layer-color" }, { "description": "Focus selected icon color, for the filled variant.", "name": "--m3e-filled-button-focus-selected-icon-color" }, { "description": "Focus selected label color, for the filled variant.", "name": "--m3e-filled-button-focus-selected-label-text-color" }, { "description": "Focus selected state layer color, for the filled variant.", "name": "--m3e-filled-button-focus-selected-state-layer-color" }, { "description": "Pressed icon color, for the filled variant.", "name": "--m3e-filled-button-pressed-icon-color" }, { "description": "Pressed label color, for the filled variant.", "name": "--m3e-filled-button-pressed-label-text-color" }, { "description": "Pressed state layer color, for the filled variant.", "name": "--m3e-filled-button-pressed-state-layer-color" }, { "description": "Pressed state layer opacity, for the filled variant.", "name": "--m3e-filled-button-pressed-state-layer-opacity" }, { "description": "Pressed elevation, for the filled variant.", "name": "--m3e-filled-button-pressed-container-elevation" }, { "description": "Pressed unselected icon color, for the filled variant.", "name": "--m3e-filled-button-pressed-unselected-icon-color" }, { "description": "Pressed unselected label color, for the filled variant.", "name": "--m3e-filled-button-pressed-unselected-label-text-color" }, { "description": "Pressed unselected state layer color, for the filled variant.", "name": "--m3e-filled-button-pressed-unselected-state-layer-color" }, { "description": "Pressed selected icon color, for the filled variant.", "name": "--m3e-filled-button-pressed-selected-icon-color" }, { "description": "Pressed selected label color, for the filled variant.", "name": "--m3e-filled-button-pressed-selected-label-text-color" }, { "description": "Pressed selected state layer color, for the filled variant.", "name": "--m3e-filled-button-pressed-selected-state-layer-color" }, { "description": "Label color, for the tonal variant.", "name": "--m3e-tonal-button-label-text-color" }, { "description": "Icon color, for the tonal variant.", "name": "--m3e-tonal-button-icon-color" }, { "description": "Container background color, for the tonal variant.", "name": "--m3e-tonal-button-container-color" }, { "description": "Elevation, for the tonal variant.", "name": "--m3e-tonal-button-container-elevation" }, { "description": "Unselected label color, for the tonal variant.", "name": "--m3e-tonal-button-unselected-label-text-color" }, { "description": "Unselected icon color, for the tonal variant.", "name": "--m3e-tonal-button-unselected-icon-color" }, { "description": "Unselected container color, for the tonal variant.", "name": "--m3e-tonal-button-unselected-container-color" }, { "description": "Selected label color, for the tonal variant.", "name": "--m3e-tonal-button-selected-label-text-color" }, { "description": "Selected icon color, for the tonal variant.", "name": "--m3e-tonal-button-selected-icon-color" }, { "description": "Selected container color, for the tonal variant.", "name": "--m3e-tonal-button-selected-container-color" }, { "description": "Disabled container color, for the tonal variant.", "name": "--m3e-tonal-button-disabled-container-color" }, { "description": "Disabled container opacity, for the tonal variant.", "name": "--m3e-tonal-button-disabled-container-opacity" }, { "description": "Disabled icon color, for the tonal variant.", "name": "--m3e-tonal-button-disabled-icon-color" }, { "description": "Disabled icon opacity, for the tonal variant.", "name": "--m3e-tonal-button-disabled-icon-opacity" }, { "description": "Disabled label color, for the tonal variant.", "name": "--m3e-tonal-button-disabled-label-text-color" }, { "description": "Disabled label opacity, for the tonal variant.", "name": "--m3e-tonal-button-disabled-label-text-opacity" }, { "description": "Disabled elevation, for the tonal variant.", "name": "--m3e-tonal-button-disabled-container-elevation" }, { "description": "Hover icon color, for the tonal variant.", "name": "--m3e-tonal-button-hover-icon-color" }, { "description": "Hover label color, for the tonal variant.", "name": "--m3e-tonal-button-hover-label-text-color" }, { "description": "Hover state layer color, for the tonal variant.", "name": "--m3e-tonal-button-hover-state-layer-color" }, { "description": "Hover state layer opacity, for the tonal variant.", "name": "--m3e-tonal-button-hover-state-layer-opacity" }, { "description": "Hover elevation, for the tonal variant.", "name": "--m3e-tonal-button-hover-container-elevation" }, { "description": "Hover unselected icon color, for the tonal variant.", "name": "--m3e-tonal-button-hover-unselected-icon-color" }, { "description": "Hover unselected label color, for the tonal variant.", "name": "--m3e-tonal-button-hover-unselected-label-text-color" }, { "description": "Hover unselected state layer color, for the tonal variant.", "name": "--m3e-tonal-button-hover-unselected-state-layer-color" }, { "description": "Hover selected icon color, for the tonal variant.", "name": "--m3e-tonal-button-hover-selected-icon-color" }, { "description": "Hover selected label color, for the tonal variant.", "name": "--m3e-tonal-button-hover-selected-label-text-color" }, { "description": "Hover selected state layer color, for the tonal variant.", "name": "--m3e-tonal-button-hover-selected-state-layer-color" }, { "description": "Focus icon color, for the tonal variant.", "name": "--m3e-tonal-button-focus-icon-color" }, { "description": "Focus label color, for the tonal variant.", "name": "--m3e-tonal-button-focus-label-text-color" }, { "description": "Focus state layer color, for the tonal variant.", "name": "--m3e-tonal-button-focus-state-layer-color" }, { "description": "Focus state layer opacity, for the tonal variant.", "name": "--m3e-tonal-button-focus-state-layer-opacity" }, { "description": "Focus elevation, for the tonal variant.", "name": "--m3e-tonal-button-focus-container-elevation" }, { "description": "Focus unselected icon color, for the tonal variant.", "name": "--m3e-tonal-button-focus-unselected-icon-color" }, { "description": "Focus unselected label color, for the tonal variant.", "name": "--m3e-tonal-button-focus-unselected-label-text-color" }, { "description": "Focus unselected state layer color, for the tonal variant.", "name": "--m3e-tonal-button-focus-unselected-state-layer-color" }, { "description": "Focus selected icon color, for the tonal variant.", "name": "--m3e-tonal-button-focus-selected-icon-color" }, { "description": "Focus selected label color, for the tonal variant.", "name": "--m3e-tonal-button-focus-selected-label-text-color" }, { "description": "Focus selected state layer color, for the tonal variant.", "name": "--m3e-tonal-button-focus-selected-state-layer-color" }, { "description": "Pressed icon color, for the tonal variant.", "name": "--m3e-tonal-button-pressed-icon-color" }, { "description": "Pressed label color, for the tonal variant.", "name": "--m3e-tonal-button-pressed-label-text-color" }, { "description": "Pressed state layer color, for the tonal variant.", "name": "--m3e-tonal-button-pressed-state-layer-color" }, { "description": "Pressed state layer opacity, for the tonal variant.", "name": "--m3e-tonal-button-pressed-state-layer-opacity" }, { "description": "Pressed elevation, for the tonal variant.", "name": "--m3e-tonal-button-pressed-container-elevation" }, { "description": "Pressed unselected icon color, for the tonal variant.", "name": "--m3e-tonal-button-pressed-unselected-icon-color" }, { "description": "Pressed unselected label color, for the tonal variant.", "name": "--m3e-tonal-button-pressed-unselected-label-text-color" }, { "description": "Pressed unselected state layer color, for the tonal variant.", "name": "--m3e-tonal-button-pressed-unselected-state-layer-color" }, { "description": "Pressed selected icon color, for the tonal variant.", "name": "--m3e-tonal-button-pressed-selected-icon-color" }, { "description": "Pressed selected label color, for the tonal variant.", "name": "--m3e-tonal-button-pressed-selected-label-text-color" }, { "description": "Pressed selected state layer color, for the tonal variant.", "name": "--m3e-tonal-button-pressed-selected-state-layer-color" }, { "description": "Label color, for the text variant.", "name": "--m3e-text-button-label-text-color" }, { "description": "Icon color, for the text variant.", "name": "--m3e-text-button-icon-color" }, { "description": "Unselected label color, for the text variant.", "name": "--m3e-text-button-unselected-label-text-color" }, { "description": "Unselected icon color, for the text variant.", "name": "--m3e-text-button-unselected-icon-color" }, { "description": "Selected label color, for the text variant.", "name": "--m3e-text-button-selected-label-text-color" }, { "description": "Selected icon color, for the text variant.", "name": "--m3e-text-button-selected-icon-color" }, { "description": "Disabled container color, for the text variant.", "name": "--m3e-text-button-disabled-container-color" }, { "description": "Disabled container opacity, for the text variant.", "name": "--m3e-text-button-disabled-container-opacity" }, { "description": "Disabled icon color, for the text variant.", "name": "--m3e-text-button-disabled-icon-color" }, { "description": "Disabled icon opacity, for the text variant.", "name": "--m3e-text-button-disabled-icon-opacity" }, { "description": "Disabled label color, for the text variant.", "name": "--m3e-text-button-disabled-label-text-color" }, { "description": "Disabled label opacity, for the text variant.", "name": "--m3e-text-button-disabled-label-text-opacity" }, { "description": "Hover icon color, for the text variant.", "name": "--m3e-text-button-hover-icon-color" }, { "description": "Hover label color, for the text variant.", "name": "--m3e-text-button-hover-label-text-color" }, { "description": "Hover state layer color, for the text variant.", "name": "--m3e-text-button-hover-state-layer-color" }, { "description": "Hover state layer opacity, for the text variant.", "name": "--m3e-text-button-hover-state-layer-opacity" }, { "description": "Hover unselected icon color, for the text variant.", "name": "--m3e-text-button-hover-unselected-icon-color" }, { "description": "Hover unselected label color, for the text variant.", "name": "--m3e-text-button-hover-unselected-label-text-color" }, { "description": "Hover unselected state layer color, for the text variant.", "name": "--m3e-text-button-hover-unselected-state-layer-color" }, { "description": "Hover selected icon color, for the text variant.", "name": "--m3e-text-button-hover-selected-icon-color" }, { "description": "Hover selected label color, for the text variant.", "name": "--m3e-text-button-hover-selected-label-text-color" }, { "description": "Hover selected state layer color, for the text variant.", "name": "--m3e-text-button-hover-selected-state-layer-color" }, { "description": "Focus icon color, for the text variant.", "name": "--m3e-text-button-focus-icon-color" }, { "description": "Focus label color, for the text variant.", "name": "--m3e-text-button-focus-label-text-color" }, { "description": "Focus state layer color, for the text variant.", "name": "--m3e-text-button-focus-state-layer-color" }, { "description": "Focus state layer opacity, for the text variant.", "name": "--m3e-text-button-focus-state-layer-opacity" }, { "description": "Focus unselected icon color, for the text variant.", "name": "--m3e-text-button-focus-unselected-icon-color" }, { "description": "Focus unselected label color, for the text variant.", "name": "--m3e-text-button-focus-unselected-label-text-color" }, { "description": "Focus unselected state layer color, for the text variant.", "name": "--m3e-text-button-focus-unselected-state-layer-color" }, { "description": "Focus selected icon color, for the text variant.", "name": "--m3e-text-button-focus-selected-icon-color" }, { "description": "Focus selected label color, for the text variant.", "name": "--m3e-text-button-focus-selected-label-text-color" }, { "description": "Focus selected state layer color, for the text variant.", "name": "--m3e-text-button-focus-selected-state-layer-color" }, { "description": "Pressed icon color, for the text variant.", "name": "--m3e-text-button-pressed-icon-color" }, { "description": "Pressed label color, for the text variant.", "name": "--m3e-text-button-pressed-label-text-color" }, { "description": "Pressed state layer color, for the text variant.", "name": "--m3e-text-button-pressed-state-layer-color" }, { "description": "Pressed state layer opacity, for the text variant.", "name": "--m3e-text-button-pressed-state-layer-opacity" }, { "description": "Pressed unselected icon color, for the text variant.", "name": "--m3e-text-button-pressed-unselected-icon-color" }, { "description": "Pressed unselected label color, for the text variant.", "name": "--m3e-text-button-pressed-unselected-label-text-color" }, { "description": "Pressed unselected state layer color, for the text variant.", "name": "--m3e-text-button-pressed-unselected-state-layer-color" }, { "description": "Pressed selected icon color, for the text variant.", "name": "--m3e-text-button-pressed-selected-icon-color" }, { "description": "Pressed selected label color, for the text variant.", "name": "--m3e-text-button-pressed-selected-label-text-color" }, { "description": "Pressed selected state layer color, for the text variant.", "name": "--m3e-text-button-pressed-selected-state-layer-color" } ], "slots": [ { "description": "Renders the label of the button.", "name": "" }, { "description": "Renders an icon before the button's label.", "name": "icon" }, { "description": "Renders the label of the button, when selected.", "name": "selected" }, { "description": "Renders an icon before the button's label, when selected.", "name": "selected-icon" }, { "description": "Renders an icon after the button's label.", "name": "trailing-icon" } ], "members": [ { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_elevation", "type": { "text": "M3eElevationElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "variant", "type": { "text": "ButtonVariant" }, "default": "\"text\"", "description": "The appearance variant of the button.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'text' | 'filled' | 'outlined' | 'elevated' | 'tonal'" } }, { "kind": "field", "name": "shape", "type": { "text": "ButtonShape" }, "default": "\"rounded\"", "description": "The shape of the button.", "attribute": "shape", "reflects": true, "parsedType": { "text": "'rounded' | 'square'" } }, { "kind": "field", "name": "size", "type": { "text": "ButtonSize" }, "default": "\"small\"", "description": "The size of the button.", "attribute": "size", "reflects": true, "parsedType": { "text": "'small' | 'medium' | 'large' | 'extra-small' | 'extra-large'" } }, { "kind": "field", "name": "toggle", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button will toggle between selected and unselected states.", "attribute": "toggle", "reflects": true }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the toggle button is selected.", "attribute": "selected", "reflects": true }, { "kind": "field", "name": "grouped", "description": "Whether the button is contained by a button group.", "readonly": true }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSelectedIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "_handleResize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateButtonShape", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "force", "default": "false" } ] }, { "kind": "method", "name": "#handlePressedChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "pressed", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#cleanupAdjacentPressed", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "buttons", "type": { "text": "Array" } } ] }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "name", "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.", "attribute": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "attribute": "value", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "attribute": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_suppressedEventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabledInteractive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "attribute": "disabled-interactive", "reflects": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before a toggle button's selected state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when a toggle button's selected state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when a toggle button's selected state changes." }, { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "disabled-interactive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "fieldName": "disabledInteractive", "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "name", "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.", "fieldName": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "description": "Whether the toggle button is selected.", "name": "selected", "type": { "text": "boolean" }, "default": "false", "fieldName": "selected" }, { "description": "The shape of the button.", "name": "shape", "type": { "text": "ButtonShape" }, "default": "\"rounded\"", "fieldName": "shape", "parsedType": { "text": "'rounded' | 'square'" } }, { "description": "The size of the button.", "name": "size", "type": { "text": "ButtonSize" }, "default": "\"small\"", "fieldName": "size", "parsedType": { "text": "'small' | 'medium' | 'large' | 'extra-small' | 'extra-large'" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "description": "Whether the button will toggle between selected and unselected states.", "name": "toggle", "type": { "text": "boolean" }, "default": "false", "fieldName": "toggle" }, { "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "fieldName": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "fieldName": "value", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "description": "The appearance variant of the button.", "name": "variant", "type": { "text": "ButtonVariant" }, "default": "\"text\"", "fieldName": "variant", "parsedType": { "text": "'text' | 'filled' | 'outlined' | 'elevated' | 'tonal'" } } ], "mixins": [ { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "FormSubmitter", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "DisabledInteractive", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-button", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eButtonElement", "declaration": { "name": "M3eButtonElement", "module": "src/button/ButtonElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-button", "declaration": { "name": "M3eButtonElement", "module": "src/button/ButtonElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/button/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button/ButtonElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button/ButtonShape" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button/ButtonSize" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button/ButtonVariant" } } ] }, { "kind": "javascript-module", "path": "src/icon-button/IconButtonSize.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon-button/IconButtonShape.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon-button/IconButtonVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon-button/styles/IconButtonSizeToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon-button/styles/IconButtonSizeStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon-button/styles/IconButtonStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon-button/styles/IconButtonVariantToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon-button/styles/IconButtonVariantStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon-button/styles/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon-button/styles/IconButtonSizeStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon-button/styles/IconButtonStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon-button/styles/IconButtonVariantStyle" } } ] }, { "kind": "javascript-module", "path": "src/icon-button/IconButtonWidth.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon-button/IconButtonElement.ts", "declarations": [ { "kind": "class", "description": "An icon button users interact with to perform a supplementary action.", "name": "M3eIconButtonElement", "cssProperties": [ { "description": "Height of the container for all size variants.", "name": "--m3e-icon-button-container-height" }, { "description": "Outline thickness for all size variants.", "name": "--m3e-icon-button-outline-thickness" }, { "description": "Icon size for all size variants.", "name": "--m3e-icon-button-icon-size" }, { "description": "Corner radius for all round size variants.", "name": "--m3e-icon-button-shape-round" }, { "description": "Corner radius for all square size variants.", "name": "--m3e-icon-button-shape-square" }, { "description": "Corner radius for all selected round size variants.", "name": "--m3e-icon-button-selected-shape-round" }, { "description": "Corner radius for all selected square size variants.", "name": "--m3e-icon-button-selected-shape-square" }, { "description": "Corner radius for all pressed size variants.", "name": "--m3e-icon-button-shape-pressed-morph" }, { "description": "Leading space for all size variants (narrow).", "name": "--m3e-icon-button-narrow-leading-space" }, { "description": "Trailing space for all size variants (narrow).", "name": "--m3e-icon-button-narrow-trailing-space" }, { "description": "Leading space for all size variants (default).", "name": "--m3e-icon-button-default-leading-space" }, { "description": "Trailing space for all size variants (default).", "name": "--m3e-icon-button-default-trailing-space" }, { "description": "Leading space for all size variants (wide).", "name": "--m3e-icon-button-wide-leading-space" }, { "description": "Trailing space for all size variants (wide).", "name": "--m3e-icon-button-wide-trailing-space" }, { "description": "Height of the extra-small container.", "name": "--m3e-icon-button-extra-small-container-height" }, { "description": "Outline thickness for extra-small.", "name": "--m3e-icon-button-extra-small-outline-thickness" }, { "description": "Icon size for extra-small.", "name": "--m3e-icon-button-extra-small-icon-size" }, { "description": "Corner radius for round extra-small.", "name": "--m3e-icon-button-extra-small-shape-round" }, { "description": "Corner radius for square extra-small.", "name": "--m3e-icon-button-extra-small-shape-square" }, { "description": "Corner radius for selected round extra-small.", "name": "--m3e-icon-button-extra-small-selected-shape-round" }, { "description": "Corner radius for selected square extra-small.", "name": "--m3e-icon-button-extra-small-selected-shape-square" }, { "description": "Corner radius for pressed extra-small.", "name": "--m3e-icon-button-extra-small-shape-pressed-morph" }, { "description": "Leading space for extra-small (narrow).", "name": "--m3e-icon-button-extra-small-narrow-leading-space" }, { "description": "Trailing space for extra-small (narrow).", "name": "--m3e-icon-button-extra-small-narrow-trailing-space" }, { "description": "Leading space for extra-small (default).", "name": "--m3e-icon-button-extra-small-default-leading-space" }, { "description": "Trailing space for extra-small (default).", "name": "--m3e-icon-button-extra-small-default-trailing-space" }, { "description": "Leading space for extra-small (wide).", "name": "--m3e-icon-button-extra-small-wide-leading-space" }, { "description": "Trailing space for extra-small (wide).", "name": "--m3e-icon-button-extra-small-wide-trailing-space" }, { "description": "Height of the small container.", "name": "--m3e-icon-button-small-container-height" }, { "description": "Outline thickness for small.", "name": "--m3e-icon-button-small-outline-thickness" }, { "description": "Icon size for small.", "name": "--m3e-icon-button-small-icon-size" }, { "description": "Corner radius for round small.", "name": "--m3e-icon-button-small-shape-round" }, { "description": "Corner radius for square small.", "name": "--m3e-icon-button-small-shape-square" }, { "description": "Corner radius for selected round small.", "name": "--m3e-icon-button-small-selected-shape-round" }, { "description": "Corner radius for selected square small.", "name": "--m3e-icon-button-small-selected-shape-square" }, { "description": "Corner radius for pressed small.", "name": "--m3e-icon-button-small-shape-pressed-morph" }, { "description": "Leading space for small (narrow).", "name": "--m3e-icon-button-small-narrow-leading-space" }, { "description": "Trailing space for small (narrow).", "name": "--m3e-icon-button-small-narrow-trailing-space" }, { "description": "Leading space for small (default).", "name": "--m3e-icon-button-small-default-leading-space" }, { "description": "Trailing space for small (default).", "name": "--m3e-icon-button-small-default-trailing-space" }, { "description": "Leading space for small (wide).", "name": "--m3e-icon-button-small-wide-leading-space" }, { "description": "Trailing space for small (wide).", "name": "--m3e-icon-button-small-wide-trailing-space" }, { "description": "Height of the medium container.", "name": "--m3e-icon-button-medium-container-height" }, { "description": "Outline thickness for medium.", "name": "--m3e-icon-button-medium-outline-thickness" }, { "description": "Icon size for medium.", "name": "--m3e-icon-button-medium-icon-size" }, { "description": "Corner radius for round medium.", "name": "--m3e-icon-button-medium-shape-round" }, { "description": "Corner radius for square medium.", "name": "--m3e-icon-button-medium-shape-square" }, { "description": "Corner radius for selected round medium.", "name": "--m3e-icon-button-medium-selected-shape-round" }, { "description": "Corner radius for selected square medium.", "name": "--m3e-icon-button-medium-selected-shape-square" }, { "description": "Corner radius for pressed medium.", "name": "--m3e-icon-button-medium-shape-pressed-morph" }, { "description": "Leading space for medium (narrow).", "name": "--m3e-icon-button-medium-narrow-leading-space" }, { "description": "Trailing space for medium (narrow).", "name": "--m3e-icon-button-medium-narrow-trailing-space" }, { "description": "Leading space for medium (default).", "name": "--m3e-icon-button-medium-default-leading-space" }, { "description": "Trailing space for medium (default).", "name": "--m3e-icon-button-medium-default-trailing-space" }, { "description": "Leading space for medium (wide).", "name": "--m3e-icon-button-medium-wide-leading-space" }, { "description": "Trailing space for medium (wide).", "name": "--m3e-icon-button-medium-wide-trailing-space" }, { "description": "Height of the large container.", "name": "--m3e-icon-button-large-container-height" }, { "description": "Outline thickness for large.", "name": "--m3e-icon-button-large-outline-thickness" }, { "description": "Icon size for large.", "name": "--m3e-icon-button-large-icon-size" }, { "description": "Corner radius for round large.", "name": "--m3e-icon-button-large-shape-round" }, { "description": "Corner radius for square large.", "name": "--m3e-icon-button-large-shape-square" }, { "description": "Corner radius for selected round large.", "name": "--m3e-icon-button-large-selected-shape-round" }, { "description": "Corner radius for selected square large.", "name": "--m3e-icon-button-large-selected-shape-square" }, { "description": "Corner radius for pressed large.", "name": "--m3e-icon-button-large-shape-pressed-morph" }, { "description": "Leading space for large (narrow).", "name": "--m3e-icon-button-large-narrow-leading-space" }, { "description": "Trailing space for large (narrow).", "name": "--m3e-icon-button-large-narrow-trailing-space" }, { "description": "Leading space for large (default).", "name": "--m3e-icon-button-large-default-leading-space" }, { "description": "Trailing space for large (default).", "name": "--m3e-icon-button-large-default-trailing-space" }, { "description": "Leading space for large (wide).", "name": "--m3e-icon-button-large-wide-leading-space" }, { "description": "Trailing space for large (wide).", "name": "--m3e-icon-button-large-wide-trailing-space" }, { "description": "Height of the extra-large container.", "name": "--m3e-icon-button-extra-large-container-height" }, { "description": "Outline thickness for extra-large.", "name": "--m3e-icon-button-extra-large-outline-thickness" }, { "description": "Icon size for extra-large.", "name": "--m3e-icon-button-extra-large-icon-size" }, { "description": "Corner radius for round extra-large.", "name": "--m3e-icon-button-extra-large-shape-round" }, { "description": "Corner radius for square extra-large.", "name": "--m3e-icon-button-extra-large-shape-square" }, { "description": "Corner radius for selected round extra-large.", "name": "--m3e-icon-button-extra-large-selected-shape-round" }, { "description": "Corner radius for selected square extra-large.", "name": "--m3e-icon-button-extra-large-selected-shape-square" }, { "description": "Corner radius for pressed extra-large.", "name": "--m3e-icon-button-extra-large-shape-pressed-morph" }, { "description": "Leading space for extra-large (narrow).", "name": "--m3e-icon-button-extra-large-narrow-leading-space" }, { "description": "Trailing space for extra-large (narrow).", "name": "--m3e-icon-button-extra-large-narrow-trailing-space" }, { "description": "Leading space for extra-large (default).", "name": "--m3e-icon-button-extra-large-default-leading-space" }, { "description": "Trailing space for extra-large (default).", "name": "--m3e-icon-button-extra-large-default-trailing-space" }, { "description": "Leading space for extra-large (wide).", "name": "--m3e-icon-button-extra-large-wide-leading-space" }, { "description": "Trailing space for extra-large (wide).", "name": "--m3e-icon-button-extra-large-wide-trailing-space" }, { "description": "Default outline color for all variants.", "name": "--m3e-icon-button-outline-color" }, { "description": "Outline color when disabled (all variants).", "name": "--m3e-icon-button-disabled-outline-color" }, { "description": "Outline color on hover (all variants).", "name": "--m3e-icon-button-hover-outline-color" }, { "description": "Outline color on focus (all variants).", "name": "--m3e-icon-button-focus-outline-color" }, { "description": "Outline color on pressed (all variants).", "name": "--m3e-icon-button-pressed-outline-color" }, { "description": "Default container background color for all variants.", "name": "--m3e-icon-button-container-color" }, { "description": "Unselected container background color for all variants.", "name": "--m3e-icon-button-unselected-container-color" }, { "description": "Selected container background color for all variants.", "name": "--m3e-icon-button-selected-container-color" }, { "description": "Default icon color for tonal variant.", "name": "--m3e-icon-button-icon-color" }, { "description": "Default container background color for tonal variant.", "name": "--m3e-icon-button-container-color" }, { "description": "Unselected icon color for tonal variant.", "name": "--m3e-icon-button-unselected-icon-color" }, { "description": "Unselected container background color for tonal variant.", "name": "--m3e-icon-button-unselected-container-color" }, { "description": "Selected icon color for tonal variant.", "name": "--m3e-icon-button-selected-icon-color" }, { "description": "Selected container background color for tonal variant.", "name": "--m3e-icon-button-selected-container-color" }, { "description": "Default icon color for all variants.", "name": "--m3e-icon-button-icon-color" }, { "description": "Unselected icon color for all variants.", "name": "--m3e-icon-button-unselected-icon-color" }, { "description": "Selected icon color for all variants.", "name": "--m3e-icon-button-selected-icon-color" }, { "description": "Container background color when disabled (all variants).", "name": "--m3e-icon-button-disabled-container-color" }, { "description": "Opacity of container when disabled (all variants).", "name": "--m3e-icon-button-disabled-container-opacity" }, { "description": "Icon color when disabled (all variants).", "name": "--m3e-icon-button-disabled-icon-color" }, { "description": "Icon opacity when disabled (all variants).", "name": "--m3e-icon-button-disabled-icon-opacity" }, { "description": "Icon color on hover (all variants).", "name": "--m3e-icon-button-hover-icon-color" }, { "description": "State layer color on hover (all variants).", "name": "--m3e-icon-button-hover-state-layer-color" }, { "description": "State layer opacity on hover (all variants).", "name": "--m3e-icon-button-hover-state-layer-opacity" }, { "description": "Unselected icon color on hover (all variants).", "name": "--m3e-icon-button-hover-unselected-icon-color" }, { "description": "Unselected state layer color on hover (all variants).", "name": "--m3e-icon-button-hover-unselected-state-layer-color" }, { "description": "Selected icon color on hover (all variants).", "name": "--m3e-icon-button-hover-selected-icon-color" }, { "description": "Selected state layer color on hover (all variants).", "name": "--m3e-icon-button-hover-selected-state-layer-color" }, { "description": "Icon color on focus (all variants).", "name": "--m3e-icon-button-focus-icon-color" }, { "description": "State layer color on focus (all variants).", "name": "--m3e-icon-button-focus-state-layer-color" }, { "description": "State layer opacity on focus (all variants).", "name": "--m3e-icon-button-focus-state-layer-opacity" }, { "description": "Unselected icon color on focus (all variants).", "name": "--m3e-icon-button-focus-unselected-icon-color" }, { "description": "Unselected state layer color on focus (all variants).", "name": "--m3e-icon-button-focus-unselected-state-layer-color" }, { "description": "Selected icon color on focus (all variants).", "name": "--m3e-icon-button-focus-selected-icon-color" }, { "description": "Selected state layer color on focus (all variants).", "name": "--m3e-icon-button-focus-selected-state-layer-color" }, { "description": "Icon color on pressed (all variants).", "name": "--m3e-icon-button-pressed-icon-color" }, { "description": "State layer color on pressed (all variants).", "name": "--m3e-icon-button-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (all variants).", "name": "--m3e-icon-button-pressed-state-layer-opacity" }, { "description": "Unselected icon color on pressed (all variants).", "name": "--m3e-icon-button-pressed-unselected-icon-color" }, { "description": "Unselected state layer color on pressed (all variants).", "name": "--m3e-icon-button-pressed-unselected-state-layer-color" }, { "description": "Selected icon color on pressed (all variants).", "name": "--m3e-icon-button-pressed-selected-icon-color" }, { "description": "Selected state layer color on pressed (all variants).", "name": "--m3e-icon-button-pressed-selected-state-layer-color" }, { "description": "Default icon color for outlined variant.", "name": "--m3e-outlined-icon-button-icon-color" }, { "description": "Default outline color for outlined variant.", "name": "--m3e-outlined-icon-button-outline-color" }, { "description": "Unselected icon color for outlined variant.", "name": "--m3e-outlined-icon-button-unselected-icon-color" }, { "description": "Selected icon color for outlined variant.", "name": "--m3e-outlined-icon-button-selected-icon-color" }, { "description": "Selected container background color for outlined variant.", "name": "--m3e-outlined-icon-button-selected-container-color" }, { "description": "Container background color when disabled (outlined).", "name": "--m3e-outlined-icon-button-disabled-container-color" }, { "description": "Opacity of container when disabled (outlined).", "name": "--m3e-outlined-icon-button-disabled-container-opacity" }, { "description": "Icon color when disabled (outlined).", "name": "--m3e-outlined-icon-button-disabled-icon-color" }, { "description": "Icon opacity when disabled (outlined).", "name": "--m3e-outlined-icon-button-disabled-icon-opacity" }, { "description": "Outline color when disabled (outlined).", "name": "--m3e-outlined-icon-button-disabled-outline-color" }, { "description": "Icon color on hover (outlined).", "name": "--m3e-outlined-icon-button-hover-icon-color" }, { "description": "Outline color on hover (outlined).", "name": "--m3e-outlined-icon-button-hover-outline-color" }, { "description": "State layer color on hover (outlined).", "name": "--m3e-outlined-icon-button-hover-state-layer-color" }, { "description": "State layer opacity on hover (outlined).", "name": "--m3e-outlined-icon-button-hover-state-layer-opacity" }, { "description": "Unselected icon color on hover (outlined).", "name": "--m3e-outlined-icon-button-hover-unselected-icon-color" }, { "description": "Unselected state layer color on hover (outlined).", "name": "--m3e-outlined-icon-button-hover-unselected-state-layer-color" }, { "description": "Selected icon color on hover (outlined).", "name": "--m3e-outlined-icon-button-hover-selected-icon-color" }, { "description": "Selected state layer color on hover (outlined).", "name": "--m3e-outlined-icon-button-hover-selected-state-layer-color" }, { "description": "Icon color on focus (outlined).", "name": "--m3e-outlined-icon-button-focus-icon-color" }, { "description": "Outline color on focus (outlined).", "name": "--m3e-outlined-icon-button-focus-outline-color" }, { "description": "State layer color on focus (outlined).", "name": "--m3e-outlined-icon-button-focus-state-layer-color" }, { "description": "State layer opacity on focus (outlined).", "name": "--m3e-outlined-icon-button-focus-state-layer-opacity" }, { "description": "Unselected icon color on focus (outlined).", "name": "--m3e-outlined-icon-button-focus-unselected-icon-color" }, { "description": "Unselected state layer color on focus (outlined).", "name": "--m3e-outlined-icon-button-focus-unselected-state-layer-color" }, { "description": "Selected icon color on focus (outlined).", "name": "--m3e-outlined-icon-button-focus-selected-icon-color" }, { "description": "Selected state layer color on focus (outlined).", "name": "--m3e-outlined-icon-button-focus-selected-state-layer-color" }, { "description": "Icon color on pressed (outlined).", "name": "--m3e-outlined-icon-button-pressed-icon-color" }, { "description": "Outline color on pressed (outlined).", "name": "--m3e-outlined-icon-button-pressed-outline-color" }, { "description": "State layer color on pressed (outlined).", "name": "--m3e-outlined-icon-button-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (outlined).", "name": "--m3e-outlined-icon-button-pressed-state-layer-opacity" }, { "description": "Unselected icon color on pressed (outlined).", "name": "--m3e-outlined-icon-button-pressed-unselected-icon-color" }, { "description": "Unselected state layer color on pressed (outlined).", "name": "--m3e-outlined-icon-button-pressed-unselected-state-layer-color" }, { "description": "Selected icon color on pressed (outlined).", "name": "--m3e-outlined-icon-button-pressed-selected-icon-color" }, { "description": "Selected state layer color on pressed (outlined).", "name": "--m3e-outlined-icon-button-pressed-selected-state-layer-color" }, { "description": "Default icon color for filled variant.", "name": "--m3e-filled-icon-button-icon-color" }, { "description": "Default container background color for filled variant.", "name": "--m3e-filled-icon-button-container-color" }, { "description": "Unselected icon color for filled variant.", "name": "--m3e-filled-icon-button-unselected-icon-color" }, { "description": "Unselected container background color for filled variant.", "name": "--m3e-filled-icon-button-unselected-container-color" }, { "description": "Selected icon color for filled variant.", "name": "--m3e-filled-icon-button-selected-icon-color" }, { "description": "Selected container background color for filled variant.", "name": "--m3e-filled-icon-button-selected-container-color" }, { "description": "Container background color when disabled (filled).", "name": "--m3e-filled-icon-button-disabled-container-color" }, { "description": "Opacity of container when disabled (filled).", "name": "--m3e-filled-icon-button-disabled-container-opacity" }, { "description": "Icon color when disabled (filled).", "name": "--m3e-filled-icon-button-disabled-icon-color" }, { "description": "Icon opacity when disabled (filled).", "name": "--m3e-filled-icon-button-disabled-icon-opacity" }, { "description": "Icon color on hover (filled).", "name": "--m3e-filled-icon-button-hover-icon-color" }, { "description": "State layer color on hover (filled).", "name": "--m3e-filled-icon-button-hover-state-layer-color" }, { "description": "State layer opacity on hover (filled).", "name": "--m3e-filled-icon-button-hover-state-layer-opacity" }, { "description": "Unselected icon color on hover (filled).", "name": "--m3e-filled-icon-button-hover-unselected-icon-color" }, { "description": "Unselected state layer color on hover (filled).", "name": "--m3e-filled-icon-button-hover-unselected-state-layer-color" }, { "description": "Selected icon color on hover (filled).", "name": "--m3e-filled-icon-button-hover-selected-icon-color" }, { "description": "Selected state layer color on hover (filled).", "name": "--m3e-filled-icon-button-hover-selected-state-layer-color" }, { "description": "Icon color on focus (filled).", "name": "--m3e-filled-icon-button-focus-icon-color" }, { "description": "State layer color on focus (filled).", "name": "--m3e-filled-icon-button-focus-state-layer-color" }, { "description": "State layer opacity on focus (filled).", "name": "--m3e-filled-icon-button-focus-state-layer-opacity" }, { "description": "Unselected icon color on focus (filled).", "name": "--m3e-filled-icon-button-focus-unselected-icon-color" }, { "description": "Unselected state layer color on focus (filled).", "name": "--m3e-filled-icon-button-focus-unselected-state-layer-color" }, { "description": "Selected icon color on focus (filled).", "name": "--m3e-filled-icon-button-focus-selected-icon-color" }, { "description": "Selected state layer color on focus (filled).", "name": "--m3e-filled-icon-button-focus-selected-state-layer-color" }, { "description": "Icon color on pressed (filled).", "name": "--m3e-filled-icon-button-pressed-icon-color" }, { "description": "State layer color on pressed (filled).", "name": "--m3e-filled-icon-button-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (filled).", "name": "--m3e-filled-icon-button-pressed-state-layer-opacity" }, { "description": "Unselected icon color on pressed (filled).", "name": "--m3e-filled-icon-button-pressed-unselected-icon-color" }, { "description": "Unselected state layer color on pressed (filled).", "name": "--m3e-filled-icon-button-pressed-unselected-state-layer-color" }, { "description": "Selected icon color on pressed (filled).", "name": "--m3e-filled-icon-button-pressed-selected-icon-color" }, { "description": "Selected state layer color on pressed (filled).", "name": "--m3e-filled-icon-button-pressed-selected-state-layer-color" }, { "description": "Default icon color for tonal variant.", "name": "--m3e-tonal-icon-button-icon-color" }, { "description": "Default container background color for tonal variant.", "name": "--m3e-tonal-icon-button-container-color" }, { "description": "Unselected icon color for tonal variant.", "name": "--m3e-tonal-icon-button-unselected-icon-color" }, { "description": "Unselected container background color for tonal variant.", "name": "--m3e-tonal-icon-button-unselected-container-color" }, { "description": "Selected icon color for tonal variant.", "name": "--m3e-tonal-icon-button-selected-icon-color" }, { "description": "Selected container background color for tonal variant.", "name": "--m3e-tonal-icon-button-selected-container-color" }, { "description": "Container background color when disabled (tonal).", "name": "--m3e-tonal-icon-button-disabled-container-color" }, { "description": "Opacity of container when disabled (tonal).", "name": "--m3e-tonal-icon-button-disabled-container-opacity" }, { "description": "Icon color when disabled (tonal).", "name": "--m3e-tonal-icon-button-disabled-icon-color" }, { "description": "Icon opacity when disabled (tonal).", "name": "--m3e-tonal-icon-button-disabled-icon-opacity" }, { "description": "Icon color on hover (tonal).", "name": "--m3e-tonal-icon-button-hover-icon-color" }, { "description": "State layer color on hover (tonal).", "name": "--m3e-tonal-icon-button-hover-state-layer-color" }, { "description": "State layer opacity on hover (tonal).", "name": "--m3e-tonal-icon-button-hover-state-layer-opacity" }, { "description": "Unselected icon color on hover (tonal).", "name": "--m3e-tonal-icon-button-hover-unselected-icon-color" }, { "description": "Unselected state layer color on hover (tonal).", "name": "--m3e-tonal-icon-button-hover-unselected-state-layer-color" }, { "description": "Selected icon color on hover (tonal).", "name": "--m3e-tonal-icon-button-hover-selected-icon-color" }, { "description": "Selected state layer color on hover (tonal).", "name": "--m3e-tonal-icon-button-hover-selected-state-layer-color" }, { "description": "Icon color on focus (tonal).", "name": "--m3e-tonal-icon-button-focus-icon-color" }, { "description": "State layer color on focus (tonal).", "name": "--m3e-tonal-icon-button-focus-state-layer-color" }, { "description": "State layer opacity on focus (tonal).", "name": "--m3e-tonal-icon-button-focus-state-layer-opacity" }, { "description": "Unselected icon color on focus (tonal).", "name": "--m3e-tonal-icon-button-focus-unselected-icon-color" }, { "description": "Unselected state layer color on focus (tonal).", "name": "--m3e-tonal-icon-button-focus-unselected-state-layer-color" }, { "description": "Selected icon color on focus (tonal).", "name": "--m3e-tonal-icon-button-focus-selected-icon-color" }, { "description": "Selected state layer color on focus (tonal).", "name": "--m3e-tonal-icon-button-focus-selected-state-layer-color" }, { "description": "Icon color on pressed (tonal).", "name": "--m3e-tonal-icon-button-pressed-icon-color" }, { "description": "State layer color on pressed (tonal).", "name": "--m3e-tonal-icon-button-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (tonal).", "name": "--m3e-tonal-icon-button-pressed-state-layer-opacity" }, { "description": "Unselected icon color on pressed (tonal).", "name": "--m3e-tonal-icon-button-pressed-unselected-icon-color" }, { "description": "Unselected state layer color on pressed (tonal).", "name": "--m3e-tonal-icon-button-pressed-unselected-state-layer-color" }, { "description": "Selected icon color on pressed (tonal).", "name": "--m3e-tonal-icon-button-pressed-selected-icon-color" }, { "description": "Selected state layer color on pressed (tonal).", "name": "--m3e-tonal-icon-button-pressed-selected-state-layer-color" }, { "description": "Default icon color for standard variant.", "name": "--m3e-standard-icon-button-icon-color" }, { "description": "Unselected icon color for standard variant.", "name": "--m3e-standard-icon-button-unselected-icon-color" }, { "description": "Selected icon color for standard variant.", "name": "--m3e-standard-icon-button-selected-icon-color" }, { "description": "Container background color when disabled (standard).", "name": "--m3e-standard-icon-button-disabled-container-color" }, { "description": "Opacity of container when disabled (standard).", "name": "--m3e-standard-icon-button-disabled-container-opacity" }, { "description": "Icon color when disabled (standard).", "name": "--m3e-standard-icon-button-disabled-icon-color" }, { "description": "Icon opacity when disabled (standard).", "name": "--m3e-standard-icon-button-disabled-icon-opacity" }, { "description": "Icon color on hover (standard).", "name": "--m3e-standard-icon-button-hover-icon-color" }, { "description": "State layer color on hover (standard).", "name": "--m3e-standard-icon-button-hover-state-layer-color" }, { "description": "State layer opacity on hover (standard).", "name": "--m3e-standard-icon-button-hover-state-layer-opacity" }, { "description": "Unselected icon color on hover (standard).", "name": "--m3e-standard-icon-button-hover-unselected-icon-color" }, { "description": "Unselected state layer color on hover (standard).", "name": "--m3e-standard-icon-button-hover-unselected-state-layer-color" }, { "description": "Selected icon color on hover (standard).", "name": "--m3e-standard-icon-button-hover-selected-icon-color" }, { "description": "Selected state layer color on hover (standard).", "name": "--m3e-standard-icon-button-hover-selected-state-layer-color" }, { "description": "Icon color on focus (standard).", "name": "--m3e-standard-icon-button-focus-icon-color" }, { "description": "State layer color on focus (standard).", "name": "--m3e-standard-icon-button-focus-state-layer-color" }, { "description": "State layer opacity on focus (standard).", "name": "--m3e-standard-icon-button-focus-state-layer-opacity" }, { "description": "Unselected icon color on focus (standard).", "name": "--m3e-standard-icon-button-focus-unselected-icon-color" }, { "description": "Unselected state layer color on focus (standard).", "name": "--m3e-standard-icon-button-focus-unselected-state-layer-color" }, { "description": "Selected icon color on focus (standard).", "name": "--m3e-standard-icon-button-focus-selected-icon-color" }, { "description": "Selected state layer color on focus (standard).", "name": "--m3e-standard-icon-button-focus-selected-state-layer-color" }, { "description": "Icon color on pressed (standard).", "name": "--m3e-standard-icon-button-pressed-icon-color" }, { "description": "State layer color on pressed (standard).", "name": "--m3e-standard-icon-button-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (standard).", "name": "--m3e-standard-icon-button-pressed-state-layer-opacity" }, { "description": "Unselected icon color on pressed (standard).", "name": "--m3e-standard-icon-button-pressed-unselected-icon-color" }, { "description": "Unselected state layer color on pressed (standard).", "name": "--m3e-standard-icon-button-pressed-unselected-state-layer-color" }, { "description": "Selected icon color on pressed (standard).", "name": "--m3e-standard-icon-button-pressed-selected-icon-color" }, { "description": "Selected state layer color on pressed (standard).", "name": "--m3e-standard-icon-button-pressed-selected-state-layer-color" } ], "slots": [ { "description": "Renders the icon of the button.", "name": "" }, { "description": "Renders an icon, when selected.", "name": "selected" } ], "members": [ { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_elevation", "type": { "text": "M3eElevationElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "variant", "type": { "text": "IconButtonVariant" }, "default": "\"standard\"", "description": "The appearance variant of the button.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'filled' | 'outlined' | 'tonal' | 'standard'" } }, { "kind": "field", "name": "shape", "type": { "text": "IconButtonShape" }, "default": "\"rounded\"", "description": "The shape of the button.", "attribute": "shape", "reflects": true, "parsedType": { "text": "'rounded' | 'square'" } }, { "kind": "field", "name": "size", "type": { "text": "IconButtonSize" }, "default": "\"small\"", "description": "The size of the button.", "attribute": "size", "reflects": true, "parsedType": { "text": "'small' | 'medium' | 'large' | 'extra-small' | 'extra-large'" } }, { "kind": "field", "name": "width", "type": { "text": "IconButtonWidth" }, "default": "\"default\"", "description": "The width of the button.", "attribute": "width", "reflects": true, "parsedType": { "text": "'default' | 'narrow' | 'wide'" } }, { "kind": "field", "name": "toggle", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button will toggle between selected and unselected states.", "attribute": "toggle", "reflects": true }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the toggle button is selected.", "attribute": "selected", "reflects": true }, { "kind": "field", "name": "grouped", "description": "Whether the button is contained by a button group.", "readonly": true }, { "kind": "method", "name": "_handleResize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateButtonShape", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "force", "default": "false" } ] }, { "kind": "method", "name": "#handlePressedChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "pressed", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#cleanupAdjacentPressed", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "buttons", "type": { "text": "Array" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSelectedIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "name", "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.", "attribute": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "attribute": "value", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "attribute": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_suppressedEventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabledInteractive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "attribute": "disabled-interactive", "reflects": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before a toggle button's selected state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when a toggle button's selected state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when a toggle button's selected state changes." }, { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "disabled-interactive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "fieldName": "disabledInteractive", "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "name", "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.", "fieldName": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "description": "Whether the toggle button is selected.", "name": "selected", "type": { "text": "boolean" }, "default": "false", "fieldName": "selected" }, { "description": "The shape of the button.", "name": "shape", "type": { "text": "IconButtonShape" }, "default": "\"rounded\"", "fieldName": "shape", "parsedType": { "text": "'rounded' | 'square'" } }, { "description": "The size of the button.", "name": "size", "type": { "text": "IconButtonSize" }, "default": "\"small\"", "fieldName": "size", "parsedType": { "text": "'small' | 'medium' | 'large' | 'extra-small' | 'extra-large'" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "description": "Whether the button will toggle between selected and unselected states.", "name": "toggle", "type": { "text": "boolean" }, "default": "false", "fieldName": "toggle" }, { "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "fieldName": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "fieldName": "value", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "description": "The appearance variant of the button.", "name": "variant", "type": { "text": "IconButtonVariant" }, "default": "\"standard\"", "fieldName": "variant", "parsedType": { "text": "'filled' | 'outlined' | 'tonal' | 'standard'" } }, { "description": "The width of the button.", "name": "width", "type": { "text": "IconButtonWidth" }, "default": "\"default\"", "fieldName": "width", "parsedType": { "text": "'default' | 'narrow' | 'wide'" } } ], "mixins": [ { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "FormSubmitter", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "DisabledInteractive", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-icon-button", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eIconButtonElement", "declaration": { "name": "M3eIconButtonElement", "module": "src/icon-button/IconButtonElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-icon-button", "declaration": { "name": "M3eIconButtonElement", "module": "src/icon-button/IconButtonElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/icon-button/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon-button/IconButtonElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon-button/IconButtonShape" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon-button/IconButtonSize" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon-button/IconButtonVariant" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon-button/IconButtonWidth" } } ] }, { "kind": "javascript-module", "path": "src/button-group/ButtonGroupVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/button-group/ButtonGroupSize.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/button-group/ButtonGroupElement.ts", "declarations": [ { "kind": "class", "description": "Organizes buttons and adds interactions between them.", "name": "M3eButtonGroupElement", "cssProperties": [ { "description": "Spacing between buttons in standard variant, extra-small size.", "name": "--m3e-standard-button-group-extra-small-spacing" }, { "description": "Spacing between buttons in standard variant, small size.", "name": "--m3e-standard-button-group-small-spacing" }, { "description": "Spacing between buttons in standard variant, medium size.", "name": "--m3e-standard-button-group-medium-spacing" }, { "description": "Spacing between buttons in standard variant, large size.", "name": "--m3e-standard-button-group-large-spacing" }, { "description": "Spacing between buttons in standard variant, extra-large size.", "name": "--m3e-standard-button-group-extra-large-spacing" }, { "description": "Spacing between buttons in connected variant.", "name": "--m3e-connected-button-group-spacing" }, { "description": "Corner shape for connected variant, extra-small size.", "name": "--m3e-connected-button-group-extra-small-inner-shape" }, { "description": "Pressed corner shape for connected variant, extra-small size.", "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape" }, { "description": "Corner shape for connected variant, small size.", "name": "--m3e-connected-button-group-small-inner-shape" }, { "description": "Pressed corner shape for connected variant, small size.", "name": "--m3e-connected-button-group-small-inner-pressed-shape" }, { "description": "Corner shape for connected variant, medium size.", "name": "--m3e-connected-button-group-medium-inner-shape" }, { "description": "Pressed corner shape for connected variant, medium size.", "name": "--m3e-connected-button-group-medium-inner-pressed-shape" }, { "description": "Corner shape for connected variant, large size.", "name": "--m3e-connected-button-group-large-inner-shape" }, { "description": "Pressed corner shape for connected variant, large size.", "name": "--m3e-connected-button-group-large-inner-pressed-shape" }, { "description": "Corner shape for connected variant, extra-large size.", "name": "--m3e-connected-button-group-extra-large-inner-shape" }, { "description": "Pressed corner shape for connected variant, extra-large size.", "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape" } ], "slots": [ { "description": "Renders the buttons of the group.", "name": "" } ], "members": [ { "kind": "field", "name": "#pressedController", "privacy": "private", "readonly": true, "default": "new PressedController(this, { target: null, capture: true, minPressedDuration: 150, isPressedKey: (key) => key === \" \", callback: (pressed) => this.#handlePressedChange(pressed), })" }, { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "variant", "type": { "text": "ButtonGroupVariant" }, "default": "\"standard\"", "description": "The appearance variant of the group.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'standard' | 'connected'" } }, { "kind": "field", "name": "size", "type": { "text": "ButtonGroupSize" }, "default": "\"small\"", "description": "The size of the group.", "attribute": "size", "reflects": true, "parsedType": { "text": "'small' | 'medium' | 'large' | 'extra-small' | 'extra-large'" } }, { "kind": "field", "name": "multi", "type": { "text": "boolean" }, "default": "false", "description": "Whether multiple toggle buttons can be selected.", "attribute": "multi" }, { "kind": "field", "name": "buttons", "type": { "text": "ReadonlyArray" }, "readonly": true, "description": "The buttons contained by the group." }, { "kind": "method", "name": "#updateButtons", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handlePressedChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "pressed", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#cleanupPressed", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "base", "type": { "text": "HTMLElement" } } ] } ], "attributes": [ { "description": "Whether multiple toggle buttons can be selected.", "name": "multi", "type": { "text": "boolean" }, "default": "false", "fieldName": "multi" }, { "description": "The size of the group.", "name": "size", "type": { "text": "ButtonGroupSize" }, "default": "\"small\"", "fieldName": "size", "parsedType": { "text": "'small' | 'medium' | 'large' | 'extra-small' | 'extra-large'" } }, { "description": "The appearance variant of the group.", "name": "variant", "type": { "text": "ButtonGroupVariant" }, "default": "\"standard\"", "fieldName": "variant", "parsedType": { "text": "'standard' | 'connected'" } } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-button-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eButtonGroupElement", "declaration": { "name": "M3eButtonGroupElement", "module": "src/button-group/ButtonGroupElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-button-group", "declaration": { "name": "M3eButtonGroupElement", "module": "src/button-group/ButtonGroupElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/button-group/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button-group/ButtonGroupElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button-group/ButtonGroupSize" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button-group/ButtonGroupVariant" } } ] }, { "kind": "javascript-module", "path": "src/tooltip/RichTooltipActionElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to dismiss a parenting rich tooltip.", "name": "M3eRichTooltipActionElement", "slots": [ { "description": "Renders the content of the action.", "name": "" } ], "members": [ { "kind": "field", "name": "disableRestoreFocus", "type": { "text": "boolean" }, "default": "false", "description": "Whether to focus should not be restored to the trigger when activated.", "attribute": "disable-restore-focus" }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "attributes": [ { "description": "Whether to focus should not be restored to the trigger when activated.", "name": "disable-restore-focus", "type": { "text": "boolean" }, "default": "false", "fieldName": "disableRestoreFocus" } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" }, "tagName": "m3e-rich-tooltip-action", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eRichTooltipActionElement", "declaration": { "name": "M3eRichTooltipActionElement", "module": "src/tooltip/RichTooltipActionElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-rich-tooltip-action", "declaration": { "name": "M3eRichTooltipActionElement", "module": "src/tooltip/RichTooltipActionElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/tooltip/RichTooltipPosition.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/platform/Platform.ts", "declarations": [ { "kind": "class", "description": "Utility used to detect the current platform.", "name": "M3ePlatform", "members": [ { "kind": "field", "name": "isBrowser", "static": true, "readonly": true, "description": "A value indicating whether the platform is a browser." }, { "kind": "field", "name": "Edge", "static": true, "readonly": true, "description": "A value indicating whether the current browser is Microsoft Edge." }, { "kind": "field", "name": "Trident", "static": true, "readonly": true, "description": "A value indicating whether the current rendering engine is Microsoft Trident." }, { "kind": "field", "name": "Blink", "static": true, "readonly": true, "description": "A value indicating whether the current rendering engine is Blink." }, { "kind": "field", "name": "WebKit", "static": true, "readonly": true, "description": "A value indicating whether the current rendering engine is WebKit." }, { "kind": "field", "name": "iOS", "static": true, "readonly": true, "description": "A value indicating whether the current platform is Apply iOS." }, { "kind": "field", "name": "Firefox", "static": true, "readonly": true, "description": "A value indicating whether the current browser is Firefox." }, { "kind": "field", "name": "Android", "static": true, "readonly": true, "description": "A value indicating whether the current platform is Android." }, { "kind": "field", "name": "Safari", "static": true, "readonly": true, "description": "A value indicating whether the current browser is Safari." } ] } ], "exports": [ { "kind": "js", "name": "M3ePlatform", "declaration": { "name": "M3ePlatform", "module": "src/core/platform/Platform.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/platform/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/platform/Platform" } } ] }, { "kind": "javascript-module", "path": "src/tooltip/TooltipTouchGestures.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/tooltip/TooltipElementBase.ts", "declarations": [ { "kind": "class", "description": "Provides a base implementation for a tooltip. This class must be inherited.", "name": "TooltipElementBase", "members": [ { "kind": "field", "name": "__openTooltips", "privacy": "private", "static": true, "default": "new Array()" }, { "kind": "field", "name": "#for", "privacy": "private", "type": { "text": "HTMLElement | null" }, "default": "null" }, { "kind": "field", "name": "#anchorCleanup", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#tooltipHovering", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#controlClickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#hoverController", "privacy": "private", "readonly": true, "default": "new HoverController(this, { target: null, endDelay: TOOLTIP_HIDE_DELAY, callback: (hovering, target) => { if (this._isInteractive) return; if (hovering) { if (target === this._base) { this.#tooltipHovering = true; return; } this.show(); } else if (!this.#tooltipHovering || target === this._base) { this.#tooltipHovering = false; this.hide(); } }, })" }, { "kind": "field", "name": "#longPressController", "privacy": "private", "readonly": true, "default": "new LongPressController(this, { target: null, callback: (pressed) => { if (this._isInteractive) return; if (pressed) { this.show(); } else { this.hide(); } }, })" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "showDelay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before showing the tooltip.", "default": "0", "attribute": "show-delay" }, { "kind": "field", "name": "hideDelay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before hiding the tooltip.", "default": "200", "attribute": "hide-delay" }, { "kind": "field", "name": "touchGestures", "type": { "text": "TooltipTouchGestures" }, "default": "\"auto\"", "description": "The mode in which to handle touch gestures.", "attribute": "touch-gestures", "parsedType": { "text": "'off' | 'auto' | 'on'" } }, { "kind": "field", "name": "isOpen", "type": { "text": "boolean" }, "description": "Whether the tooltip is currently open.", "readonly": true }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "show", "return": { "type": { "text": "Promise" } }, "description": "Manually shows the tooltip." }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "description": "Manually hides the tooltip." }, { "kind": "method", "name": "#handleControlClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#disableNativeGesturesIfNecessary", "privacy": "private" }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled" }, { "name": "show-delay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before showing the tooltip.", "default": "0", "fieldName": "showDelay" }, { "name": "hide-delay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before hiding the tooltip.", "default": "200", "fieldName": "hideDelay" }, { "name": "touch-gestures", "type": { "text": "TooltipTouchGestures" }, "default": "\"auto\"", "description": "The mode in which to handle touch gestures.", "fieldName": "touchGestures", "parsedType": { "text": "'off' | 'auto' | 'on'" } }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" }, { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "customElement": true } ], "exports": [ { "kind": "js", "name": "TooltipElementBase", "declaration": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } } ] }, { "kind": "javascript-module", "path": "src/tooltip/RichTooltipElement.ts", "declarations": [ { "kind": "class", "description": "Provides contextual details for a control, such as explaining the value or purpose of a feature.", "name": "M3eRichTooltipElement", "cssProperties": [ { "description": "Top padding of the tooltip container.", "name": "--m3e-rich-tooltip-padding-top" }, { "description": "Bottom padding of the tooltip container (when no actions are present).", "name": "--m3e-rich-tooltip-padding-bottom" }, { "description": "Horizontal padding of the tooltip container.", "name": "--m3e-rich-tooltip-padding-inline" }, { "description": "Maximum width of the tooltip surface.", "name": "--m3e-rich-tooltip-max-width" }, { "description": "Border‑radius of the tooltip container.", "name": "--m3e-rich-tooltip-shape" }, { "description": "Background color of the tooltip surface.", "name": "--m3e-rich-tooltip-container-color" }, { "description": "Color of the subhead text.", "name": "--m3e-rich-tooltip-subhead-color" }, { "description": "Font size of the subhead text.", "name": "--m3e-rich-tooltip-subhead-font-size" }, { "description": "Font weight of the subhead text.", "name": "--m3e-rich-tooltip-subhead-font-weight" }, { "description": "Line height of the subhead text.", "name": "--m3e-rich-tooltip-subhead-line-height" }, { "description": "Letter‑spacing of the subhead text.", "name": "--m3e-rich-tooltip-subhead-tracking" }, { "description": "Space below the subhead before the supporting text.", "name": "--m3e-rich-tooltip-subhead-bottom-space" }, { "description": "Color of the supporting text.", "name": "--m3e-rich-tooltip-supporting-text-color" }, { "description": "Font size of the supporting text.", "name": "--m3e-rich-tooltip-supporting-text-font-size" }, { "description": "Font weight of the supporting text.", "name": "--m3e-rich-tooltip-supporting-text-font-weight" }, { "description": "Line height of the supporting text.", "name": "--m3e-rich-tooltip-supporting-text-line-height" }, { "description": "Letter‑spacing of the supporting text.", "name": "--m3e-rich-tooltip-supporting-text-tracking" }, { "description": "Horizontal padding applied to the actions slot area.", "name": "--m3e-rich-tooltip-actions-padding-inline" }, { "description": "Space above the actions slot.", "name": "--m3e-rich-tooltip-actions-top-space" }, { "description": "Space below the actions slot.", "name": "--m3e-rich-tooltip-actions-bottom-space" } ], "slots": [ { "description": "The main supporting text of the tooltip.", "name": "" }, { "description": "Optional subhead text displayed above the supporting content.", "name": "subhead" }, { "description": "Optional action elements displayed at the bottom of the tooltip.", "name": "actions" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#id", "privacy": "private", "default": "M3eRichTooltipElement.__nextId++" }, { "kind": "field", "name": "#subheadText", "privacy": "private", "type": { "text": "string" }, "default": "\"\"" }, { "kind": "field", "name": "#contentText", "privacy": "private", "type": { "text": "string" }, "default": "\"\"" }, { "kind": "field", "name": "#message", "privacy": "private", "type": { "text": "string" }, "default": "\"\"" }, { "kind": "field", "name": "#messageRegistered", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "_hasSubhead", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_interactive", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "#documentClickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "position", "type": { "text": "RichTooltipPosition" }, "default": "\"below-after\"", "description": "The position of the tooltip.", "attribute": "position", "parsedType": { "text": "'above' | 'below' | 'above-after' | 'above-before' | 'below-before' | 'below-after' | 'before' | 'after'" } }, { "kind": "field", "name": "_isInteractive", "privacy": "protected", "readonly": true }, { "kind": "field", "name": "_anchorPosition", "type": { "text": "AnchorPosition" }, "privacy": "protected", "readonly": true, "parsedType": { "text": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'" } }, { "kind": "method", "name": "show", "return": { "type": { "text": "Promise" } }, "description": "Manually shows the tooltip.", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "description": "Manually hides the tooltip.", "parameters": [ { "name": "restoreFocus", "default": "true", "description": "Whether to restore focus to the element that triggered the interactive tooltip.", "optional": true } ], "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "_updatePosition", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "base", "type": { "text": "HTMLElement" } }, { "name": "x", "type": { "text": "number" } }, { "name": "y", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#handleBeforeToggle", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "ToggleEvent" } } ] }, { "kind": "method", "name": "#handleToggle", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "ToggleEvent" } } ] }, { "kind": "method", "name": "#handleDocumentClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleSubheadSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleContentSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleActionsSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#updateMessage", "privacy": "private" }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "__openTooltips", "privacy": "private", "static": true, "default": "new Array()", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#for", "privacy": "private", "type": { "text": "HTMLElement | null" }, "default": "null", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#anchorCleanup", "privacy": "private", "type": { "text": "() => void | undefined" }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#tooltipHovering", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#controlClickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#hoverController", "privacy": "private", "readonly": true, "default": "new HoverController(this, { target: null, endDelay: TOOLTIP_HIDE_DELAY, callback: (hovering, target) => { if (this._isInteractive) return; if (hovering) { if (target === this._base) { this.#tooltipHovering = true; return; } this.show(); } else if (!this.#tooltipHovering || target === this._base) { this.#tooltipHovering = false; this.hide(); } }, })", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#longPressController", "privacy": "private", "readonly": true, "default": "new LongPressController(this, { target: null, callback: (pressed) => { if (this._isInteractive) return; if (pressed) { this.show(); } else { this.hide(); } }, })", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "showDelay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before showing the tooltip.", "default": "0", "attribute": "show-delay", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "hideDelay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before hiding the tooltip.", "default": "200", "attribute": "hide-delay", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "touchGestures", "type": { "text": "TooltipTouchGestures" }, "default": "\"auto\"", "description": "The mode in which to handle touch gestures.", "attribute": "touch-gestures", "parsedType": { "text": "'off' | 'auto' | 'on'" }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "isOpen", "type": { "text": "boolean" }, "description": "Whether the tooltip is currently open.", "readonly": true, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "#handleControlClick", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "#disableNativeGesturesIfNecessary", "privacy": "private", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } } ], "events": [ { "description": "Dispatched before the toggle state changes.", "name": "beforetoggle" }, { "description": "Dispatched after the toggle state has changed.", "name": "toggle" } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "name": "hide-delay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before hiding the tooltip.", "default": "200", "fieldName": "hideDelay", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "description": "The position of the tooltip.", "name": "position", "type": { "text": "RichTooltipPosition" }, "default": "\"below-after\"", "fieldName": "position", "parsedType": { "text": "'above' | 'below' | 'above-after' | 'above-before' | 'below-before' | 'below-after' | 'before' | 'after'" } }, { "name": "show-delay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before showing the tooltip.", "default": "0", "fieldName": "showDelay", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "name": "touch-gestures", "type": { "text": "TooltipTouchGestures" }, "default": "\"auto\"", "description": "The mode in which to handle touch gestures.", "fieldName": "touchGestures", "parsedType": { "text": "'off' | 'auto' | 'on'" }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } } ], "superclass": { "name": "TooltipElementBase", "module": "/src/tooltip/TooltipElementBase" }, "tagName": "m3e-rich-tooltip", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eRichTooltipElement", "declaration": { "name": "M3eRichTooltipElement", "module": "src/tooltip/RichTooltipElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-rich-tooltip", "declaration": { "name": "M3eRichTooltipElement", "module": "src/tooltip/RichTooltipElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/tooltip/TooltipPosition.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/tooltip/TooltipElement.ts", "declarations": [ { "kind": "class", "description": "Adds additional context to a button or other UI element.", "name": "M3eTooltipElement", "cssProperties": [ { "description": "Internal spacing of the tooltip container.", "name": "--m3e-tooltip-padding" }, { "description": "Minimum width of the tooltip.", "name": "--m3e-tooltip-min-width" }, { "description": "Maximum width of the tooltip.", "name": "--m3e-tooltip-max-width" }, { "description": "Minimum height of the tooltip container.", "name": "--m3e-tooltip-min-height" }, { "description": "Maximum height of the tooltip.", "name": "--m3e-tooltip-max-height" }, { "description": "Border radius of the tooltip container.", "name": "--m3e-tooltip-shape" }, { "description": "Background color of the tooltip.", "name": "--m3e-tooltip-container-color" }, { "description": "Text color of supporting text.", "name": "--m3e-tooltip-supporting-text-color" }, { "description": "Font size of supporting text.", "name": "--m3e-tooltip-supporting-text-font-size" }, { "description": "Font weight of supporting text.", "name": "--m3e-tooltip-supporting-text-font-weight" }, { "description": "Line height of supporting text.", "name": "--m3e-tooltip-supporting-text-line-height" }, { "description": "Letter spacing of supporting text.", "name": "--m3e-tooltip-supporting-text-tracking" } ], "slots": [ { "description": "Renders the content of the tooltip.", "name": "" } ], "members": [ { "kind": "field", "name": "#message", "privacy": "private", "type": { "text": "string | null | undefined" } }, { "kind": "field", "name": "position", "type": { "text": "TooltipPosition" }, "default": "\"below\"", "description": "The position of the tooltip.", "attribute": "position", "parsedType": { "text": "'above' | 'below' | 'before' | 'after'" } }, { "kind": "field", "name": "_anchorPosition", "type": { "text": "AnchorPosition" }, "privacy": "protected", "readonly": true, "parsedType": { "text": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'" } }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "_updatePosition", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "base", "type": { "text": "HTMLElement" } }, { "name": "x", "type": { "text": "number" } }, { "name": "y", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleToggle", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "ToggleEvent" } } ] }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "__openTooltips", "privacy": "private", "static": true, "default": "new Array()", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#for", "privacy": "private", "type": { "text": "HTMLElement | null" }, "default": "null", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#anchorCleanup", "privacy": "private", "type": { "text": "() => void | undefined" }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#tooltipHovering", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#controlClickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#hoverController", "privacy": "private", "readonly": true, "default": "new HoverController(this, { target: null, endDelay: TOOLTIP_HIDE_DELAY, callback: (hovering, target) => { if (this._isInteractive) return; if (hovering) { if (target === this._base) { this.#tooltipHovering = true; return; } this.show(); } else if (!this.#tooltipHovering || target === this._base) { this.#tooltipHovering = false; this.hide(); } }, })", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "#longPressController", "privacy": "private", "readonly": true, "default": "new LongPressController(this, { target: null, callback: (pressed) => { if (this._isInteractive) return; if (pressed) { this.show(); } else { this.hide(); } }, })", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "showDelay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before showing the tooltip.", "default": "0", "attribute": "show-delay", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "hideDelay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before hiding the tooltip.", "default": "200", "attribute": "hide-delay", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "touchGestures", "type": { "text": "TooltipTouchGestures" }, "default": "\"auto\"", "description": "The mode in which to handle touch gestures.", "attribute": "touch-gestures", "parsedType": { "text": "'off' | 'auto' | 'on'" }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "field", "name": "isOpen", "type": { "text": "boolean" }, "description": "Whether the tooltip is currently open.", "readonly": true, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "show", "return": { "type": { "text": "Promise" } }, "description": "Manually shows the tooltip.", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "description": "Manually hides the tooltip.", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "#handleControlClick", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "kind": "method", "name": "#disableNativeGesturesIfNecessary", "privacy": "private", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "name": "hide-delay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before hiding the tooltip.", "default": "200", "fieldName": "hideDelay", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "description": "The position of the tooltip.", "name": "position", "type": { "text": "TooltipPosition" }, "default": "\"below\"", "fieldName": "position", "parsedType": { "text": "'above' | 'below' | 'before' | 'after'" } }, { "name": "show-delay", "type": { "text": "number" }, "description": "The amount of time, in milliseconds, before showing the tooltip.", "default": "0", "fieldName": "showDelay", "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } }, { "name": "touch-gestures", "type": { "text": "TooltipTouchGestures" }, "default": "\"auto\"", "description": "The mode in which to handle touch gestures.", "fieldName": "touchGestures", "parsedType": { "text": "'off' | 'auto' | 'on'" }, "inheritedFrom": { "name": "TooltipElementBase", "module": "src/tooltip/TooltipElementBase.ts" } } ], "superclass": { "name": "TooltipElementBase", "module": "/src/tooltip/TooltipElementBase" }, "tagName": "m3e-tooltip", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTooltipElement", "declaration": { "name": "M3eTooltipElement", "module": "src/tooltip/TooltipElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-tooltip", "declaration": { "name": "M3eTooltipElement", "module": "src/tooltip/TooltipElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/tooltip/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tooltip/RichTooltipActionElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tooltip/RichTooltipElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tooltip/RichTooltipPosition" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tooltip/TooltipElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tooltip/TooltipElementBase" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tooltip/TooltipPosition" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tooltip/TooltipTouchGestures" } } ] }, { "kind": "javascript-module", "path": "src/calendar/CalendarView.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/calendar/utils.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/calendar/CalendarViewElementBase.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/calendar/MonthViewElement.ts", "declarations": [ { "kind": "class", "description": "An internal component used to display a single month in a calendar.", "name": "M3eMonthViewElement", "members": [ { "kind": "field", "name": "rangeStart", "type": { "text": "Date | null" }, "default": "null", "description": "Start of a date range.", "attribute": "range-start" }, { "kind": "field", "name": "rangeEnd", "type": { "text": "Date | null" }, "default": "null", "description": "End of a date range.", "attribute": "range-end" }, { "kind": "field", "name": "blackoutDates", "type": { "text": "((date: Date) => boolean) | null" }, "default": "null", "description": "A function used to determine whether a date cannot be selected." }, { "kind": "field", "name": "specialDates", "type": { "text": "((date: Date) => boolean) | null" }, "default": "null", "description": "A function used to determine whether a date is special." }, { "kind": "method", "name": "#renderItem", "privacy": "private", "return": { "type": { "text": "unknown" } }, "parameters": [ { "name": "value", "type": { "text": "Date" } } ] }, { "kind": "method", "name": "#handleItemClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleItemKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleItemMouseEnter", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleItemFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#setRangeHighlight", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "HTMLElement" } } ] }, { "kind": "method", "name": "#clearRangeHighlight", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "_activeItem", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "today", "type": { "text": "Date" }, "default": "new Date()", "description": "Today's date.", "attribute": "today", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "date", "type": { "text": "Date | null" }, "default": "null", "description": "The selected date.", "attribute": "date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "activeDate", "type": { "text": "Date" }, "default": "new Date()", "description": "The active date.", "attribute": "active-date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "minDate", "type": { "text": "Date | null" }, "default": "null", "description": "The minimum date that can be selected.", "attribute": "min-date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "maxDate", "type": { "text": "Date | null" }, "default": "null", "description": "The maximum date that can be selected.", "attribute": "max-date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "method", "name": "focusActiveCell", "return": { "type": { "text": "Promise" } }, "description": "Asynchronously focuses the active date.", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" } }, { "name": "active-change", "type": { "text": "Event" }, "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } } ], "attributes": [ { "name": "range-start", "type": { "text": "Date | null" }, "default": "null", "description": "Start of a date range.", "fieldName": "rangeStart" }, { "name": "range-end", "type": { "text": "Date | null" }, "default": "null", "description": "End of a date range.", "fieldName": "rangeEnd" }, { "name": "today", "type": { "text": "Date" }, "default": "new Date()", "description": "Today's date.", "fieldName": "today", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "date", "type": { "text": "Date | null" }, "default": "null", "description": "The selected date.", "fieldName": "date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "active-date", "type": { "text": "Date" }, "default": "new Date()", "description": "The active date.", "fieldName": "activeDate", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "min-date", "type": { "text": "Date | null" }, "default": "null", "description": "The minimum date that can be selected.", "fieldName": "minDate", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "max-date", "type": { "text": "Date | null" }, "default": "null", "description": "The maximum date that can be selected.", "fieldName": "maxDate", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } } ], "superclass": { "name": "CalendarViewElementBase", "module": "/src/calendar/CalendarViewElementBase" }, "tagName": "m3e-month-view", "customElement": true } ], "exports": [ { "kind": "custom-element-definition", "name": "m3e-month-view", "declaration": { "name": "M3eMonthViewElement", "module": "src/calendar/MonthViewElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/MultiYearViewElement.ts", "declarations": [ { "kind": "class", "description": "An internal component used to display a year selector in a calendar.", "name": "M3eMultiYearViewElement", "members": [ { "kind": "method", "name": "#renderItem", "privacy": "private", "return": { "type": { "text": "unknown" } }, "parameters": [ { "name": "year", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#handleItemClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleItemKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "field", "name": "_activeItem", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "today", "type": { "text": "Date" }, "default": "new Date()", "description": "Today's date.", "attribute": "today", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "date", "type": { "text": "Date | null" }, "default": "null", "description": "The selected date.", "attribute": "date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "activeDate", "type": { "text": "Date" }, "default": "new Date()", "description": "The active date.", "attribute": "active-date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "minDate", "type": { "text": "Date | null" }, "default": "null", "description": "The minimum date that can be selected.", "attribute": "min-date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "maxDate", "type": { "text": "Date | null" }, "default": "null", "description": "The maximum date that can be selected.", "attribute": "max-date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "method", "name": "focusActiveCell", "return": { "type": { "text": "Promise" } }, "description": "Asynchronously focuses the active date.", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" } }, { "name": "active-change", "type": { "text": "Event" }, "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } } ], "superclass": { "name": "CalendarViewElementBase", "module": "/src/calendar/CalendarViewElementBase" }, "tagName": "m3e-multi-year-view", "customElement": true, "attributes": [ { "name": "today", "type": { "text": "Date" }, "default": "new Date()", "description": "Today's date.", "fieldName": "today", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "date", "type": { "text": "Date | null" }, "default": "null", "description": "The selected date.", "fieldName": "date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "active-date", "type": { "text": "Date" }, "default": "new Date()", "description": "The active date.", "fieldName": "activeDate", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "min-date", "type": { "text": "Date | null" }, "default": "null", "description": "The minimum date that can be selected.", "fieldName": "minDate", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "max-date", "type": { "text": "Date | null" }, "default": "null", "description": "The maximum date that can be selected.", "fieldName": "maxDate", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } } ] } ], "exports": [ { "kind": "custom-element-definition", "name": "m3e-multi-year-view", "declaration": { "name": "M3eMultiYearViewElement", "module": "src/calendar/MultiYearViewElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/YearViewElement.ts", "declarations": [ { "kind": "class", "description": "An internal component used to display a single year in a calendar.", "name": "M3eYearViewElement", "members": [ { "kind": "method", "name": "#renderItem", "privacy": "private", "return": { "type": { "text": "unknown" } }, "parameters": [ { "name": "month", "type": { "text": "{ date: Date; long: string; narrow: string }" } } ] }, { "kind": "method", "name": "#handleItemClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleItemKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "field", "name": "_activeItem", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "today", "type": { "text": "Date" }, "default": "new Date()", "description": "Today's date.", "attribute": "today", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "date", "type": { "text": "Date | null" }, "default": "null", "description": "The selected date.", "attribute": "date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "activeDate", "type": { "text": "Date" }, "default": "new Date()", "description": "The active date.", "attribute": "active-date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "minDate", "type": { "text": "Date | null" }, "default": "null", "description": "The minimum date that can be selected.", "attribute": "min-date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "field", "name": "maxDate", "type": { "text": "Date | null" }, "default": "null", "description": "The maximum date that can be selected.", "attribute": "max-date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "kind": "method", "name": "focusActiveCell", "return": { "type": { "text": "Promise" } }, "description": "Asynchronously focuses the active date.", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" } }, { "name": "active-change", "type": { "text": "Event" }, "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } } ], "superclass": { "name": "CalendarViewElementBase", "module": "/src/calendar/CalendarViewElementBase" }, "tagName": "m3e-year-view", "customElement": true, "attributes": [ { "name": "today", "type": { "text": "Date" }, "default": "new Date()", "description": "Today's date.", "fieldName": "today", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "date", "type": { "text": "Date | null" }, "default": "null", "description": "The selected date.", "fieldName": "date", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "active-date", "type": { "text": "Date" }, "default": "new Date()", "description": "The active date.", "fieldName": "activeDate", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "min-date", "type": { "text": "Date | null" }, "default": "null", "description": "The minimum date that can be selected.", "fieldName": "minDate", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } }, { "name": "max-date", "type": { "text": "Date | null" }, "default": "null", "description": "The maximum date that can be selected.", "fieldName": "maxDate", "inheritedFrom": { "name": "CalendarViewElementBase", "module": "src/calendar/CalendarViewElementBase.ts" } } ] } ], "exports": [ { "kind": "custom-element-definition", "name": "m3e-year-view", "declaration": { "name": "M3eYearViewElement", "module": "src/calendar/YearViewElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/CalendarElement.ts", "declarations": [ { "kind": "class", "description": "A calendar used to select a date.", "name": "M3eCalendarElement", "cssProperties": [ { "description": "Background color of the container surface.", "name": "--m3e-calendar-container-color" }, { "description": "Elevation shadow applied to the container surface.", "name": "--m3e-calendar-container-elevation" }, { "description": "Corner radius of the container surface.", "name": "--m3e-calendar-container-shape" }, { "description": "Padding applied to the calendar header and body.", "name": "--m3e-calendar-padding" }, { "description": "Text color used for the period‑navigation buttons in the header.", "name": "--m3e-calendar-period-button-text-color" }, { "description": "Font size of weekday labels in month view.", "name": "--m3e-calendar-weekday-font-size" }, { "description": "Font weight of weekday labels in month view.", "name": "--m3e-calendar-weekday-font-weight" }, { "description": "Line height of weekday labels in month view.", "name": "--m3e-calendar-weekday-line-height" }, { "description": "Letter spacing of weekday labels in month view.", "name": "--m3e-calendar-weekday-tracking" }, { "description": "Text color for weekday labels in month view.", "name": "--m3e-calendar-weekday-color" }, { "description": "Font size of date cells in month view.", "name": "--m3e-calendar-date-font-size" }, { "description": "Font weight of date cells in month view.", "name": "--m3e-calendar-date-font-weight" }, { "description": "Line height of date cells in month view.", "name": "--m3e-calendar-date-line-height" }, { "description": "Letter spacing of date cells in month view.", "name": "--m3e-calendar-date-tracking" }, { "description": "Font size of items in year and multi‑year views.", "name": "--m3e-calendar-item-font-size" }, { "description": "Font weight of items in year and multi‑year views.", "name": "--m3e-calendar-item-font-weight" }, { "description": "Line height of items in year and multi‑year views.", "name": "--m3e-calendar-item-line-height" }, { "description": "Letter spacing of items in year and multi‑year views.", "name": "--m3e-calendar-item-tracking" }, { "description": "Text color for date items.", "name": "--m3e-calendar-item-color" }, { "description": "Text color for selected date items.", "name": "--m3e-calendar-item-selected-color" }, { "description": "Background color for selected date items.", "name": "--m3e-calendar-item-selected-container-color" }, { "description": "Ripple color used when interacting with selected date items.", "name": "--m3e-calendar-item-selected-ripple-color" }, { "description": "Hover color used when interacting with selected date items.", "name": "--m3e-calendar-item-selected-hover-color" }, { "description": "Focus color used when interacting with selected date items.", "name": "--m3e-calendar-item-selected-focus-color" }, { "description": "Outline thickness used to indicate the current date.", "name": "--m3e-calendar-item-current-outline-thickness" }, { "description": "Outline color used to indicate the current date.", "name": "--m3e-calendar-item-current-outline-color" }, { "description": "Text color for dates marked as special.", "name": "--m3e-calendar-item-special-color" }, { "description": "Background color for dates marked as special.", "name": "--m3e-calendar-item-special-container-color" }, { "description": "Ripple color used when interacting with dates marked as special.", "name": "--m3e-calendar-item-special-ripple-color" }, { "description": "Hover color used when interacting with dates marked as special.", "name": "--m3e-calendar-item-special-hover-color" }, { "description": "Focus color used when interacting with dates marked as special.", "name": "--m3e-calendar-item-special-focus-color" }, { "description": "Background color applied to the selected date range.", "name": "--m3e-calendar-range-container-color" }, { "description": "Text color for dates within a selected range.", "name": "--m3e-calendar-range-color" }, { "description": "Color used for disabled date items.", "name": "--m3e-calendar-item-disabled-color" }, { "description": "Opacity applied to the disabled item color.", "name": "--m3e-calendar-item-disabled-color-opacity" }, { "description": "Duration of slide transitions between calendar views.", "name": "--m3e-calendar-slide-animation-duration" } ], "slots": [ { "description": "Renders the header of the calendar.", "name": "header" } ], "members": [ { "kind": "field", "name": "#transitionComplete", "privacy": "private", "type": { "text": "Promise | undefined" } }, { "kind": "field", "name": "_today", "privacy": "private", "default": "new Date()" }, { "kind": "field", "name": "_activeView", "type": { "text": "CalendarView" }, "privacy": "private", "default": "\"month\"", "parsedType": { "text": "'month' | 'year' | 'multi-year'" } }, { "kind": "field", "name": "_activeDate", "type": { "text": "Date" }, "privacy": "private", "default": "new Date()" }, { "kind": "field", "name": "_view", "type": { "text": "CalendarViewElementBase | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_body", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "startView", "type": { "text": "CalendarView" }, "default": "\"month\"", "description": "The initial view used to select a date.", "attribute": "start-view", "parsedType": { "text": "'month' | 'year' | 'multi-year'" } }, { "kind": "field", "name": "date", "type": { "text": "Date | null" }, "default": "null", "description": "The selected date.", "attribute": "date" }, { "kind": "field", "name": "startAt", "type": { "text": "Date | null" }, "default": "null", "description": "A date specifying the period (month or year) to start the calendar in.", "attribute": "start-at" }, { "kind": "field", "name": "minDate", "type": { "text": "Date | null" }, "default": "null", "description": "The minimum date that can be selected.", "attribute": "min-date" }, { "kind": "field", "name": "maxDate", "type": { "text": "Date | null" }, "default": "null", "description": "The maximum date that can be selected.", "attribute": "max-date" }, { "kind": "field", "name": "rangeStart", "type": { "text": "Date | null" }, "default": "null", "description": "Start of a date range.", "attribute": "range-start" }, { "kind": "field", "name": "rangeEnd", "type": { "text": "Date | null" }, "default": "null", "description": "End of a date range.", "attribute": "range-end" }, { "kind": "field", "name": "blackoutDates", "type": { "text": "((date: Date) => boolean) | null" }, "default": "null", "description": "A function used to determine whether a date cannot be selected." }, { "kind": "field", "name": "specialDates", "type": { "text": "((date: Date) => boolean) | null" }, "default": "null", "description": "A function used to determine whether a date is special." }, { "kind": "field", "name": "previousMonthLabel", "type": { "text": "string" }, "default": "\"Previous month\"", "description": "The accessible label given to the button used to move to the previous month.", "attribute": "previous-month-label" }, { "kind": "field", "name": "previousYearLabel", "type": { "text": "string" }, "default": "\"Previous year\"", "description": "The accessible label given to the button used to move to the previous year.", "attribute": "previous-year-label" }, { "kind": "field", "name": "previousMultiYearLabel", "type": { "text": "string" }, "default": "\"Previous 24 years\"", "description": "The accessible label given to the button used to move to the previous 24 years.", "attribute": "previous-multi-year-label" }, { "kind": "field", "name": "nextMonthLabel", "type": { "text": "string" }, "default": "\"Next month\"", "description": "The accessible label given to the button used to move to the next month.", "attribute": "next-month-label" }, { "kind": "field", "name": "nextYearLabel", "type": { "text": "string" }, "default": "\"Next year\"", "description": "The accessible label given to the button used to move to the next year.", "attribute": "next-year-label" }, { "kind": "field", "name": "nextMultiYearLabel", "type": { "text": "string" }, "default": "\"Next 24 years\"", "description": "The accessible label given to the button used to move to the next 24 years.", "attribute": "next-multi-year-label" }, { "kind": "field", "name": "periodLabel", "type": { "text": "string" }, "description": "The label to present for the current period.", "readonly": true }, { "kind": "field", "name": "canMovePreviousPeriod", "type": { "text": "boolean" }, "description": "Whether the calendar can move to the previous period.", "readonly": true }, { "kind": "field", "name": "canMoveNextPeriod", "type": { "text": "boolean" }, "description": "Whether the calendar can move to the next period.", "readonly": true }, { "kind": "method", "name": "focusActiveCell", "return": { "type": { "text": "Promise" } }, "description": "Asynchronously focuses the active date." }, { "kind": "method", "name": "updateTodayDate", "return": { "type": { "text": "void" } }, "description": "Updates today's date." }, { "kind": "method", "name": "movePreviousPeriod", "return": { "type": { "text": "Promise" } }, "description": "Moves the calendar to the previous period." }, { "kind": "method", "name": "moveNextPeriod", "return": { "type": { "text": "Promise" } }, "description": "Moves the calendar to the next period." }, { "kind": "method", "name": "togglePeriod", "return": { "type": { "text": "Promise" } }, "description": "Toggles the current period." }, { "kind": "method", "name": "#renderHeader", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#renderView", "privacy": "private", "return": { "type": { "text": "unknown" } }, "parameters": [ { "name": "view", "type": { "text": "CalendarView" } }, { "name": "offset", "type": { "text": "-1 | 0 | 1" } } ] }, { "kind": "method", "name": "#handleDateChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleMonthChange", "privacy": "private", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleYearChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleActiveChange", "privacy": "private", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#getPreviousPeriod", "privacy": "private", "return": { "type": { "text": "Date" } }, "parameters": [ { "name": "view", "type": { "text": "CalendarView" } } ] }, { "kind": "method", "name": "#getNextPeriod", "privacy": "private", "return": { "type": { "text": "Date" } }, "parameters": [ { "name": "view", "type": { "text": "CalendarView" } } ] } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected date changes." } ], "attributes": [ { "description": "The selected date.", "name": "date", "type": { "text": "Date | null" }, "default": "null", "fieldName": "date" }, { "description": "The maximum date that can be selected.", "name": "max-date", "type": { "text": "Date | null" }, "default": "null", "fieldName": "maxDate" }, { "description": "The minimum date that can be selected.", "name": "min-date", "type": { "text": "Date | null" }, "default": "null", "fieldName": "minDate" }, { "description": "End of a date range.", "name": "range-end", "type": { "text": "Date | null" }, "default": "null", "fieldName": "rangeEnd" }, { "description": "Start of a date range.", "name": "range-start", "type": { "text": "Date | null" }, "default": "null", "fieldName": "rangeStart" }, { "description": "A date specifying the period (month or year) to start the calendar in.", "name": "start-at", "type": { "text": "Date | null" }, "default": "null", "fieldName": "startAt" }, { "description": "The initial view used to select a date.", "name": "start-view", "type": { "text": "CalendarView" }, "default": "\"month\"", "fieldName": "startView", "parsedType": { "text": "'month' | 'year' | 'multi-year'" } }, { "description": "The accessible label given to the button used to move to the previous month.", "name": "previous-month-label", "type": { "text": "string" }, "default": "\"Previous month\"", "fieldName": "previousMonthLabel" }, { "description": "The accessible label given to the button used to move to the next month.", "name": "next-month-label", "type": { "text": "string" }, "default": "\"Next month\"", "fieldName": "nextMonthLabel" }, { "description": "The accessible label given to the button used to move to the previous year.", "name": "previous-year-label", "type": { "text": "string" }, "default": "\"Previous year\"", "fieldName": "previousYearLabel" }, { "description": "The accessible label given to the button used to move to the next year.", "name": "next-year-label", "type": { "text": "string" }, "default": "\"Next year\"", "fieldName": "nextYearLabel" }, { "description": "The accessible label given to the button used to move to the previous 24 years.", "name": "previous-multi-year-label", "type": { "text": "string" }, "default": "\"Previous 24 years\"", "fieldName": "previousMultiYearLabel" }, { "description": "The accessible label given to the button used to move to the next 24 years.", "name": "next-multi-year-label", "type": { "text": "string" }, "default": "\"Next 24 years\"", "fieldName": "nextMultiYearLabel" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-calendar", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eCalendarElement", "declaration": { "name": "M3eCalendarElement", "module": "src/calendar/CalendarElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-calendar", "declaration": { "name": "M3eCalendarElement", "module": "src/calendar/CalendarElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/calendar/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/calendar/CalendarElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/calendar/CalendarView" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/calendar/CalendarViewElementBase" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/calendar/MonthViewElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/calendar/MultiYearViewElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/calendar/YearViewElement" } } ] }, { "kind": "javascript-module", "path": "src/card/CardVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/card/styles/CardToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/card/styles/CardVariantToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/card/styles/CardStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/card/styles/CardVariantStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/card/styles/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/card/styles/CardStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/card/styles/CardVariantStyle" } } ] }, { "kind": "javascript-module", "path": "src/card/CardOrientation.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/card/CardElement.ts", "declarations": [ { "kind": "class", "description": "A content container for text, images (or other media), and actions in the context of a single subject.", "name": "M3eCardElement", "cssProperties": [ { "description": "Internal spacing for all slotted regions", "name": "--m3e-card-padding" }, { "description": "Corner radius of the card container.", "name": "--m3e-card-shape" }, { "description": "Foreground color for text content in filled cards.", "name": "--m3e-filled-card-text-color" }, { "description": "Background color of the filled card container.", "name": "--m3e-filled-card-container-color" }, { "description": "Elevation level for filled card container.", "name": "--m3e-filled-card-container-elevation" }, { "description": "Text color when filled card is disabled.", "name": "--m3e-filled-card-disabled-text-color" }, { "description": "Opacity applied to text when disabled.", "name": "--m3e-filled-card-disabled-text-opacity" }, { "description": "Background color when disabled.", "name": "--m3e-filled-card-disabled-container-color" }, { "description": "Elevation level when disabled.", "name": "--m3e-filled-card-disabled-container-elevation" }, { "description": "Shadow color when disabled.", "name": "--m3e-filled-card-disabled-container-elevation-color" }, { "description": "Shadow opacity when disabled.", "name": "--m3e-filled-card-disabled-container-elevation-opacity" }, { "description": "Overall container opacity when disabled.", "name": "--m3e-filled-card-disabled-container-opacity" }, { "description": "Text color on hover.", "name": "--m3e-filled-card-hover-text-color" }, { "description": "State layer color on hover.", "name": "--m3e-filled-card-hover-state-layer-color" }, { "description": "State layer opacity on hover.", "name": "--m3e-filled-card-hover-state-layer-opacity" }, { "description": "Elevation level on hover.", "name": "--m3e-filled-card-hover-container-elevation" }, { "description": "Text color on focus.", "name": "--m3e-filled-card-focus-text-color" }, { "description": "State layer color on focus.", "name": "--m3e-filled-card-focus-state-layer-color" }, { "description": "State layer opacity on focus.", "name": "--m3e-filled-card-focus-state-layer-opacity" }, { "description": "Elevation level on focus.", "name": "--m3e-filled-card-focus-container-elevation" }, { "description": "Text color on press.", "name": "--m3e-filled-card-pressed-text-color" }, { "description": "State layer color on press.", "name": "--m3e-filled-card-pressed-state-layer-color" }, { "description": "State layer opacity on press.", "name": "--m3e-filled-card-pressed-state-layer-opacity" }, { "description": "Elevation level on press.", "name": "--m3e-filled-card-pressed-container-elevation" }, { "description": "Foreground color for text content in elevated cards.", "name": "--m3e-elevated-card-text-color" }, { "description": "Background color of the elevated card container.", "name": "--m3e-elevated-card-container-color" }, { "description": "Elevation level for elevated card container.", "name": "--m3e-elevated-card-container-elevation" }, { "description": "Text color when elevated card is disabled.", "name": "--m3e-elevated-card-disabled-text-color" }, { "description": "Opacity applied to text when disabled.", "name": "--m3e-elevated-card-disabled-text-opacity" }, { "description": "Background color when disabled.", "name": "--m3e-elevated-card-disabled-container-color" }, { "description": "Elevation level when disabled.", "name": "--m3e-elevated-card-disabled-container-elevation" }, { "description": "Shadow color when disabled.", "name": "--m3e-elevated-card-disabled-container-elevation-color" }, { "description": "Shadow opacity when disabled.", "name": "--m3e-elevated-card-disabled-container-elevation-opacity" }, { "description": "Overall container opacity when disabled.", "name": "--m3e-elevated-card-disabled-container-opacity" }, { "description": "Text color on hover.", "name": "--m3e-elevated-card-hover-text-color" }, { "description": "State layer color on hover.", "name": "--m3e-elevated-card-hover-state-layer-color" }, { "description": "State layer opacity on hover.", "name": "--m3e-elevated-card-hover-state-layer-opacity" }, { "description": "Elevation level on hover.", "name": "--m3e-elevated-card-hover-container-elevation" }, { "description": "Text color on focus.", "name": "--m3e-elevated-card-focus-text-color" }, { "description": "State layer color on focus.", "name": "--m3e-elevated-card-focus-state-layer-color" }, { "description": "State layer opacity on focus.", "name": "--m3e-elevated-card-focus-state-layer-opacity" }, { "description": "Elevation level on focus.", "name": "--m3e-elevated-card-focus-container-elevation" }, { "description": "Text color on press.", "name": "--m3e-elevated-card-pressed-text-color" }, { "description": "State layer color on press.", "name": "--m3e-elevated-card-pressed-state-layer-color" }, { "description": "State layer opacity on press.", "name": "--m3e-elevated-card-pressed-state-layer-opacity" }, { "description": "Elevation level on press.", "name": "--m3e-elevated-card-pressed-container-elevation" }, { "description": "Foreground color for text content in outlined cards.", "name": "--m3e-outlined-card-text-color" }, { "description": "Background color of the outlined card container.", "name": "--m3e-outlined-card-container-color" }, { "description": "Elevation level for outlined card container.", "name": "--m3e-outlined-card-container-elevation" }, { "description": "Border color for outlined cards.", "name": "--m3e-outlined-card-outline-color" }, { "description": "Border thickness for outlined cards.", "name": "--m3e-outlined-card-outline-thickness" }, { "description": "Text color when outlined card is disabled.", "name": "--m3e-outlined-card-disabled-text-color" }, { "description": "Opacity applied to text when disabled.", "name": "--m3e-outlined-card-disabled-text-opacity" }, { "description": "Elevation level when disabled.", "name": "--m3e-outlined-card-disabled-container-elevation" }, { "description": "Shadow color when disabled.", "name": "--m3e-outlined-card-disabled-container-elevation-color" }, { "description": "Shadow opacity when disabled.", "name": "--m3e-outlined-card-disabled-container-elevation-opacity" }, { "description": "Border color when disabled.", "name": "--m3e-outlined-card-disabled-outline-color" }, { "description": "Border opacity when disabled.", "name": "--m3e-outlined-card-disabled-outline-opacity" }, { "description": "Text color on hover.", "name": "--m3e-outlined-card-hover-text-color" }, { "description": "State layer color on hover.", "name": "--m3e-outlined-card-hover-state-layer-color" }, { "description": "State layer opacity on hover.", "name": "--m3e-outlined-card-hover-state-layer-opacity" }, { "description": "Elevation level on hover.", "name": "--m3e-outlined-card-hover-container-elevation" }, { "description": "Border color on hover.", "name": "--m3e-outlined-card-hover-outline-color" }, { "description": "Text color on focus.", "name": "--m3e-outlined-card-focus-text-color" }, { "description": "State layer color on focus.", "name": "--m3e-outlined-card-focus-state-layer-color" }, { "description": "State layer opacity on focus.", "name": "--m3e-outlined-card-focus-state-layer-opacity" }, { "description": "Elevation level on focus.", "name": "--m3e-outlined-card-focus-container-elevation" }, { "description": "Border color on focus.", "name": "--m3e-outlined-card-focus-outline-color" }, { "description": "Text color on press.", "name": "--m3e-outlined-card-pressed-text-color" }, { "description": "State layer color on press.", "name": "--m3e-outlined-card-pressed-state-layer-color" }, { "description": "State layer opacity on press.", "name": "--m3e-outlined-card-pressed-state-layer-opacity" }, { "description": "Elevation level on press.", "name": "--m3e-outlined-card-pressed-container-elevation" }, { "description": "Border color on press.", "name": "--m3e-outlined-card-pressed-outline-color" } ], "slots": [ { "description": "Renders the content of the card without padding.", "name": "" }, { "description": "Renders the header of the card.", "name": "header" }, { "description": "Renders the content of the card with padding.", "name": "content" }, { "description": "Renders the actions of the card.", "name": "actions" }, { "description": "Renders the footer of the card.", "name": "footer" } ], "members": [ { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_elevation", "type": { "text": "M3eElevationElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "inline", "type": { "text": "boolean" }, "default": "false", "description": "Whether to present the card inline with surrounding content.", "attribute": "inline", "reflects": true }, { "kind": "field", "name": "actionable", "type": { "text": "boolean" }, "default": "false", "description": "Whether the card is \"actionable\" and will respond to use interaction.", "attribute": "actionable", "reflects": true }, { "kind": "field", "name": "variant", "type": { "text": "CardVariant" }, "default": "\"filled\"", "description": "The appearance variant of the card.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'filled' | 'outlined' | 'elevated'" } }, { "kind": "field", "name": "orientation", "type": { "text": "CardOrientation" }, "default": "\"vertical\"", "description": "The orientation of the card.", "attribute": "orientation", "reflects": true, "parsedType": { "text": "'vertical' | 'horizontal'" } }, { "kind": "method", "name": "#handleHeaderSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleContentSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleDefaultSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleActionsSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleFooterSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "name", "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.", "attribute": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "attribute": "value", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "attribute": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_suppressedEventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabledInteractive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "attribute": "disabled-interactive", "reflects": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "description": "Whether the card is \"actionable\" and will respond to use interaction.", "name": "actionable", "type": { "text": "boolean" }, "default": "false", "fieldName": "actionable" }, { "description": "Whether to present the card inline with surrounding content.", "name": "inline", "type": { "text": "boolean" }, "default": "false", "fieldName": "inline" }, { "description": "The orientation of the card.", "name": "orientation", "type": { "text": "CardOrientation" }, "default": "\"vertical\"", "fieldName": "orientation", "parsedType": { "text": "'vertical' | 'horizontal'" } }, { "description": "The appearance variant of the card.", "name": "variant", "type": { "text": "CardVariant" }, "default": "\"filled\"", "fieldName": "variant", "parsedType": { "text": "'filled' | 'outlined' | 'elevated'" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "name", "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.", "fieldName": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "fieldName": "value", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "fieldName": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "disabled-interactive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "fieldName": "disabledInteractive", "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "mixins": [ { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "FormSubmitter", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "DisabledInteractive", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-card", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eCardElement", "declaration": { "name": "M3eCardElement", "module": "src/card/CardElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-card", "declaration": { "name": "M3eCardElement", "module": "src/card/CardElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/card/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/card/CardElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/card/CardOrientation" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/card/CardVariant" } } ] }, { "kind": "javascript-module", "path": "src/checkbox/CheckboxElement.ts", "declarations": [ { "kind": "class", "description": "A checkbox that allows a user to select one or more options from a limited number of choices.", "name": "M3eCheckboxElement", "cssProperties": [ { "description": "Size of the checkbox icon inside the container.", "name": "--m3e-checkbox-icon-size" }, { "description": "Base size of the checkbox container.", "name": "--m3e-checkbox-container-size" }, { "description": "Border radius of the icon container.", "name": "--m3e-checkbox-container-shape" }, { "description": "Border thickness for unselected state.", "name": "--m3e-checkbox-unselected-outline-thickness" }, { "description": "Border color for unselected state.", "name": "--m3e-checkbox-unselected-outline-color" }, { "description": "Border color on hover when unselected.", "name": "--m3e-checkbox-unselected-hover-outline-color" }, { "description": "Base color for disabled unselected outline.", "name": "--m3e-checkbox-unselected-disabled-outline-color" }, { "description": "Opacity for disabled unselected outline.", "name": "--m3e-checkbox-unselected-disabled-outline-opacity" }, { "description": "Border color for invalid unselected state.", "name": "--m3e-checkbox-unselected-error-outline-color" }, { "description": "Background color for selected container.", "name": "--m3e-checkbox-selected-container-color" }, { "description": "Icon color for selected state.", "name": "--m3e-checkbox-selected-icon-color" }, { "description": "Base color for disabled selected container.", "name": "--m3e-checkbox-selected-disabled-container-color" }, { "description": "Opacity for disabled selected container.", "name": "--m3e-checkbox-selected-disabled-container-opacity" }, { "description": "Base color for disabled selected icon.", "name": "--m3e-checkbox-selected-disabled-icon-color" }, { "description": "Opacity for disabled selected icon.", "name": "--m3e-checkbox-selected-disabled-icon-opacity" }, { "description": "Ripple hover color for unselected state.", "name": "--m3e-checkbox-unselected-hover-color" }, { "description": "Ripple focus color for unselected state.", "name": "--m3e-checkbox-unselected-focus-color" }, { "description": "Ripple base color for unselected state.", "name": "--m3e-checkbox-unselected-ripple-color" }, { "description": "Ripple hover color for selected state.", "name": "--m3e-checkbox-selected-hover-color" }, { "description": "Ripple focus color for selected state.", "name": "--m3e-checkbox-selected-focus-color" }, { "description": "Ripple base color for selected state.", "name": "--m3e-checkbox-selected-ripple-color" }, { "description": "Ripple hover color for invalid unselected state.", "name": "--m3e-checkbox-unselected-error-hover-color" }, { "description": "Ripple focus color for invalid unselected state.", "name": "--m3e-checkbox-unselected-error-focus-color" }, { "description": "Ripple base color for invalid unselected state.", "name": "--m3e-checkbox-unselected-error-ripple-color" }, { "description": "Ripple hover color for invalid selected state.", "name": "--m3e-checkbox-selected-error-hover-color" }, { "description": "Ripple focus color for invalid selected state.", "name": "--m3e-checkbox-selected-error-focus-color" }, { "description": "Ripple base color for invalid selected state.", "name": "--m3e-checkbox-selected-error-ripple-color" } ], "members": [ { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#hoverController", "privacy": "private", "readonly": true, "default": "new HoverController(this, { target: null, callback: (hovering) => { if (this.disabled) return; if (hovering) { this._stateLayer?.show(\"hover\"); } else { this._stateLayer?.hide(\"hover\"); } }, })" }, { "kind": "field", "name": "#pressedController", "privacy": "private", "readonly": true, "default": "new PressedController(this, { target: null, minPressedDuration: 150, callback: (pressed) => { if (this.disabled) return; if (pressed) { this._ripple?.show(0, 0, true); } else { this._ripple?.hide(); } }, })" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "\"on\"", "description": "A string representing the value of the checkbox.", "attribute": "value" }, { "kind": "field", "name": "[formValue]", "type": { "text": "string | File | FormData | null" }, "privacy": "private", "readonly": true }, { "kind": "method", "name": "#renderIcon", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "description": "The label elements that the element is associated with.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether a value is required for the element.", "attribute": "required", "reflects": true, "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } }, { "kind": "field", "name": "optional", "description": "Whether a value is not required for the element.", "readonly": true, "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } }, { "kind": "field", "name": "[_validityMessage]", "type": { "text": "string | undefined" }, "privacy": "private", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "description": "Whether the element is a submittable element that is a candidate for constraint validation.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "description": "The validity state of the element.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "description": "The error message that would be displayed if the user submits the form, or an empty string if no error message.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "setCustomValidity", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "error", "type": { "text": "string" }, "description": "The message to use for validity errors." } ], "description": "Sets a custom validity message for the element.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "[_updateValidity]", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "#getNativeMessage", "privacy": "private", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "flags", "type": { "text": "ValidityStateFlags" } } ], "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element's checked state is indeterminate.", "attribute": "indeterminate", "reflects": true, "inheritedFrom": { "name": "CheckedIndeterminate", "module": "src/core/shared/mixins/CheckedIndeterminate.ts" } }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "attribute": "checked", "reflects": true, "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before the checked state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when the checked state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the checked state changes." }, { "description": "Dispatched when a form is submitted and the element fails constraint validation.", "name": "invalid" }, { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "fieldName": "checked", "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element's checked state is indeterminate.", "fieldName": "indeterminate", "inheritedFrom": { "name": "CheckedIndeterminate", "module": "src/core/shared/mixins/CheckedIndeterminate.ts" } }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is required.", "fieldName": "required", "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } }, { "description": "A string representing the value of the checkbox.", "name": "value", "type": { "text": "string" }, "default": "\"on\"", "fieldName": "value" } ], "mixins": [ { "name": "Labelled", "package": "@m3e/web/core" }, { "name": "RequiredConstraintValidation", "package": "@m3e/web/core" }, { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "Required", "package": "@m3e/web/core" }, { "name": "ConstraintValidation", "package": "@m3e/web/core" }, { "name": "CheckedIndeterminate", "package": "@m3e/web/core" }, { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-checkbox", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eCheckboxElement", "declaration": { "name": "M3eCheckboxElement", "module": "src/checkbox/CheckboxElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-checkbox", "declaration": { "name": "M3eCheckboxElement", "module": "src/checkbox/CheckboxElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/checkbox/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/checkbox/CheckboxElement" } } ] }, { "kind": "javascript-module", "path": "src/chips/ChipVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/chips/ChipElement.ts", "declarations": [ { "kind": "class", "description": "A non-interactive chip used to convey small pieces of information.", "name": "M3eChipElement", "cssProperties": [ { "description": "Border radius of the chip container.", "name": "--m3e-chip-container-shape" }, { "description": "Base height of the chip container before density adjustment.", "name": "--m3e-chip-container-height" }, { "description": "Font size of the chip label text.", "name": "--m3e-chip-label-text-font-size" }, { "description": "Font weight of the chip label text.", "name": "--m3e-chip-label-text-font-weight" }, { "description": "Line height of the chip label text.", "name": "--m3e-chip-label-text-line-height" }, { "description": "Letter spacing of the chip label text.", "name": "--m3e-chip-label-text-tracking" }, { "description": "Label text color in default state.", "name": "--m3e-chip-label-text-color" }, { "description": "Icon color in default state.", "name": "--m3e-chip-icon-color" }, { "description": "Font size of leading/trailing icons.", "name": "--m3e-chip-icon-size" }, { "description": "Horizontal gap between chip content elements.", "name": "--m3e-chip-spacing" }, { "description": "Default start padding when no icon is present.", "name": "--m3e-chip-padding-start" }, { "description": "Default end padding when no trailing icon is present.", "name": "--m3e-chip-padding-end" }, { "description": "Start padding when leading icon is present.", "name": "--m3e-chip-with-icon-padding-start" }, { "description": "End padding when trailing icon is present.", "name": "--m3e-chip-with-icon-padding-end" }, { "description": "Background color for elevated variant.", "name": "--m3e-elevated-chip-container-color" }, { "description": "Elevation level for elevated variant.", "name": "--m3e-elevated-chip-elevation" }, { "description": "Elevation level on hover.", "name": "--m3e-elevated-chip-hover-elevation" }, { "description": "Outline thickness for outlined variant.", "name": "--m3e-outlined-chip-outline-thickness" }, { "description": "Outline color for outlined variant.", "name": "--m3e-outlined-chip-outline-color" } ], "slots": [ { "description": "Renders the label of the chip.", "name": "" }, { "description": "Renders an icon before the chip's label.", "name": "icon" }, { "description": "Renders an icon after the chip's label.", "name": "trailing-icon" } ], "members": [ { "kind": "field", "name": "_elevation", "type": { "text": "M3eElevationElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#value", "privacy": "private", "type": { "text": "string | undefined" } }, { "kind": "field", "name": "#textContent", "privacy": "private", "type": { "text": "string" }, "default": "\"\"" }, { "kind": "field", "name": "variant", "type": { "text": "ChipVariant" }, "default": "\"outlined\"", "description": "The appearance variant of the chip.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'outlined' | 'elevated'" } }, { "kind": "field", "name": "value", "description": "A string representing the value of the chip.", "attribute": "value" }, { "kind": "field", "name": "label", "description": "The textual label of the chip.", "readonly": true }, { "kind": "method", "name": "#renderContent", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "attributes": [ { "description": "A string representing the value of the chip.", "name": "value", "fieldName": "value" }, { "description": "The appearance variant of the chip.", "name": "variant", "type": { "text": "ChipVariant" }, "default": "\"outlined\"", "fieldName": "variant", "parsedType": { "text": "'outlined' | 'elevated'" } } ], "mixins": [ { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-chip", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eChipElement", "declaration": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-chip", "declaration": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/chips/AssistChipElement.ts", "declarations": [ { "kind": "class", "description": "A chip users interact with to perform a smart or automated action that can span multiple applications.", "name": "M3eAssistChipElement", "cssProperties": [ { "description": "Border radius of the chip container.", "name": "--m3e-chip-container-shape", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Base height of the chip container before density adjustment.", "name": "--m3e-chip-container-height", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font size of the chip label text.", "name": "--m3e-chip-label-text-font-size", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font weight of the chip label text.", "name": "--m3e-chip-label-text-font-weight", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Line height of the chip label text.", "name": "--m3e-chip-label-text-line-height", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Letter spacing of the chip label text.", "name": "--m3e-chip-label-text-tracking", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Label text color in default state.", "name": "--m3e-chip-label-text-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Icon color in default state.", "name": "--m3e-chip-icon-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font size of leading/trailing icons.", "name": "--m3e-chip-icon-size", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Horizontal gap between chip content elements.", "name": "--m3e-chip-spacing", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Default start padding when no icon is present.", "name": "--m3e-chip-padding-start", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Default end padding when no trailing icon is present.", "name": "--m3e-chip-padding-end", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Start padding when leading icon is present.", "name": "--m3e-chip-with-icon-padding-start", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "End padding when trailing icon is present.", "name": "--m3e-chip-with-icon-padding-end", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Base color for disabled label text.", "name": "--m3e-chip-disabled-label-text-color" }, { "description": "Opacity applied to disabled label text.", "name": "--m3e-chip-disabled-label-text-opacity" }, { "description": "Base color for disabled icons.", "name": "--m3e-chip-disabled-icon-color" }, { "description": "Opacity applied to disabled icons.", "name": "--m3e-chip-disabled-icon-opacity" }, { "description": "Background color for elevated variant.", "name": "--m3e-elevated-chip-container-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Elevation level for elevated variant.", "name": "--m3e-elevated-chip-elevation", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Elevation level on hover.", "name": "--m3e-elevated-chip-hover-elevation", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Background color for disabled elevated variant.", "name": "--m3e-elevated-chip-disabled-container-color" }, { "description": "Opacity applied to disabled elevated background.", "name": "--m3e-elevated-chip-disabled-container-opacity" }, { "description": "Elevation level for disabled elevated variant.", "name": "--m3e-elevated-chip-disabled-elevation" }, { "description": "Outline thickness for outlined variant.", "name": "--m3e-outlined-chip-outline-thickness", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Outline color for outlined variant.", "name": "--m3e-outlined-chip-outline-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Outline color for disabled outlined variant.", "name": "--m3e-outlined-chip-disabled-outline-color" }, { "description": "Opacity applied to disabled outline.", "name": "--m3e-outlined-chip-disabled-outline-opacity" } ], "slots": [ { "description": "Renders the label of the chip.", "name": "", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Renders an icon before the chip's label.", "name": "icon", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Renders an icon after the chip's label.", "name": "trailing-icon", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "members": [ { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" }, "type": { "text": "boolean" } }, { "kind": "field", "name": "name", "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.", "attribute": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "attribute": "value", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "attribute": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_suppressedEventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabledInteractive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "attribute": "disabled-interactive", "reflects": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_elevation", "type": { "text": "M3eElevationElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "#value", "privacy": "private", "type": { "text": "string | undefined" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "#textContent", "privacy": "private", "type": { "text": "string" }, "default": "\"\"", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "ChipVariant" }, "default": "\"outlined\"", "description": "The appearance variant of the chip.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'outlined' | 'elevated'" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "label", "description": "The textual label of the chip.", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#renderContent", "privacy": "private", "return": { "type": { "text": "unknown" } }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "disabled-interactive", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled and interactive.", "fieldName": "disabledInteractive", "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "name", "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.", "fieldName": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "fieldName": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "description": "A string representing the value of the chip.", "name": "value", "fieldName": "value", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "The appearance variant of the chip.", "name": "variant", "type": { "text": "ChipVariant" }, "default": "\"outlined\"", "fieldName": "variant", "parsedType": { "text": "'outlined' | 'elevated'" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "mixins": [ { "name": "FormSubmitter", "package": "@m3e/web/core" }, { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "DisabledInteractive", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eChipElement", "module": "/src/chips/ChipElement" }, "tagName": "m3e-assist-chip", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eAssistChipElement", "declaration": { "name": "M3eAssistChipElement", "module": "src/chips/AssistChipElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-assist-chip", "declaration": { "name": "M3eAssistChipElement", "module": "src/chips/AssistChipElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/chips/ChipSetElement.ts", "declarations": [ { "kind": "class", "description": "A container used to organize chips into a cohesive unit.", "name": "M3eChipSetElement", "cssProperties": [ { "description": "The spacing (gap) between chips in the set.", "name": "--m3e-chip-set-spacing" } ], "slots": [ { "description": "Renders the chips of the set.", "name": "" } ], "members": [ { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is oriented vertically.", "attribute": "vertical", "reflects": true, "inheritedFrom": { "name": "Vertical", "module": "src/core/shared/mixins/Vertical.ts" } } ], "attributes": [ { "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is oriented vertically.", "fieldName": "vertical", "inheritedFrom": { "name": "Vertical", "module": "src/core/shared/mixins/Vertical.ts" } } ], "mixins": [ { "name": "Vertical", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-chip-set", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eChipSetElement", "declaration": { "name": "M3eChipSetElement", "module": "src/chips/ChipSetElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-chip-set", "declaration": { "name": "M3eChipSetElement", "module": "src/chips/ChipSetElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/chips/FilterChipElement.ts", "declarations": [ { "kind": "class", "description": "A chip users interact with to select/deselect options.", "name": "M3eFilterChipElement", "cssProperties": [ { "description": "Border radius of the chip container.", "name": "--m3e-chip-container-shape", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Base height of the chip container before density adjustment.", "name": "--m3e-chip-container-height", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font size of the chip label text.", "name": "--m3e-chip-label-text-font-size", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font weight of the chip label text.", "name": "--m3e-chip-label-text-font-weight", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Line height of the chip label text.", "name": "--m3e-chip-label-text-line-height", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Letter spacing of the chip label text.", "name": "--m3e-chip-label-text-tracking", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font size of leading/trailing icons.", "name": "--m3e-chip-icon-size", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Horizontal gap between chip content elements.", "name": "--m3e-chip-spacing", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Default start padding when no icon is present.", "name": "--m3e-chip-padding-start", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Default end padding when no trailing icon is present.", "name": "--m3e-chip-padding-end", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Start padding when leading icon is present.", "name": "--m3e-chip-with-icon-padding-start", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "End padding when trailing icon is present.", "name": "--m3e-chip-with-icon-padding-end", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Base color for disabled label text.", "name": "--m3e-chip-disabled-label-text-color" }, { "description": "Opacity applied to disabled label text.", "name": "--m3e-chip-disabled-label-text-opacity" }, { "description": "Base color for disabled icons.", "name": "--m3e-chip-disabled-icon-color" }, { "description": "Opacity applied to disabled icons.", "name": "--m3e-chip-disabled-icon-opacity" }, { "description": "Background color for elevated variant.", "name": "--m3e-elevated-chip-container-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Elevation level for elevated variant.", "name": "--m3e-elevated-chip-elevation", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Elevation level on hover.", "name": "--m3e-elevated-chip-hover-elevation", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Background color for disabled elevated variant.", "name": "--m3e-elevated-chip-disabled-container-color" }, { "description": "Opacity applied to disabled elevated background.", "name": "--m3e-elevated-chip-disabled-container-opacity" }, { "description": "Elevation level for disabled elevated variant.", "name": "--m3e-elevated-chip-disabled-elevation" }, { "description": "Outline thickness for outlined variant.", "name": "--m3e-outlined-chip-outline-thickness", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Outline color for outlined variant.", "name": "--m3e-outlined-chip-outline-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Outline color for disabled outlined variant.", "name": "--m3e-outlined-chip-disabled-outline-color" }, { "description": "Opacity applied to disabled outline.", "name": "--m3e-outlined-chip-disabled-outline-opacity" }, { "description": "Outline thickness for selected state.", "name": "--m3e-chip-selected-outline-thickness" }, { "description": "Text color in selected state.", "name": "--m3e-chip-selected-label-text-color" }, { "description": "Background color in selected state.", "name": "--m3e-chip-selected-container-color" }, { "description": "Hover state layer color in selected state.", "name": "--m3e-chip-selected-container-hover-color" }, { "description": "Focus state layer color in selected state.", "name": "--m3e-chip-selected-container-focus-color" }, { "description": "Elevation on hover in selected state.", "name": "--m3e-chip-selected-hover-elevation" }, { "description": "Ripple color in selected state.", "name": "--m3e-chip-selected-ripple-color" }, { "description": "Focus state layer color in selected state.", "name": "--m3e-chip-selected-state-layer-focus-color" }, { "description": "Hover state layer color in selected state.", "name": "--m3e-chip-selected-state-layer-hover-color" }, { "description": "Leading icon color in selected state.", "name": "--m3e-chip-selected-leading-icon-color" }, { "description": "Trailing icon color in selected state.", "name": "--m3e-chip-selected-trailing-icon-color" }, { "description": "Text color in unselected state.", "name": "--m3e-chip-unselected-label-text-color" }, { "description": "Ripple color in unselected state.", "name": "--m3e-chip-unselected-ripple-color" }, { "description": "Focus state layer color in unselected state.", "name": "--m3e-chip-unselected-state-layer-focus-color" }, { "description": "Hover state layer color in unselected state.", "name": "--m3e-chip-unselected-state-layer-hover-color" }, { "description": "Leading icon color in unselected state.", "name": "--m3e-chip-unselected-leading-icon-color" }, { "description": "Trailing icon color in unselected state.", "name": "--m3e-chip-unselected-trailing-icon-color" }, { "description": "Label text color in default state.", "name": "--m3e-chip-label-text-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Icon color in default state.", "name": "--m3e-chip-icon-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "slots": [ { "description": "Renders the label of the chip.", "name": "", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Renders an icon before the chip's label.", "name": "icon", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Renders an icon after the chip's label.", "name": "trailing-icon", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "members": [ { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" }, "type": { "text": "boolean" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "method", "name": "_renderIcon", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_suppressedEventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabledInteractive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "attribute": "disabled-interactive", "reflects": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_elevation", "type": { "text": "M3eElevationElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "#value", "privacy": "private", "type": { "text": "string | undefined" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "#textContent", "privacy": "private", "type": { "text": "string" }, "default": "\"\"", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "ChipVariant" }, "default": "\"outlined\"", "description": "The appearance variant of the chip.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'outlined' | 'elevated'" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "value", "description": "A string representing the value of the chip.", "attribute": "value", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "label", "description": "The textual label of the chip.", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#renderContent", "privacy": "private", "return": { "type": { "text": "unknown" } }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before the selected state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "disabled-interactive", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled and interactive.", "fieldName": "disabledInteractive", "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is selected.", "fieldName": "selected", "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "description": "A string representing the value of the chip.", "name": "value", "fieldName": "value", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "The appearance variant of the chip.", "name": "variant", "type": { "text": "ChipVariant" }, "default": "\"outlined\"", "fieldName": "variant", "parsedType": { "text": "'outlined' | 'elevated'" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "mixins": [ { "name": "Selected", "package": "@m3e/web/core" }, { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "DisabledInteractive", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eChipElement", "module": "/src/chips/ChipElement" }, "tagName": "m3e-filter-chip", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eFilterChipElement", "declaration": { "name": "M3eFilterChipElement", "module": "src/chips/FilterChipElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-filter-chip", "declaration": { "name": "M3eFilterChipElement", "module": "src/chips/FilterChipElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/chips/FilterChipSetElement.ts", "declarations": [ { "kind": "class", "description": "A container that organizes filter chips into a cohesive group, enabling selection and\r\ndeselection of values used to refine content or trigger contextual behavior.", "name": "M3eFilterChipSetElement", "cssProperties": [ { "description": "The spacing (gap) between chips in the set.", "name": "--m3e-chip-set-spacing", "inheritedFrom": { "name": "M3eChipSetElement", "module": "src/chips/ChipSetElement.ts" } } ], "slots": [ { "description": "Renders the chips of the set.", "name": "", "inheritedFrom": { "name": "M3eChipSetElement", "module": "src/chips/ChipSetElement.ts" } } ], "members": [ { "kind": "field", "name": "#directionalitySubscription", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "multi", "type": { "text": "boolean" }, "default": "false", "description": "Whether multiple chips can be selected.", "attribute": "multi" }, { "kind": "field", "name": "hideSelectionIndicator", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide the selection indicator.", "attribute": "hide-selection-indicator" }, { "kind": "field", "name": "chips", "type": { "text": "readonly M3eFilterChipElement[]" }, "description": "The chips of the set.", "readonly": true }, { "kind": "field", "name": "selected", "type": { "text": "readonly M3eFilterChipElement[]" }, "description": "The selected chip(s) of the set.", "readonly": true }, { "kind": "field", "name": "value", "type": { "text": "string | readonly string[] | null" }, "description": "The selected (enabled) value(s) of the set.", "readonly": true }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#updateChipRole", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "description": "The label elements that the element is associated with.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is oriented vertically.", "attribute": "vertical", "reflects": true, "inheritedFrom": { "name": "M3eChipSetElement", "module": "src/chips/ChipSetElement.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state of a chip changes." }, { "description": "Dispatched before the selected state of a chip changes.", "name": "beforeinput" }, { "description": "Dispatched when the selected state of a chip changes.", "name": "input" } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "description": "Whether to hide the selection indicator.", "name": "hide-selection-indicator", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideSelectionIndicator" }, { "description": "Whether multiple chips can be selected.", "name": "multi", "type": { "text": "boolean" }, "default": "false", "fieldName": "multi" }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is oriented vertically.", "fieldName": "vertical", "inheritedFrom": { "name": "M3eChipSetElement", "module": "src/chips/ChipSetElement.ts" } } ], "mixins": [ { "name": "Labelled", "package": "@m3e/web/core" }, { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eChipSetElement", "module": "/src/chips/ChipSetElement" }, "tagName": "m3e-filter-chip-set", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eFilterChipSetElement", "declaration": { "name": "M3eFilterChipSetElement", "module": "src/chips/FilterChipSetElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-filter-chip-set", "declaration": { "name": "M3eFilterChipSetElement", "module": "src/chips/FilterChipSetElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/chips/InputChipElement.ts", "declarations": [ { "kind": "class", "description": "A chip which represents a discrete piece of information entered by a user.", "name": "M3eInputChipElement", "cssProperties": [ { "description": "Border radius of the chip container.", "name": "--m3e-chip-container-shape", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Base height of the chip container before density adjustment.", "name": "--m3e-chip-container-height", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font size of the chip label text.", "name": "--m3e-chip-label-text-font-size", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font weight of the chip label text.", "name": "--m3e-chip-label-text-font-weight", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Line height of the chip label text.", "name": "--m3e-chip-label-text-line-height", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Letter spacing of the chip label text.", "name": "--m3e-chip-label-text-tracking", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Label text color in default state.", "name": "--m3e-chip-label-text-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Icon color in default state.", "name": "--m3e-chip-icon-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font size of leading/trailing icons.", "name": "--m3e-chip-icon-size", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Horizontal gap between chip content elements.", "name": "--m3e-chip-spacing", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Default start padding when no icon is present.", "name": "--m3e-chip-padding-start", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Default end padding when no trailing icon is present.", "name": "--m3e-chip-padding-end", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Start padding when leading icon is present.", "name": "--m3e-chip-with-icon-padding-start", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "End padding when trailing icon is present.", "name": "--m3e-chip-with-icon-padding-end", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Base color for disabled label text.", "name": "--m3e-chip-disabled-label-text-color" }, { "description": "Opacity applied to disabled label text.", "name": "--m3e-chip-disabled-label-text-opacity" }, { "description": "Base color for disabled icons.", "name": "--m3e-chip-disabled-icon-color" }, { "description": "Opacity applied to disabled icons.", "name": "--m3e-chip-disabled-icon-opacity" }, { "description": "Background color for elevated variant.", "name": "--m3e-elevated-chip-container-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Elevation level for elevated variant.", "name": "--m3e-elevated-chip-elevation", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Elevation level on hover.", "name": "--m3e-elevated-chip-hover-elevation", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Background color for disabled elevated variant.", "name": "--m3e-elevated-chip-disabled-container-color" }, { "description": "Opacity applied to disabled elevated background.", "name": "--m3e-elevated-chip-disabled-container-opacity" }, { "description": "Elevation level for disabled elevated variant.", "name": "--m3e-elevated-chip-disabled-elevation" }, { "description": "Outline thickness for outlined variant.", "name": "--m3e-outlined-chip-outline-thickness", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Outline color for outlined variant.", "name": "--m3e-outlined-chip-outline-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Outline color for disabled outlined variant.", "name": "--m3e-outlined-chip-disabled-outline-color" }, { "description": "Opacity applied to disabled outline.", "name": "--m3e-outlined-chip-disabled-outline-opacity" }, { "description": "Font size of the avatar slot content.", "name": "--m3e-chip-avatar-size" }, { "description": "Size of the icon displayed inside the avatar when used in a chip.", "name": "--m3e-chip-avatar-icon-size" }, { "description": "Font size of text initials inside the avatar when used in a chip.", "name": "--m3e-chip-avatar-font-size" }, { "description": "Font weight of text initials inside the avatar when used in a chip.", "name": "--m3e-chip-avatar-font-weight" }, { "description": "Line height of text initials inside the avatar when used in a chip.", "name": "--m3e-chip-avatar-line-height" }, { "description": "Letter spacing (tracking) of text initials inside the avatar when used in a chip.", "name": "--m3e-chip-avatar-tracking" }, { "description": "Opacity applied to the avatar when disabled.", "name": "--m3e-chip-disabled-avatar-opacity" }, { "description": "Start padding when an avatar is present.", "name": "--m3e-chip-with-avatar-padding-start" } ], "slots": [ { "description": "Renders the label of the chip.", "name": "", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Renders an avatar before the chip's label.", "name": "avatar" }, { "description": "Renders an icon before the chip's label.", "name": "icon", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Renders the icon for the button used to remove the chip.", "name": "remove-icon" }, { "description": "Renders an icon after the chip's label.", "name": "trailing-icon", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "members": [ { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" }, "type": { "text": "boolean" } }, { "kind": "field", "name": "cell", "type": { "text": "HTMLSpanElement" }, "readonly": true, "description": "A reference to the grid cell of the chip." }, { "kind": "field", "name": "removeButton", "type": { "text": "M3eIconButtonElement | null" }, "readonly": true, "description": "A reference to the button used to remove the chip." }, { "kind": "field", "name": "removable", "type": { "text": "boolean" }, "default": "false", "description": "Whether the chip is removable.", "attribute": "removable" }, { "kind": "field", "name": "removeLabel", "type": { "text": "string" }, "default": "\"Remove\"", "description": "The accessible label given to the button used to remove the chip.", "attribute": "remove-label" }, { "kind": "method", "name": "#handleAvatarSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleRemoveButtonClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "field", "name": "[_suppressedEventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabledInteractive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "attribute": "disabled-interactive", "reflects": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_elevation", "type": { "text": "M3eElevationElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "#value", "privacy": "private", "type": { "text": "string | undefined" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "#textContent", "privacy": "private", "type": { "text": "string" }, "default": "\"\"", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "ChipVariant" }, "default": "\"outlined\"", "description": "The appearance variant of the chip.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'outlined' | 'elevated'" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "value", "description": "A string representing the value of the chip.", "attribute": "value", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "label", "description": "The textual label of the chip.", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#renderContent", "privacy": "private", "return": { "type": { "text": "unknown" } }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "events": [ { "name": "remove", "type": { "text": "Event" }, "description": "Dispatched when the remove button is clicked or DELETE or BACKSPACE key is pressed." }, { "description": "Dispatched when the element is clicked.", "name": "click" } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "disabled-interactive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "fieldName": "disabledInteractive", "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "description": "Whether the chip is removable.", "name": "removable", "type": { "text": "boolean" }, "default": "false", "fieldName": "removable" }, { "description": "The accessible label given to the button used to remove the chip.", "name": "remove-label", "type": { "text": "string" }, "default": "\"Remove\"", "fieldName": "removeLabel" }, { "description": "A string representing the value of the chip.", "name": "value", "fieldName": "value", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "The appearance variant of the chip.", "name": "variant", "type": { "text": "ChipVariant" }, "default": "\"outlined\"", "fieldName": "variant", "parsedType": { "text": "'outlined' | 'elevated'" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "mixins": [ { "name": "DisabledInteractive", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eChipElement", "module": "/src/chips/ChipElement" }, "tagName": "m3e-input-chip", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eInputChipElement", "declaration": { "name": "M3eInputChipElement", "module": "src/chips/InputChipElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-input-chip", "declaration": { "name": "M3eInputChipElement", "module": "src/chips/InputChipElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/chips/InputChipSetChangeEventDetail.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/chips/InputChipSetElement.ts", "declarations": [ { "kind": "class", "description": "A container that transforms user input into a cohesive set of interactive chips, supporting entry, editing, and removal of discrete values.", "name": "M3eInputChipSetElement", "cssProperties": [ { "description": "The spacing (gap) between chips in the set.", "name": "--m3e-chip-set-spacing", "inheritedFrom": { "name": "M3eChipSetElement", "module": "src/chips/ChipSetElement.ts" } } ], "slots": [ { "description": "Renders the chips of the set.", "name": "", "inheritedFrom": { "name": "M3eChipSetElement", "module": "src/chips/ChipSetElement.ts" } }, { "description": "Renders the input element used to add new chips to the set.", "name": "input" } ], "members": [ { "kind": "field", "name": "#directionalitySubscription", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#inputChangeHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#inputKeyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#focusHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#focusInHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#chipRemoveHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#chipClickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#listManager", "privacy": "private", "readonly": true, "default": "new ListManager()" }, { "kind": "field", "name": "#listKeyManager", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#ignoreInputChange", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#input", "privacy": "private", "type": { "text": "HTMLInputElement | null" }, "default": "null" }, { "kind": "field", "name": "#tabindex", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "chips", "type": { "text": "readonly M3eInputChipElement[]" }, "description": "The chips of the set.", "readonly": true }, { "kind": "field", "name": "value", "type": { "text": "readonly string[] | null" }, "description": "The values of the set.", "readonly": true }, { "kind": "field", "name": "shouldLabelFloat", "type": { "text": "boolean" }, "readonly": true }, { "kind": "method", "name": "onContainerClick", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#handleInputSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleFocus", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleFocusIn", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleFocusOut", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleChipRemove", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleChipClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleInputChange", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#handleInputKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether a value is required for the element.", "attribute": "required", "reflects": true, "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } }, { "kind": "field", "name": "optional", "description": "Whether a value is not required for the element.", "readonly": true, "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } }, { "kind": "field", "name": "[_validityMessage]", "type": { "text": "string | undefined" }, "privacy": "private", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "description": "Whether the element is a submittable element that is a candidate for constraint validation.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "description": "The validity state of the element.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "description": "The error message that would be displayed if the user submits the form, or an empty string if no error message.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "setCustomValidity", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "error", "type": { "text": "string" }, "description": "The message to use for validity errors." } ], "description": "Sets a custom validity message for the element.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "[_updateValidity]", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "#getNativeMessage", "privacy": "private", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "flags", "type": { "text": "ValidityStateFlags" } } ], "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is oriented vertically.", "attribute": "vertical", "reflects": true, "inheritedFrom": { "name": "M3eChipSetElement", "module": "src/chips/ChipSetElement.ts" } } ], "events": [ { "name": "change", "type": { "text": "CustomEvent" }, "description": "Dispatched when a chip is added to, or removed from, the set." } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether a value is required for the element.", "fieldName": "required", "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } }, { "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is oriented vertically.", "fieldName": "vertical", "inheritedFrom": { "name": "M3eChipSetElement", "module": "src/chips/ChipSetElement.ts" } } ], "mixins": [ { "name": "RequiredConstraintValidation", "package": "@m3e/web/core" }, { "name": "Required", "package": "@m3e/web/core" }, { "name": "ConstraintValidation", "package": "@m3e/web/core" }, { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eChipSetElement", "module": "/src/chips/ChipSetElement" }, "tagName": "m3e-input-chip-set", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eInputChipSetElement", "declaration": { "name": "M3eInputChipSetElement", "module": "src/chips/InputChipSetElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-input-chip-set", "declaration": { "name": "M3eInputChipSetElement", "module": "src/chips/InputChipSetElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/chips/SuggestionChipElement.ts", "declarations": [ { "kind": "class", "description": "A chip used to help narrow a user's intent by presenting dynamically generated suggestions, such as\r\nsuggested responses or search filters.", "name": "M3eSuggestionChipElement", "cssProperties": [ { "description": "Border radius of the chip container.", "name": "--m3e-chip-container-shape", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Base height of the chip container before density adjustment.", "name": "--m3e-chip-container-height", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font size of the chip label text.", "name": "--m3e-chip-label-text-font-size", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font weight of the chip label text.", "name": "--m3e-chip-label-text-font-weight", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Line height of the chip label text.", "name": "--m3e-chip-label-text-line-height", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Letter spacing of the chip label text.", "name": "--m3e-chip-label-text-tracking", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Label text color in default state.", "name": "--m3e-chip-label-text-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Icon color in default state.", "name": "--m3e-chip-icon-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Font size of leading/trailing icons.", "name": "--m3e-chip-icon-size", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Horizontal gap between chip content elements.", "name": "--m3e-chip-spacing", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Default start padding when no icon is present.", "name": "--m3e-chip-padding-start", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Default end padding when no trailing icon is present.", "name": "--m3e-chip-padding-end", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Start padding when leading icon is present.", "name": "--m3e-chip-with-icon-padding-start", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "End padding when trailing icon is present.", "name": "--m3e-chip-with-icon-padding-end", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Base color for disabled label text.", "name": "--m3e-chip-disabled-label-text-color" }, { "description": "Opacity applied to disabled label text.", "name": "--m3e-chip-disabled-label-text-opacity" }, { "description": "Base color for disabled icons.", "name": "--m3e-chip-disabled-icon-color" }, { "description": "Opacity applied to disabled icons.", "name": "--m3e-chip-disabled-icon-opacity" }, { "description": "Background color for elevated variant.", "name": "--m3e-elevated-chip-container-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Elevation level for elevated variant.", "name": "--m3e-elevated-chip-elevation", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Elevation level on hover.", "name": "--m3e-elevated-chip-hover-elevation", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Background color for disabled elevated variant.", "name": "--m3e-elevated-chip-disabled-container-color" }, { "description": "Opacity applied to disabled elevated background.", "name": "--m3e-elevated-chip-disabled-container-opacity" }, { "description": "Elevation level for disabled elevated variant.", "name": "--m3e-elevated-chip-disabled-elevation" }, { "description": "Outline thickness for outlined variant.", "name": "--m3e-outlined-chip-outline-thickness", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Outline color for outlined variant.", "name": "--m3e-outlined-chip-outline-color", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Outline color for disabled outlined variant.", "name": "--m3e-outlined-chip-disabled-outline-color" }, { "description": "Opacity applied to disabled outline.", "name": "--m3e-outlined-chip-disabled-outline-opacity" } ], "slots": [ { "description": "Renders the label of the chip.", "name": "", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Renders an icon before the chip's label.", "name": "icon", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "Renders an icon after the chip's label.", "name": "trailing-icon", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "members": [ { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" }, "type": { "text": "boolean" } }, { "kind": "field", "name": "name", "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.", "attribute": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "attribute": "value", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "attribute": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_suppressedEventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabledInteractive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "attribute": "disabled-interactive", "reflects": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_elevation", "type": { "text": "M3eElevationElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "#value", "privacy": "private", "type": { "text": "string | undefined" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "#textContent", "privacy": "private", "type": { "text": "string" }, "default": "\"\"", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "ChipVariant" }, "default": "\"outlined\"", "description": "The appearance variant of the chip.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'outlined' | 'elevated'" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "field", "name": "label", "description": "The textual label of the chip.", "readonly": true, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#renderContent", "privacy": "private", "return": { "type": { "text": "unknown" } }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "disabled-interactive", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled and interactive.", "fieldName": "disabledInteractive", "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "name", "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.", "fieldName": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "fieldName": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "description": "A string representing the value of the chip.", "name": "value", "fieldName": "value", "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } }, { "description": "The appearance variant of the chip.", "name": "variant", "type": { "text": "ChipVariant" }, "default": "\"outlined\"", "fieldName": "variant", "parsedType": { "text": "'outlined' | 'elevated'" }, "inheritedFrom": { "name": "M3eChipElement", "module": "src/chips/ChipElement.ts" } } ], "mixins": [ { "name": "FormSubmitter", "package": "@m3e/web/core" }, { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "DisabledInteractive", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eChipElement", "module": "/src/chips/ChipElement" }, "tagName": "m3e-suggestion-chip", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSuggestionChipElement", "declaration": { "name": "M3eSuggestionChipElement", "module": "src/chips/SuggestionChipElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-suggestion-chip", "declaration": { "name": "M3eSuggestionChipElement", "module": "src/chips/SuggestionChipElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/chips/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips/AssistChipElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips/ChipElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips/ChipSetElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips/ChipVariant" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips/FilterChipElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips/FilterChipSetElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips/InputChipElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips/InputChipSetChangeEventDetail" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips/InputChipSetElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips/SuggestionChipElement" } } ] }, { "kind": "javascript-module", "path": "src/content-pane/ContentPaneElement.ts", "declarations": [ { "kind": "class", "description": "A shaped surface for vertically scrollable content.", "name": "M3eContentPaneElement", "cssProperties": [ { "description": "Corner radius applied to the pane’s outer surface.", "name": "--m3e-content-pane-container-shape" }, { "description": "Background color of the pane’s surface.", "name": "--m3e-content-pane-container-color" }, { "description": "Internal padding applied to all sides of the scrollable content.", "name": "--m3e-content-pane-container-padding" } ], "slots": [ { "description": "Renders the content of the pane.", "name": "" } ], "members": [ { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#updateScrollbarWidth", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-content-pane", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eContentPaneElement", "declaration": { "name": "M3eContentPaneElement", "module": "src/content-pane/ContentPaneElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-content-pane", "declaration": { "name": "M3eContentPaneElement", "module": "src/content-pane/ContentPaneElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/content-pane/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/content-pane/ContentPaneElement" } } ] }, { "kind": "javascript-module", "path": "src/core/layout/Breakpoint.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/core/layout/BreakpointObserver.ts", "declarations": [ { "kind": "class", "description": "Utility used to detect changes to viewport sizes.", "name": "M3eBreakpointObserver", "members": [ { "kind": "method", "name": "observe", "static": true, "return": { "type": { "text": "() => void" } }, "parameters": [ { "name": "breakpoints", "type": { "text": "Array" }, "description": "The breakpoints to observe." }, { "name": "callback", "type": { "text": "BreakpointObserverCallback" }, "description": "The callback function invoked when the viewport size changes." } ], "description": "Observes changes to viewport sizes." } ] } ], "exports": [ { "kind": "js", "name": "M3eBreakpointObserver", "declaration": { "name": "M3eBreakpointObserver", "module": "src/core/layout/BreakpointObserver.ts" } } ] }, { "kind": "javascript-module", "path": "src/core/layout/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/layout/Breakpoint" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core/layout/BreakpointObserver" } } ] }, { "kind": "javascript-module", "path": "src/datepicker/DatepickerVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/datepicker/DatepickerElement.ts", "declarations": [ { "kind": "class", "description": "Presents a date picker on a temporary surface.", "name": "M3eDatepickerElement", "cssProperties": [ { "description": "Block‑axis padding of the date picker container.", "name": "--m3e-datepicker-container-padding-block" }, { "description": "Inline‑axis padding of the date picker container.", "name": "--m3e-datepicker-container-padding-inline" }, { "description": "Background color of the standard container surface.", "name": "--m3e-datepicker-container-color" }, { "description": "Elevation shadow applied to the container surface.", "name": "--m3e-datepicker-container-elevation" }, { "description": "Color used for the modal headline text.", "name": "--m3e-datepicker-modal-headline-color" }, { "description": "Font size used for the modal headline text.", "name": "--m3e-datepicker-modal-headline-font-size" }, { "description": "Font weight used for the modal headline text.", "name": "--m3e-datepicker-modal-headline-font-weight" }, { "description": "Line height used for the modal headline text.", "name": "--m3e-datepicker-modal-headline-line-height" }, { "description": "Letter spacing used for the modal headline text.", "name": "--m3e-datepicker-modal-headline-tracking" }, { "description": "Color used for supporting text in modal mode.", "name": "--m3e-datepicker-modal-supporting-text-color" }, { "description": "Font size used for supporting text in modal mode.", "name": "--m3e-datepicker-modal-supporting-text-font-size" }, { "description": "Font weight used for supporting text in modal mode.", "name": "--m3e-datepicker-modal-supporting-text-font-weight" }, { "description": "Line height used for supporting text in modal mode.", "name": "--m3e-datepicker-modal-supporting-text-line-height" }, { "description": "Letter spacing used for supporting text in modal mode.", "name": "--m3e-datepicker-modal-supporting-text-tracking" }, { "description": "Inline‑axis padding of the action row.", "name": "--m3e-datepicker-actions-padding-inline" }, { "description": "Background color of the container in docked mode.", "name": "--m3e-datepicker-docked-container-color" }, { "description": "Corner radius of the container in docked mode.", "name": "--m3e-datepicker-docked-container-shape" }, { "description": "Background color of the container in modal mode.", "name": "--m3e-datepicker-modal-container-color" }, { "description": "Corner radius of the container in modal mode.", "name": "--m3e-datepicker-modal-container-shape" }, { "description": "Thickness of divider elements within the picker.", "name": "--m3e-divider-thickness" }, { "description": "Color of divider rules within the picker.", "name": "--m3e-divider-color" }, { "description": "Base color used for the modal scrim behind the picker.", "name": "--m3e-dialog-scrim-color" }, { "description": "Opacity applied to the scrim color in modal mode.", "name": "--m3e-dialog-scrim-opacity" } ], "members": [ { "kind": "field", "name": "_date", "type": { "text": "Date | null | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_rangeStart", "type": { "text": "Date | null | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_rangeEnd", "type": { "text": "Date | null | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_calendar", "type": { "text": "M3eCalendarElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_variant", "type": { "text": "Exclude | undefined" }, "privacy": "private" }, { "kind": "field", "name": "#breakpointUnobserve", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#trigger", "privacy": "private", "type": { "text": "HTMLElement | undefined" } }, { "kind": "field", "name": "#anchor", "privacy": "private", "type": { "text": "HTMLElement | undefined" } }, { "kind": "field", "name": "#anchorCleanup", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#scrollLockController", "privacy": "private", "readonly": true, "default": "new ScrollLockController(this)" }, { "kind": "field", "name": "#inertController", "privacy": "private", "readonly": true, "default": "new InertController(this)" }, { "kind": "field", "name": "#documentClickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#documentKeyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#toggleHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "variant", "type": { "text": "DatepickerVariant" }, "default": "\"docked\"", "description": "The appearance variant of the picker.", "attribute": "variant", "parsedType": { "text": "'auto' | 'docked' | 'modal'" } }, { "kind": "field", "name": "startView", "type": { "text": "CalendarView" }, "default": "\"month\"", "description": "The initial view used to select a date.", "attribute": "start-view", "parsedType": { "text": "'month' | 'year' | 'multi-year'" } }, { "kind": "field", "name": "date", "type": { "text": "Date | null" }, "default": "null", "description": "The selected date.", "attribute": "date" }, { "kind": "field", "name": "startAt", "type": { "text": "Date | null" }, "default": "null", "description": "A date specifying the period (month or year) to start the calendar in.", "attribute": "start-at" }, { "kind": "field", "name": "minDate", "type": { "text": "Date | null" }, "default": "null", "description": "The minimum date that can be selected.", "attribute": "min-date" }, { "kind": "field", "name": "maxDate", "type": { "text": "Date | null" }, "default": "null", "description": "The maximum date that can be selected.", "attribute": "max-date" }, { "kind": "field", "name": "range", "type": { "text": "boolean" }, "default": "false", "description": "Whether a range of dates can be selected.", "attribute": "range" }, { "kind": "field", "name": "rangeStart", "type": { "text": "Date | null" }, "default": "null", "description": "Start of a date range.", "attribute": "range-start" }, { "kind": "field", "name": "rangeEnd", "type": { "text": "Date | null" }, "default": "null", "description": "End of a date range.", "attribute": "range-end" }, { "kind": "field", "name": "blackoutDates", "type": { "text": "((date: Date) => boolean) | null" }, "default": "null", "description": "A function used to determine whether a date cannot be selected." }, { "kind": "field", "name": "specialDates", "type": { "text": "((date: Date) => boolean) | null" }, "default": "null", "description": "A function used to determine whether a date is special." }, { "kind": "field", "name": "previousMonthLabel", "type": { "text": "string" }, "default": "\"Previous month\"", "description": "The accessible label given to the button used to move to the previous month.", "attribute": "previous-month-label" }, { "kind": "field", "name": "previousYearLabel", "type": { "text": "string" }, "default": "\"Previous year\"", "description": "The accessible label given to the button used to move to the previous year.", "attribute": "previous-year-label" }, { "kind": "field", "name": "previousMultiYearLabel", "type": { "text": "string" }, "default": "\"Previous 24 years\"", "description": "The accessible label given to the button used to move to the previous 24 years.", "attribute": "previous-multi-year-label" }, { "kind": "field", "name": "nextMonthLabel", "type": { "text": "string" }, "default": "\"Next month\"", "description": "The accessible label given to the button used to move to the next month.", "attribute": "next-month-label" }, { "kind": "field", "name": "nextYearLabel", "type": { "text": "string" }, "default": "\"Next year\"", "description": "The accessible label given to the button used to move to the next year.", "attribute": "next-year-label" }, { "kind": "field", "name": "nextMultiYearLabel", "type": { "text": "string" }, "default": "\"Next 24 years\"", "description": "The accessible label given to the button used to move to the next 24 years.", "attribute": "next-multi-year-label" }, { "kind": "field", "name": "clearable", "type": { "text": "boolean" }, "default": "false", "description": "Whether the user can clear the selected date and close the picker.", "attribute": "clearable" }, { "kind": "field", "name": "clearLabel", "type": { "text": "string" }, "default": "\"Clear\"", "description": "The label given to the button used clear the selected date and close the picker.", "attribute": "clear-label" }, { "kind": "field", "name": "confirmLabel", "type": { "text": "string" }, "default": "\"OK\"", "description": "The label given to the button used apply the selected date and close the picker.", "attribute": "confirm-label" }, { "kind": "field", "name": "dismissLabel", "type": { "text": "string" }, "default": "\"Cancel\"", "description": "The label given to the button used discard the selected date and close the picker.", "attribute": "dismiss-label" }, { "kind": "field", "name": "label", "type": { "text": "string" }, "default": "\"Select date\"", "description": "The label given to the the picker.", "attribute": "label" }, { "kind": "field", "name": "isOpen", "description": "Whether the picker is open.", "readonly": true }, { "kind": "field", "name": "currentVariant", "type": { "text": "Exclude" }, "description": "The current variant applied to the picker.", "readonly": true }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "show", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "trigger", "type": { "text": "HTMLElement" }, "description": "The element that triggered the picker." }, { "name": "anchor", "optional": true, "type": { "text": "HTMLElement | undefined" }, "description": "The element used to position the picker." } ], "description": "Opens the picker." }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "restoreFocus", "default": "false", "type": { "text": "boolean" }, "description": "Whether to restore focus to the picker's trigger.", "optional": true } ], "description": "Hides the picker." }, { "kind": "method", "name": "toggle", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "trigger", "type": { "text": "HTMLElement" }, "description": "The element that triggered the picker." }, { "name": "anchor", "optional": true, "type": { "text": "HTMLElement | undefined" }, "description": "The element used to position the picker." } ], "description": "Toggles the picker." }, { "kind": "method", "name": "#renderHeader", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleDocumentClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "#handleCalendarChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleClearClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleDismissClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleConfirmClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleDocumentKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#initBreakpointMonitoring", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateVariant", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updatePosition", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#clearAnchoring", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#clearSelectionState", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected date changes." }, { "description": "Dispatched before the toggle state changes.", "name": "beforetoggle" }, { "description": "Dispatched after the toggle state has changed.", "name": "toggle" } ], "attributes": [ { "description": "The appearance variant of the picker.", "name": "variant", "type": { "text": "DatepickerVariant" }, "default": "\"docked\"", "fieldName": "variant", "parsedType": { "text": "'auto' | 'docked' | 'modal'" } }, { "description": "Whether the user can clear the selected date and close the picker.", "name": "clearable", "type": { "text": "boolean" }, "default": "false", "fieldName": "clearable" }, { "description": "The selected date.", "name": "date", "type": { "text": "Date | null" }, "default": "null", "fieldName": "date" }, { "description": "The maximum date that can be selected.", "name": "max-date", "type": { "text": "Date | null" }, "default": "null", "fieldName": "maxDate" }, { "description": "The minimum date that can be selected.", "name": "min-date", "type": { "text": "Date | null" }, "default": "null", "fieldName": "minDate" }, { "description": "Whether a range of dates can be selected.", "name": "range", "type": { "text": "boolean" }, "default": "false", "fieldName": "range" }, { "description": "End of a date range.", "name": "range-end", "type": { "text": "Date | null" }, "default": "null", "fieldName": "rangeEnd" }, { "description": "Start of a date range.", "name": "range-start", "type": { "text": "Date | null" }, "default": "null", "fieldName": "rangeStart" }, { "description": "A date specifying the period (month or year) to start the calendar in.", "name": "start-at", "type": { "text": "Date | null" }, "default": "null", "fieldName": "startAt" }, { "description": "The initial view used to select a date.", "name": "start-view", "type": { "text": "CalendarView" }, "default": "\"month\"", "fieldName": "startView", "parsedType": { "text": "'month' | 'year' | 'multi-year'" } }, { "description": "The accessible label given to the button used to move to the previous month.", "name": "previous-month-label", "type": { "text": "string" }, "default": "\"Previous month\"", "fieldName": "previousMonthLabel" }, { "description": "The accessible label given to the button used to move to the next month.", "name": "next-month-label", "type": { "text": "string" }, "default": "\"Next month\"", "fieldName": "nextMonthLabel" }, { "description": "The accessible label given to the button used to move to the previous year.", "name": "previous-year-label", "type": { "text": "string" }, "default": "\"Previous year\"", "fieldName": "previousYearLabel" }, { "description": "The accessible label given to the button used to move to the next year.", "name": "next-year-label", "type": { "text": "string" }, "default": "\"Next year\"", "fieldName": "nextYearLabel" }, { "description": "The accessible label given to the button used to move to the previous 24 years.", "name": "previous-multi-year-label", "type": { "text": "string" }, "default": "\"Previous 24 years\"", "fieldName": "previousMultiYearLabel" }, { "description": "The accessible label given to the button used to move to the next 24 years.", "name": "next-multi-year-label", "type": { "text": "string" }, "default": "\"Next 24 years\"", "fieldName": "nextMultiYearLabel" }, { "description": "The label given to the button used clear the selected date and close the picker.", "name": "clear-label", "type": { "text": "string" }, "default": "\"Clear\"", "fieldName": "clearLabel" }, { "description": "The label given to the button used apply the selected date and close the picker.", "name": "confirm-label", "type": { "text": "string" }, "default": "\"OK\"", "fieldName": "confirmLabel" }, { "description": "The label given to the button used discard the selected date and close the picker.", "name": "dismiss-label", "type": { "text": "string" }, "default": "\"Cancel\"", "fieldName": "dismissLabel" }, { "description": "The label given to the the picker.", "name": "label", "type": { "text": "string" }, "default": "\"Select date\"", "fieldName": "label" } ], "mixins": [ { "name": "SuppressInitialAnimation", "package": "@m3e/web/core" }, { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-datepicker", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eDatepickerElement", "declaration": { "name": "M3eDatepickerElement", "module": "src/datepicker/DatepickerElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-datepicker", "declaration": { "name": "M3eDatepickerElement", "module": "src/datepicker/DatepickerElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/datepicker/DatepickerToggleElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to toggle a datepicker.", "name": "M3eDatepickerToggleElement", "members": [ { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" }, "description": "The element that controls the attachable element." } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" }, "tagName": "m3e-datepicker-toggle", "customElement": true, "attributes": [ { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ] } ], "exports": [ { "kind": "js", "name": "M3eDatepickerToggleElement", "declaration": { "name": "M3eDatepickerToggleElement", "module": "src/datepicker/DatepickerToggleElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-datepicker-toggle", "declaration": { "name": "M3eDatepickerToggleElement", "module": "src/datepicker/DatepickerToggleElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/datepicker/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/datepicker/DatepickerElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/datepicker/DatepickerToggleElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/datepicker/DatepickerVariant" } } ] }, { "kind": "javascript-module", "path": "src/dialog/DialogActionElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to close a parenting dialog.", "name": "M3eDialogActionElement", "slots": [ { "description": "Renders the content of the action.", "name": "" } ], "members": [ { "kind": "field", "name": "returnValue", "type": { "text": "string" }, "default": "\"\"", "description": "The value to return from the dialog.", "attribute": "return-value" }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "attributes": [ { "description": "The value to return from the dialog.", "name": "return-value", "type": { "text": "string" }, "default": "\"\"", "fieldName": "returnValue" } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" }, "tagName": "m3e-dialog-action", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eDialogActionElement", "declaration": { "name": "M3eDialogActionElement", "module": "src/dialog/DialogActionElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-dialog-action", "declaration": { "name": "M3eDialogActionElement", "module": "src/dialog/DialogActionElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/dialog/DialogElement.ts", "declarations": [ { "kind": "class", "description": "A dialog that provides important prompts in a user flow.", "name": "M3eDialogElement", "cssProperties": [ { "description": "Border radius of the dialog container.", "name": "--m3e-dialog-shape" }, { "description": "Minimum width of the dialog.", "name": "--m3e-dialog-min-width" }, { "description": "Maximum width of the dialog.", "name": "--m3e-dialog-max-width" }, { "description": "Foreground color of the dialog.", "name": "--m3e-dialog-color" }, { "description": "Background color of the dialog container.", "name": "--m3e-dialog-container-color" }, { "description": "Color of the scrim (backdrop overlay).", "name": "--m3e-dialog-scrim-color" }, { "description": "Opacity of the scrim when open.", "name": "--m3e-dialog-scrim-opacity" }, { "description": "Background color of the dialog header.", "name": "--m3e-dialog-header-container-color" }, { "description": "Foreground color of the dialog header.", "name": "--m3e-dialog-header-color" }, { "description": "Font size for the dialog header.", "name": "--m3e-dialog-header-font-size" }, { "description": "Font weight for the dialog header.", "name": "--m3e-dialog-header-font-weight" }, { "description": "Line height for the dialog header.", "name": "--m3e-dialog-header-line-height" }, { "description": "Letter spacing for the dialog header.", "name": "--m3e-dialog-header-tracking" }, { "description": "Foreground color of the dialog content.", "name": "--m3e-dialog-content-color" }, { "description": "Font size for the dialog content.", "name": "--m3e-dialog-content-font-size" }, { "description": "Font weight for the dialog content.", "name": "--m3e-dialog-content-font-weight" }, { "description": "Line height for the dialog content.", "name": "--m3e-dialog-content-line-height" }, { "description": "Letter spacing for the dialog content.", "name": "--m3e-dialog-content-tracking" } ], "slots": [ { "description": "Renders the content of the dialog.", "name": "" }, { "description": "Renders the header of the dialog.", "name": "header" }, { "description": "Renders the actions of the dialog.", "name": "actions" }, { "description": "Renders the icon of the button used to close the dialog.", "name": "close-icon" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#id", "privacy": "private", "default": "M3eDialogElement.__nextId++" }, { "kind": "field", "name": "#open", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#escapePressedWithoutCancel", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "_withActions", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_base", "type": { "text": "HTMLDialogElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_content", "type": { "text": "HTMLDialogElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#scrollLockController", "privacy": "private", "readonly": true, "default": "new ScrollLockController(this)" }, { "kind": "field", "name": "alert", "type": { "text": "boolean" }, "default": "false", "description": "Whether the dialog is an alert.", "attribute": "alert" }, { "kind": "field", "name": "open", "description": "Whether the dialog is open.", "default": "false", "attribute": "open", "reflects": true }, { "kind": "field", "name": "dismissible", "type": { "text": "boolean" }, "default": "false", "description": "Whether a button is presented that can be used to close the dialog.", "attribute": "dismissible" }, { "kind": "field", "name": "disableClose", "type": { "text": "boolean" }, "default": "false", "description": "Whether users cannot click the backdrop or press ESC to dismiss the dialog.", "attribute": "disable-close" }, { "kind": "field", "name": "noFocusTrap", "type": { "text": "boolean" }, "default": "false", "description": "Whether to disable focus trapping, which keeps keyboard `Tab` navigation within the dialog.", "attribute": "no-focus-trap" }, { "kind": "field", "name": "closeLabel", "type": { "text": "string" }, "default": "\"Close\"", "description": "The accessible label given to the button used to dismiss the dialog.", "attribute": "close-label" }, { "kind": "field", "name": "returnValue", "type": { "text": "string" }, "default": "\"\"", "description": "The return value of the dialog." }, { "kind": "method", "name": "show", "return": { "type": { "text": "Promise" } }, "description": "Asynchronously opens the dialog." }, { "kind": "method", "name": "hide", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "returnValue", "default": "this.returnValue", "type": { "text": "string" }, "description": "The value to return." } ], "description": "Asynchronously closes the dialog." }, { "kind": "method", "name": "#renderCloseButton", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleClose", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleCancel", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleActionsSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "opening", "type": { "text": "Event" }, "description": "Dispatched when the dialog begins to open." }, { "name": "opened", "type": { "text": "Event" }, "description": "Dispatched when the dialog has opened." }, { "name": "closing", "type": { "text": "Event" }, "description": "Dispatched when the dialog begins to close." }, { "name": "closed", "type": { "text": "Event" }, "description": "Dispatched when the dialog has closed." }, { "name": "cancel", "type": { "text": "Event" }, "description": "Dispatched when the dialog is cancelled." } ], "attributes": [ { "description": "Whether the dialog is an alert.", "name": "alert", "type": { "text": "boolean" }, "default": "false", "fieldName": "alert" }, { "description": "The accessible label given to the button used to dismiss the dialog.", "name": "close-label", "type": { "text": "string" }, "default": "\"Close\"", "fieldName": "closeLabel" }, { "description": "Whether users cannot click the backdrop or press ESC to dismiss the dialog.", "name": "disable-close", "type": { "text": "boolean" }, "default": "false", "fieldName": "disableClose" }, { "description": "Whether a button is presented that can be used to close the dialog.", "name": "dismissible", "type": { "text": "boolean" }, "default": "false", "fieldName": "dismissible" }, { "description": "Whether to disable focus trapping, which keeps keyboard `Tab` navigation within the dialog.", "name": "no-focus-trap", "type": { "text": "boolean" }, "default": "false", "fieldName": "noFocusTrap" }, { "description": "Whether the dialog is open.", "name": "open", "default": "false", "fieldName": "open" } ], "mixins": [ { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-dialog", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eDialogElement", "declaration": { "name": "M3eDialogElement", "module": "src/dialog/DialogElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-dialog", "declaration": { "name": "M3eDialogElement", "module": "src/dialog/DialogElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/dialog/DialogTriggerElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to open a dialog.", "name": "M3eDialogTriggerElement", "members": [ { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" }, "description": "The element that controls the attachable element." } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" }, "tagName": "m3e-dialog-trigger", "customElement": true, "attributes": [ { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ] } ], "exports": [ { "kind": "js", "name": "M3eDialogTriggerElement", "declaration": { "name": "M3eDialogTriggerElement", "module": "src/dialog/DialogTriggerElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-dialog-trigger", "declaration": { "name": "M3eDialogTriggerElement", "module": "src/dialog/DialogTriggerElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/dialog/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/dialog/DialogActionElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/dialog/DialogElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/dialog/DialogTriggerElement" } } ] }, { "kind": "javascript-module", "path": "src/divider/DividerElement.ts", "declarations": [ { "kind": "class", "description": "A thin line that separates content in lists or other containers.", "name": "M3eDividerElement", "cssProperties": [ { "description": "Thickness of the divider line.", "name": "--m3e-divider-thickness" }, { "description": "Color of the divider line.", "name": "--m3e-divider-color" }, { "description": "When inset, fallback inset size used when no specific start or end inset is provided.", "name": "--m3e-divider-inset-size" }, { "description": "When inset, leading inset size.", "name": "--m3e-divider-inset-start-size" }, { "description": "When inset, trailing inset size.", "name": "--m3e-divider-inset-end-size" } ], "members": [ { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the divider is vertically aligned with adjacent content.", "attribute": "vertical", "reflects": true }, { "kind": "field", "name": "inset", "type": { "text": "boolean" }, "default": "false", "description": "Whether the divider is indented with equal padding on both sides.", "attribute": "inset", "reflects": true }, { "kind": "field", "name": "insetStart", "type": { "text": "boolean" }, "default": "false", "description": "Whether the divider is indented with padding on the leading side.", "attribute": "inset-start", "reflects": true }, { "kind": "field", "name": "insetEnd", "type": { "text": "boolean" }, "default": "false", "description": "Whether the divider is indented with padding on the trailing side.", "attribute": "inset-end", "reflects": true } ], "attributes": [ { "description": "Whether the divider is indented with equal padding on both sides.", "name": "inset", "type": { "text": "boolean" }, "default": "false", "fieldName": "inset" }, { "description": "Whether the divider is indented with padding on the leading side.", "name": "inset-start", "type": { "text": "boolean" }, "default": "false", "fieldName": "insetStart" }, { "description": "Whether the divider is indented with padding on the trailing side.", "name": "inset-end", "type": { "text": "boolean" }, "default": "false", "fieldName": "insetEnd" }, { "description": "Whether the divider is vertically aligned with adjacent content.", "name": "vertical", "type": { "text": "boolean" }, "default": "false", "fieldName": "vertical" } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-divider", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eDividerElement", "declaration": { "name": "M3eDividerElement", "module": "src/divider/DividerElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-divider", "declaration": { "name": "M3eDividerElement", "module": "src/divider/DividerElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/divider/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/divider/DividerElement" } } ] }, { "kind": "javascript-module", "path": "src/drawer-container/DrawerMode.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/drawer-container/styles/DrawerContainerToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/drawer-container/styles/DrawerContainerStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/drawer-container/styles/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/drawer-container/styles/DrawerContainerStyle" } } ] }, { "kind": "javascript-module", "path": "src/drawer-container/DrawerContainerElement.ts", "declarations": [ { "kind": "class", "description": "A container for one or two sliding drawers.", "name": "M3eDrawerContainerElement", "cssProperties": [ { "description": "The background color of the drawer container.", "name": "--m3e-drawer-container-color" }, { "description": "The elevation level of the drawer container.", "name": "--m3e-drawer-container-elevation" }, { "description": "The width of the drawer container.", "name": "--m3e-drawer-container-width" }, { "description": "The opacity of the scrim behind the drawer.", "name": "--m3e-drawer-container-scrim-opacity" }, { "description": "The shape of the drawer's start edge (typically left in LTR).", "name": "--m3e-modal-drawer-start-shape" }, { "description": "The shape of the drawer's end edge (typically right in LTR).", "name": "--m3e-modal-drawer-end-shape" }, { "description": "The background color of the modal drawer container.", "name": "--m3e-modal-drawer-container-color" }, { "description": "The elevation level of the modal drawer container.", "name": "--m3e-modal-drawer-elevation" }, { "description": "The color of the divider between drawer sections.", "name": "--m3e-drawer-divider-color" }, { "description": "The thickness of the divider line.", "name": "--m3e-drawer-divider-thickness" } ], "slots": [ { "description": "Renders the main content.", "name": "" }, { "description": "Renders the start drawer.", "name": "start" }, { "description": "Renders the end drawer.", "name": "end" } ], "members": [ { "kind": "field", "name": "_startMode", "type": { "text": "Exclude" }, "privacy": "private", "default": "\"side\"" }, { "kind": "field", "name": "_endMode", "type": { "text": "Exclude" }, "privacy": "private", "default": "\"side\"" }, { "kind": "field", "name": "#breakpointUnobserve", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#disableStartFocusTrap", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#disableEndFocusTrap", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#resizeController", "privacy": "private", "default": "new ResizeController(this, { target: null, skipInitial: true, callback: (entries) => this.#handleDrawerResize(entries), })" }, { "kind": "field", "name": "start", "type": { "text": "boolean" }, "default": "false", "description": "Whether the start drawer is open.", "attribute": "start", "reflects": true }, { "kind": "field", "name": "startMode", "type": { "text": "DrawerMode" }, "default": "\"side\"", "description": "The behavior mode of the start drawer.", "attribute": "start-mode", "reflects": true, "parsedType": { "text": "'auto' | 'over' | 'push' | 'side'" } }, { "kind": "field", "name": "startDivider", "type": { "text": "boolean" }, "default": "false", "description": "Whether to show a divider between the start drawer and content for `side` mode.", "attribute": "start-divider", "reflects": true }, { "kind": "field", "name": "end", "type": { "text": "boolean" }, "default": "false", "description": "Whether the end drawer is open.", "attribute": "end", "reflects": true }, { "kind": "field", "name": "endMode", "type": { "text": "DrawerMode" }, "default": "\"side\"", "description": "The behavior mode of the end drawer.", "attribute": "end-mode", "reflects": true, "parsedType": { "text": "'auto' | 'over' | 'push' | 'side'" } }, { "kind": "field", "name": "endDivider", "type": { "text": "boolean" }, "default": "false", "description": "Whether to show a divider between the end drawer and content for `side` mode.", "attribute": "end-divider", "reflects": true }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleScrimClick", "privacy": "private" }, { "kind": "method", "name": "#handleStartSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleEndSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleDrawerResize", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "entries", "type": { "text": "ResizeObserverEntry[]" } } ] }, { "kind": "method", "name": "#initBreakpointMonitoring", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#clearMode", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateMode", "privacy": "private", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "breakpoints", "optional": true, "type": { "text": "Map" } }, { "name": "autoClose", "default": "false" } ] }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the state of the start or end drawers change." } ], "attributes": [ { "description": "Whether the end drawer is open.", "name": "end", "type": { "text": "boolean" }, "default": "false", "fieldName": "end" }, { "description": "The behavior mode of the end drawer.", "name": "end-mode", "type": { "text": "DrawerMode" }, "default": "\"side\"", "fieldName": "endMode", "parsedType": { "text": "'auto' | 'over' | 'push' | 'side'" } }, { "description": "Whether to show a divider between the end drawer and content for `side` mode.", "name": "end-divider", "type": { "text": "boolean" }, "default": "false", "fieldName": "endDivider" }, { "description": "Whether the start drawer is open.", "name": "start", "type": { "text": "boolean" }, "default": "false", "fieldName": "start" }, { "description": "The behavior mode of the start drawer.", "name": "start-mode", "type": { "text": "DrawerMode" }, "default": "\"side\"", "fieldName": "startMode", "parsedType": { "text": "'auto' | 'over' | 'push' | 'side'" } }, { "description": "Whether to show a divider between the start drawer and content for `side` mode.", "name": "start-divider", "type": { "text": "boolean" }, "default": "false", "fieldName": "startDivider" } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-drawer-container", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eDrawerContainerElement", "declaration": { "name": "M3eDrawerContainerElement", "module": "src/drawer-container/DrawerContainerElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-drawer-container", "declaration": { "name": "M3eDrawerContainerElement", "module": "src/drawer-container/DrawerContainerElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/drawer-container/DrawerPosition.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/drawer-container/DrawerToggleElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to toggle the opened state of a drawer.", "name": "M3eDrawerToggleElement", "members": [ { "kind": "field", "name": "#drawerContainerChangeHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#togglingDrawer", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "method", "name": "#handleDrawerContainerChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#toggleDrawer", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#updateToggle", "privacy": "private", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "container", "type": { "text": "M3eDrawerContainerElement" } }, { "name": "syncToggle", "type": { "text": "boolean" } } ] }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" }, "tagName": "m3e-drawer-toggle", "customElement": true, "attributes": [ { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ] } ], "exports": [ { "kind": "js", "name": "M3eDrawerToggleElement", "declaration": { "name": "M3eDrawerToggleElement", "module": "src/drawer-container/DrawerToggleElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-drawer-toggle", "declaration": { "name": "M3eDrawerToggleElement", "module": "src/drawer-container/DrawerToggleElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/drawer-container/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/drawer-container/DrawerContainerElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/drawer-container/DrawerMode" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/drawer-container/DrawerPosition" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/drawer-container/DrawerToggleElement" } } ] }, { "kind": "javascript-module", "path": "src/expansion-panel/ExpansionTogglePosition.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/expansion-panel/ExpansionToggleDirection.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/expansion-panel/styles/ExpansionHeaderToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/expansion-panel/styles/ExpansionHeaderStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/expansion-panel/styles/ExpansionPanelToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/expansion-panel/styles/ExpansionPanelStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/expansion-panel/styles/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/expansion-panel/styles/ExpansionHeaderStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/expansion-panel/styles/ExpansionPanelStyle" } } ] }, { "kind": "javascript-module", "path": "src/expansion-panel/ExpansionHeaderElement.ts", "declarations": [ { "kind": "class", "description": "A button used to toggle the expanded state of an expansion panel.", "name": "M3eExpansionHeaderElement", "cssProperties": [ { "description": "Height of the header when the panel is collapsed.", "name": "--m3e-expansion-header-collapsed-height" }, { "description": "Height of the header when the panel is expanded.", "name": "--m3e-expansion-header-expanded-height" }, { "description": "Left padding inside the header.", "name": "--m3e-expansion-header-padding-left" }, { "description": "Right padding inside the header.", "name": "--m3e-expansion-header-padding-right" }, { "description": "Spacing between header elements.", "name": "--m3e-expansion-header-spacing" }, { "description": "Size of the toggle icon (e.g. chevron).", "name": "--m3e-expansion-header-toggle-icon-size" }, { "description": "The font size of the header text.", "name": "--m3e-expansion-header-font-size" }, { "description": "The font weight of the header text.", "name": "--m3e-expansion-header-font-weight" }, { "description": "The line height of the header text.", "name": "--m3e-expansion-header-line-height" }, { "description": "Letter spacing (tracking) of the header text.", "name": "--m3e-expansion-header-tracking" } ], "slots": [ { "description": "Renders the content of the header.", "name": "" }, { "description": "Renders the icon of the expansion toggle.", "name": "toggle-icon" } ], "members": [ { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "toggleDirection", "type": { "text": "ExpansionToggleDirection" }, "default": "\"vertical\"", "description": "The direction of the expansion toggle.", "attribute": "toggle-direction", "reflects": true, "parsedType": { "text": "'vertical' | 'horizontal'" } }, { "kind": "field", "name": "togglePosition", "type": { "text": "ExpansionTogglePosition" }, "default": "\"after\"", "description": "The position of the expansion toggle.", "attribute": "toggle-position", "reflects": true, "parsedType": { "text": "'before' | 'after'" } }, { "kind": "field", "name": "hideToggle", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide the expansion toggle.", "attribute": "hide-toggle", "reflects": true }, { "kind": "method", "name": "#renderToggle", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "description": "Whether to hide the expansion toggle.", "name": "hide-toggle", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideToggle" }, { "description": "The direction of the expansion toggle.", "name": "toggle-direction", "type": { "text": "ExpansionToggleDirection" }, "default": "\"vertical\"", "fieldName": "toggleDirection", "parsedType": { "text": "'vertical' | 'horizontal'" } }, { "description": "The position of the expansion toggle.", "name": "toggle-position", "type": { "text": "ExpansionTogglePosition" }, "default": "\"after\"", "fieldName": "togglePosition", "parsedType": { "text": "'before' | 'after'" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "mixins": [ { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-expansion-header", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eExpansionHeaderElement", "declaration": { "name": "M3eExpansionHeaderElement", "module": "src/expansion-panel/ExpansionHeaderElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-expansion-header", "declaration": { "name": "M3eExpansionHeaderElement", "module": "src/expansion-panel/ExpansionHeaderElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/expansion-panel/ExpansionPanelElement.ts", "declarations": [ { "kind": "class", "description": "An expandable details-summary view.", "name": "M3eExpansionPanelElement", "cssProperties": [ { "description": "Height of the header when the panel is collapsed.", "name": "--m3e-expansion-header-collapsed-height" }, { "description": "Height of the header when the panel is expanded.", "name": "--m3e-expansion-header-expanded-height" }, { "description": "Left padding inside the header.", "name": "--m3e-expansion-header-padding-left" }, { "description": "Right padding inside the header.", "name": "--m3e-expansion-header-padding-right" }, { "description": "Spacing between header elements.", "name": "--m3e-expansion-header-spacing" }, { "description": "Size of the toggle icon (e.g. chevron).", "name": "--m3e-expansion-header-toggle-icon-size" }, { "description": "The font size of the header text.", "name": "--m3e-expansion-header-font-size" }, { "description": "The font weight of the header text.", "name": "--m3e-expansion-header-font-weight" }, { "description": "The line height of the header text.", "name": "--m3e-expansion-header-line-height" }, { "description": "Letter spacing (tracking) of the header text.", "name": "--m3e-expansion-header-tracking" }, { "description": "Color of the panel's text content.", "name": "--m3e-expansion-panel-text-color" }, { "description": "Color of the panel's text content, when disabled.", "name": "--m3e-expansion-panel-disabled-text-color" }, { "description": "Opacity of the panel's text content, when disabled.", "name": "--m3e-expansion-panel-disabled-text-opacity" }, { "description": "Background color of the panel container.", "name": "--m3e-expansion-panel-container-color" }, { "description": "Elevation level when the panel is collapsed.", "name": "--m3e-expansion-panel-elevation" }, { "description": "Shape (e.g. border radius) of the panel when collapsed.", "name": "--m3e-expansion-panel-shape" }, { "description": "Elevation level when the panel is expanded.", "name": "--m3e-expansion-panel-open-elevation" }, { "description": "Shape (e.g. border radius) of the panel when expanded.", "name": "--m3e-expansion-panel-open-shape" }, { "description": "Padding around the panel's content area.", "name": "--m3e-expansion-panel-content-padding" }, { "description": "Spacing between action buttons or elements.", "name": "--m3e-expansion-panel-actions-spacing" }, { "description": "Padding around the actions section.", "name": "--m3e-expansion-panel-actions-padding" }, { "description": "Thickness of the divider above actions.", "name": "--m3e-expansion-panel-actions-divider-thickness" }, { "description": "Color of the divider above actions.", "name": "--m3e-expansion-panel-actions-divider-color" } ], "slots": [ { "description": "Renders the detail of the panel.", "name": "" }, { "description": "Renders the actions bar of the panel.", "name": "actions" }, { "description": "Renders the header content.", "name": "header" }, { "description": "Renders the expansion toggle icon.", "name": "toggle-icon" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#id", "privacy": "private", "default": "M3eExpansionPanelElement.__nextId++" }, { "kind": "field", "name": "#contentId", "privacy": "private", "default": "`m3e-expansion-panel-${this.#id}-content`" }, { "kind": "field", "name": "#headerId", "privacy": "private", "default": "`m3e-expansion-panel-${this.#id}-header`" }, { "kind": "field", "name": "#directionalitySubscription", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "_header", "type": { "text": "M3eExpansionHeaderElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Whether the panel is expanded.", "attribute": "open", "reflects": true }, { "kind": "field", "name": "toggleDirection", "type": { "text": "ExpansionToggleDirection" }, "default": "\"vertical\"", "description": "The direction of the expansion toggle.", "attribute": "toggle-direction", "reflects": true, "parsedType": { "text": "'vertical' | 'horizontal'" } }, { "kind": "field", "name": "togglePosition", "type": { "text": "ExpansionTogglePosition" }, "default": "\"after\"", "description": "The position of the expansion toggle.", "attribute": "toggle-position", "reflects": true, "parsedType": { "text": "'before' | 'after'" } }, { "kind": "field", "name": "hideToggle", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide the expansion toggle.", "attribute": "hide-toggle", "reflects": true }, { "kind": "method", "name": "focus", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ] }, { "kind": "method", "name": "blur", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "click", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#renderToggleIcon", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleHeaderClick", "privacy": "private" }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleCollapsibleEvent", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleActionsSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#updateHeaderToggleRotation", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "type": { "text": "Event" } }, { "description": "Dispatched when the expansion panel begins to open.", "name": "opening" }, { "description": "Dispatched when the expansion panel has opened.", "name": "opened" }, { "description": "Dispatched when the expansion panel begins to close.", "name": "closing" }, { "description": "Dispatched when the expansion panel has closed.", "name": "closed" } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "description": "Whether to hide the expansion toggle.", "name": "hide-toggle", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideToggle" }, { "description": "Whether the panel is expanded.", "name": "open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" }, { "description": "The direction of the expansion toggle.", "name": "toggle-direction", "type": { "text": "ExpansionToggleDirection" }, "default": "\"vertical\"", "fieldName": "toggleDirection", "parsedType": { "text": "'vertical' | 'horizontal'" } }, { "description": "The position of the expansion toggle.", "name": "toggle-position", "type": { "text": "ExpansionTogglePosition" }, "default": "\"after\"", "fieldName": "togglePosition", "parsedType": { "text": "'before' | 'after'" } } ], "mixins": [ { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-expansion-panel", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eExpansionPanelElement", "declaration": { "name": "M3eExpansionPanelElement", "module": "src/expansion-panel/ExpansionPanelElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-expansion-panel", "declaration": { "name": "M3eExpansionPanelElement", "module": "src/expansion-panel/ExpansionPanelElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/expansion-panel/AccordionElement.ts", "declarations": [ { "kind": "class", "description": "Combines multiple expansion panels in to an accordion.", "name": "M3eAccordionElement", "slots": [ { "description": "Renders the panels of the accordion.", "name": "" } ], "members": [ { "kind": "field", "name": "#panels", "privacy": "private", "type": { "text": "Array" }, "default": "[]" }, { "kind": "field", "name": "multi", "type": { "text": "boolean" }, "default": "false", "description": "Whether multiple expansion panels can be open at the same time.", "attribute": "multi" }, { "kind": "field", "name": "panels", "description": "The panels of the accordion.", "readonly": true }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "#handleOpening", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] } ], "attributes": [ { "description": "Whether multiple expansion panels can be open at the same time.", "name": "multi", "type": { "text": "boolean" }, "default": "false", "fieldName": "multi" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-accordion", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eAccordionElement", "declaration": { "name": "M3eAccordionElement", "module": "src/expansion-panel/AccordionElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-accordion", "declaration": { "name": "M3eAccordionElement", "module": "src/expansion-panel/AccordionElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/expansion-panel/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/expansion-panel/AccordionElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/expansion-panel/ExpansionHeaderElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/expansion-panel/ExpansionPanelElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/expansion-panel/ExpansionToggleDirection" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/expansion-panel/ExpansionTogglePosition" } } ] }, { "kind": "javascript-module", "path": "src/fab/FabSize.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/fab/FabVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/fab/styles/FabStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/fab/styles/FabSizeToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/fab/styles/FabSizeStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/fab/styles/FabVariantToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/fab/styles/FabVariantStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/fab/styles/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab/styles/FabStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab/styles/FabSizeStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab/styles/FabVariantStyle" } } ] }, { "kind": "javascript-module", "path": "src/fab/FabElement.ts", "declarations": [ { "kind": "class", "description": "A floating action button (FAB) used to present important actions.", "name": "M3eFabElement", "cssProperties": [ { "description": "Height of the FAB container for all size variants.", "name": "--m3e-fab-container-height" }, { "description": "Font size for the FAB label text for all size variants.", "name": "--m3e-fab-label-text-font-size" }, { "description": "Font weight for the FAB label text for all size variants.", "name": "--m3e-fab-label-text-font-weight" }, { "description": "Line height for the FAB label text for all size variants.", "name": "--m3e-fab-label-text-line-height" }, { "description": "Letter spacing (tracking) for the FAB label text for all size variants.", "name": "--m3e-fab-label-text-tracking" }, { "description": "Icon size for the FAB for all size variants.", "name": "--m3e-fab-icon-size" }, { "description": "Border radius for the FAB for all size variants.", "name": "--m3e-fab-shape" }, { "description": "Leading space for the FAB for all size variants.", "name": "--m3e-fab-leading-space" }, { "description": "Trailing space for the FAB for all size variants.", "name": "--m3e-fab-trailing-space" }, { "description": "Space between icon and label for the FAB for all size variants.", "name": "--m3e-fab-icon-label-space" }, { "description": "Height of the small FAB container.", "name": "--m3e-fab-small-container-height" }, { "description": "Font size for the small FAB label text.", "name": "--m3e-fab-small-label-text-font-size" }, { "description": "Font weight for the small FAB label text.", "name": "--m3e-fab-small-label-text-font-weight" }, { "description": "Line height for the small FAB label text.", "name": "--m3e-fab-small-label-text-line-height" }, { "description": "Letter spacing (tracking) for the small FAB label text.", "name": "--m3e-fab-small-label-text-tracking" }, { "description": "Icon size for the small FAB.", "name": "--m3e-fab-small-icon-size" }, { "description": "Border radius for the small FAB.", "name": "--m3e-fab-small-shape" }, { "description": "Leading space for the small FAB.", "name": "--m3e-fab-small-leading-space" }, { "description": "Trailing space for the small FAB.", "name": "--m3e-fab-small-trailing-space" }, { "description": "Space between icon and label for the small FAB.", "name": "--m3e-fab-small-icon-label-space" }, { "description": "Height of the medium FAB container.", "name": "--m3e-fab-medium-container-height" }, { "description": "Font size for the medium FAB label text.", "name": "--m3e-fab-medium-label-text-font-size" }, { "description": "Font weight for the medium FAB label text.", "name": "--m3e-fab-medium-label-text-font-weight" }, { "description": "Line height for the medium FAB label text.", "name": "--m3e-fab-medium-label-text-line-height" }, { "description": "Letter spacing (tracking) for the medium FAB label text.", "name": "--m3e-fab-medium-label-text-tracking" }, { "description": "Icon size for the medium FAB.", "name": "--m3e-fab-medium-icon-size" }, { "description": "Border radius for the medium FAB.", "name": "--m3e-fab-medium-shape" }, { "description": "Leading space for the medium FAB.", "name": "--m3e-fab-medium-leading-space" }, { "description": "Trailing space for the medium FAB.", "name": "--m3e-fab-medium-trailing-space" }, { "description": "Space between icon and label for the medium FAB.", "name": "--m3e-fab-medium-icon-label-space" }, { "description": "Height of the large FAB container.", "name": "--m3e-fab-large-container-height" }, { "description": "Font size for the large FAB label text.", "name": "--m3e-fab-large-label-text-font-size" }, { "description": "Font weight for the large FAB label text.", "name": "--m3e-fab-large-label-text-font-weight" }, { "description": "Line height for the large FAB label text.", "name": "--m3e-fab-large-label-text-line-height" }, { "description": "Letter spacing (tracking) for the large FAB label text.", "name": "--m3e-fab-large-label-text-tracking" }, { "description": "Icon size for the large FAB.", "name": "--m3e-fab-large-icon-size" }, { "description": "Border radius for the large FAB.", "name": "--m3e-fab-large-shape" }, { "description": "Leading space for the large FAB.", "name": "--m3e-fab-large-leading-space" }, { "description": "Trailing space for the large FAB.", "name": "--m3e-fab-large-trailing-space" }, { "description": "Space between icon and label for the large FAB.", "name": "--m3e-fab-large-icon-label-space" }, { "description": "Default label text color for FAB (all variants).", "name": "--m3e-fab-label-text-color" }, { "description": "Default icon color for FAB (all variants).", "name": "--m3e-fab-icon-color" }, { "description": "Default container background color for FAB (all variants).", "name": "--m3e-fab-container-color" }, { "description": "Resting elevation for FAB (all variants).", "name": "--m3e-fab-container-elevation" }, { "description": "Lowered resting elevation for FAB (all variants).", "name": "--m3e-fab-lowered-container-elevation" }, { "description": "Container background color when disabled (all variants).", "name": "--m3e-fab-disabled-container-color" }, { "description": "Opacity of container when disabled (all variants).", "name": "--m3e-fab-disabled-container-opacity" }, { "description": "Icon color when disabled (all variants).", "name": "--m3e-fab-disabled-icon-color" }, { "description": "Icon opacity when disabled (all variants).", "name": "--m3e-fab-disabled-icon-opacity" }, { "description": "Label text color when disabled (all variants).", "name": "--m3e-fab-disabled-label-text-color" }, { "description": "Label text opacity when disabled (all variants).", "name": "--m3e-fab-disabled-label-text-opacity" }, { "description": "Elevation when disabled (all variants).", "name": "--m3e-fab-disabled-container-elevation" }, { "description": "Lowered elevation when disabled (all variants).", "name": "--m3e-fab-lowered-disabled-container-elevation" }, { "description": "Icon color on hover (all variants).", "name": "--m3e-fab-hover-icon-color" }, { "description": "Label text color on hover (all variants).", "name": "--m3e-fab-hover-label-text-color" }, { "description": "State layer color on hover (all variants).", "name": "--m3e-fab-hover-state-layer-color" }, { "description": "State layer opacity on hover (all variants).", "name": "--m3e-fab-hover-state-layer-opacity" }, { "description": "Elevation on hover (all variants).", "name": "--m3e-fab-hover-container-elevation" }, { "description": "Lowered elevation on hover (all variants).", "name": "--m3e-fab-lowered-hover-container-elevation" }, { "description": "Icon color on focus (all variants).", "name": "--m3e-fab-focus-icon-color" }, { "description": "Label text color on focus (all variants).", "name": "--m3e-fab-focus-label-text-color" }, { "description": "State layer color on focus (all variants).", "name": "--m3e-fab-focus-state-layer-color" }, { "description": "State layer opacity on focus (all variants).", "name": "--m3e-fab-focus-state-layer-opacity" }, { "description": "Elevation on focus (all variants).", "name": "--m3e-fab-focus-container-elevation" }, { "description": "Lowered elevation on focus (all variants).", "name": "--m3e-fab-lowered-focus-container-elevation" }, { "description": "Icon color on pressed (all variants).", "name": "--m3e-fab-pressed-icon-color" }, { "description": "Label text color on pressed (all variants).", "name": "--m3e-fab-pressed-label-text-color" }, { "description": "State layer color on pressed (all variants).", "name": "--m3e-fab-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (all variants).", "name": "--m3e-fab-pressed-state-layer-opacity" }, { "description": "Elevation on pressed (all variants).", "name": "--m3e-fab-pressed-container-elevation" }, { "description": "Lowered elevation on pressed (all variants).", "name": "--m3e-fab-lowered-pressed-container-elevation" }, { "description": "Default label text color for primary FAB.", "name": "--m3e-primary-fab-label-text-color" }, { "description": "Default icon color for primary FAB.", "name": "--m3e-primary-fab-icon-color" }, { "description": "Default container background color for primary FAB.", "name": "--m3e-primary-fab-container-color" }, { "description": "Resting elevation for primary FAB.", "name": "--m3e-primary-fab-container-elevation" }, { "description": "Lowered resting elevation for primary FAB.", "name": "--m3e-primary-fab-lowered-container-elevation" }, { "description": "Container background color when disabled (primary).", "name": "--m3e-primary-fab-disabled-container-color" }, { "description": "Opacity of container when disabled (primary).", "name": "--m3e-primary-fab-disabled-container-opacity" }, { "description": "Icon color when disabled (primary).", "name": "--m3e-primary-fab-disabled-icon-color" }, { "description": "Icon opacity when disabled (primary).", "name": "--m3e-primary-fab-disabled-icon-opacity" }, { "description": "Label text color when disabled (primary).", "name": "--m3e-primary-fab-disabled-label-text-color" }, { "description": "Label text opacity when disabled (primary).", "name": "--m3e-primary-fab-disabled-label-text-opacity" }, { "description": "Elevation when disabled (primary).", "name": "--m3e-primary-fab-disabled-container-elevation" }, { "description": "Lowered elevation when disabled (primary).", "name": "--m3e-primary-fab-lowered-disabled-container-elevation" }, { "description": "Icon color on hover (primary).", "name": "--m3e-primary-fab-hover-icon-color" }, { "description": "Label text color on hover (primary).", "name": "--m3e-primary-fab-hover-label-text-color" }, { "description": "State layer color on hover (primary).", "name": "--m3e-primary-fab-hover-state-layer-color" }, { "description": "State layer opacity on hover (primary).", "name": "--m3e-primary-fab-hover-state-layer-opacity" }, { "description": "Elevation on hover (primary).", "name": "--m3e-primary-fab-hover-container-elevation" }, { "description": "Lowered elevation on hover (primary).", "name": "--m3e-primary-fab-lowered-hover-container-elevation" }, { "description": "Icon color on focus (primary).", "name": "--m3e-primary-fab-focus-icon-color" }, { "description": "Label text color on focus (primary).", "name": "--m3e-primary-fab-focus-label-text-color" }, { "description": "State layer color on focus (primary).", "name": "--m3e-primary-fab-focus-state-layer-color" }, { "description": "State layer opacity on focus (primary).", "name": "--m3e-primary-fab-focus-state-layer-opacity" }, { "description": "Elevation on focus (primary).", "name": "--m3e-primary-fab-focus-container-elevation" }, { "description": "Lowered elevation on focus (primary).", "name": "--m3e-primary-fab-lowered-focus-container-elevation" }, { "description": "Icon color on pressed (primary).", "name": "--m3e-primary-fab-pressed-icon-color" }, { "description": "Label text color on pressed (primary).", "name": "--m3e-primary-fab-pressed-label-text-color" }, { "description": "State layer color on pressed (primary).", "name": "--m3e-primary-fab-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (primary).", "name": "--m3e-primary-fab-pressed-state-layer-opacity" }, { "description": "Elevation on pressed (primary).", "name": "--m3e-primary-fab-pressed-container-elevation" }, { "description": "Lowered elevation on pressed (primary).", "name": "--m3e-primary-fab-lowered-pressed-container-elevation" }, { "description": "Default label text color for secondary FAB.", "name": "--m3e-secondary-fab-label-text-color" }, { "description": "Default icon color for secondary FAB.", "name": "--m3e-secondary-fab-icon-color" }, { "description": "Default container background color for secondary FAB.", "name": "--m3e-secondary-fab-container-color" }, { "description": "Resting elevation for secondary FAB.", "name": "--m3e-secondary-fab-container-elevation" }, { "description": "Lowered resting elevation for secondary FAB.", "name": "--m3e-secondary-fab-lowered-container-elevation" }, { "description": "Container background color when disabled (secondary).", "name": "--m3e-secondary-fab-disabled-container-color" }, { "description": "Opacity of container when disabled (secondary).", "name": "--m3e-secondary-fab-disabled-container-opacity" }, { "description": "Icon color when disabled (secondary).", "name": "--m3e-secondary-fab-disabled-icon-color" }, { "description": "Icon opacity when disabled (secondary).", "name": "--m3e-secondary-fab-disabled-icon-opacity" }, { "description": "Label text color when disabled (secondary).", "name": "--m3e-secondary-fab-disabled-label-text-color" }, { "description": "Label text opacity when disabled (secondary).", "name": "--m3e-secondary-fab-disabled-label-text-opacity" }, { "description": "Elevation when disabled (secondary).", "name": "--m3e-secondary-fab-disabled-container-elevation" }, { "description": "Lowered elevation when disabled (secondary).", "name": "--m3e-secondary-fab-lowered-disabled-container-elevation" }, { "description": "Icon color on hover (secondary).", "name": "--m3e-secondary-fab-hover-icon-color" }, { "description": "Label text color on hover (secondary).", "name": "--m3e-secondary-fab-hover-label-text-color" }, { "description": "State layer color on hover (secondary).", "name": "--m3e-secondary-fab-hover-state-layer-color" }, { "description": "State layer opacity on hover (secondary).", "name": "--m3e-secondary-fab-hover-state-layer-opacity" }, { "description": "Elevation on hover (secondary).", "name": "--m3e-secondary-fab-hover-container-elevation" }, { "description": "Lowered elevation on hover (secondary).", "name": "--m3e-secondary-fab-lowered-hover-container-elevation" }, { "description": "Icon color on focus (secondary).", "name": "--m3e-secondary-fab-focus-icon-color" }, { "description": "Label text color on focus (secondary).", "name": "--m3e-secondary-fab-focus-label-text-color" }, { "description": "State layer color on focus (secondary).", "name": "--m3e-secondary-fab-focus-state-layer-color" }, { "description": "State layer opacity on focus (secondary).", "name": "--m3e-secondary-fab-focus-state-layer-opacity" }, { "description": "Elevation on focus (secondary).", "name": "--m3e-secondary-fab-focus-container-elevation" }, { "description": "Lowered elevation on focus (secondary).", "name": "--m3e-secondary-fab-lowered-focus-container-elevation" }, { "description": "Icon color on pressed (secondary).", "name": "--m3e-secondary-fab-pressed-icon-color" }, { "description": "Label text color on pressed (secondary).", "name": "--m3e-secondary-fab-pressed-label-text-color" }, { "description": "State layer color on pressed (secondary).", "name": "--m3e-secondary-fab-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (secondary).", "name": "--m3e-secondary-fab-pressed-state-layer-opacity" }, { "description": "Elevation on pressed (secondary).", "name": "--m3e-secondary-fab-pressed-container-elevation" }, { "description": "Lowered elevation on pressed (secondary).", "name": "--m3e-secondary-fab-lowered-pressed-container-elevation" }, { "description": "Default label text color for tertiary FAB.", "name": "--m3e-tertiary-fab-label-text-color" }, { "description": "Default icon color for tertiary FAB.", "name": "--m3e-tertiary-fab-icon-color" }, { "description": "Default container background color for tertiary FAB.", "name": "--m3e-tertiary-fab-container-color" }, { "description": "Resting elevation for tertiary FAB.", "name": "--m3e-tertiary-fab-container-elevation" }, { "description": "Lowered resting elevation for tertiary FAB.", "name": "--m3e-tertiary-fab-lowered-container-elevation" }, { "description": "Container background color when disabled (tertiary).", "name": "--m3e-tertiary-fab-disabled-container-color" }, { "description": "Opacity of container when disabled (tertiary).", "name": "--m3e-tertiary-fab-disabled-container-opacity" }, { "description": "Icon color when disabled (tertiary).", "name": "--m3e-tertiary-fab-disabled-icon-color" }, { "description": "Icon opacity when disabled (tertiary).", "name": "--m3e-tertiary-fab-disabled-icon-opacity" }, { "description": "Label text color when disabled (tertiary).", "name": "--m3e-tertiary-fab-disabled-label-text-color" }, { "description": "Label text opacity when disabled (tertiary).", "name": "--m3e-tertiary-fab-disabled-label-text-opacity" }, { "description": "Elevation when disabled (tertiary).", "name": "--m3e-tertiary-fab-disabled-container-elevation" }, { "description": "Lowered elevation when disabled (tertiary).", "name": "--m3e-tertiary-fab-lowered-disabled-container-elevation" }, { "description": "Icon color on hover (tertiary).", "name": "--m3e-tertiary-fab-hover-icon-color" }, { "description": "Label text color on hover (tertiary).", "name": "--m3e-tertiary-fab-hover-label-text-color" }, { "description": "State layer color on hover (tertiary).", "name": "--m3e-tertiary-fab-hover-state-layer-color" }, { "description": "State layer opacity on hover (tertiary).", "name": "--m3e-tertiary-fab-hover-state-layer-opacity" }, { "description": "Elevation on hover (tertiary).", "name": "--m3e-tertiary-fab-hover-container-elevation" }, { "description": "Lowered elevation on hover (tertiary).", "name": "--m3e-tertiary-fab-lowered-hover-container-elevation" }, { "description": "Icon color on focus (tertiary).", "name": "--m3e-tertiary-fab-focus-icon-color" }, { "description": "Label text color on focus (tertiary).", "name": "--m3e-tertiary-fab-focus-label-text-color" }, { "description": "State layer color on focus (tertiary).", "name": "--m3e-tertiary-fab-focus-state-layer-color" }, { "description": "State layer opacity on focus (tertiary).", "name": "--m3e-tertiary-fab-focus-state-layer-opacity" }, { "description": "Elevation on focus (tertiary).", "name": "--m3e-tertiary-fab-focus-container-elevation" }, { "description": "Lowered elevation on focus (tertiary).", "name": "--m3e-tertiary-fab-lowered-focus-container-elevation" }, { "description": "Icon color on pressed (tertiary).", "name": "--m3e-tertiary-fab-pressed-icon-color" }, { "description": "Label text color on pressed (tertiary).", "name": "--m3e-tertiary-fab-pressed-label-text-color" }, { "description": "State layer color on pressed (tertiary).", "name": "--m3e-tertiary-fab-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (tertiary).", "name": "--m3e-tertiary-fab-pressed-state-layer-opacity" }, { "description": "Elevation on pressed (tertiary).", "name": "--m3e-tertiary-fab-pressed-container-elevation" }, { "description": "Lowered elevation on pressed (tertiary).", "name": "--m3e-tertiary-fab-lowered-pressed-container-elevation" }, { "description": "Default label text color for primary-container FAB.", "name": "--m3e-primary-container-fab-label-text-color" }, { "description": "Default icon color for primary-container FAB.", "name": "--m3e-primary-container-fab-icon-color" }, { "description": "Default container background color for primary-container FAB.", "name": "--m3e-primary-container-fab-container-color" }, { "description": "Resting elevation for primary-container FAB.", "name": "--m3e-primary-container-fab-container-elevation" }, { "description": "Lowered resting elevation for primary-container FAB.", "name": "--m3e-primary-container-fab-lowered-container-elevation" }, { "description": "Container background color when disabled (primary-container).", "name": "--m3e-primary-container-fab-disabled-container-color" }, { "description": "Opacity of container when disabled (primary-container).", "name": "--m3e-primary-container-fab-disabled-container-opacity" }, { "description": "Icon color when disabled (primary-container).", "name": "--m3e-primary-container-fab-disabled-icon-color" }, { "description": "Icon opacity when disabled (primary-container).", "name": "--m3e-primary-container-fab-disabled-icon-opacity" }, { "description": "Label text color when disabled (primary-container).", "name": "--m3e-primary-container-fab-disabled-label-text-color" }, { "description": "Label text opacity when disabled (primary-container).", "name": "--m3e-primary-container-fab-disabled-label-text-opacity" }, { "description": "Elevation when disabled (primary-container).", "name": "--m3e-primary-container-fab-disabled-container-elevation" }, { "description": "Lowered elevation when disabled (primary-container).", "name": "--m3e-primary-container-fab-lowered-disabled-container-elevation" }, { "description": "Icon color on hover (primary-container).", "name": "--m3e-primary-container-fab-hover-icon-color" }, { "description": "Label text color on hover (primary-container).", "name": "--m3e-primary-container-fab-hover-label-text-color" }, { "description": "State layer color on hover (primary-container).", "name": "--m3e-primary-container-fab-hover-state-layer-color" }, { "description": "State layer opacity on hover (primary-container).", "name": "--m3e-primary-container-fab-hover-state-layer-opacity" }, { "description": "Elevation on hover (primary-container).", "name": "--m3e-primary-container-fab-hover-container-elevation" }, { "description": "Lowered elevation on hover (primary-container).", "name": "--m3e-primary-container-fab-lowered-hover-container-elevation" }, { "description": "Icon color on focus (primary-container).", "name": "--m3e-primary-container-fab-focus-icon-color" }, { "description": "Label text color on focus (primary-container).", "name": "--m3e-primary-container-fab-focus-label-text-color" }, { "description": "State layer color on focus (primary-container).", "name": "--m3e-primary-container-fab-focus-state-layer-color" }, { "description": "State layer opacity on focus (primary-container).", "name": "--m3e-primary-container-fab-focus-state-layer-opacity" }, { "description": "Elevation on focus (primary-container).", "name": "--m3e-primary-container-fab-focus-container-elevation" }, { "description": "Lowered elevation on focus (primary-container).", "name": "--m3e-primary-container-fab-lowered-focus-container-elevation" }, { "description": "Icon color on pressed (primary-container).", "name": "--m3e-primary-container-fab-pressed-icon-color" }, { "description": "Label text color on pressed (primary-container).", "name": "--m3e-primary-container-fab-pressed-label-text-color" }, { "description": "State layer color on pressed (primary-container).", "name": "--m3e-primary-container-fab-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (primary-container).", "name": "--m3e-primary-container-fab-pressed-state-layer-opacity" }, { "description": "Elevation on pressed (primary-container).", "name": "--m3e-primary-container-fab-pressed-container-elevation" }, { "description": "Lowered elevation on pressed (primary-container).", "name": "--m3e-primary-container-fab-lowered-pressed-container-elevation" }, { "description": "Default label text color for secondary-container FAB.", "name": "--m3e-secondary-container-fab-label-text-color" }, { "description": "Default icon color for secondary-container FAB.", "name": "--m3e-secondary-container-fab-icon-color" }, { "description": "Default container background color for secondary-container FAB.", "name": "--m3e-secondary-container-fab-container-color" }, { "description": "Resting elevation for secondary-container FAB.", "name": "--m3e-secondary-container-fab-container-elevation" }, { "description": "Lowered resting elevation for secondary-container FAB.", "name": "--m3e-secondary-container-fab-lowered-container-elevation" }, { "description": "Container background color when disabled (secondary-container).", "name": "--m3e-secondary-container-fab-disabled-container-color" }, { "description": "Opacity of container when disabled (secondary-container).", "name": "--m3e-secondary-container-fab-disabled-container-opacity" }, { "description": "Icon color when disabled (secondary-container).", "name": "--m3e-secondary-container-fab-disabled-icon-color" }, { "description": "Icon opacity when disabled (secondary-container).", "name": "--m3e-secondary-container-fab-disabled-icon-opacity" }, { "description": "Label text color when disabled (secondary-container).", "name": "--m3e-secondary-container-fab-disabled-label-text-color" }, { "description": "Label text opacity when disabled (secondary-container).", "name": "--m3e-secondary-container-fab-disabled-label-text-opacity" }, { "description": "Elevation when disabled (secondary-container).", "name": "--m3e-secondary-container-fab-disabled-container-elevation" }, { "description": "Lowered elevation when disabled (secondary-container).", "name": "--m3e-secondary-container-fab-lowered-disabled-container-elevation" }, { "description": "Icon color on hover (secondary-container).", "name": "--m3e-secondary-container-fab-hover-icon-color" }, { "description": "Label text color on hover (secondary-container).", "name": "--m3e-secondary-container-fab-hover-label-text-color" }, { "description": "State layer color on hover (secondary-container).", "name": "--m3e-secondary-container-fab-hover-state-layer-color" }, { "description": "State layer opacity on hover (secondary-container).", "name": "--m3e-secondary-container-fab-hover-state-layer-opacity" }, { "description": "Elevation on hover (secondary-container).", "name": "--m3e-secondary-container-fab-hover-container-elevation" }, { "description": "Lowered elevation on hover (secondary-container).", "name": "--m3e-secondary-container-fab-lowered-hover-container-elevation" }, { "description": "Icon color on focus (secondary-container).", "name": "--m3e-secondary-container-fab-focus-icon-color" }, { "description": "Label text color on focus (secondary-container).", "name": "--m3e-secondary-container-fab-focus-label-text-color" }, { "description": "State layer color on focus (secondary-container).", "name": "--m3e-secondary-container-fab-focus-state-layer-color" }, { "description": "State layer opacity on focus (secondary-container).", "name": "--m3e-secondary-container-fab-focus-state-layer-opacity" }, { "description": "Elevation on focus (secondary-container).", "name": "--m3e-secondary-container-fab-focus-container-elevation" }, { "description": "Lowered elevation on focus (secondary-container).", "name": "--m3e-secondary-container-fab-lowered-focus-container-elevation" }, { "description": "Icon color on pressed (secondary-container).", "name": "--m3e-secondary-container-fab-pressed-icon-color" }, { "description": "Label text color on pressed (secondary-container).", "name": "--m3e-secondary-container-fab-pressed-label-text-color" }, { "description": "State layer color on pressed (secondary-container).", "name": "--m3e-secondary-container-fab-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (secondary-container).", "name": "--m3e-secondary-container-fab-pressed-state-layer-opacity" }, { "description": "Elevation on pressed (secondary-container).", "name": "--m3e-secondary-container-fab-pressed-container-elevation" }, { "description": "Lowered elevation on pressed (secondary-container).", "name": "--m3e-secondary-container-fab-lowered-pressed-container-elevation" }, { "description": "Default label text color for tertiary-container FAB.", "name": "--m3e-tertiary-container-fab-label-text-color" }, { "description": "Default icon color for tertiary-container FAB.", "name": "--m3e-tertiary-container-fab-icon-color" }, { "description": "Default container background color for tertiary-container FAB.", "name": "--m3e-tertiary-container-fab-container-color" }, { "description": "Resting elevation for tertiary-container FAB.", "name": "--m3e-tertiary-container-fab-container-elevation" }, { "description": "Lowered resting elevation for tertiary-container FAB.", "name": "--m3e-tertiary-container-fab-lowered-container-elevation" }, { "description": "Container background color when disabled (tertiary-container).", "name": "--m3e-tertiary-container-fab-disabled-container-color" }, { "description": "Opacity of container when disabled (tertiary-container).", "name": "--m3e-tertiary-container-fab-disabled-container-opacity" }, { "description": "Icon color when disabled (tertiary-container).", "name": "--m3e-tertiary-container-fab-disabled-icon-color" }, { "description": "Icon opacity when disabled (tertiary-container).", "name": "--m3e-tertiary-container-fab-disabled-icon-opacity" }, { "description": "Label text color when disabled (tertiary-container).", "name": "--m3e-tertiary-container-fab-disabled-label-text-color" }, { "description": "Label text opacity when disabled (tertiary-container).", "name": "--m3e-tertiary-container-fab-disabled-label-text-opacity" }, { "description": "Elevation when disabled (tertiary-container).", "name": "--m3e-tertiary-container-fab-disabled-container-elevation" }, { "description": "Lowered elevation when disabled (tertiary-container).", "name": "--m3e-tertiary-container-fab-lowered-disabled-container-elevation" }, { "description": "Icon color on hover (tertiary-container).", "name": "--m3e-tertiary-container-fab-hover-icon-color" }, { "description": "Label text color on hover (tertiary-container).", "name": "--m3e-tertiary-container-fab-hover-label-text-color" }, { "description": "State layer color on hover (tertiary-container).", "name": "--m3e-tertiary-container-fab-hover-state-layer-color" }, { "description": "State layer opacity on hover (tertiary-container).", "name": "--m3e-tertiary-container-fab-hover-state-layer-opacity" }, { "description": "Elevation on hover (tertiary-container).", "name": "--m3e-tertiary-container-fab-hover-container-elevation" }, { "description": "Lowered elevation on hover (tertiary-container).", "name": "--m3e-tertiary-container-fab-lowered-hover-container-elevation" }, { "description": "Icon color on focus (tertiary-container).", "name": "--m3e-tertiary-container-fab-focus-icon-color" }, { "description": "Label text color on focus (tertiary-container).", "name": "--m3e-tertiary-container-fab-focus-label-text-color" }, { "description": "State layer color on focus (tertiary-container).", "name": "--m3e-tertiary-container-fab-focus-state-layer-color" }, { "description": "State layer opacity on focus (tertiary-container).", "name": "--m3e-tertiary-container-fab-focus-state-layer-opacity" }, { "description": "Elevation on focus (tertiary-container).", "name": "--m3e-tertiary-container-fab-focus-container-elevation" }, { "description": "Lowered elevation on focus (tertiary-container).", "name": "--m3e-tertiary-container-fab-lowered-focus-container-elevation" }, { "description": "Icon color on pressed (tertiary-container).", "name": "--m3e-tertiary-container-fab-pressed-icon-color" }, { "description": "Label text color on pressed (tertiary-container).", "name": "--m3e-tertiary-container-fab-pressed-label-text-color" }, { "description": "State layer color on pressed (tertiary-container).", "name": "--m3e-tertiary-container-fab-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (tertiary-container).", "name": "--m3e-tertiary-container-fab-pressed-state-layer-opacity" }, { "description": "Elevation on pressed (tertiary-container).", "name": "--m3e-tertiary-container-fab-pressed-container-elevation" }, { "description": "Lowered elevation on pressed (tertiary-container).", "name": "--m3e-tertiary-container-fab-lowered-pressed-container-elevation" }, { "description": "Default label text color for surface FAB.", "name": "--m3e-surface-fab-label-text-color" }, { "description": "Default icon color for surface FAB.", "name": "--m3e-surface-fab-icon-color" }, { "description": "Default container background color for surface FAB.", "name": "--m3e-surface-fab-container-color" }, { "description": "Resting elevation for surface FAB.", "name": "--m3e-surface-fab-container-elevation" }, { "description": "Lowered resting elevation for surface FAB.", "name": "--m3e-surface-fab-lowered-container-elevation" }, { "description": "Lowered container background color for surface FAB.", "name": "--m3e-surface-fab-lowered-container-color" }, { "description": "Container background color when disabled (surface).", "name": "--m3e-surface-fab-disabled-container-color" }, { "description": "Opacity of container when disabled (surface).", "name": "--m3e-surface-fab-disabled-container-opacity" }, { "description": "Icon color when disabled (surface).", "name": "--m3e-surface-fab-disabled-icon-color" }, { "description": "Icon opacity when disabled (surface).", "name": "--m3e-surface-fab-disabled-icon-opacity" }, { "description": "Label text color when disabled (surface).", "name": "--m3e-surface-fab-disabled-label-text-color" }, { "description": "Label text opacity when disabled (surface).", "name": "--m3e-surface-fab-disabled-label-text-opacity" }, { "description": "Elevation when disabled (surface).", "name": "--m3e-surface-fab-disabled-container-elevation" }, { "description": "Lowered elevation when disabled (surface).", "name": "--m3e-surface-fab-lowered-disabled-container-elevation" }, { "description": "Icon color on hover (surface).", "name": "--m3e-surface-fab-hover-icon-color" }, { "description": "Label text color on hover (surface).", "name": "--m3e-surface-fab-hover-label-text-color" }, { "description": "State layer color on hover (surface).", "name": "--m3e-surface-fab-hover-state-layer-color" }, { "description": "State layer opacity on hover (surface).", "name": "--m3e-surface-fab-hover-state-layer-opacity" }, { "description": "Elevation on hover (surface).", "name": "--m3e-surface-fab-hover-container-elevation" }, { "description": "Lowered elevation on hover (surface).", "name": "--m3e-surface-fab-lowered-hover-container-elevation" }, { "description": "Icon color on focus (surface).", "name": "--m3e-surface-fab-focus-icon-color" }, { "description": "Label text color on focus (surface).", "name": "--m3e-surface-fab-focus-label-text-color" }, { "description": "State layer color on focus (surface).", "name": "--m3e-surface-fab-focus-state-layer-color" }, { "description": "State layer opacity on focus (surface).", "name": "--m3e-surface-fab-focus-state-layer-opacity" }, { "description": "Elevation on focus (surface).", "name": "--m3e-surface-fab-focus-container-elevation" }, { "description": "Lowered elevation on focus (surface).", "name": "--m3e-surface-fab-lowered-focus-container-elevation" }, { "description": "Icon color on pressed (surface).", "name": "--m3e-surface-fab-pressed-icon-color" }, { "description": "Label text color on pressed (surface).", "name": "--m3e-surface-fab-pressed-label-text-color" }, { "description": "State layer color on pressed (surface).", "name": "--m3e-surface-fab-pressed-state-layer-color" }, { "description": "State layer opacity on pressed (surface).", "name": "--m3e-surface-fab-pressed-state-layer-opacity" }, { "description": "Elevation on pressed (surface).", "name": "--m3e-surface-fab-pressed-container-elevation" }, { "description": "Lowered elevation on pressed (surface).", "name": "--m3e-surface-fab-lowered-pressed-container-elevation" } ], "slots": [ { "description": "Renders the icon of the button.", "name": "" }, { "description": "Renders the label of an extended button.", "name": "label" }, { "description": "Renders the close icon when used to open a FAB menu.", "name": "close-icon" } ], "members": [ { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_elevation", "type": { "text": "M3eElevationElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "variant", "type": { "text": "FabVariant" }, "default": "\"primary-container\"", "description": "The appearance variant of the button.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'primary' | 'primary-container' | 'secondary' | 'secondary-container' | 'tertiary' | 'tertiary-container' | 'surface'" } }, { "kind": "field", "name": "lowered", "type": { "text": "boolean" }, "default": "false", "description": "Whether to present a lowered elevation.", "attribute": "lowered", "reflects": true }, { "kind": "field", "name": "size", "type": { "text": "FabSize" }, "default": "\"medium\"", "description": "The size of the button.", "attribute": "size", "reflects": true, "parsedType": { "text": "'small' | 'medium' | 'large'" } }, { "kind": "field", "name": "extended", "type": { "text": "boolean" }, "default": "false", "description": "Whether the button is extended to show the label.", "attribute": "extended", "reflects": true }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "name", "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.", "attribute": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "attribute": "value", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "attribute": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_suppressedEventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabledInteractive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "attribute": "disabled-interactive", "reflects": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "disabled-interactive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "fieldName": "disabledInteractive", "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "description": "Whether the button is extended to show the label.", "name": "extended", "type": { "text": "boolean" }, "default": "false", "fieldName": "extended" }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "description": "Whether to present a lowered elevation.", "name": "lowered", "type": { "text": "boolean" }, "default": "false", "fieldName": "lowered" }, { "name": "name", "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.", "fieldName": "name", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "description": "The size of the button.", "name": "size", "type": { "text": "FabSize" }, "default": "\"medium\"", "fieldName": "size", "parsedType": { "text": "'small' | 'medium' | 'large'" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "type", "type": { "text": "FormSubmitterType" }, "default": "\"button\"", "description": "The type of the element.", "fieldName": "type", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "name": "value", "description": "The value associated with the element's name when it's submitted with form data.", "fieldName": "value", "inheritedFrom": { "name": "FormSubmitter", "module": "src/core/shared/mixins/FormSubmitter.ts" } }, { "description": "The appearance variant of the button.", "name": "variant", "type": { "text": "FabVariant" }, "default": "\"primary-container\"", "fieldName": "variant", "parsedType": { "text": "'primary' | 'primary-container' | 'secondary' | 'secondary-container' | 'tertiary' | 'tertiary-container' | 'surface'" } } ], "mixins": [ { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "FormSubmitter", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "DisabledInteractive", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-fab", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eFabElement", "declaration": { "name": "M3eFabElement", "module": "src/fab/FabElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-fab", "declaration": { "name": "M3eFabElement", "module": "src/fab/FabElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/fab/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab/FabElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab/FabSize" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab/FabVariant" } } ] }, { "kind": "javascript-module", "path": "src/fab-menu/FabMenuVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/fab-menu/FabMenuItemElement.ts", "declarations": [ { "kind": "class", "description": "An item of a floating action button (FAB) menu.", "name": "M3eFabMenuItemElement", "cssProperties": [ { "description": "Height of the menu item.", "name": "--m3e-fab-menu-item-height" }, { "description": "Font size of the menu item label.", "name": "--m3e-fab-menu-item-font-size" }, { "description": "Font weight of the menu item label.", "name": "--m3e-fab-menu-item-font-weight" }, { "description": "Line height of the menu item label.", "name": "--m3e-fab-menu-item-line-height" }, { "description": "Letter spacing of the menu item label.", "name": "--m3e-fab-menu-item-tracking" }, { "description": "Border radius of the menu item.", "name": "--m3e-fab-menu-item-shape" }, { "description": "Padding at the start of the menu item.", "name": "--m3e-fab-menu-item-leading-space" }, { "description": "Padding at the end of the menu item.", "name": "--m3e-fab-menu-item-trailing-space" }, { "description": "Gap between icon and label.", "name": "--m3e-fab-menu-item-spacing" }, { "description": "Size of the icon in the menu item.", "name": "--m3e-fab-menu-item-icon-size" } ], "slots": [ { "description": "Renders the label of the item.", "name": "" }, { "description": "Renders an icon before the items's label.", "name": "icon" } ], "members": [ { "kind": "field", "name": "_elevation", "type": { "text": "M3eElevationElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "menu", "type": { "text": "M3eFabMenuElement | null" }, "description": "The floating action button (FAB) menu to which this item belongs.", "readonly": true }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } } ], "mixins": [ { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-menu-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eFabMenuItemElement", "declaration": { "name": "M3eFabMenuItemElement", "module": "src/fab-menu/FabMenuItemElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-fab-menu-item", "declaration": { "name": "M3eFabMenuItemElement", "module": "src/fab-menu/FabMenuItemElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/fab-menu/FabMenuElement.ts", "declarations": [ { "kind": "class", "description": "A menu, opened from a floating action button (FAB), used to display multiple related actions.", "name": "M3eFabMenuElement", "cssProperties": [ { "description": "Vertical gap between menu items.", "name": "--m3e-fab-menu-spacing" }, { "description": "Maximum width of the menu.", "name": "--m3e-fab-menu-max-width" }, { "description": "Foreground color for primary variant items.", "name": "--m3e-primary-fab-color" }, { "description": "Container color for primary variant items.", "name": "--m3e-primary-fab-container-color" }, { "description": "Hover background color for primary variant items.", "name": "--m3e-primary-fab-hover-color" }, { "description": "Focus background color for primary variant items.", "name": "--m3e-primary-fab-focus-color" }, { "description": "Ripple color for primary variant items.", "name": "--m3e-primary-fab-ripple-color" }, { "description": "Foreground color for secondary variant items.", "name": "--m3e-secondary-fab-color" }, { "description": "Container color for secondary variant items.", "name": "--m3e-secondary-fab-container-color" }, { "description": "Hover background color for secondary variant items.", "name": "--m3e-secondary-fab-hover-color" }, { "description": "Focus background color for secondary variant items.", "name": "--m3e-secondary-fab-focus-color" }, { "description": "Ripple color for secondary variant items.", "name": "--m3e-secondary-fab-ripple-color" }, { "description": "Foreground color for tertiary variant items.", "name": "--m3e-tertiary-fab-color" }, { "description": "Container color for tertiary variant items.", "name": "--m3e-tertiary-fab-container-color" }, { "description": "Hover background color for tertiary variant items.", "name": "--m3e-tertiary-fab-hover-color" }, { "description": "Focus background color for tertiary variant items.", "name": "--m3e-tertiary-fab-focus-color" }, { "description": "Ripple color for tertiary variant items.", "name": "--m3e-tertiary-fab-ripple-color" } ], "slots": [ { "description": "Renders the contents of the menu.", "name": "" } ], "members": [ { "kind": "field", "name": "#fabTabIndex", "privacy": "private", "type": { "text": "number | undefined" } }, { "kind": "field", "name": "#trigger", "privacy": "private", "type": { "text": "HTMLElement | undefined" } }, { "kind": "field", "name": "#anchoringCleanup", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#listManager", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#documentClickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#scrollController", "privacy": "private", "readonly": true, "default": "new ScrollController(this, { target: null, callback: () => this.hide() })" }, { "kind": "field", "name": "#toggleHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "variant", "type": { "text": "FabMenuVariant" }, "default": "\"primary\"", "description": "The appearance variant of the menu.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'primary' | 'secondary' | 'tertiary'" } }, { "kind": "field", "name": "isOpen", "description": "Whether the menu is open.", "readonly": true }, { "kind": "method", "name": "show", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "trigger", "type": { "text": "HTMLElement" }, "description": "The element that triggered the menu." } ], "description": "Opens the menu." }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "restoreFocus", "default": "false", "type": { "text": "boolean" }, "description": "A value indicating whether to restore focus to the menu's trigger.", "optional": true } ], "description": "Hides the menu." }, { "kind": "method", "name": "toggle", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "trigger", "type": { "text": "HTMLElement" }, "description": "The element that triggered the menu." } ], "description": "Toggles the menu." }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleDocumentClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "#attachFab", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#detachFab", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "description": "Dispatched before the toggle state changes.", "name": "beforetoggle" }, { "description": "Dispatched after the toggle state has changed.", "name": "toggle" } ], "attributes": [ { "description": "The appearance variant of the menu.", "name": "variant", "type": { "text": "FabMenuVariant" }, "default": "\"primary\"", "fieldName": "variant", "parsedType": { "text": "'primary' | 'secondary' | 'tertiary'" } } ], "mixins": [ { "name": "SuppressInitialAnimation", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-fab-menu", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eFabMenuElement", "declaration": { "name": "M3eFabMenuElement", "module": "src/fab-menu/FabMenuElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-fab-menu", "declaration": { "name": "M3eFabMenuElement", "module": "src/fab-menu/FabMenuElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/fab-menu/FabMenuTriggerElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to open a floating action button (FAB) menu.", "name": "M3eFabMenuTriggerElement", "members": [ { "kind": "field", "name": "menu", "type": { "text": "M3eFabMenuElement | null" }, "description": "The menu triggered by the element.", "readonly": true }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" }, "tagName": "m3e-fab-menu-trigger", "customElement": true, "attributes": [ { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ] } ], "exports": [ { "kind": "js", "name": "M3eFabMenuTriggerElement", "declaration": { "name": "M3eFabMenuTriggerElement", "module": "src/fab-menu/FabMenuTriggerElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-fab-menu-trigger", "declaration": { "name": "M3eFabMenuTriggerElement", "module": "src/fab-menu/FabMenuTriggerElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/fab-menu/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab-menu/FabMenuElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab-menu/FabMenuItemElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab-menu/FabMenuTriggerElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab-menu/FabMenuVariant" } } ] }, { "kind": "javascript-module", "path": "src/heading/HeadingLevel.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/heading/HeadingSize.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/heading/HeadingVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/heading/HeadingElement.ts", "declarations": [ { "kind": "class", "description": "A heading to a page or section.", "name": "M3eHeadingElement", "cssProperties": [ { "description": "Font size for Display Large text, ideal for hero headlines", "name": "--md-sys-typescale-display-large-font-size" }, { "description": "Font weight for Display Large text", "name": "--md-sys-typescale-display-large-font-weight" }, { "description": "Letter spacing for Display Large text", "name": "--md-sys-typescale-display-large-tracking" }, { "description": "Line height for Display Large text", "name": "--md-sys-typescale-display-large-line-height" }, { "description": "Font size for Display Medium text", "name": "--md-sys-typescale-display-medium-font-size" }, { "description": "Font weight for Display Medium text", "name": "--md-sys-typescale-display-medium-font-weight" }, { "description": "Letter spacing for Display Medium text", "name": "--md-sys-typescale-display-medium-tracking" }, { "description": "Line height for Display Medium text", "name": "--md-sys-typescale-display-medium-line-height" }, { "description": "Font size for Display Small text", "name": "--md-sys-typescale-display-small-font-size" }, { "description": "Font weight for Display Small text", "name": "--md-sys-typescale-display-small-font-weight" }, { "description": "Letter spacing for Display Small text", "name": "--md-sys-typescale-display-small-tracking" }, { "description": "Line height for Display Small text", "name": "--md-sys-typescale-display-small-line-height" }, { "description": "Font size for Headline Large text", "name": "--md-sys-typescale-headline-large-font-size" }, { "description": "Font weight for Headline Large text", "name": "--md-sys-typescale-headline-large-font-weight" }, { "description": "Letter spacing for Headline Large text", "name": "--md-sys-typescale-headline-large-tracking" }, { "description": "Line height for Headline Large text", "name": "--md-sys-typescale-headline-large-line-height" }, { "description": "Font size for Headline Medium text", "name": "--md-sys-typescale-headline-medium-font-size" }, { "description": "Font weight for Headline Medium text", "name": "--md-sys-typescale-headline-medium-font-weight" }, { "description": "Letter spacing for Headline Medium text", "name": "--md-sys-typescale-headline-medium-tracking" }, { "description": "Line height for Headline Medium text", "name": "--md-sys-typescale-headline-medium-line-height" }, { "description": "Font size for Headline Small text", "name": "--md-sys-typescale-headline-small-font-size" }, { "description": "Font weight for Headline Small text", "name": "--md-sys-typescale-headline-small-font-weight" }, { "description": "Letter spacing for Headline Small text", "name": "--md-sys-typescale-headline-small-tracking" }, { "description": "Line height for Headline Small text", "name": "--md-sys-typescale-headline-small-line-height" }, { "description": "Font size for Title Large text", "name": "--md-sys-typescale-title-large-font-size" }, { "description": "Font weight for Title Large text", "name": "--md-sys-typescale-title-large-font-weight" }, { "description": "Letter spacing for Title Large text", "name": "--md-sys-typescale-title-large-tracking" }, { "description": "Line height for Title Large text", "name": "--md-sys-typescale-title-large-line-height" }, { "description": "Font size for Title Medium text", "name": "--md-sys-typescale-title-medium-font-size" }, { "description": "Font weight for Title Medium text", "name": "--md-sys-typescale-title-medium-font-weight" }, { "description": "Letter spacing for Title Medium text", "name": "--md-sys-typescale-title-medium-tracking" }, { "description": "Line height for Title Medium text", "name": "--md-sys-typescale-title-medium-line-height" }, { "description": "Font size for Title Small text", "name": "--md-sys-typescale-title-small-font-size" }, { "description": "Font weight for Title Small text", "name": "--md-sys-typescale-title-small-font-weight" }, { "description": "Letter spacing for Title Small text", "name": "--md-sys-typescale-title-small-tracking" }, { "description": "Line height for Title Small text", "name": "--md-sys-typescale-title-small-line-height" }, { "description": "Font size for Label Large text", "name": "--md-sys-typescale-label-large-font-size" }, { "description": "Font weight for Label Large text", "name": "--md-sys-typescale-label-large-font-weight" }, { "description": "Letter spacing for Label Large text", "name": "--md-sys-typescale-label-large-tracking" }, { "description": "Line height for Label Large text", "name": "--md-sys-typescale-label-large-line-height" }, { "description": "Font size for Label Medium text", "name": "--md-sys-typescale-label-medium-font-size" }, { "description": "Font weight for Label Medium text", "name": "--md-sys-typescale-label-medium-font-weight" }, { "description": "Letter spacing for Label Medium text", "name": "--md-sys-typescale-label-medium-tracking" }, { "description": "Line height for Label Medium text", "name": "--md-sys-typescale-label-medium-line-height" }, { "description": "Font size for Label Small text", "name": "--md-sys-typescale-label-small-font-size" }, { "description": "Font weight for Label Small text", "name": "--md-sys-typescale-label-small-font-weight" }, { "description": "Letter spacing for Label Small text", "name": "--md-sys-typescale-label-small-tracking" }, { "description": "Line height for Label Small text", "name": "--md-sys-typescale-label-small-line-height" }, { "description": "Font size for emphasized Display Large text", "name": "--md-sys-typescale-emphasized-display-large-font-size" }, { "description": "Font weight for emphasized Display Large text", "name": "--md-sys-typescale-emphasized-display-large-font-weight" }, { "description": "Letter spacing for emphasized Display Large text", "name": "--md-sys-typescale-emphasized-display-large-tracking" }, { "description": "Line height for emphasized Display Large text", "name": "--md-sys-typescale-emphasized-display-large-line-height" }, { "description": "Font size for emphasized Display Medium text", "name": "--md-sys-typescale-emphasized-display-medium-font-size" }, { "description": "Font weight for emphasized Display Medium text", "name": "--md-sys-typescale-emphasized-display-medium-font-weight" }, { "description": "Letter spacing for emphasized Display Medium text", "name": "--md-sys-typescale-emphasized-display-medium-tracking" }, { "description": "Line height for emphasized Display Medium text", "name": "--md-sys-typescale-emphasized-display-medium-line-height" }, { "description": "Font size for emphasized Display Small text", "name": "--md-sys-typescale-emphasized-display-small-font-size" }, { "description": "Font weight for emphasized Display Small text", "name": "--md-sys-typescale-emphasized-display-small-font-weight" }, { "description": "Letter spacing for emphasized Display Small text", "name": "--md-sys-typescale-emphasized-display-small-tracking" }, { "description": "Line height for emphasized Display Small text", "name": "--md-sys-typescale-emphasized-display-small-line-height" }, { "description": "Font size for emphasized Headline Large text", "name": "--md-sys-typescale-emphasized-headline-large-font-size" }, { "description": "Font weight for emphasized Headline Large text", "name": "--md-sys-typescale-emphasized-headline-large-font-weight" }, { "description": "Letter spacing for emphasized Headline Large text", "name": "--md-sys-typescale-emphasized-headline-large-tracking" }, { "description": "Line height for emphasized Headline Large text", "name": "--md-sys-typescale-emphasized-headline-large-line-height" }, { "description": "Font size for emphasized Headline Medium text", "name": "--md-sys-typescale-emphasized-headline-medium-font-size" }, { "description": "Font weight for emphasized Headline Medium text", "name": "--md-sys-typescale-emphasized-headline-medium-font-weight" }, { "description": "Letter spacing for emphasized Headline Medium text", "name": "--md-sys-typescale-emphasized-headline-medium-tracking" }, { "description": "Line height for emphasized Headline Medium text", "name": "--md-sys-typescale-emphasized-headline-medium-line-height" }, { "description": "Font size for emphasized Headline Small text", "name": "--md-sys-typescale-emphasized-headline-small-font-size" }, { "description": "Font weight for emphasized Headline Small text", "name": "--md-sys-typescale-emphasized-headline-small-font-weight" }, { "description": "Letter spacing for emphasized Headline Small text", "name": "--md-sys-typescale-emphasized-headline-small-tracking" }, { "description": "Line height for emphasized Headline Small text", "name": "--md-sys-typescale-emphasized-headline-small-line-height" }, { "description": "Font size for emphasized Title Large text", "name": "--md-sys-typescale-emphasized-title-large-font-size" }, { "description": "Font weight for emphasized Title Large text", "name": "--md-sys-typescale-emphasized-title-large-font-weight" }, { "description": "Letter spacing for emphasized Title Large text", "name": "--md-sys-typescale-emphasized-title-large-tracking" }, { "description": "Line height for emphasized Title Large text", "name": "--md-sys-typescale-emphasized-title-large-line-height" }, { "description": "Font size for emphasized Title Medium text", "name": "--md-sys-typescale-emphasized-title-medium-font-size" }, { "description": "Font weight for emphasized Title Medium text", "name": "--md-sys-typescale-emphasized-title-medium-font-weight" }, { "description": "Letter spacing for emphasized Title Medium text", "name": "--md-sys-typescale-emphasized-title-medium-tracking" }, { "description": "Line height for emphasized Title Medium text", "name": "--md-sys-typescale-emphasized-title-medium-line-height" }, { "description": "Font size for emphasized Title Small text", "name": "--md-sys-typescale-emphasized-title-small-font-size" }, { "description": "Font weight for emphasized Title Small text", "name": "--md-sys-typescale-emphasized-title-small-font-weight" }, { "description": "Letter spacing for emphasized Title Small text", "name": "--md-sys-typescale-emphasized-title-small-tracking" }, { "description": "Line height for emphasized Title Small text", "name": "--md-sys-typescale-emphasized-title-small-line-height" }, { "description": "Font size for emphasized Label Large text", "name": "--md-sys-typescale-emphasized-label-large-font-size" }, { "description": "Font weight for emphasized Label Large text", "name": "--md-sys-typescale-emphasized-label-large-font-weight" }, { "description": "Letter spacing for emphasized Label Large text", "name": "--md-sys-typescale-emphasized-label-large-tracking" }, { "description": "Line height for emphasized Label Large text", "name": "--md-sys-typescale-emphasized-label-large-line-height" }, { "description": "Font size for emphasized Label Medium text", "name": "--md-sys-typescale-emphasized-label-medium-font-size" }, { "description": "Font weight for emphasized Label Medium text", "name": "--md-sys-typescale-emphasized-label-medium-font-weight" }, { "description": "Letter spacing for emphasized Label Medium text", "name": "--md-sys-typescale-emphasized-label-medium-tracking" }, { "description": "Line height for emphasized Label Medium text", "name": "--md-sys-typescale-emphasized-label-medium-line-height" }, { "description": "Font size for emphasized Label Small text", "name": "--md-sys-typescale-emphasized-label-small-font-size" }, { "description": "Font weight for emphasized Label Small text", "name": "--md-sys-typescale-emphasized-label-small-font-weight" }, { "description": "Letter spacing for emphasized Label Small text", "name": "--md-sys-typescale-emphasized-label-small-tracking" }, { "description": "Line height for emphasized Label Small text", "name": "--md-sys-typescale-emphasized-label-small-line-height" } ], "slots": [ { "description": "Renders the content of the heading.", "name": "" } ], "members": [ { "kind": "field", "name": "emphasized", "type": { "text": "boolean" }, "default": "false", "description": "Whether the heading uses an emphasized typescale.", "attribute": "emphasized", "reflects": true }, { "kind": "field", "name": "variant", "type": { "text": "HeadingVariant" }, "default": "\"display\"", "description": "The appearance variant of the heading.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'display' | 'headline' | 'title' | 'label'" } }, { "kind": "field", "name": "size", "type": { "text": "HeadingSize" }, "default": "\"medium\"", "description": "The size of the heading.", "attribute": "size", "reflects": true, "parsedType": { "text": "'small' | 'medium' | 'large'" } }, { "kind": "field", "name": "level", "type": { "text": "HeadingLevel | undefined" }, "description": "The accessibility level of the heading.", "default": "undefined", "attribute": "level", "parsedType": { "text": "1 | 2 | 3 | 4 | 5 | 6 | undefined" } } ], "attributes": [ { "description": "Whether the heading uses an emphasized typescale.", "name": "emphasized", "type": { "text": "boolean" }, "default": "false", "fieldName": "emphasized" }, { "description": "The accessibility level of the heading.", "name": "level", "type": { "text": "HeadingLevel | undefined" }, "default": "undefined", "fieldName": "level", "parsedType": { "text": "1 | 2 | 3 | 4 | 5 | 6 | undefined" } }, { "description": "The size of the heading.", "name": "size", "type": { "text": "HeadingSize" }, "default": "\"medium\"", "fieldName": "size", "parsedType": { "text": "'small' | 'medium' | 'large'" } }, { "description": "The appearance variant of the heading.", "name": "variant", "type": { "text": "HeadingVariant" }, "default": "\"display\"", "fieldName": "variant", "parsedType": { "text": "'display' | 'headline' | 'title' | 'label'" } } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-heading", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eHeadingElement", "declaration": { "name": "M3eHeadingElement", "module": "src/heading/HeadingElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-heading", "declaration": { "name": "M3eHeadingElement", "module": "src/heading/HeadingElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/heading/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/heading/HeadingElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/heading/HeadingLevel" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/heading/HeadingSize" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/heading/HeadingVariant" } } ] }, { "kind": "javascript-module", "path": "src/icon/IconVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon/IconRegistry.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon/IconGrade.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon/IconWeight.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/icon/IconElement.ts", "declarations": [ { "kind": "class", "description": "A small symbol used to easily identify an action or category.", "name": "M3eIconElement", "members": [ { "kind": "field", "name": "_icon", "type": { "text": "HTMLSpanElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#iconRegistryUnobserve", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "\"\"", "description": "The name of the icon.", "attribute": "name" }, { "kind": "field", "name": "variant", "type": { "text": "IconVariant" }, "default": "\"outlined\"", "description": "The appearance variant of the icon.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'outlined' | 'rounded' | 'sharp'" } }, { "kind": "field", "name": "filled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the icon is filled.", "attribute": "filled", "reflects": true }, { "kind": "field", "name": "grade", "type": { "text": "IconGrade" }, "default": "\"medium\"", "description": "The grade of the icon.", "attribute": "grade", "parsedType": { "text": "'medium' | 'low' | 'high'" } }, { "kind": "field", "name": "weight", "type": { "text": "IconWeight" }, "default": "400", "description": "A value from 100 to 700 indicating the weight of the icon.", "attribute": "weight", "parsedType": { "text": "100 | 200 | 300 | 400 | 500 | 600 | 700" } }, { "kind": "field", "name": "opticalSize", "type": { "text": "number" }, "default": "24", "description": "A value from 20 to 48 indicating the optical size of the icon.", "attribute": "optical-size" } ], "attributes": [ { "description": "Whether the icon is filled.", "name": "filled", "type": { "text": "boolean" }, "default": "false", "fieldName": "filled" }, { "description": "The grade of the icon.", "name": "grade", "type": { "text": "IconGrade" }, "default": "\"medium\"", "fieldName": "grade", "parsedType": { "text": "'medium' | 'low' | 'high'" } }, { "description": "A value from 20 to 48 indicating the optical size of the icon.", "name": "optical-size", "type": { "text": "number" }, "default": "24", "fieldName": "opticalSize" }, { "description": "The name of the icon.", "name": "name", "type": { "text": "string" }, "default": "\"\"", "fieldName": "name" }, { "description": "The appearance variant of the icon.", "name": "variant", "type": { "text": "IconVariant" }, "default": "\"outlined\"", "fieldName": "variant", "parsedType": { "text": "'outlined' | 'rounded' | 'sharp'" } }, { "description": "A value from 100 to 700 indicating the weight of the icon.", "name": "weight", "type": { "text": "IconWeight" }, "default": "400", "fieldName": "weight", "parsedType": { "text": "100 | 200 | 300 | 400 | 500 | 600 | 700" } } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-icon", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eIconElement", "declaration": { "name": "M3eIconElement", "module": "src/icon/IconElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-icon", "declaration": { "name": "M3eIconElement", "module": "src/icon/IconElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/icon/registerIcon.ts", "declarations": [ { "kind": "function", "name": "registerIcon", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "name", "type": { "text": "string" }, "description": "The name of the icon." }, { "name": "variant", "type": { "text": "IconVariant" }, "description": "The variant of the icon." }, { "name": "data", "type": { "text": "{ outlined: SvgIconInfo; filled: SvgIconInfo }" }, "description": "The outlined and filled SVG information of the icon." } ], "description": "Registers an SVG icon to the internal icon registry used by `m3e-icon`." } ], "exports": [ { "kind": "js", "name": "SvgIconInfo", "declaration": { "name": "SvgIconInfo", "module": "./IconRegistry" } }, { "kind": "js", "name": "registerIcon", "declaration": { "name": "registerIcon", "module": "src/icon/registerIcon.ts" } } ] }, { "kind": "javascript-module", "path": "src/icon/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon/IconElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon/IconGrade" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon/IconVariant" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon/registerIcon" } } ] }, { "kind": "javascript-module", "path": "src/list/ListVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/list/ListItemContentType.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/list/ListItemElement.ts", "declarations": [ { "kind": "class", "description": "An item in a list.", "name": "M3eListItemElement", "cssProperties": [ { "description": "Horizontal gap between elements.", "name": "--m3e-list-item-between-space" }, { "description": "Horizontal padding for the leading side.", "name": "--m3e-list-item-leading-space" }, { "description": "Horizontal padding for the trailing side.", "name": "--m3e-list-item-trailing-space" }, { "description": "Horizontal padding for the list item.", "name": "--m3e-list-item-padding-inline" }, { "description": "Vertical padding for the list item.", "name": "--m3e-list-item-padding-block" }, { "description": "Top padding for one-line items.", "name": "--m3e-list-item-one-line-top-space" }, { "description": "Bottom padding for one-line items.", "name": "--m3e-list-item-one-line-bottom-space" }, { "description": "Top padding for two-line items.", "name": "--m3e-list-item-two-line-top-space" }, { "description": "Bottom padding for two-line items.", "name": "--m3e-list-item-two-line-bottom-space" }, { "description": "Top padding for three-line items.", "name": "--m3e-list-item-three-line-top-space" }, { "description": "Bottom padding for three-line items.", "name": "--m3e-list-item-three-line-bottom-space" }, { "description": "Font size for main content.", "name": "--m3e-list-item-font-size" }, { "description": "Font weight for main content.", "name": "--m3e-list-item-font-weight" }, { "description": "Line height for main content.", "name": "--m3e-list-item-line-height" }, { "description": "Letter spacing for main content.", "name": "--m3e-list-item-tracking" }, { "description": "Font size for overline slot.", "name": "--m3e-list-item-overline-font-size" }, { "description": "Font weight for overline slot.", "name": "--m3e-list-item-overline-font-weight" }, { "description": "Line height for overline slot.", "name": "--m3e-list-item-overline-line-height" }, { "description": "Letter spacing for overline slot.", "name": "--m3e-list-item-overline-tracking" }, { "description": "Font size for supporting text slot.", "name": "--m3e-list-item-supporting-text-font-size" }, { "description": "Font weight for supporting text slot.", "name": "--m3e-list-item-supporting-text-font-weight" }, { "description": "Line height for supporting text slot.", "name": "--m3e-list-item-supporting-text-line-height" }, { "description": "Letter spacing for supporting text slot.", "name": "--m3e-list-item-supporting-text-tracking" }, { "description": "Font size for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-font-size" }, { "description": "Font weight for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-font-weight" }, { "description": "Line height for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-line-height" }, { "description": "Letter spacing for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-tracking" }, { "description": "Size for leading/trailing icons.", "name": "--m3e-list-item-icon-size" }, { "description": "Color for the main content.", "name": "--m3e-list-item-label-text-color" }, { "description": "Color for the overline slot.", "name": "--m3e-list-item-overline-color" }, { "description": "Color for the supporting text slot.", "name": "--m3e-list-item-supporting-text-color" }, { "description": "Color for the leading content.", "name": "--m3e-list-item-leading-color" }, { "description": "Color for the trailing content.", "name": "--m3e-list-item-trailing-color" }, { "description": "Background color of the list item.", "name": "--m3e-list-item-container-color" }, { "description": "Border radius of the list item.", "name": "--m3e-list-item-container-shape" }, { "description": "Border radius of the list item on hover.", "name": "--m3e-list-item-hover-container-shape" }, { "description": "Border radius of the list item on focus.", "name": "--m3e-list-item-focus-container-shape" }, { "description": "Width of the video slot.", "name": "--m3e-list-item-video-width" }, { "description": "Height of the video slot.", "name": "--m3e-list-item-video-height" }, { "description": "Border radius of the video slot.", "name": "--m3e-list-item-video-shape" }, { "description": "Width of the image slot.", "name": "--m3e-list-item-image-width" }, { "description": "Height of the image slot.", "name": "--m3e-list-item-image-height" }, { "description": "Border radius of the image slot.", "name": "--m3e-list-item-image-shape" }, { "description": "Top offset for media in three line items.", "name": "--m3e-list-item-three-line-top-offset" }, { "description": "Minimum height of a one line list item.", "name": "--m3e-list-item-one-line-height" }, { "description": "Minimum height of a two line list item.", "name": "--m3e-list-item-two-line-height" }, { "description": "Minimum height of a three line list item.", "name": "--m3e-list-item-three-line-height" } ], "slots": [ { "description": "Renders the content of the list item.", "name": "" }, { "description": "Renders the leading content of the list item.", "name": "leading" }, { "description": "Renders the overline of the list item.", "name": "overline" }, { "description": "Renders the supporting text of the list item.", "name": "supporting-text" }, { "description": "Renders the trailing content of the list item.", "name": "trailing" } ], "members": [ { "kind": "field", "name": "#resizeController", "privacy": "private", "default": "new ResizeController(this, { target: null, callback: () => this.#updateMultiline() })" }, { "kind": "field", "name": "#leadingContentType", "privacy": "private", "type": { "text": "ListItemContentType" }, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" } }, { "kind": "field", "name": "#trailingContentType", "privacy": "private", "type": { "text": "ListItemContentType" }, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" } }, { "kind": "field", "name": "leadingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of leading content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" } }, { "kind": "field", "name": "trailingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of trailing content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateMultiline", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#getSlotContentType", "privacy": "private", "return": { "type": { "text": "ListItemContentType" } }, "parameters": [ { "name": "slot", "type": { "text": "HTMLSlotElement" } } ] }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-list-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eListItemElement", "declaration": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-list-item", "declaration": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/ListElement.ts", "declarations": [ { "kind": "class", "description": "A list of items.", "name": "M3eListElement", "cssProperties": [ { "description": "Start inset for dividers within the list.", "name": "--m3e-list-divider-inset-start-size" }, { "description": "End inset for dividers within the list.", "name": "--m3e-list-divider-inset-end-size" }, { "description": "Gap between list items in segmented variant.", "name": "--m3e-segmented-list-segment-gap" }, { "description": "Border radius of the segmented list container.", "name": "--m3e-segmented-list-container-shape" }, { "description": "Background color of items in segmented variant.", "name": "--m3e-segmented-list-item-container-color" }, { "description": "Background color of disabled items in segmented variant.", "name": "--m3e-segmented-list-item-disabled-container-color" }, { "description": "Border radius of items in segmented variant.", "name": "--m3e-segmented-list-item-container-shape" }, { "description": "Border radius of items in segmented variant on hover.", "name": "--m3e-segmented-list-item-hover-container-shape" }, { "description": "Border radius of items in segmented variant on focus.", "name": "--m3e-segmented-list-item-focus-container-shape" }, { "description": "Border radius of items in segmented variant when selected.", "name": "--m3e-segmented-list-item-selected-container-shape" } ], "slots": [ { "description": "Renders the items of the list.", "name": "" } ], "members": [ { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "#leadingContentTypes", "privacy": "private", "type": { "text": "object" }, "default": "{ video: 0, image: 0, avatar: 0, icon: 0, text: 0 }" }, { "kind": "field", "name": "#trailingContentTypes", "privacy": "private", "type": { "text": "object" }, "default": "{ video: 0, image: 0, avatar: 0, icon: 0, text: 0 }" }, { "kind": "field", "name": "variant", "type": { "text": "ListVariant" }, "default": "\"standard\"", "description": "The appearance variant of the list.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'standard' | 'segmented'" } }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The items of the list.", "readonly": true }, { "kind": "field", "name": "leadingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of leading content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" } }, { "kind": "field", "name": "trailingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of trailing content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "attributes": [ { "description": "The appearance variant of the list.", "name": "variant", "type": { "text": "ListVariant" }, "default": "\"standard\"", "fieldName": "variant", "parsedType": { "text": "'standard' | 'segmented'" } } ], "mixins": [ { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-list", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eListElement", "declaration": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-list", "declaration": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/ListItemButtonElement.ts", "declarations": [ { "kind": "class", "description": "", "name": "M3eListItemButtonElement", "members": [ { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#resizeController", "privacy": "private", "default": "new ResizeController(this, { target: null, callback: () => this.#updateMultiline() })", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#leadingContentType", "privacy": "private", "type": { "text": "ListItemContentType" }, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#trailingContentType", "privacy": "private", "type": { "text": "ListItemContentType" }, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "leadingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of leading content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "trailingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of trailing content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#updateMultiline", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#getSlotContentType", "privacy": "private", "return": { "type": { "text": "ListItemContentType" } }, "parameters": [ { "name": "slot", "type": { "text": "HTMLSlotElement" } } ], "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "mixins": [ { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eListItemElement", "module": "/src/list/ListItemElement" }, "tagName": "m3e-list-item-button", "customElement": true, "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "slots": [ { "description": "Renders the content of the list item.", "name": "", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the leading content of the list item.", "name": "leading", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the overline of the list item.", "name": "overline", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the supporting text of the list item.", "name": "supporting-text", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the trailing content of the list item.", "name": "trailing", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "cssProperties": [ { "description": "Horizontal gap between elements.", "name": "--m3e-list-item-between-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Horizontal padding for the leading side.", "name": "--m3e-list-item-leading-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Horizontal padding for the trailing side.", "name": "--m3e-list-item-trailing-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Horizontal padding for the list item.", "name": "--m3e-list-item-padding-inline", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Vertical padding for the list item.", "name": "--m3e-list-item-padding-block", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for one-line items.", "name": "--m3e-list-item-one-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for one-line items.", "name": "--m3e-list-item-one-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for two-line items.", "name": "--m3e-list-item-two-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for two-line items.", "name": "--m3e-list-item-two-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for three-line items.", "name": "--m3e-list-item-three-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for three-line items.", "name": "--m3e-list-item-three-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for main content.", "name": "--m3e-list-item-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for main content.", "name": "--m3e-list-item-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for main content.", "name": "--m3e-list-item-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for main content.", "name": "--m3e-list-item-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for overline slot.", "name": "--m3e-list-item-overline-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for overline slot.", "name": "--m3e-list-item-overline-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for overline slot.", "name": "--m3e-list-item-overline-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for overline slot.", "name": "--m3e-list-item-overline-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for supporting text slot.", "name": "--m3e-list-item-supporting-text-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for supporting text slot.", "name": "--m3e-list-item-supporting-text-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for supporting text slot.", "name": "--m3e-list-item-supporting-text-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for supporting text slot.", "name": "--m3e-list-item-supporting-text-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Size for leading/trailing icons.", "name": "--m3e-list-item-icon-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the main content.", "name": "--m3e-list-item-label-text-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the overline slot.", "name": "--m3e-list-item-overline-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the supporting text slot.", "name": "--m3e-list-item-supporting-text-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the leading content.", "name": "--m3e-list-item-leading-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the trailing content.", "name": "--m3e-list-item-trailing-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Background color of the list item.", "name": "--m3e-list-item-container-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item.", "name": "--m3e-list-item-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item on hover.", "name": "--m3e-list-item-hover-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item on focus.", "name": "--m3e-list-item-focus-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Width of the video slot.", "name": "--m3e-list-item-video-width", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Height of the video slot.", "name": "--m3e-list-item-video-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the video slot.", "name": "--m3e-list-item-video-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Width of the image slot.", "name": "--m3e-list-item-image-width", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Height of the image slot.", "name": "--m3e-list-item-image-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the image slot.", "name": "--m3e-list-item-image-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top offset for media in three line items.", "name": "--m3e-list-item-three-line-top-offset", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a one line list item.", "name": "--m3e-list-item-one-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a two line list item.", "name": "--m3e-list-item-two-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a three line list item.", "name": "--m3e-list-item-three-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ] } ], "exports": [ { "kind": "custom-element-definition", "name": "m3e-list-item-button", "declaration": { "name": "M3eListItemButtonElement", "module": "src/list/ListItemButtonElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/ListActionElement.ts", "declarations": [ { "kind": "class", "description": "An item in a list that performs an action.", "name": "M3eListActionElement", "cssProperties": [ { "description": "Horizontal gap between elements.", "name": "--m3e-list-item-between-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Horizontal padding for the list item.", "name": "--m3e-list-item-padding-inline", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Vertical padding for the list item.", "name": "--m3e-list-item-padding-block", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of the list item.", "name": "--m3e-list-item-height" }, { "description": "Font size for main content.", "name": "--m3e-list-item-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for main content.", "name": "--m3e-list-item-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for main content.", "name": "--m3e-list-item-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for main content.", "name": "--m3e-list-item-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for overline slot.", "name": "--m3e-list-item-overline-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for overline slot.", "name": "--m3e-list-item-overline-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for overline slot.", "name": "--m3e-list-item-overline-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for overline slot.", "name": "--m3e-list-item-overline-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for supporting text slot.", "name": "--m3e-list-item-supporting-text-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for supporting text slot.", "name": "--m3e-list-item-supporting-text-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for supporting text slot.", "name": "--m3e-list-item-supporting-text-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for supporting text slot.", "name": "--m3e-list-item-supporting-text-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Size for leading/trailing icons.", "name": "--m3e-list-item-icon-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the main content.", "name": "--m3e-list-item-label-text-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the overline slot.", "name": "--m3e-list-item-overline-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the supporting text slot.", "name": "--m3e-list-item-supporting-text-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the leading content.", "name": "--m3e-list-item-leading-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the trailing content.", "name": "--m3e-list-item-trailing-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Background color of the list item.", "name": "--m3e-list-item-container-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item.", "name": "--m3e-list-item-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item on hover.", "name": "--m3e-list-item-hover-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item on focus.", "name": "--m3e-list-item-focus-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Width of the video slot.", "name": "--m3e-list-item-video-width", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Height of the video slot.", "name": "--m3e-list-item-video-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the video slot.", "name": "--m3e-list-item-video-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Width of the image slot.", "name": "--m3e-list-item-image-width", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Height of the image slot.", "name": "--m3e-list-item-image-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the image slot.", "name": "--m3e-list-item-image-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Background color of the list item when disabled.", "name": "--m3e-list-item-disabled-container-color" }, { "description": "Color for the main content when disabled.", "name": "--m3e-list-item-disabled-label-text-color" }, { "description": "Opacity for the main content when disabled.", "name": "--m3e-list-item-disabled-label-text-opacity" }, { "description": "Color for the overline slot when disabled.", "name": "--m3e-list-item-disabled-overline-color" }, { "description": "Opacity for the overline slot when disabled.", "name": "--m3e-list-item-disabled-overline-opacity" }, { "description": "Color for the supporting text slot when disabled.", "name": "--m3e-list-item-disabled-supporting-text-color" }, { "description": "Opacity for the supporting text slot when disabled.", "name": "--m3e-list-item-disabled-supporting-text-opacity" }, { "description": "Color for the leading icon when disabled.", "name": "--m3e-list-item-disabled-leading-color" }, { "description": "Opacity for the leading icon when disabled.", "name": "--m3e-list-item-disabled-leading-opacity" }, { "description": "Color for the trailing icon when disabled.", "name": "--m3e-list-item-disabled-trailing-color" }, { "description": "Opacity for the trailing icon when disabled.", "name": "--m3e-list-item-disabled-trailing-opacity" }, { "description": "Color for the hover state layer.", "name": "--m3e-list-item-hover-state-layer-color" }, { "description": "Opacity for the hover state layer.", "name": "--m3e-list-item-hover-state-layer-opacity" }, { "description": "Color for the focus state layer.", "name": "--m3e-list-item-focus-state-layer-color" }, { "description": "Opacity for the focus state layer.", "name": "--m3e-list-item-focus-state-layer-opacity" }, { "description": "Color for the pressed state layer.", "name": "--m3e-list-item-pressed-state-layer-color" }, { "description": "Opacity for the pressed state layer.", "name": "--m3e-list-item-pressed-state-layer-opacity" }, { "description": "Top offset for media in three line items.", "name": "--m3e-list-item-three-line-top-offset", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Opacity for media when disabled.", "name": "--m3e-list-item-disabled-media-opacity" }, { "description": "Horizontal padding for the leading side.", "name": "--m3e-list-item-leading-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Horizontal padding for the trailing side.", "name": "--m3e-list-item-trailing-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for one-line items.", "name": "--m3e-list-item-one-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for one-line items.", "name": "--m3e-list-item-one-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for two-line items.", "name": "--m3e-list-item-two-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for two-line items.", "name": "--m3e-list-item-two-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for three-line items.", "name": "--m3e-list-item-three-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for three-line items.", "name": "--m3e-list-item-three-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a one line list item.", "name": "--m3e-list-item-one-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a two line list item.", "name": "--m3e-list-item-two-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a three line list item.", "name": "--m3e-list-item-three-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "slots": [ { "description": "Renders the content of the list item.", "name": "", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the leading content of the list item.", "name": "leading", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the overline of the list item.", "name": "overline", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the supporting text of the list item.", "name": "supporting-text", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the trailing content of the list item.", "name": "trailing", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "members": [ { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "reflects": true }, { "kind": "method", "name": "focus", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ] }, { "kind": "method", "name": "blur", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "click", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#resizeController", "privacy": "private", "default": "new ResizeController(this, { target: null, callback: () => this.#updateMultiline() })", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#leadingContentType", "privacy": "private", "type": { "text": "ListItemContentType" }, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#trailingContentType", "privacy": "private", "type": { "text": "ListItemContentType" }, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "leadingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of leading content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "trailingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of trailing content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#updateMultiline", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#getSlotContentType", "privacy": "private", "return": { "type": { "text": "ListItemContentType" } }, "parameters": [ { "name": "slot", "type": { "text": "HTMLSlotElement" } } ], "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "events": [ { "description": "Dispatched when the element is clicked.", "name": "click" } ], "attributes": [ { "description": "Whether the element is disabled.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } } ], "mixins": [ { "name": "LinkButton", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eListItemElement", "module": "/src/list/ListItemElement" }, "tagName": "m3e-list-action", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eListActionElement", "declaration": { "name": "M3eListActionElement", "module": "src/list/ListActionElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-list-action", "declaration": { "name": "M3eListActionElement", "module": "src/list/ListActionElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/ExpandableListItemElement.ts", "declarations": [ { "kind": "class", "description": "An item in a list that can be expanded to show more items.", "name": "M3eExpandableListItemElement", "cssProperties": [ { "description": "Width of the toggle icon container.", "name": "--m3e-expandable-list-item-toggle-icon-container-width" }, { "description": "Border radius of the toggle icon container.", "name": "--m3e-expandable-list-item-toggle-icon-container-shape" }, { "description": "Size of the toggle icon.", "name": "--m3e-expandable-list-item-toggle-icon-size" }, { "description": "Background color of the toggle icon container when expanded.", "name": "--m3e-expandable-list-item-expanded-toggle-icon-container-color" }, { "description": "Duration of the bounce animation when expanding.", "name": "--m3e-expandable-list-item-bounce-duration" }, { "description": "Multiplication factor for the bounce effect.", "name": "--m3e-expandable-list-item-bounce-factor" }, { "description": "Duration of the expand/collapse animation.", "name": "--m3e-expandable-list-item-expand-duration" }, { "description": "Horizontal gap between elements.", "name": "--m3e-list-item-between-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Horizontal padding for the list item.", "name": "--m3e-list-item-padding-inline", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Vertical padding for the list item.", "name": "--m3e-list-item-padding-block", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of the list item.", "name": "--m3e-list-item-height" }, { "description": "Font size for main content.", "name": "--m3e-list-item-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for main content.", "name": "--m3e-list-item-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for main content.", "name": "--m3e-list-item-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for main content.", "name": "--m3e-list-item-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for overline slot.", "name": "--m3e-list-item-overline-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for overline slot.", "name": "--m3e-list-item-overline-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for overline slot.", "name": "--m3e-list-item-overline-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for overline slot.", "name": "--m3e-list-item-overline-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for supporting text slot.", "name": "--m3e-list-item-supporting-text-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for supporting text slot.", "name": "--m3e-list-item-supporting-text-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for supporting text slot.", "name": "--m3e-list-item-supporting-text-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for supporting text slot.", "name": "--m3e-list-item-supporting-text-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Size for leading/trailing icons.", "name": "--m3e-list-item-icon-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the main content.", "name": "--m3e-list-item-label-text-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the overline slot.", "name": "--m3e-list-item-overline-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the supporting text slot.", "name": "--m3e-list-item-supporting-text-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the leading content.", "name": "--m3e-list-item-leading-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the trailing content.", "name": "--m3e-list-item-trailing-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Background color of the list item.", "name": "--m3e-list-item-container-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item.", "name": "--m3e-list-item-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item on hover.", "name": "--m3e-list-item-hover-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item on focus.", "name": "--m3e-list-item-focus-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Width of the video slot.", "name": "--m3e-list-item-video-width", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Height of the video slot.", "name": "--m3e-list-item-video-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the video slot.", "name": "--m3e-list-item-video-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Width of the image slot.", "name": "--m3e-list-item-image-width", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Height of the image slot.", "name": "--m3e-list-item-image-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the image slot.", "name": "--m3e-list-item-image-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the main content when disabled.", "name": "--m3e-list-item-disabled-label-text-color" }, { "description": "Opacity for the main content when disabled.", "name": "--m3e-list-item-disabled-label-text-opacity" }, { "description": "Color for the overline slot when disabled.", "name": "--m3e-list-item-disabled-overline-color" }, { "description": "Opacity for the overline slot when disabled.", "name": "--m3e-list-item-disabled-overline-opacity" }, { "description": "Color for the supporting text slot when disabled.", "name": "--m3e-list-item-disabled-supporting-text-color" }, { "description": "Opacity for the supporting text slot when disabled.", "name": "--m3e-list-item-disabled-supporting-text-opacity" }, { "description": "Color for the leading icon when disabled.", "name": "--m3e-list-item-disabled-leading-color" }, { "description": "Opacity for the leading icon when disabled.", "name": "--m3e-list-item-disabled-leading-opacity" }, { "description": "Color for the trailing icon when disabled.", "name": "--m3e-list-item-disabled-trailing-color" }, { "description": "Opacity for the trailing icon when disabled.", "name": "--m3e-list-item-disabled-trailing-opacity" }, { "description": "Color for the hover state layer.", "name": "--m3e-list-item-hover-state-layer-color" }, { "description": "Opacity for the hover state layer.", "name": "--m3e-list-item-hover-state-layer-opacity" }, { "description": "Color for the focus state layer.", "name": "--m3e-list-item-focus-state-layer-color" }, { "description": "Opacity for the focus state layer.", "name": "--m3e-list-item-focus-state-layer-opacity" }, { "description": "Color for the pressed state layer.", "name": "--m3e-list-item-pressed-state-layer-color" }, { "description": "Opacity for the pressed state layer.", "name": "--m3e-list-item-pressed-state-layer-opacity" }, { "description": "Border radius of the segmented list container shape.", "name": "--m3e-segmented-list-container-shape" }, { "description": "Gap between list item segments.", "name": "--m3e-segmented-list-segment-gap" }, { "description": "Top offset for media in three line items.", "name": "--m3e-list-item-three-line-top-offset", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Opacity for media when disabled.", "name": "--m3e-list-item-disabled-media-opacity" }, { "description": "Horizontal padding for the leading side.", "name": "--m3e-list-item-leading-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Horizontal padding for the trailing side.", "name": "--m3e-list-item-trailing-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for one-line items.", "name": "--m3e-list-item-one-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for one-line items.", "name": "--m3e-list-item-one-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for two-line items.", "name": "--m3e-list-item-two-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for two-line items.", "name": "--m3e-list-item-two-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for three-line items.", "name": "--m3e-list-item-three-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for three-line items.", "name": "--m3e-list-item-three-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a one line list item.", "name": "--m3e-list-item-one-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a two line list item.", "name": "--m3e-list-item-two-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a three line list item.", "name": "--m3e-list-item-three-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "slots": [ { "description": "Renders the content of the list item.", "name": "", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the leading content of the list item.", "name": "leading", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the overline of the list item.", "name": "overline", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the supporting text of the list item.", "name": "supporting-text", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders a custom icon for the expand/collapse toggle.", "name": "toggle-icon" }, { "description": "Container for child list items displayed when expanded.", "name": "items" }, { "description": "This component does not expose the base trailing slot.", "name": "trailing", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#id", "privacy": "private", "default": "M3eExpandableListItemElement.__nextId++" }, { "kind": "field", "name": "#contentId", "privacy": "private", "default": "`m3e-expandable-list-item-${this.#id}-content`" }, { "kind": "field", "name": "#headerId", "privacy": "private", "default": "`m3e-expandable-list-item-${this.#id}-header`" }, { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Whether the item is expanded.", "attribute": "open", "reflects": true }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The direct child items of this item.", "readonly": true }, { "kind": "method", "name": "focus", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ] }, { "kind": "method", "name": "blur", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "click", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleHeaderClick", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleCollapsibleEvent", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#resizeController", "privacy": "private", "default": "new ResizeController(this, { target: null, callback: () => this.#updateMultiline() })", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#leadingContentType", "privacy": "private", "type": { "text": "ListItemContentType" }, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#trailingContentType", "privacy": "private", "type": { "text": "ListItemContentType" }, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "leadingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of leading content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "trailingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of trailing content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#updateMultiline", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#getSlotContentType", "privacy": "private", "return": { "type": { "text": "ListItemContentType" } }, "parameters": [ { "name": "slot", "type": { "text": "HTMLSlotElement" } } ], "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "events": [ { "type": { "text": "Event" } }, { "description": "Dispatched when the item begins to open.", "name": "opening" }, { "description": "Dispatched when the item has opened.", "name": "opened" }, { "description": "Dispatched when the item begins to close.", "name": "closing" }, { "description": "Dispatched when the item has closed.", "name": "closed" } ], "attributes": [ { "description": "Whether the element is disabled.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "description": "Whether the item is expanded.", "name": "open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" } ], "superclass": { "name": "M3eListItemElement", "module": "/src/list/ListItemElement" }, "tagName": "m3e-expandable-list-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eExpandableListItemElement", "declaration": { "name": "M3eExpandableListItemElement", "module": "src/list/ExpandableListItemElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-expandable-list-item", "declaration": { "name": "M3eExpandableListItemElement", "module": "src/list/ExpandableListItemElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/ActionListElement.ts", "declarations": [ { "kind": "class", "description": "A list of actions.", "name": "M3eActionListElement", "cssProperties": [ { "description": "Start inset for dividers within the list.", "name": "--m3e-list-divider-inset-start-size", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "End inset for dividers within the list.", "name": "--m3e-list-divider-inset-end-size", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Gap between list items in segmented variant.", "name": "--m3e-segmented-list-segment-gap", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Border radius of the segmented list container.", "name": "--m3e-segmented-list-container-shape", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Background color of items in segmented variant.", "name": "--m3e-segmented-list-item-container-color", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Background color of disabled items in segmented variant.", "name": "--m3e-segmented-list-item-disabled-container-color", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Border radius of items in segmented variant.", "name": "--m3e-segmented-list-item-container-shape", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Border radius of items in segmented variant on hover.", "name": "--m3e-segmented-list-item-hover-container-shape", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Border radius of items in segmented variant on focus.", "name": "--m3e-segmented-list-item-focus-container-shape", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Border radius of items in segmented variant when selected.", "name": "--m3e-segmented-list-item-selected-container-shape", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } } ], "slots": [ { "description": "Renders the items of the list.", "name": "", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } } ], "members": [ { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "[selectionManager]", "readonly": true, "privacy": "private" }, { "kind": "method", "name": "notifyItemsChange", "return": { "type": { "text": "Promise" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "#leadingContentTypes", "privacy": "private", "type": { "text": "object" }, "default": "{ video: 0, image: 0, avatar: 0, icon: 0, text: 0 }", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "#trailingContentTypes", "privacy": "private", "type": { "text": "object" }, "default": "{ video: 0, image: 0, avatar: 0, icon: 0, text: 0 }", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "ListVariant" }, "default": "\"standard\"", "description": "The appearance variant of the list.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'standard' | 'segmented'" }, "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The items of the list.", "readonly": true, "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "leadingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of leading content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "trailingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of trailing content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } } ], "attributes": [ { "description": "The appearance variant of the list.", "name": "variant", "type": { "text": "ListVariant" }, "default": "\"standard\"", "fieldName": "variant", "parsedType": { "text": "'standard' | 'segmented'" }, "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } } ], "superclass": { "name": "M3eListElement", "module": "/src/list/ListElement" }, "tagName": "m3e-action-list", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eActionListElement", "declaration": { "name": "M3eActionListElement", "module": "src/list/ActionListElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-action-list", "declaration": { "name": "M3eActionListElement", "module": "src/list/ActionListElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/ListOptionElement.ts", "declarations": [ { "kind": "class", "description": "A selectable option in a list.", "name": "M3eListOptionElement", "cssProperties": [ { "description": "Horizontal gap between elements.", "name": "--m3e-list-item-between-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Horizontal padding for the list item.", "name": "--m3e-list-item-padding-inline", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Vertical padding for the list item.", "name": "--m3e-list-item-padding-block", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of the list item.", "name": "--m3e-list-item-height" }, { "description": "Font size for main content.", "name": "--m3e-list-item-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for main content.", "name": "--m3e-list-item-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for main content.", "name": "--m3e-list-item-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for main content.", "name": "--m3e-list-item-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for overline slot.", "name": "--m3e-list-item-overline-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for overline slot.", "name": "--m3e-list-item-overline-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for overline slot.", "name": "--m3e-list-item-overline-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for overline slot.", "name": "--m3e-list-item-overline-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for supporting text slot.", "name": "--m3e-list-item-supporting-text-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for supporting text slot.", "name": "--m3e-list-item-supporting-text-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for supporting text slot.", "name": "--m3e-list-item-supporting-text-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for supporting text slot.", "name": "--m3e-list-item-supporting-text-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font size for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-font-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Font weight for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-font-weight", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Line height for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Letter spacing for trailing supporting text slot.", "name": "--m3e-list-item-trailing-text-tracking", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Size for leading/trailing icons.", "name": "--m3e-list-item-icon-size", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the main content.", "name": "--m3e-list-item-label-text-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the overline slot.", "name": "--m3e-list-item-overline-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the supporting text slot.", "name": "--m3e-list-item-supporting-text-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the leading content.", "name": "--m3e-list-item-leading-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Color for the trailing content.", "name": "--m3e-list-item-trailing-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Background color of the list item.", "name": "--m3e-list-item-container-color", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item.", "name": "--m3e-list-item-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item on hover.", "name": "--m3e-list-item-hover-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the list item on focus.", "name": "--m3e-list-item-focus-container-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Width of the video slot.", "name": "--m3e-list-item-video-width", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Height of the video slot.", "name": "--m3e-list-item-video-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the video slot.", "name": "--m3e-list-item-video-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Width of the image slot.", "name": "--m3e-list-item-image-width", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Height of the image slot.", "name": "--m3e-list-item-image-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Border radius of the image slot.", "name": "--m3e-list-item-image-shape", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Background color of the list item when disabled.", "name": "--m3e-list-item-disabled-container-color" }, { "description": "Color for the main content when disabled.", "name": "--m3e-list-item-disabled-label-text-color" }, { "description": "Opacity for the main content when disabled.", "name": "--m3e-list-item-disabled-label-text-opacity" }, { "description": "Color for the overline slot when disabled.", "name": "--m3e-list-item-disabled-overline-color" }, { "description": "Opacity for the overline slot when disabled.", "name": "--m3e-list-item-disabled-overline-opacity" }, { "description": "Color for the supporting text slot when disabled.", "name": "--m3e-list-item-disabled-supporting-text-color" }, { "description": "Opacity for the supporting text slot when disabled.", "name": "--m3e-list-item-disabled-supporting-text-opacity" }, { "description": "Color for the leading icon when disabled.", "name": "--m3e-list-item-disabled-leading-color" }, { "description": "Opacity for the leading icon when disabled.", "name": "--m3e-list-item-disabled-leading-opacity" }, { "description": "Color for the trailing icon when disabled.", "name": "--m3e-list-item-disabled-trailing-color" }, { "description": "Opacity for the trailing icon when disabled.", "name": "--m3e-list-item-disabled-trailing-opacity" }, { "description": "Color for the hover state layer.", "name": "--m3e-list-item-hover-state-layer-color" }, { "description": "Opacity for the hover state layer.", "name": "--m3e-list-item-hover-state-layer-opacity" }, { "description": "Color for the focus state layer.", "name": "--m3e-list-item-focus-state-layer-color" }, { "description": "Opacity for the focus state layer.", "name": "--m3e-list-item-focus-state-layer-opacity" }, { "description": "Color for the pressed state layer.", "name": "--m3e-list-item-pressed-state-layer-color" }, { "description": "Opacity for the pressed state layer.", "name": "--m3e-list-item-pressed-state-layer-opacity" }, { "description": "Selected color for the main content.", "name": "--m3e-list-item-selected-label-text-color" }, { "description": "Selected color for the overline slot.", "name": "--m3e-list-item-selected-overline-color" }, { "description": "Selected color for the supporting text slot.", "name": "--m3e-list-item-selected-supporting-text-color" }, { "description": "Selected color for the leading content.", "name": "--m3e-list-item-selected-leading-color" }, { "description": "Selected color for the trailing content.", "name": "--m3e-list-item-selected-trailing-color" }, { "description": "Selected background color of the list item.", "name": "--m3e-list-item-selected-container-color" }, { "description": "Selected border radius of the list item.", "name": "--m3e-list-item-selected-container-shape" }, { "description": "Selected background color when disabled.", "name": "--m3e-list-item-selected-disabled-container-color" }, { "description": "Selected opacity when disabled.", "name": "--m3e-list-item-selected-disabled-container-opacity" }, { "description": "Color for the hover state layer when selected.", "name": "--m3e-list-item-selected-hover-state-layer-color" }, { "description": "Opacity for the hover state layer when selected.", "name": "--m3e-list-item-selected-hover-state-layer-opacity" }, { "description": "Color for the focus state layer when selected.", "name": "--m3e-list-item-selected-focus-state-layer-color" }, { "description": "Opacity for the focus state layer when selected.", "name": "--m3e-list-item-selected-focus-state-layer-opacity" }, { "description": "Color for the pressed state layer when selected.", "name": "--m3e-list-item-selected-pressed-state-layer-color" }, { "description": "Opacity for the pressed state layer when selected.", "name": "--m3e-list-item-selected-pressed-state-layer-opacity" }, { "description": "Top offset for media in three line items.", "name": "--m3e-list-item-three-line-top-offset", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Opacity for media when disabled.", "name": "--m3e-list-item-disabled-media-opacity" }, { "description": "Horizontal padding for the leading side.", "name": "--m3e-list-item-leading-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Horizontal padding for the trailing side.", "name": "--m3e-list-item-trailing-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for one-line items.", "name": "--m3e-list-item-one-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for one-line items.", "name": "--m3e-list-item-one-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for two-line items.", "name": "--m3e-list-item-two-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for two-line items.", "name": "--m3e-list-item-two-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Top padding for three-line items.", "name": "--m3e-list-item-three-line-top-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Bottom padding for three-line items.", "name": "--m3e-list-item-three-line-bottom-space", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a one line list item.", "name": "--m3e-list-item-one-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a two line list item.", "name": "--m3e-list-item-two-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Minimum height of a three line list item.", "name": "--m3e-list-item-three-line-height", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "slots": [ { "description": "Renders the content of the list item.", "name": "", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the leading content of the list item.", "name": "leading", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the overline of the list item.", "name": "overline", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the supporting text of the list item.", "name": "supporting-text", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "description": "Renders the trailing content of the list item.", "name": "trailing", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "members": [ { "kind": "field", "name": "#value", "privacy": "private", "type": { "text": "string | undefined" } }, { "kind": "field", "name": "#textContent", "privacy": "private", "type": { "text": "string" }, "default": "\"\"" }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "value", "description": "A string representing the value of the option.", "attribute": "value" }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#resizeController", "privacy": "private", "default": "new ResizeController(this, { target: null, callback: () => this.#updateMultiline() })", "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#leadingContentType", "privacy": "private", "type": { "text": "ListItemContentType" }, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "#trailingContentType", "privacy": "private", "type": { "text": "ListItemContentType" }, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "leadingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of leading content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "field", "name": "trailingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of trailing content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#updateMultiline", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } }, { "kind": "method", "name": "#getSlotContentType", "privacy": "private", "return": { "type": { "text": "ListItemContentType" } }, "parameters": [ { "name": "slot", "type": { "text": "HTMLSlotElement" } } ], "inheritedFrom": { "name": "M3eListItemElement", "module": "src/list/ListItemElement.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before the selected state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "fieldName": "selected", "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "name": "value", "description": "A string representing the value of the option.", "fieldName": "value" } ], "mixins": [ { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "Selected", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eListItemElement", "module": "/src/list/ListItemElement" }, "tagName": "m3e-list-option", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eListOptionElement", "declaration": { "name": "M3eListOptionElement", "module": "src/list/ListOptionElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-list-option", "declaration": { "name": "M3eListOptionElement", "module": "src/list/ListOptionElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/SelectionListElement.ts", "declarations": [ { "kind": "class", "description": "A list of selectable options.", "name": "M3eSelectionListElement", "cssProperties": [ { "description": "Start inset for dividers within the list.", "name": "--m3e-list-divider-inset-start-size", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "End inset for dividers within the list.", "name": "--m3e-list-divider-inset-end-size", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Gap between list items in segmented variant.", "name": "--m3e-segmented-list-segment-gap", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Border radius of the segmented list container.", "name": "--m3e-segmented-list-container-shape", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Background color of items in segmented variant.", "name": "--m3e-segmented-list-item-container-color", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Background color of disabled items in segmented variant.", "name": "--m3e-segmented-list-item-disabled-container-color", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Border radius of items in segmented variant.", "name": "--m3e-segmented-list-item-container-shape", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Border radius of items in segmented variant on hover.", "name": "--m3e-segmented-list-item-hover-container-shape", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Border radius of items in segmented variant on focus.", "name": "--m3e-segmented-list-item-focus-container-shape", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "description": "Border radius of items in segmented variant when selected.", "name": "--m3e-segmented-list-item-selected-container-shape", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } } ], "slots": [ { "description": "Renders the items of the list.", "name": "", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } } ], "members": [ { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#changeHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "[selectionManager]", "readonly": true, "privacy": "private" }, { "kind": "field", "name": "multi", "type": { "text": "boolean" }, "default": "false", "description": "Whether multiple items can be selected.", "attribute": "multi" }, { "kind": "field", "name": "hideSelectionIndicator", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide the selection indicator.", "attribute": "hide-selection-indicator" }, { "kind": "field", "name": "options", "type": { "text": "readonly M3eListOptionElement[]" }, "description": "The options of the list.", "readonly": true }, { "kind": "field", "name": "selected", "type": { "text": "readonly M3eListOptionElement[]" }, "description": "The selected option(s) of the list.", "readonly": true }, { "kind": "field", "name": "value", "type": { "text": "string | readonly string[] | null" }, "description": "The selected (enabled) value(s) of the set.", "readonly": true }, { "kind": "method", "name": "notifyItemsChange", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" }, "type": { "text": "boolean" } }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "description": "The label elements that the element is associated with.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "#items", "privacy": "private", "default": "new Array()", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "#leadingContentTypes", "privacy": "private", "type": { "text": "object" }, "default": "{ video: 0, image: 0, avatar: 0, icon: 0, text: 0 }", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "#trailingContentTypes", "privacy": "private", "type": { "text": "object" }, "default": "{ video: 0, image: 0, avatar: 0, icon: 0, text: 0 }", "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "ListVariant" }, "default": "\"standard\"", "description": "The appearance variant of the list.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'standard' | 'segmented'" }, "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The items of the list.", "readonly": true, "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "leadingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of leading content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "field", "name": "trailingContentType", "type": { "text": "ListItemContentType" }, "description": "The type of trailing content.", "readonly": true, "parsedType": { "text": "'text' | 'video' | 'image' | 'avatar' | 'icon'" }, "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state of an option changes." }, { "description": "Dispatched before the selected state of an option changes.", "name": "beforeinput" }, { "description": "Dispatched when the selected state of an option changes.", "name": "input" } ], "attributes": [ { "description": "Whether to hide the selection indicator.", "name": "hide-selection-indicator", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideSelectionIndicator" }, { "description": "Whether multiple items can be selected.", "name": "multi", "type": { "text": "boolean" }, "default": "false", "fieldName": "multi" }, { "description": "The appearance variant of the list.", "name": "variant", "type": { "text": "ListVariant" }, "default": "\"standard\"", "fieldName": "variant", "parsedType": { "text": "'standard' | 'segmented'" }, "inheritedFrom": { "name": "M3eListElement", "module": "src/list/ListElement.ts" } }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "mixins": [ { "name": "Labelled", "package": "@m3e/web/core" }, { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eListElement", "module": "/src/list/ListElement" }, "tagName": "m3e-selection-list", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSelectionListElement", "declaration": { "name": "M3eSelectionListElement", "module": "src/list/SelectionListElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-selection-list", "declaration": { "name": "M3eSelectionListElement", "module": "src/list/SelectionListElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/list/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/list/ActionListElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/list/ExpandableListItemElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/list/ListActionElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/list/ListElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/list/ListItemContentType" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/list/ListItemElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/list/ListOptionElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/list/ListVariant" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/list/SelectionListElement" } } ] }, { "kind": "javascript-module", "path": "src/loading-indicator/LoadingIndicatorVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/loading-indicator/LoadingIndicatorToken.ts", "declarations": [ { "kind": "variable", "name": "LoadingIndicatorToken", "type": { "text": "{\r\n activeIndicatorSize: unsafeCSS(`var(--m3e-loading-indicator-size, 2.375rem)`),\r\n activeIndicatorColor: unsafeCSS(`var(--m3e-loading-indicator-active-indicator-color, ${DesignToken.color.primary})`),\r\n containedActiveIndicatorColor: unsafeCSS(\r\n `var(--m3e-loading-indicator-contained-active-indicator-color, ${DesignToken.color.onPrimaryContainer})`,\r\n ),\r\n containedContainerColor: unsafeCSS(\r\n `var(--m3e-loading-indicator-contained-container-color, ${DesignToken.color.secondaryContainer})`,\r\n ),\r\n containerShape: unsafeCSS(`var(--m3e-loading-indicator-container-shape, ${DesignToken.shape.corner.full})`),\r\n containerSize: unsafeCSS(`var(--m3e-loading-indicator-container-size, 3rem)`),\r\n}" }, "default": "{ activeIndicatorSize: unsafeCSS(`var(--m3e-loading-indicator-size, 2.375rem)`), activeIndicatorColor: unsafeCSS(`var(--m3e-loading-indicator-active-indicator-color, ${DesignToken.color.primary})`), containedActiveIndicatorColor: unsafeCSS( `var(--m3e-loading-indicator-contained-active-indicator-color, ${DesignToken.color.onPrimaryContainer})`, ), containedContainerColor: unsafeCSS( `var(--m3e-loading-indicator-contained-container-color, ${DesignToken.color.secondaryContainer})`, ), containerShape: unsafeCSS(`var(--m3e-loading-indicator-container-shape, ${DesignToken.shape.corner.full})`), containerSize: unsafeCSS(`var(--m3e-loading-indicator-container-size, 3rem)`), }" } ], "exports": [ { "kind": "js", "name": "LoadingIndicatorToken", "declaration": { "name": "LoadingIndicatorToken", "module": "src/loading-indicator/LoadingIndicatorToken.ts" } } ] }, { "kind": "javascript-module", "path": "src/loading-indicator/ShapePolygon.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/loading-indicator/LoadingIndicatorElement.ts", "declarations": [ { "kind": "class", "description": "Shows indeterminate progress for a short wait time.", "name": "M3eLoadingIndicatorElement", "cssProperties": [ { "description": "Uncontained active indicator color.", "name": "--m3e-loading-indicator-active-indicator-color" }, { "description": "Contained active indicator color.", "name": "--m3e-loading-indicator-contained-active-indicator-color" }, { "description": "Contained container (background) color.", "name": "--m3e-loading-indicator-contained-container-color" }, { "description": "Size of the active indicator.", "name": "--m3e-loading-indicator-active-indicator-size" }, { "description": "Container shape.", "name": "--m3e-loading-indicator-container-shape" }, { "description": "Container size.", "name": "--m3e-loading-indicator-container-size" } ], "members": [ { "kind": "field", "name": "_container", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "variant", "type": { "text": "LoadingIndicatorVariant" }, "default": "\"uncontained\"", "description": "The appearance variant of the indicator.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'uncontained' | 'contained'" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } } ], "attributes": [ { "description": "The appearance variant of the indicator.", "name": "variant", "type": { "text": "LoadingIndicatorVariant" }, "default": "\"uncontained\"", "fieldName": "variant", "parsedType": { "text": "'uncontained' | 'contained'" } } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-loading-indicator", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eLoadingIndicatorElement", "declaration": { "name": "M3eLoadingIndicatorElement", "module": "src/loading-indicator/LoadingIndicatorElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-loading-indicator", "declaration": { "name": "M3eLoadingIndicatorElement", "module": "src/loading-indicator/LoadingIndicatorElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/loading-indicator/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/loading-indicator/LoadingIndicatorElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/loading-indicator/LoadingIndicatorVariant" } } ] }, { "kind": "javascript-module", "path": "src/menu/MenuItemElementBase.ts", "declarations": [ { "kind": "class", "description": "A base implementation for an item of a menu. This class must be inherited.", "name": "MenuItemElementBase", "members": [ { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "menu", "type": { "text": "M3eMenuElement | null" }, "description": "The menu to which this item belongs.", "readonly": true }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "mixins": [ { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "customElement": true, "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ] } ], "exports": [ { "kind": "js", "name": "MenuItemElementBase", "declaration": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/MenuTriggerElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to open a menu.", "name": "M3eMenuTriggerElement", "slots": [ { "description": "Renders the contents of the trigger.", "name": "" } ], "members": [ { "kind": "field", "name": "menu", "type": { "text": "M3eMenuElement | null" }, "description": "The menu triggered by the element.", "readonly": true }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" }, "tagName": "m3e-menu-trigger", "customElement": true, "attributes": [ { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ] } ], "exports": [ { "kind": "js", "name": "M3eMenuTriggerElement", "declaration": { "name": "M3eMenuTriggerElement", "module": "src/menu/MenuTriggerElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-menu-trigger", "declaration": { "name": "M3eMenuTriggerElement", "module": "src/menu/MenuTriggerElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/MenuItemElement.ts", "declarations": [ { "kind": "class", "description": "An item of a menu.", "name": "M3eMenuItemElement", "cssProperties": [ { "description": "Height of the menu item container.", "name": "--m3e-menu-item-container-height" }, { "description": "Text color for unselected, enabled menu items.", "name": "--m3e-menu-item-color" }, { "description": "State layer hover color for unselected items.", "name": "--m3e-menu-item-container-hover-color" }, { "description": "State layer focus color for unselected items.", "name": "--m3e-menu-item-container-focus-color" }, { "description": "Ripple color for unselected items.", "name": "--m3e-menu-item-ripple-color" }, { "description": "Text color for selected items.", "name": "--m3e-menu-item-selected-color" }, { "description": "Background color for selected items.", "name": "--m3e-menu-item-selected-container-color" }, { "description": "State layer hover color for selected items.", "name": "--m3e-menu-item-selected-container-hover-color" }, { "description": "State layer focus color for selected items.", "name": "--m3e-menu-item-selected-container-focus-color" }, { "description": "Ripple color for selected items.", "name": "--m3e-menu-item-selected-ripple-color" }, { "description": "State layer color for expanded items.", "name": "--m3e-menu-item-active-state-layer-color" }, { "description": "State layer opacity for expanded items.", "name": "--m3e-menu-item-active-state-layer-opacity" }, { "description": "Base color for disabled items.", "name": "--m3e-menu-item-disabled-color" }, { "description": "Opacity percentage for disabled item color mix.", "name": "--m3e-menu-item-disabled-opacity" }, { "description": "Text color for unselected, enabled menu items for vibrant variant.", "name": "--m3e-vibrant-menu-item-color" }, { "description": "State layer hover color for unselected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-container-hover-color" }, { "description": "State layer focus color for unselected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-container-focus-color" }, { "description": "Ripple color for unselected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-ripple-color" }, { "description": "Text color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-color" }, { "description": "Background color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-container-color" }, { "description": "State layer hover color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-container-hover-color" }, { "description": "State layer focus color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-container-focus-color" }, { "description": "Ripple color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-ripple-color" }, { "description": "State layer color for expanded items for vibrant variant.", "name": "--m3e-vibrant-menu-item-active-state-layer-color" }, { "description": "Base color for disabled items for vibrant variant.", "name": "--m3e-vibrant-menu-item-disabled-color" }, { "description": "Horizontal gap between icon and content.", "name": "--m3e-menu-item-icon-label-space" }, { "description": "Start padding for the item wrapper.", "name": "--m3e-menu-item-padding-start" }, { "description": "End padding for the item wrapper.", "name": "--m3e-menu-item-padding-end" }, { "description": "Font size for menu item text.", "name": "--m3e-menu-item-label-text-font-size" }, { "description": "Font weight for menu item text.", "name": "--m3e-menu-item-label-text-font-weight" }, { "description": "Line height for menu item text.", "name": "--m3e-menu-item-label-text-line-height" }, { "description": "Letter spacing for menu item text.", "name": "--m3e-menu-item-label-text-tracking" }, { "description": "Border radius for the focus ring.", "name": "--m3e-menu-item-focus-ring-shape" }, { "description": "Font size for leading and trailing icons.", "name": "--m3e-menu-item-icon-size" }, { "description": "Base shape of the menu item.", "name": "--m3e-menu-item-shape" }, { "description": "Shape for the first menu item in a menu.", "name": "--m3e-menu-item-first-child-shape" }, { "description": "Shape for the last menu item in a menu.", "name": "--m3e-menu-item-last-child-shape" } ], "slots": [ { "description": "Renders the label of the item.", "name": "" }, { "description": "Renders an icon before the items's label.", "name": "icon" }, { "description": "Renders an icon after the item's label.", "name": "trailing-icon" } ], "members": [ { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "#mouseEnterHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "_hasSubmenu", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "#submenuTrigger", "privacy": "private", "type": { "text": "M3eMenuTriggerElement | undefined" } }, { "kind": "field", "name": "submenu", "type": { "text": "M3eMenuElement | null" }, "description": "The submenu triggered by the item.", "readonly": true }, { "kind": "method", "name": "#defaultSlotChangeHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#iconSlotChangeHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#trailingIconSlotChangeHandler", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "method", "name": "#handleMouseEnter", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "menu", "type": { "text": "M3eMenuElement | null" }, "description": "The menu to which this item belongs.", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } } ], "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" }, "description": "Dispatched when the element is clicked." } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "Whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } } ], "mixins": [ { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "MenuItemElementBase", "module": "/src/menu/MenuItemElementBase" }, "tagName": "m3e-menu-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eMenuItemElement", "declaration": { "name": "M3eMenuItemElement", "module": "src/menu/MenuItemElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-menu-item", "declaration": { "name": "M3eMenuItemElement", "module": "src/menu/MenuItemElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/MenuPosition.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/menu/MenuVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/menu/MenuElement.ts", "declarations": [ { "kind": "class", "description": "Presents a list of choices on a temporary surface.", "name": "M3eMenuElement", "cssProperties": [ { "description": "Controls the corner radius of the menu container.", "name": "--m3e-menu-container-shape" }, { "description": "Controls the corner radius of the menu container when active.", "name": "--m3e-menu-active-container-shape" }, { "description": "Minimum width of the menu container.", "name": "--m3e-menu-container-min-width" }, { "description": "Maximum width of the menu container.", "name": "--m3e-menu-container-max-width" }, { "description": "Maximum height of the menu container.", "name": "--m3e-menu-container-max-height" }, { "description": "Vertical padding inside the menu container.", "name": "--m3e-menu-container-padding-block" }, { "description": "Horizontal padding inside the menu container.", "name": "--m3e-menu-container-padding-inline" }, { "description": "Background color of the menu container.", "name": "--m3e-menu-container-color" }, { "description": "Box shadow elevation of the menu container.", "name": "--m3e-menu-container-elevation" }, { "description": "Background color of the menu container for vibrant variant.", "name": "--m3e-vibrant-menu-container-color" }, { "description": "Vertical spacing around slotted `m3e-divider` elements.", "name": "--m3e-menu-divider-spacing" }, { "description": "Gap between content in the menu.", "name": "--m3e-menu-gap" } ], "slots": [ { "description": "Renders the contents of the menu.", "name": "" } ], "members": [ { "kind": "field", "name": "__activeMenu", "type": { "text": "M3eMenuElement | undefined" }, "static": true, "privacy": "private" }, { "kind": "field", "name": "#trigger", "privacy": "private", "type": { "text": "HTMLElement | undefined" } }, { "kind": "field", "name": "#anchorCleanup", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#listManager", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#mouseEnterHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#documentClickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#scrollController", "privacy": "private", "readonly": true, "default": "new ScrollController(this, { target: null, callback: (target) => target instanceof M3eMenuElement ? target.items.filter((x) => x instanceof M3eMenuItemElement).forEach((x) => x.submenu?.hide()) : this.hideAll(), })" }, { "kind": "field", "name": "#toggleHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "positionX", "type": { "text": "MenuPositionX" }, "default": "\"after\"", "description": "The position of the menu, on the x-axis.", "attribute": "position-x", "parsedType": { "text": "'before' | 'after'" } }, { "kind": "field", "name": "positionY", "type": { "text": "MenuPositionY" }, "default": "\"below\"", "description": "The position of the menu, on the y-axis.", "attribute": "position-y", "parsedType": { "text": "'above' | 'below'" } }, { "kind": "field", "name": "variant", "type": { "text": "MenuVariant" }, "default": "\"standard\"", "description": "The appearance variant of the menu.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'standard' | 'vibrant'" } }, { "kind": "field", "name": "items", "type": { "text": "ReadonlyArray" }, "description": "The items of the menu.", "readonly": true }, { "kind": "field", "name": "isOpen", "description": "A value indicating whether the menu is open.", "readonly": true }, { "kind": "field", "name": "submenu", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the menu is a submenu.", "attribute": "submenu", "reflects": true }, { "kind": "method", "name": "show", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "trigger", "type": { "text": "HTMLElement" }, "description": "The element that triggered the menu." } ], "description": "Opens the menu." }, { "kind": "method", "name": "hide", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "restoreFocus", "default": "false", "type": { "text": "boolean" }, "description": "A value indicating whether to restore focus to the menu's trigger.", "optional": true } ], "description": "Hides the menu." }, { "kind": "method", "name": "hideAll", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "restoreFocus", "default": "false", "type": { "text": "boolean" }, "description": "A value indicating whether to restore focus to the menu's trigger.", "optional": true } ], "description": "Closes this menu and any parenting menus." }, { "kind": "method", "name": "toggle", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "trigger", "type": { "text": "HTMLElement" }, "description": "The element that triggered the menu." } ], "description": "Toggles the menu." }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleMouseEnter", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleDocumentClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "#getAbsolutePosition", "privacy": "private", "return": { "type": { "text": "{ x: number; y: number }" } }, "parameters": [ { "name": "element", "type": { "text": "HTMLElement" } } ] }, { "kind": "method", "name": "#deactivate", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "description": "Dispatched before the toggle state changes.", "name": "beforetoggle" }, { "description": "Dispatched after the toggle state has changed.", "name": "toggle" } ], "attributes": [ { "description": "The position of the menu, on the x-axis.", "name": "position-x", "type": { "text": "MenuPositionX" }, "default": "\"after\"", "fieldName": "positionX", "parsedType": { "text": "'before' | 'after'" } }, { "description": "The position of the menu, on the y-axis.", "name": "position-y", "type": { "text": "MenuPositionY" }, "default": "\"below\"", "fieldName": "positionY", "parsedType": { "text": "'above' | 'below'" } }, { "description": "The appearance variant of the menu.", "name": "variant", "type": { "text": "MenuVariant" }, "default": "\"standard\"", "fieldName": "variant", "parsedType": { "text": "'standard' | 'vibrant'" } }, { "name": "submenu", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the menu is a submenu.", "fieldName": "submenu" } ], "mixins": [ { "name": "SuppressInitialAnimation", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-menu", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eMenuElement", "declaration": { "name": "M3eMenuElement", "module": "src/menu/MenuElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-menu", "declaration": { "name": "M3eMenuElement", "module": "src/menu/MenuElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/MenuItemCheckboxElement.ts", "declarations": [ { "kind": "class", "description": "An item of a menu which supports a checkable state.", "name": "M3eMenuItemCheckboxElement", "cssProperties": [ { "description": "Height of the menu item container.", "name": "--m3e-menu-item-container-height" }, { "description": "Text color for unselected, enabled menu items.", "name": "--m3e-menu-item-color" }, { "description": "State layer hover color for unselected items.", "name": "--m3e-menu-item-container-hover-color" }, { "description": "State layer focus color for unselected items.", "name": "--m3e-menu-item-container-focus-color" }, { "description": "Ripple color for unselected items.", "name": "--m3e-menu-item-ripple-color" }, { "description": "Text color for selected items.", "name": "--m3e-menu-item-selected-color" }, { "description": "Background color for selected items.", "name": "--m3e-menu-item-selected-container-color" }, { "description": "State layer hover color for selected items.", "name": "--m3e-menu-item-selected-container-hover-color" }, { "description": "State layer focus color for selected items.", "name": "--m3e-menu-item-selected-container-focus-color" }, { "description": "Ripple color for selected items.", "name": "--m3e-menu-item-selected-ripple-color" }, { "description": "State layer color for expanded items.", "name": "--m3e-menu-item-active-state-layer-color" }, { "description": "State layer opacity for expanded items.", "name": "--m3e-menu-item-active-state-layer-opacity" }, { "description": "Base color for disabled items.", "name": "--m3e-menu-item-disabled-color" }, { "description": "Opacity percentage for disabled item color mix.", "name": "--m3e-menu-item-disabled-opacity" }, { "description": "Text color for unselected, enabled menu items for vibrant variant.", "name": "--m3e-vibrant-menu-item-color" }, { "description": "State layer hover color for unselected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-container-hover-color" }, { "description": "State layer focus color for unselected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-container-focus-color" }, { "description": "Ripple color for unselected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-ripple-color" }, { "description": "Text color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-color" }, { "description": "Background color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-container-color" }, { "description": "State layer hover color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-container-hover-color" }, { "description": "State layer focus color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-container-focus-color" }, { "description": "Ripple color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-ripple-color" }, { "description": "State layer color for expanded items for vibrant variant.", "name": "--m3e-vibrant-menu-item-active-state-layer-color" }, { "description": "Base color for disabled items for vibrant variant", "name": "--m3e-vibrant-menu-item-disabled-color" }, { "description": "Horizontal gap between icon and content.", "name": "--m3e-menu-item-icon-label-space" }, { "description": "Start padding for the item wrapper.", "name": "--m3e-menu-item-padding-start" }, { "description": "End padding for the item wrapper.", "name": "--m3e-menu-item-padding-end" }, { "description": "Font size for menu item text.", "name": "--m3e-menu-item-label-text-font-size" }, { "description": "Font weight for menu item text.", "name": "--m3e-menu-item-label-text-font-weight" }, { "description": "Line height for menu item text.", "name": "--m3e-menu-item-label-text-line-height" }, { "description": "Letter spacing for menu item text.", "name": "--m3e-menu-item-label-text-tracking" }, { "description": "Border radius for the focus ring.", "name": "--m3e-menu-item-focus-ring-shape" }, { "description": "Font size for leading and trailing icons.", "name": "--m3e-menu-item-icon-size" }, { "description": "Base shape of the menu item.", "name": "--m3e-menu-item-shape" }, { "description": "Shape used for a selected menu item.", "name": "--m3e-menu-item-selected-shape" }, { "description": "Shape for the first menu item in a menu.", "name": "--m3e-menu-item-first-child-shape" }, { "description": "Shape for the last menu item in a menu.", "name": "--m3e-menu-item-last-child-shape" } ], "slots": [ { "description": "Renders the label of the item.", "name": "" }, { "description": "Renders an icon before the items's label.", "name": "icon" }, { "description": "Renders an icon after the item's label.", "name": "trailing-icon" } ], "members": [ { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "attribute": "checked", "reflects": true, "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "menu", "type": { "text": "M3eMenuElement | null" }, "description": "The menu to which this item belongs.", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } } ], "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" }, "description": "Dispatched when the element is clicked." } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "fieldName": "checked", "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } } ], "mixins": [ { "name": "Checked", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "MenuItemElementBase", "module": "/src/menu/MenuItemElementBase" }, "tagName": "m3e-menu-item-checkbox", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eMenuItemCheckboxElement", "declaration": { "name": "M3eMenuItemCheckboxElement", "module": "src/menu/MenuItemCheckboxElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-menu-item-checkbox", "declaration": { "name": "M3eMenuItemCheckboxElement", "module": "src/menu/MenuItemCheckboxElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/MenuItemGroupElement.ts", "declarations": [ { "kind": "class", "description": "Groups related items (such a radios) in a menu.", "name": "M3eMenuItemGroupElement", "slots": [ { "description": "Renders the contents of the group.", "name": "" } ], "members": [], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-menu-item-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eMenuItemGroupElement", "declaration": { "name": "M3eMenuItemGroupElement", "module": "src/menu/MenuItemGroupElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-menu-item-group", "declaration": { "name": "M3eMenuItemGroupElement", "module": "src/menu/MenuItemGroupElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/MenuItemRadioElement.ts", "declarations": [ { "kind": "class", "description": "An item of a menu which supports a mutually exclusive checkable state.", "name": "M3eMenuItemRadioElement", "cssProperties": [ { "description": "Height of the menu item container.", "name": "--m3e-menu-item-container-height" }, { "description": "Text color for unselected, enabled menu items.", "name": "--m3e-menu-item-color" }, { "description": "State layer hover color for unselected items.", "name": "--m3e-menu-item-container-hover-color" }, { "description": "State layer focus color for unselected items.", "name": "--m3e-menu-item-container-focus-color" }, { "description": "Ripple color for unselected items.", "name": "--m3e-menu-item-ripple-color" }, { "description": "Text color for selected items.", "name": "--m3e-menu-item-selected-color" }, { "description": "Background color for selected items.", "name": "--m3e-menu-item-selected-container-color" }, { "description": "State layer hover color for selected items.", "name": "--m3e-menu-item-selected-container-hover-color" }, { "description": "State layer focus color for selected items.", "name": "--m3e-menu-item-selected-container-focus-color" }, { "description": "Ripple color for selected items.", "name": "--m3e-menu-item-selected-ripple-color" }, { "description": "State layer color for expanded items.", "name": "--m3e-menu-item-active-state-layer-color" }, { "description": "State layer opacity for expanded items.", "name": "--m3e-menu-item-active-state-layer-opacity" }, { "description": "Base color for disabled items.", "name": "--m3e-menu-item-disabled-color" }, { "description": "Opacity percentage for disabled item color mix.", "name": "--m3e-menu-item-disabled-opacity" }, { "description": "Text color for unselected, enabled menu items for vibrant variant.", "name": "--m3e-vibrant-menu-item-color" }, { "description": "State layer hover color for unselected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-container-hover-color" }, { "description": "State layer focus color for unselected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-container-focus-color" }, { "description": "Ripple color for unselected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-ripple-color" }, { "description": "Text color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-color" }, { "description": "Background color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-container-color" }, { "description": "State layer hover color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-container-hover-color" }, { "description": "State layer focus color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-container-focus-color" }, { "description": "Ripple color for selected items for vibrant variant.", "name": "--m3e-vibrant-menu-item-selected-ripple-color" }, { "description": "State layer color for expanded items for vibrant variant.", "name": "--m3e-vibrant-menu-item-active-state-layer-color" }, { "description": "Base color for disabled items for vibrant variant", "name": "--m3e-vibrant-menu-item-disabled-color" }, { "description": "Horizontal gap between icon and content.", "name": "--m3e-menu-item-icon-label-space" }, { "description": "Start padding for the item wrapper.", "name": "--m3e-menu-item-padding-start" }, { "description": "End padding for the item wrapper.", "name": "--m3e-menu-item-padding-end" }, { "description": "Font size for menu item text.", "name": "--m3e-menu-item-label-text-font-size" }, { "description": "Font weight for menu item text.", "name": "--m3e-menu-item-label-text-font-weight" }, { "description": "Line height for menu item text.", "name": "--m3e-menu-item-label-text-line-height" }, { "description": "Letter spacing for menu item text.", "name": "--m3e-menu-item-label-text-tracking" }, { "description": "Border radius for the focus ring.", "name": "--m3e-menu-item-focus-ring-shape" }, { "description": "Font size for leading and trailing icons.", "name": "--m3e-menu-item-icon-size" }, { "description": "Base shape of the menu item.", "name": "--m3e-menu-item-shape" }, { "description": "Shape used for a selected menu item.", "name": "--m3e-menu-item-selected-shape" }, { "description": "Shape for the first menu item in a menu.", "name": "--m3e-menu-item-first-child-shape" }, { "description": "Shape for the last menu item in a menu.", "name": "--m3e-menu-item-last-child-shape" } ], "slots": [ { "description": "Renders the label of the item.", "name": "" }, { "description": "Renders an icon before the items's label.", "name": "icon" }, { "description": "Renders an icon after the item's label.", "name": "trailing-icon" } ], "members": [ { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "#mouseEnterHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#spacePressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleTrailingIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "method", "name": "#handleMouseEnter", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "attribute": "checked", "reflects": true, "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "kind": "field", "name": "menu", "type": { "text": "M3eMenuElement | null" }, "description": "The menu to which this item belongs.", "readonly": true, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } } ], "events": [ { "name": "click", "type": { "text": "MouseEvent" }, "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" }, "description": "Dispatched when the element is clicked." } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "MenuItemElementBase", "module": "src/menu/MenuItemElementBase.ts" } }, { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "fieldName": "checked", "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } } ], "mixins": [ { "name": "Checked", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "MenuItemElementBase", "module": "/src/menu/MenuItemElementBase" }, "tagName": "m3e-menu-item-radio", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eMenuItemRadioElement", "declaration": { "name": "M3eMenuItemRadioElement", "module": "src/menu/MenuItemRadioElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-menu-item-radio", "declaration": { "name": "M3eMenuItemRadioElement", "module": "src/menu/MenuItemRadioElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/menu/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/menu/MenuElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/menu/MenuItemCheckboxElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/menu/MenuItemElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/menu/MenuItemGroupElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/menu/MenuItemRadioElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/menu/MenuPosition" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/menu/MenuTriggerElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/menu/MenuVariant" } } ] }, { "kind": "javascript-module", "path": "src/nav-bar/NavItemOrientation.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/nav-bar/NavItemElement.ts", "declarations": [ { "kind": "class", "description": "An item, placed in a navigation bar or rail, used to navigate to destinations in an application.", "name": "M3eNavItemElement", "cssProperties": [ { "description": "Font size for the label text.", "name": "--m3e-nav-item-label-text-font-size" }, { "description": "Font weight for the label text.", "name": "--m3e-nav-item-label-text-font-weight" }, { "description": "Line height for the label text.", "name": "--m3e-nav-item-label-text-line-height" }, { "description": "Letter spacing for the label text.", "name": "--m3e-nav-item-label-text-tracking" }, { "description": "Border radius of the nav item.", "name": "--m3e-nav-item-shape" }, { "description": "Size of the icon.", "name": "--m3e-nav-item-icon-size" }, { "description": "Spacing between icon and label.", "name": "--m3e-nav-item-spacing" }, { "description": "Color of the label text when inactive.", "name": "--m3e-nav-item-inactive-label-text-color" }, { "description": "Color of the icon when inactive.", "name": "--m3e-nav-item-inactive-icon-color" }, { "description": "State layer color on hover when inactive.", "name": "--m3e-nav-item-inactive-hover-state-layer-color" }, { "description": "State layer color on focus when inactive.", "name": "--m3e-nav-item-inactive-focus-state-layer-color" }, { "description": "State layer color on press when inactive.", "name": "--m3e-nav-item-inactive-pressed-state-layer-color" }, { "description": "Color of the label text when active/selected.", "name": "--m3e-nav-item-active-label-text-color" }, { "description": "Color of the icon when active/selected.", "name": "--m3e-nav-item-active-icon-color" }, { "description": "Container color when active/selected.", "name": "--m3e-nav-item-active-container-color" }, { "description": "State layer color on hover when active.", "name": "--m3e-nav-item-active-hover-state-layer-color" }, { "description": "State layer color on focus when active.", "name": "--m3e-nav-item-active-focus-state-layer-color" }, { "description": "State layer color on press when active.", "name": "--m3e-nav-item-active-pressed-state-layer-color" }, { "description": "Border radius for the focus ring.", "name": "--m3e-nav-item-focus-ring-shape" }, { "description": "Color of the label text when disabled.", "name": "--m3e-nav-item-disabled-label-text-color" }, { "description": "Opacity of the label text when disabled.", "name": "--m3e-nav-item-disabled-label-text-opacity" }, { "description": "Color of the icon when disabled.", "name": "--m3e-nav-item-disabled-icon-color" }, { "description": "Opacity of the icon when disabled.", "name": "--m3e-nav-item-disabled-icon-opacity" }, { "description": "Padding for horizontal orientation.", "name": "--m3e-horizontal-nav-item-padding" }, { "description": "Height of the active indicator in horizontal orientation.", "name": "--m3e-horizontal-nav-item-active-indicator-height" }, { "description": "Width of the active indicator in vertical orientation.", "name": "--m3e-vertical-nav-item-active-indicator-width" }, { "description": "Height of the active indicator in vertical orientation.", "name": "--m3e-vertical-nav-item-active-indicator-height" }, { "description": "Margin for the active indicator in vertical orientation.", "name": "--m3e-vertical-nav-item-active-indicator-margin" } ], "slots": [ { "description": "Renders the label of the item.", "name": "" }, { "description": "Renders the icon of the item.", "name": "icon" }, { "description": "Renders the icon of the item when selected.", "name": "selected-icon" } ], "members": [ { "kind": "field", "name": "#inRail", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_inner", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#resizeController", "privacy": "private", "readonly": true, "default": "new ResizeController(this, { target: null, callback: (entries) => this.#handleStateLayerResize(entries), })" }, { "kind": "field", "name": "orientation", "type": { "text": "NavItemOrientation" }, "default": "\"vertical\"", "description": "The layout orientation of the item.", "attribute": "orientation", "reflects": true, "parsedType": { "text": "'vertical' | 'horizontal'" } }, { "kind": "field", "name": "navBar", "type": { "text": "M3eNavBarElement | null" }, "description": "The navigation bar to which this item belongs.", "readonly": true }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSelectedIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleStateLayerResize", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "entries", "type": { "text": "ResizeObserverEntry[]" } } ] }, { "kind": "method", "name": "#initResizeObserver", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "[_clickHandler]", "privacy": "private", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "attribute": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "attribute": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "attribute": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.", "default": "null", "attribute": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkFocus", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "method", "name": "#handleLinkBlur", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_suppressedEventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabledInteractive", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled and interactive.", "attribute": "disabled-interactive", "reflects": true, "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before the selected state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "disabled-interactive", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled and interactive.", "fieldName": "disabledInteractive", "inheritedFrom": { "name": "DisabledInteractive", "module": "src/core/shared/mixins/DisabledInteractive.ts" } }, { "name": "download", "type": { "text": "string | null" }, "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.", "default": "null", "fieldName": "download", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "href", "type": { "text": "string" }, "default": "\"\"", "description": "The URL to which the link button points.", "fieldName": "href", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "description": "The layout orientation of the item.", "name": "orientation", "type": { "text": "NavItemOrientation" }, "default": "\"vertical\"", "fieldName": "orientation", "parsedType": { "text": "'vertical' | 'horizontal'" } }, { "name": "rel", "type": { "text": "string" }, "default": "\"\"", "description": "The relationship between the `target` of the link button and the document.", "fieldName": "rel", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is selected.", "fieldName": "selected", "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "name": "target", "type": { "text": "LinkTarget" }, "default": "\"\"", "description": "The target of the link button.", "fieldName": "target", "inheritedFrom": { "name": "LinkButton", "module": "src/core/shared/mixins/LinkButton.ts" } } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "SuppressInitialAnimation", "package": "@m3e/web/core" }, { "name": "LinkButton", "package": "@m3e/web/core" }, { "name": "Selected", "package": "@m3e/web/core" }, { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "DisabledInteractive", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-nav-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eNavItemElement", "declaration": { "name": "M3eNavItemElement", "module": "src/nav-bar/NavItemElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-nav-item", "declaration": { "name": "M3eNavItemElement", "module": "src/nav-bar/NavItemElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/nav-bar/NavBarMode.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/nav-bar/NavBarElement.ts", "declarations": [ { "kind": "class", "description": "A horizontal bar, typically used on smaller devices, that allows a user to switch between 3-5 views.", "name": "M3eNavBarElement", "cssProperties": [ { "description": "Height of the navigation bar.", "name": "--m3e-nav-bar-height" }, { "description": "Background color of the navigation bar container.", "name": "--m3e-nav-bar-container-color" }, { "description": "Minimum width of vertical nav items.", "name": "--m3e-nav-bar-vertical-item-width" } ], "slots": [ { "description": "Renders the items of the bar.", "name": "" } ], "members": [ { "kind": "field", "name": "#breakpointUnobserve", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "_mode", "type": { "text": "Exclude | undefined" }, "privacy": "private" }, { "kind": "field", "name": "mode", "type": { "text": "NavBarMode" }, "default": "\"compact\"", "description": "The mode in which items in the bar are presented.", "attribute": "mode", "reflects": true, "parsedType": { "text": "'auto' | 'compact' | 'expanded'" } }, { "kind": "field", "name": "items", "type": { "text": "readonly M3eNavItemElement[]" }, "description": "The items of the bar.", "readonly": true }, { "kind": "field", "name": "selected", "type": { "text": "M3eNavItemElement | null" }, "description": "The selected item.", "readonly": true }, { "kind": "field", "name": "currentMode", "type": { "text": "Exclude" }, "description": "The current mode applied to the bar." }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#initBreakpointMonitoring", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state of an item changes." }, { "description": "Dispatched before the selected state of an item changes.", "name": "beforeinput" }, { "description": "Dispatched when the selected state of an item changes.", "name": "input" } ], "attributes": [ { "description": "The mode in which items in the bar are presented.", "name": "mode", "type": { "text": "NavBarMode" }, "default": "\"compact\"", "fieldName": "mode", "parsedType": { "text": "'auto' | 'compact' | 'expanded'" } } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-nav-bar", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eNavBarElement", "declaration": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-nav-bar", "declaration": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/nav-bar/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-bar/NavBarElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-bar/NavBarMode" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-bar/NavItemElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-bar/NavItemOrientation" } } ] }, { "kind": "javascript-module", "path": "src/nav-menu/NavMenuItemElement.ts", "declarations": [ { "kind": "class", "description": "An expandable item, selectable item within a navigation menu.", "name": "M3eNavMenuItemElement", "cssProperties": [ { "description": "Font size for the item label.", "name": "--m3e-nav-menu-item-font-size" }, { "description": "Font weight for the item label.", "name": "--m3e-nav-menu-item-font-weight" }, { "description": "Line height for the item label.", "name": "--m3e-nav-menu-item-line-height" }, { "description": "Letter spacing for the item label.", "name": "--m3e-nav-menu-item-tracking" }, { "description": "Inline padding for the item.", "name": "--m3e-nav-menu-item-padding" }, { "description": "Height of the item.", "name": "--m3e-nav-menu-item-height" }, { "description": "Spacing between icon and label.", "name": "--m3e-nav-menu-item-spacing" }, { "description": "Border radius of the item and focus ring.", "name": "--m3e-nav-menu-item-shape" }, { "description": "Size of the icon.", "name": "--m3e-nav-menu-item-icon-size" }, { "description": "Indentation for nested items.", "name": "--m3e-nav-menu-item-inset" }, { "description": "Text color for the item label.", "name": "--m3e-nav-menu-item-label-color" }, { "description": "Text color for selected item label.", "name": "--m3e-nav-menu-item-selected-label-color" }, { "description": "Background color for selected item.", "name": "--m3e-nav-menu-item-selected-container-color" }, { "description": "Focus color for selected item container.", "name": "--m3e-nav-menu-item-selected-container-focus-color" }, { "description": "Hover color for selected item container.", "name": "--m3e-nav-menu-item-selected-container-hover-color" }, { "description": "Ripple color for selected item.", "name": "--m3e-nav-menu-item-selected-ripple-color" }, { "description": "Focus color for unselected item container.", "name": "--m3e-nav-menu-item-unselected-container-focus-color" }, { "description": "Hover color for unselected item container.", "name": "--m3e-nav-menu-item-unselected-container-hover-color" }, { "description": "Ripple color for unselected item.", "name": "--m3e-nav-menu-item-unselected-ripple-color" }, { "description": "Background color for open item with children.", "name": "--m3e-nav-menu-item-open-container-color" }, { "description": "Focus color for open item container.", "name": "--m3e-nav-menu-item-open-container-focus-color" }, { "description": "Hover color for open item container.", "name": "--m3e-nav-menu-item-open-container-hover-color" }, { "description": "Ripple color for open item.", "name": "--m3e-nav-menu-item-open-ripple-color" }, { "description": "Text color for disabled item.", "name": "--m3e-nav-menu-item-disabled-color" }, { "description": "Opacity for disabled item text color.", "name": "--m3e-nav-menu-item-disabled-color-opacity" }, { "description": "Font size for badge slot.", "name": "--m3e-nav-menu-item-badge-font-size" }, { "description": "Font weight for badge slot.", "name": "--m3e-nav-menu-item-badge-font-weight" }, { "description": "Line height for badge slot.", "name": "--m3e-nav-menu-item-badge-line-height" }, { "description": "Letter spacing for badge slot.", "name": "--m3e-nav-menu-item-badge-tracking" }, { "description": "Margin for divider elements.", "name": "--m3e-nav-menu-divider-margin" }, { "description": "Vertical margin for first/last child items.", "name": "--m3e-nav-menu-item-vertical-inset" } ], "slots": [ { "description": "Renders the nested child items.", "name": "" }, { "description": "Renders the label of the item.", "name": "label" }, { "description": "Renders the icon of the item.", "name": "icon" }, { "description": "Renders the badge of the item.", "name": "badge" }, { "description": "Renders the icon of the item when selected.", "name": "selected-icon" }, { "description": "Renders the toggle icon.", "name": "toggle-icon" } ], "members": [ { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_hasChildItems", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "#items", "privacy": "private", "type": { "text": "M3eNavMenuItemElement[]" }, "default": "[]" }, { "kind": "field", "name": "#menu", "privacy": "private", "type": { "text": "M3eNavMenuElement | null" }, "default": "null" }, { "kind": "field", "name": "#path", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "#link", "privacy": "private", "type": { "text": "HTMLAnchorElement | null" }, "default": "null" }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Whether the item is expanded.", "attribute": "open", "reflects": true }, { "kind": "field", "name": "link", "type": { "text": "HTMLAnchorElement | null" }, "description": "A reference to the nested `HTMLAnchorElement`.", "readonly": true }, { "kind": "field", "name": "label", "type": { "text": "HTMLElement | null" }, "description": "A reference to the element used to present the label of the item.", "readonly": true }, { "kind": "field", "name": "visible", "type": { "text": "boolean" }, "description": "Whether the item is visible.", "readonly": true }, { "kind": "field", "name": "path", "type": { "text": "ReadonlyArray" }, "description": "The full path of the item, starting with the top-most ancestor, including this item.", "readonly": true }, { "kind": "field", "name": "hasChildItems", "type": { "text": "boolean" }, "description": "Whether the item has child items.", "readonly": true }, { "kind": "field", "name": "parentItem", "type": { "text": "M3eNavMenuItemElement | null" }, "description": "The parenting item.", "readonly": true }, { "kind": "field", "name": "childItems", "type": { "text": "readonly M3eNavMenuItemElement[]" }, "description": "The items that immediately descend from this item.", "readonly": true }, { "kind": "field", "name": "level", "type": { "text": "number" }, "description": "The one-based level of the item.", "readonly": true }, { "kind": "method", "name": "expand", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "descendants", "default": "false", "type": { "text": "boolean" }, "description": "Whether to expand all descendants.", "optional": true } ], "description": "Expands this item, and optionally, all descendants." }, { "kind": "method", "name": "collapse", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "descendants", "default": "false", "type": { "text": "boolean" }, "description": "Whether to expand all descendants.", "optional": true } ], "description": "Collapses this item, and optionally, all descendants." }, { "kind": "method", "name": "toggle", "return": { "type": { "text": "void" } }, "description": "Toggles the expanded state of the item." }, { "kind": "method", "name": "#renderIcon", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleItemSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleCollapsibleEvent", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "type": { "text": "Event" } }, { "description": "Dispatched when the item begins to open.", "name": "opening" }, { "description": "Dispatched when the item has opened.", "name": "opened" }, { "description": "Dispatched when the item begins to close.", "name": "closing" }, { "description": "Dispatched when the item has closed.", "name": "closed" }, { "description": "Dispatched when the element is clicked.", "name": "click" } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "description": "Whether the item is expanded.", "name": "open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the item is selected.", "fieldName": "selected", "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } } ], "mixins": [ { "name": "Selected", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-nav-menu-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eNavMenuItemElement", "declaration": { "name": "M3eNavMenuItemElement", "module": "src/nav-menu/NavMenuItemElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-nav-menu-item", "declaration": { "name": "M3eNavMenuItemElement", "module": "src/nav-menu/NavMenuItemElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/nav-menu/NavMenuElement.ts", "declarations": [ { "kind": "class", "description": "A hierarchical menu, typically used on larger devices, that allows a user to switch between views.", "name": "M3eNavMenuElement", "cssProperties": [ { "description": "Top padding for the menu.", "name": "--m3e-nav-menu-padding-top" }, { "description": "Bottom padding for the menu.", "name": "--m3e-nav-menu-padding-bottom" }, { "description": "Left padding for the menu.", "name": "--m3e-nav-menu-padding-left" }, { "description": "Right padding for the menu.", "name": "--m3e-nav-menu-padding-right" }, { "description": "Margin for divider elements in the menu.", "name": "--m3e-nav-menu-divider-margin" }, { "description": "Width of the menu scrollbar.", "name": "--m3e-nav-menu-scrollbar-width" }, { "description": "Color of the menu scrollbar.", "name": "--m3e-nav-menu-scrollbar-color" } ], "slots": [ { "description": "Renders the items of the menu.", "name": "" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#ignoreFocusVisible", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#ignoreFocus", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "[selectionManager]", "readonly": true, "privacy": "private" }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#pointerDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "selected", "type": { "text": "M3eNavMenuItemElement | null" }, "description": "The selected item of the menu.", "readonly": true }, { "kind": "field", "name": "items", "type": { "text": "readonly M3eNavMenuItemElement[]" }, "description": "All the items of the menu.", "readonly": true }, { "kind": "method", "name": "expand", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "descendants", "optional": true, "type": { "text": "boolean" }, "description": "Whether to expand all descendants." } ], "description": "Expands all items, and optionally, all descendants." }, { "kind": "method", "name": "expand", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "items", "type": { "text": "M3eNavMenuItemElement[]" }, "description": "The items to expand." }, { "name": "descendants", "optional": true, "type": { "text": "boolean" }, "description": "Whether to expand all descendants." } ], "description": "Expands the specified items, and optionally, all descendants." }, { "kind": "method", "name": "collapse", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "descendants", "optional": true, "type": { "text": "boolean" }, "description": "Whether to collapse all descendants." } ], "description": "Collapses all items, and optionally, all descendants." }, { "kind": "method", "name": "collapse", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "items", "type": { "text": "M3eNavMenuItemElement[]" }, "description": "The items to collapse." }, { "name": "descendants", "optional": true, "type": { "text": "boolean" }, "description": "Whether to collapse all descendants." } ], "description": "Collapses the specified items, and optionally, all descendants." }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handlePointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#activateItem", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "M3eNavMenuItemElement" } } ] }, { "kind": "method", "name": "#updateFocusVisible", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateItemFocusVisible", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "M3eNavMenuItemElement" } }, { "name": "focused", "type": { "text": "boolean" } }, { "name": "focusVisible", "type": { "text": "boolean" } } ] } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-nav-menu", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eNavMenuElement", "declaration": { "name": "M3eNavMenuElement", "module": "src/nav-menu/NavMenuElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-nav-menu", "declaration": { "name": "M3eNavMenuElement", "module": "src/nav-menu/NavMenuElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/nav-menu/NavMenuItemGroupElement.ts", "declarations": [ { "kind": "class", "description": "A top-level semantic grouping of items in a navigation menu.", "name": "M3eNavMenuItemGroupElement", "cssProperties": [ { "description": "Insets the label from the start edge of the group.", "name": "--m3e-nav-menu-item-group-label-inset" }, { "description": "Vertical spacing around the group's label.", "name": "--m3e-nav-menu-item-group-label-space" } ], "slots": [ { "description": "Renders the items of the group.", "name": "" }, { "description": "Renders the label of the group.", "name": "label" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#labelId", "privacy": "private", "default": "`m3e-nav-menu-item-group-label-${M3eNavMenuItemGroupElement.__nextId++}`" }, { "kind": "field", "name": "#label", "privacy": "private", "type": { "text": "Element | undefined" } }, { "kind": "method", "name": "#handleLabelSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "mixins": [ { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-nav-menu-item-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eNavMenuItemGroupElement", "declaration": { "name": "M3eNavMenuItemGroupElement", "module": "src/nav-menu/NavMenuItemGroupElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-nav-menu-item-group", "declaration": { "name": "M3eNavMenuItemGroupElement", "module": "src/nav-menu/NavMenuItemGroupElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/nav-menu/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-menu/NavMenuElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-menu/NavMenuItemElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-menu/NavMenuItemGroupElement" } } ] }, { "kind": "javascript-module", "path": "src/nav-rail/NavRailElement.ts", "declarations": [ { "kind": "class", "description": "A vertical bar, typically used on larger devices, that allows a user to switch between views.", "name": "M3eNavRailElement", "cssProperties": [ { "description": "Top block padding for the nav rail.", "name": "--m3e-nav-rail-top-space" }, { "description": "Bottom block padding for the nav rail.", "name": "--m3e-nav-rail-bottom-space" }, { "description": "Width of the nav rail in compact mode.", "name": "--m3e-nav-rail-compact-width" }, { "description": "Inline padding for nav rail.", "name": "--m3e-nav-rail-inline-padding" }, { "description": "Width of the nav rail in expanded mode.", "name": "--m3e-nav-rail-expanded-width" }, { "description": "Height of nav items in expanded mode.", "name": "--m3e-nav-rail-expanded-item-height" }, { "description": "Space below icon buttons and FABs.", "name": "--m3e-nav-rail-button-item-space" }, { "description": "Inset for icon buttons.", "name": "--m3e-nav-rail-icon-button-inset" }, { "description": "Deprecated, use `--m3e-nav-rail-inline-padding`.", "name": "--m3e-nav-rail-expanded-inline-padding" }, { "description": "Deprecated, use `--m3e-nav-rail-expanded-width`.", "name": "--m3e-nav-rail-expanded-min-width" }, { "description": "Deprecated, use `--m3e-nav-rail-expanded-width`.", "name": "--m3e-nav-rail-expanded-max-width" }, { "description": "Deprecated, use `--m3e-nav-rail-icon-button-inset`.", "name": "--m3e-nav-rail-expanded-icon-button-inset" }, { "description": "Height of the navigation bar.", "name": "--m3e-nav-bar-height", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "description": "Background color of the navigation bar container.", "name": "--m3e-nav-bar-container-color", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "description": "Minimum width of vertical nav items.", "name": "--m3e-nav-bar-vertical-item-width", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } } ], "members": [ { "kind": "field", "name": "#focusKeyManager", "privacy": "private" }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "field", "name": "#breakpointUnobserve", "privacy": "private", "type": { "text": "() => void | undefined" }, "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "field", "name": "_mode", "type": { "text": "Exclude | undefined" }, "privacy": "private", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "field", "name": "mode", "type": { "text": "NavBarMode" }, "default": "\"compact\"", "description": "The mode in which items in the bar are presented.", "attribute": "mode", "reflects": true, "parsedType": { "text": "'auto' | 'compact' | 'expanded'" }, "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "field", "name": "items", "type": { "text": "readonly M3eNavItemElement[]" }, "description": "The items of the bar.", "readonly": true, "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "field", "name": "selected", "type": { "text": "M3eNavItemElement | null" }, "description": "The selected item.", "readonly": true, "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "field", "name": "currentMode", "type": { "text": "Exclude" }, "description": "The current mode applied to the bar.", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "method", "name": "#initBreakpointMonitoring", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ], "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } } ], "events": [ { "description": "Dispatched before the selected state of an item changes.", "name": "beforeinput", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "description": "Dispatched when the selected state of an item changes.", "name": "input", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state of an item changes.", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } } ], "attributes": [ { "description": "The mode in which items in the rail are presented.", "name": "mode", "type": { "text": "NavBarMode" }, "default": "\"compact\"", "fieldName": "mode", "parsedType": { "text": "'auto' | 'compact' | 'expanded'" }, "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } } ], "mixins": [ { "name": "SuppressInitialAnimation", "package": "@m3e/web/core" } ], "superclass": { "name": "M3eNavBarElement", "package": "@m3e/web/nav-bar" }, "tagName": "m3e-nav-rail", "customElement": true, "slots": [ { "description": "Renders the items of the bar.", "name": "", "inheritedFrom": { "name": "M3eNavBarElement", "module": "src/nav-bar/NavBarElement.ts" } } ] } ], "exports": [ { "kind": "js", "name": "M3eNavRailElement", "declaration": { "name": "M3eNavRailElement", "module": "src/nav-rail/NavRailElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-nav-rail", "declaration": { "name": "M3eNavRailElement", "module": "src/nav-rail/NavRailElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/nav-rail/NavRailToggleElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to toggle the expanded state of a navigation rail.", "name": "M3eNavRailToggleElement", "members": [ { "kind": "field", "name": "#mutationController", "privacy": "private", "readonly": true, "default": "new MutationController(this, { target: null, config: { attributeFilter: [\"class\"] }, callback: () => this.#updateToggle(), })" }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "method", "name": "#updateToggle", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" }, "tagName": "m3e-nav-rail-toggle", "customElement": true, "attributes": [ { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ] } ], "exports": [ { "kind": "js", "name": "M3eNavRailToggleElement", "declaration": { "name": "M3eNavRailToggleElement", "module": "src/nav-rail/NavRailToggleElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-nav-rail-toggle", "declaration": { "name": "M3eNavRailToggleElement", "module": "src/nav-rail/NavRailToggleElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/nav-rail/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-rail/NavRailElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-rail/NavRailToggleElement" } } ] }, { "kind": "javascript-module", "path": "src/paginator/PaginatorPageEventDetail.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/paginator/PageEventDetail.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/select/SelectElement.ts", "declarations": [ { "kind": "class", "description": "A form control that allows users to select a value from a set of predefined options.", "name": "M3eSelectElement", "cssProperties": [ { "description": "The font size of the select control.", "name": "--m3e-form-field-font-size" }, { "description": "The font weight of the select control.", "name": "--m3e-form-field-font-weight" }, { "description": "The line height of the select control.", "name": "--m3e-form-field-line-height" }, { "description": "The letter spacing of the select control.", "name": "--m3e-form-field-tracking" }, { "description": "The corner radius of the select container.", "name": "--m3e-select-container-shape" }, { "description": "The text color when the select is disabled.", "name": "--m3e-select-disabled-color" }, { "description": "The opacity level applied to the disabled text color.", "name": "--m3e-select-disabled-color-opacity" }, { "description": "The size of the dropdown arrow icon.", "name": "--m3e-select-icon-size" } ], "slots": [ { "description": "Renders the options of the select.", "name": "" }, { "description": "Renders the dropdown arrow.", "name": "arrow" }, { "description": "Renders the selected value(s).", "name": "value" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "static": true, "default": "0", "privacy": "private" }, { "kind": "field", "name": "_options", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "#clone", "privacy": "private", "type": { "text": "HTMLElement | undefined" } }, { "kind": "field", "name": "#menu", "privacy": "private", "type": { "text": "M3eOptionPanelElement | undefined" } }, { "kind": "field", "name": "#ignoreKeyUp", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#ignoreFocusVisible", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#id", "privacy": "private", "readonly": true, "default": "`m3e-select-${M3eSelectElement.__nextId++}`" }, { "kind": "field", "name": "#listId", "privacy": "private", "readonly": true, "default": "`${this.#id}-list`" }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#menuToggleHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#menuPointerDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#menuPointerUpHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#menuPressedOption", "privacy": "private", "type": { "text": "M3eOptionElement | undefined" } }, { "kind": "field", "name": "_listKeyManager", "privacy": "private", "readonly": true }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "hideSelectionIndicator", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide the selection indicator for single select options.", "attribute": "hide-selection-indicator" }, { "kind": "field", "name": "multi", "type": { "text": "boolean" }, "default": "false", "description": "Whether multiple options can be selected.", "attribute": "multi" }, { "kind": "field", "name": "panelClass", "type": { "text": "string" }, "default": "\"\"", "description": "Class or list of classes to be applied to the select's overlay panel.", "attribute": "panel-class" }, { "kind": "field", "name": "#options", "privacy": "private", "type": { "text": "readonly M3eOptionElement[]" }, "readonly": true }, { "kind": "field", "name": "#selected", "privacy": "private", "type": { "text": "readonly M3eOptionElement[]" }, "readonly": true }, { "kind": "field", "name": "options", "type": { "text": "readonly M3eOptionElement[]" }, "description": "The options that can be selected.", "readonly": true }, { "kind": "field", "name": "selected", "type": { "text": "readonly M3eOptionElement[]" }, "description": "The selected option(s).", "readonly": true }, { "kind": "field", "name": "value", "type": { "text": "string | readonly string[] | null" }, "description": "The selected (enabled) value(s).", "readonly": true }, { "kind": "field", "name": "shouldLabelFloat", "type": { "text": "boolean" }, "readonly": true }, { "kind": "field", "name": "#formField", "privacy": "private", "type": { "text": "M3eFormFieldElement | null" }, "readonly": true }, { "kind": "method", "name": "onContainerClick", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "clear", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "restoreFocus", "default": "false", "description": "Whether to restore input focus.", "optional": true } ], "description": "Clears the value of the element." }, { "kind": "method", "name": "#handleOptionStateChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleMutation", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleMenuPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleMenuPointerUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleMenuToggle", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "ToggleEvent" } } ] }, { "kind": "method", "name": "#destroyMenu", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "ToggleEvent" } } ] }, { "kind": "method", "name": "#toggleMenu", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#showMenu", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#hideMenu", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#activateOption", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "option", "type": { "text": "M3eOptionElement" } } ] }, { "kind": "method", "name": "#updateSelectionState", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "clone", "type": { "text": "M3eOptionElement" } } ] }, { "kind": "method", "name": "#selectOption", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "option", "type": { "text": "M3eOptionElement" } } ] }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "description": "The label elements that the element is associated with.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether a value is required for the element.", "attribute": "required", "reflects": true, "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } }, { "kind": "field", "name": "optional", "description": "Whether a value is not required for the element.", "readonly": true, "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } }, { "kind": "field", "name": "[_validityMessage]", "type": { "text": "string | undefined" }, "privacy": "private", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "description": "Whether the element is a submittable element that is a candidate for constraint validation.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "description": "The validity state of the element.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "description": "The error message that would be displayed if the user submits the form, or an empty string if no error message.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "setCustomValidity", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "error", "type": { "text": "string" }, "description": "The message to use for validity errors." } ], "description": "Sets a custom validity message for the element.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "[_updateValidity]", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "#getNativeMessage", "privacy": "private", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "flags", "type": { "text": "ValidityStateFlags" } } ], "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "toggle", "type": { "text": "ToggleEvent" } }, { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before the selected state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "description": "Whether to hide the selection indicator for single select options.", "name": "hide-selection-indicator", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideSelectionIndicator" }, { "description": "Whether multiple options can be selected.", "name": "multi", "type": { "text": "boolean" }, "default": "false", "fieldName": "multi" }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "description": "Class or list of classes to be applied to the select's overlay panel.", "name": "panel-class", "type": { "text": "string" }, "default": "\"\"", "fieldName": "panelClass" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is required.", "fieldName": "required", "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } } ], "mixins": [ { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "Labelled", "package": "@m3e/web/core" }, { "name": "RequiredConstraintValidation", "package": "@m3e/web/core" }, { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "Required", "package": "@m3e/web/core" }, { "name": "ConstraintValidation", "package": "@m3e/web/core" }, { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-select", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSelectElement", "declaration": { "name": "M3eSelectElement", "module": "src/select/SelectElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-select", "declaration": { "name": "M3eSelectElement", "module": "src/select/SelectElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/select/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/select/SelectElement" } } ] }, { "kind": "javascript-module", "path": "src/paginator/PaginatorElement.ts", "declarations": [ { "kind": "class", "description": "Provides navigation for paged information, typically used with a table.", "name": "M3ePaginatorElement", "cssProperties": [ { "description": "The font size used for paginator text.", "name": "--m3e-paginator-font-size" }, { "description": "The font weight used for paginator text.", "name": "--m3e-paginator-font-weight" }, { "description": "The line height used for paginator text.", "name": "--m3e-paginator-line-height" }, { "description": "The letter-spacing used for paginator text.", "name": "--m3e-paginator-tracking" } ], "slots": [ { "description": "Slot for a custom first-page icon.", "name": "first-page-icon" }, { "description": "Slot for a custom previous-page icon.", "name": "previous-page-icon" }, { "description": "Slot for a custom next-page icon.", "name": "next-page-icon" }, { "description": "Slot for a custom last-page icon.", "name": "last-page-icon" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#pageSizeLabelId", "privacy": "private", "readonly": true, "default": "`m3e-paginator-page-size-label-${M3ePaginatorElement.__nextId++}`" }, { "kind": "field", "name": "#defaultRangeLabelFormatter", "privacy": "private", "readonly": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "pageIndex", "type": { "text": "number" }, "default": "0", "description": "The zero-based page index of the displayed list of items.", "attribute": "page-index" }, { "kind": "field", "name": "length", "type": { "text": "number" }, "default": "0", "description": "The length of the total number of items which are being paginated.", "attribute": "length" }, { "kind": "field", "name": "pageSize", "type": { "text": "number | \"all\"" }, "default": "50", "description": "The number of items to display in a page.", "attribute": "page-size" }, { "kind": "field", "name": "pageSizes", "type": { "text": "string" }, "default": "\"5,10,25,50,100\"", "description": "A comma separated list of available page sizes.", "attribute": "page-sizes" }, { "kind": "field", "name": "hidePageSize", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide page size selection.", "attribute": "hide-page-size", "reflects": true }, { "kind": "field", "name": "showFirstLastButtons", "type": { "text": "boolean" }, "default": "false", "description": "Whether to show first/last buttons.", "attribute": "show-first-last-buttons" }, { "kind": "field", "name": "itemsPerPageLabel", "type": { "text": "string" }, "default": "\"Items per page:\"", "description": "The label for the page size selector.", "attribute": "items-per-page-label" }, { "kind": "field", "name": "previousPageLabel", "type": { "text": "string" }, "default": "\"Previous page\"", "description": "The accessible label given to the button used to move to the previous page.", "attribute": "previous-page-label" }, { "kind": "field", "name": "nextPageLabel", "type": { "text": "string" }, "default": "\"Next page\"", "description": "The accessible label given to the button used to move to the next page.", "attribute": "next-page-label" }, { "kind": "field", "name": "firstPageLabel", "type": { "text": "string" }, "default": "\"First page\"", "description": "The accessible label given to the button used to move to the first page.", "attribute": "first-page-label" }, { "kind": "field", "name": "lastPageLabel", "type": { "text": "string" }, "default": "\"Last page\"", "description": "The accessible label given to the button used to move to the last page.", "attribute": "last-page-label" }, { "kind": "field", "name": "pageSizeVariant", "type": { "text": "FormFieldVariant" }, "default": "\"outlined\"", "description": "The appearance variant of the page size field.", "attribute": "page-size-variant", "parsedType": { "text": "'filled' | 'outlined'" } }, { "kind": "field", "name": "pageCount", "type": { "text": "number" }, "description": "The total number of pages.", "readonly": true }, { "kind": "field", "name": "hasPreviousPage", "type": { "text": "boolean" }, "description": "Whether a previous page can be displayed.", "readonly": true }, { "kind": "field", "name": "hasNextPage", "type": { "text": "boolean" }, "description": "Whether a next page can be displayed.", "readonly": true }, { "kind": "field", "name": "rangeLabelFormatter", "type": { "text": "(pageIndex: number, pageSize: number | \"all\", length: number) => string | undefined" }, "description": "A function used to format the range label.", "parameters": [ { "description": "The zero-based index of the current page.", "name": "pageIndex", "type": { "text": "number" } }, { "description": "The current number of items to display in a page.", "name": "pageSize", "type": { "text": "number | \"all\"" } }, { "description": "The current length of the total number of items which are being paginated.", "name": "length", "type": { "text": "number" } } ], "return": { "type": { "text": "string" } } }, { "kind": "method", "name": "firstPage", "return": { "type": { "text": "void" } }, "description": "Move to the first page." }, { "kind": "method", "name": "previousPage", "return": { "type": { "text": "void" } }, "description": "Move to the previous page." }, { "kind": "method", "name": "nextPage", "return": { "type": { "text": "void" } }, "description": "Move to the next page." }, { "kind": "method", "name": "lastPage", "return": { "type": { "text": "void" } }, "description": "Move to the last page." }, { "kind": "method", "name": "#renderPageSize", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#parsePageSizes", "privacy": "private", "return": { "type": { "text": "Array" } } }, { "kind": "method", "name": "#renderRangeActions", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleSelectChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#emitPageEvent", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "previousPageIndex", "type": { "text": "number" } } ] } ], "events": [ { "name": "page", "type": { "text": "CustomEvent" }, "description": "Dispatched when a user selects a different page size or navigates to another page." } ], "attributes": [ { "description": "Whether the element is disabled.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "description": "The accessible label given to the button used to move to the first page.", "name": "first-page-label", "type": { "text": "string" }, "default": "\"First page\"", "fieldName": "firstPageLabel" }, { "description": "Whether to hide page size selection.", "name": "hide-page-size", "type": { "text": "boolean" }, "default": "false", "fieldName": "hidePageSize" }, { "description": "The label for the page size selector.", "name": "items-per-page-label", "type": { "text": "string" }, "default": "\"Items per page:\"", "fieldName": "itemsPerPageLabel" }, { "description": "The accessible label given to the button used to move to the last page.", "name": "last-page-label", "type": { "text": "string" }, "default": "\"Last page\"", "fieldName": "lastPageLabel" }, { "description": "The length of the total number of items which are being paginated.", "name": "length", "type": { "text": "number" }, "default": "0", "fieldName": "length" }, { "description": "The accessible label given to the button used to move to the next page.", "name": "next-page-label", "type": { "text": "string" }, "default": "\"Next page\"", "fieldName": "nextPageLabel" }, { "description": "The zero-based page index of the displayed list of items.", "name": "page-index", "type": { "text": "number" }, "default": "0", "fieldName": "pageIndex" }, { "description": "The number of items to display in a page.", "name": "page-size", "type": { "text": "number | \"all\"" }, "default": "50", "fieldName": "pageSize" }, { "description": "A comma separated list of available page sizes.", "name": "page-sizes", "type": { "text": "string" }, "default": "\"5,10,25,50,100\"", "fieldName": "pageSizes" }, { "description": "The appearance variant of the page size field.", "name": "page-size-variant", "type": { "text": "FormFieldVariant" }, "default": "\"outlined\"", "fieldName": "pageSizeVariant", "parsedType": { "text": "'filled' | 'outlined'" } }, { "description": "The accessible label given to the button used to move to the previous page.", "name": "previous-page-label", "type": { "text": "string" }, "default": "\"Previous page\"", "fieldName": "previousPageLabel" }, { "description": "Whether to show first/last buttons.", "name": "show-first-last-buttons", "type": { "text": "boolean" }, "default": "false", "fieldName": "showFirstLastButtons" } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-paginator", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3ePaginatorElement", "declaration": { "name": "M3ePaginatorElement", "module": "src/paginator/PaginatorElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-paginator", "declaration": { "name": "M3ePaginatorElement", "module": "src/paginator/PaginatorElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/paginator/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/paginator/PageEventDetail" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/paginator/PaginatorElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/paginator/PaginatorPageEventDetail" } } ] }, { "kind": "javascript-module", "path": "src/progress-indicator/ProgressIndicatorVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/progress-indicator/ProgressElementIndicatorBase.ts", "declarations": [ { "kind": "class", "description": "A base implementation for an element used to convey progress. This class must be inherited.", "name": "ProgressElementIndicatorBase", "members": [ { "kind": "field", "name": "value", "type": { "text": "number" }, "default": "0", "description": "A fractional value, between 0 and `max`, indicating progress.", "attribute": "value", "reflects": true }, { "kind": "field", "name": "max", "type": { "text": "number" }, "default": "100", "description": "The maximum progress value.", "attribute": "max" }, { "kind": "field", "name": "variant", "type": { "text": "ProgressIndicatorVariant" }, "default": "\"flat\"", "description": "The appearance of the indicator.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'flat' | 'wavy'" } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "attributes": [ { "name": "value", "type": { "text": "number" }, "default": "0", "description": "A fractional value, between 0 and `max`, indicating progress.", "fieldName": "value" }, { "name": "max", "type": { "text": "number" }, "default": "100", "description": "The maximum progress value.", "fieldName": "max" }, { "name": "variant", "type": { "text": "ProgressIndicatorVariant" }, "default": "\"flat\"", "description": "The appearance of the indicator.", "fieldName": "variant", "parsedType": { "text": "'flat' | 'wavy'" } } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "customElement": true } ], "exports": [ { "kind": "js", "name": "ProgressElementIndicatorBase", "declaration": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } } ] }, { "kind": "javascript-module", "path": "src/progress-indicator/CircularProgressIndicatorElement.ts", "declarations": [ { "kind": "class", "description": "A circular indicator of progress and activity.", "name": "M3eCircularProgressIndicatorElement", "cssProperties": [ { "description": "Diameter of the `flat` variant.", "name": "--m3e-circular-flat-progress-indicator-diameter" }, { "description": "Diameter of the `wavy` variant.", "name": "--m3e-circular-wavy-progress-indicator-diameter" }, { "description": "Amplitude of the `wavy` variant.", "name": "--m3e-circular-wavy-progress-indicator-amplitude" }, { "description": "Wavelength of the `wavy` variant.", "name": "--m3e-circular-wavy-progress-indicator-wavelength" }, { "description": "Thickness of the progress indicator.", "name": "--m3e-circular-progress-indicator-thickness" }, { "description": "Track color of the progress indicator (background).", "name": "--m3e-progress-indicator-track-color" }, { "description": "Color of the progress indicator (foreground).", "name": "--m3e-progress-indicator-color" } ], "slots": [ { "description": "Renders the content inside the progress indicator.", "name": "" } ], "members": [ { "kind": "field", "name": "__nextMaskId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#maskId", "privacy": "private", "default": "`m3e-circular-progress-mask-${M3eCircularProgressIndicatorElement.__nextMaskId++}`" }, { "kind": "field", "name": "#diameter", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#strokeWidth", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#amplitude", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#wavelength", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#spinnerActiveTrack", "privacy": "private", "type": { "text": "SVGPathElement | null | undefined" } }, { "kind": "field", "name": "#spinnerTrack", "privacy": "private", "type": { "text": "SVGPathElement | null | undefined" } }, { "kind": "field", "name": "#resizeController", "privacy": "private", "readonly": true, "default": "new ResizeController(this, { skipInitial: true, target: null, callback: () => { this.#updateDiameterAndStroke(); this.#updateAmplitudeAndWavelength(); queueMicrotask(() => this.requestUpdate()); }, })" }, { "kind": "field", "name": "#indeterminateWavyAnimationLoop", "privacy": "private", "readonly": true, "default": "new AnimationLoopController(this, (_, t) => this.#updateWavyIndeterminateSpinner(t), )" }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Whether to show something is happening without conveying progress.", "attribute": "indeterminate", "reflects": true }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#renderFlatIndicator", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#renderWavyIndicator", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#renderResizeObservedElements", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#renderContent", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#updateDiameterAndStroke", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateAmplitudeAndWavelength", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateWavyIndeterminateSpinner", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "t", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#computeWavyIndeterminateSweep", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "t", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#sizeToDegrees", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "size", "type": { "text": "number" } }, { "name": "padding", "default": "this.#amplitude" } ] }, { "kind": "method", "name": "#degreesToRadians", "privacy": "private", "parameters": [ { "name": "degrees", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#polarToCartesian", "privacy": "private", "parameters": [ { "name": "circle", "type": { "text": "{ cx: number; cy: number; r: number }" } }, { "name": "degrees", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#computeCircle", "privacy": "private", "parameters": [ { "name": "padding", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#drawArc", "privacy": "private", "parameters": [ { "name": "{\r\n startAngle = 0,\r\n endAngle = 360,\r\n gap = 0,\r\n padding = this.#amplitude,\r\n }", "type": { "text": "{\r\n startAngle?: number;\r\n endAngle?: number;\r\n gap?: number;\r\n padding?: number;\r\n }" } } ] }, { "kind": "method", "name": "#drawWavyArc", "privacy": "private", "parameters": [ { "name": "{\r\n startAngle = 0,\r\n endAngle = 360,\r\n gap = 0,\r\n padding = this.#amplitude,\r\n amplitude = this.#amplitude,\r\n steps = 200,\r\n }", "type": { "text": "{\r\n startAngle?: number;\r\n endAngle?: number;\r\n gap?: number;\r\n padding?: number;\r\n amplitude?: number;\r\n steps?: number;\r\n }" } } ] }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "value", "type": { "text": "number" }, "default": "0", "description": "A fractional value, between 0 and `max`, indicating progress.", "attribute": "value", "reflects": true, "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "max", "type": { "text": "number" }, "default": "100", "description": "The maximum progress value.", "attribute": "max", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "ProgressIndicatorVariant" }, "default": "\"flat\"", "description": "The appearance of the indicator.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'flat' | 'wavy'" }, "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } } ], "attributes": [ { "description": "Whether to show something is happening without conveying progress.", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "fieldName": "indeterminate" }, { "name": "max", "type": { "text": "number" }, "default": "100", "description": "The maximum progress value.", "fieldName": "max", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "name": "value", "type": { "text": "number" }, "default": "0", "description": "A fractional value, between 0 and `max`, indicating progress.", "fieldName": "value", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "name": "variant", "type": { "text": "ProgressIndicatorVariant" }, "default": "\"flat\"", "description": "The appearance of the indicator.", "fieldName": "variant", "parsedType": { "text": "'flat' | 'wavy'" }, "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } } ], "superclass": { "name": "ProgressElementIndicatorBase", "module": "/src/progress-indicator/ProgressElementIndicatorBase" }, "tagName": "m3e-circular-progress-indicator", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eCircularProgressIndicatorElement", "declaration": { "name": "M3eCircularProgressIndicatorElement", "module": "src/progress-indicator/CircularProgressIndicatorElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-circular-progress-indicator", "declaration": { "name": "M3eCircularProgressIndicatorElement", "module": "src/progress-indicator/CircularProgressIndicatorElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/progress-indicator/LinearProgressMode.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/progress-indicator/LinearProgressIndicatorElement.ts", "declarations": [ { "kind": "class", "description": "A horizontal bar for indicating progress and activity.", "name": "M3eLinearProgressIndicatorElement", "cssProperties": [ { "description": "Thickness (height) of the progress bar.", "name": "--m3e-linear-progress-indicator-thickness" }, { "description": "Border radius of the progress bar.", "name": "--m3e-linear-progress-indicator-shape" }, { "description": "Track color of the progress bar (background/buffer).", "name": "--m3e-progress-indicator-track-color" }, { "description": "Color of the progress indicator (foreground).", "name": "--m3e-progress-indicator-color" }, { "description": "Amplitude of the `wavy` variant.", "name": "--m3e-linear-wavy-progress-indicator-amplitude" }, { "description": "Wavelength of the `wavy` variant.", "name": "--m3e-linear-wavy-progress-indicator-wavelength" }, { "description": "Wavelength of the indeterminate/query `wavy` variant.", "name": "--m3e-linear-wavy-indeterminate-progress-indicator-wavelength" } ], "members": [ { "kind": "field", "name": "__nextMaskId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#maskId", "privacy": "private", "default": "`m3e-linear-progress-mask-${M3eLinearProgressIndicatorElement.__nextMaskId++}`" }, { "kind": "field", "name": "#strokeWidth", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#amplitude", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#wavelength", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#resizeController", "privacy": "private", "readonly": true, "default": "new ResizeController(this, { skipInitial: true, target: null, callback: () => { this.#updateStroke(); this.#updateAmplitudeAndWavelength(); queueMicrotask(() => this.requestUpdate()); }, })" }, { "kind": "field", "name": "mode", "type": { "text": "LinearProgressMode" }, "default": "\"determinate\"", "description": "The mode of the progress bar.", "attribute": "mode", "reflects": true, "parsedType": { "text": "'determinate' | 'indeterminate' | 'buffer' | 'query'" } }, { "kind": "field", "name": "bufferValue", "type": { "text": "number" }, "default": "0", "description": "A fractional value, between 0 and `max`, indicating buffer progress.", "attribute": "buffer-value", "reflects": true }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "method", "name": "#initialize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#renderWave", "privacy": "private", "return": { "type": { "text": "unknown" } }, "parameters": [ { "name": "width", "type": { "text": "number" } }, { "name": "height", "type": { "text": "number" } }, { "name": "viewBox", "type": { "text": "string" } }, { "name": "path", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#renderResizeObservedElements", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#updateStroke", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateAmplitudeAndWavelength", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#drawWavyPath", "privacy": "private", "parameters": [ { "name": "width", "type": { "text": "number" } }, { "name": "phase", "default": "0", "type": { "text": "number" } } ] }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "value", "type": { "text": "number" }, "default": "0", "description": "A fractional value, between 0 and `max`, indicating progress.", "attribute": "value", "reflects": true, "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "max", "type": { "text": "number" }, "default": "100", "description": "The maximum progress value.", "attribute": "max", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "kind": "field", "name": "variant", "type": { "text": "ProgressIndicatorVariant" }, "default": "\"flat\"", "description": "The appearance of the indicator.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'flat' | 'wavy'" }, "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } } ], "attributes": [ { "description": "A fractional value, between 0 and `max`, indicating buffer progress.", "name": "buffer-value", "type": { "text": "number" }, "default": "0", "fieldName": "bufferValue" }, { "name": "max", "type": { "text": "number" }, "default": "100", "description": "The maximum progress value.", "fieldName": "max", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "description": "The mode of the progress bar.", "name": "mode", "type": { "text": "LinearProgressMode" }, "default": "\"determinate\"", "fieldName": "mode", "parsedType": { "text": "'determinate' | 'indeterminate' | 'buffer' | 'query'" } }, { "name": "value", "type": { "text": "number" }, "default": "0", "description": "A fractional value, between 0 and `max`, indicating progress.", "fieldName": "value", "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } }, { "name": "variant", "type": { "text": "ProgressIndicatorVariant" }, "default": "\"flat\"", "description": "The appearance of the indicator.", "fieldName": "variant", "parsedType": { "text": "'flat' | 'wavy'" }, "inheritedFrom": { "name": "ProgressElementIndicatorBase", "module": "src/progress-indicator/ProgressElementIndicatorBase.ts" } } ], "superclass": { "name": "ProgressElementIndicatorBase", "module": "/src/progress-indicator/ProgressElementIndicatorBase" }, "tagName": "m3e-linear-progress-indicator", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eLinearProgressIndicatorElement", "declaration": { "name": "M3eLinearProgressIndicatorElement", "module": "src/progress-indicator/LinearProgressIndicatorElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-linear-progress-indicator", "declaration": { "name": "M3eLinearProgressIndicatorElement", "module": "src/progress-indicator/LinearProgressIndicatorElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/progress-indicator/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/progress-indicator/CircularProgressIndicatorElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/progress-indicator/LinearProgressIndicatorElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/progress-indicator/LinearProgressMode" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/progress-indicator/ProgressElementIndicatorBase" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/progress-indicator/ProgressIndicatorVariant" } } ] }, { "kind": "javascript-module", "path": "src/radio-group/RadioElement.ts", "declarations": [ { "kind": "class", "description": "A radio button that allows a user to select one option from a set of options.", "name": "M3eRadioElement", "cssProperties": [ { "description": "Base size of the radio button container.", "name": "--m3e-radio-container-size" }, { "description": "Size of the radio icon inside the wrapper.", "name": "--m3e-radio-icon-size" }, { "description": "Hover state layer color when radio is not selected.", "name": "--m3e-radio-unselected-hover-color" }, { "description": "Focus state layer color when radio is not selected.", "name": "--m3e-radio-unselected-focus-color" }, { "description": "Ripple color when radio is not selected.", "name": "--m3e-radio-unselected-ripple-color" }, { "description": "Icon color when radio is not selected.", "name": "--m3e-radio-unselected-icon-color" }, { "description": "Hover state layer color when radio is selected.", "name": "--m3e-radio-selected-hover-color" }, { "description": "Focus state layer color when radio is selected.", "name": "--m3e-radio-selected-focus-color" }, { "description": "Ripple color when radio is selected.", "name": "--m3e-radio-selected-ripple-color" }, { "description": "Icon color when radio is selected.", "name": "--m3e-radio-selected-icon-color" }, { "description": "Icon color when radio is disabled.", "name": "--m3e-radio-disabled-icon-color" }, { "description": "Fallback hover color used when the radio is invalid and touched.", "name": "--m3e-radio-error-hover-color" }, { "description": "Fallback focus color used when the radio is invalid and touched.", "name": "--m3e-radio-error-focus-color" }, { "description": "Fallback ripple color used when the radio is invalid and touched.", "name": "--m3e-radio-error-ripple-color" }, { "description": "Fallback icon color used when the radio is invalid and touched.", "name": "--m3e-radio-error-icon-color" } ], "members": [ { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#hoverController", "privacy": "private", "readonly": true, "default": "new HoverController(this, { target: null, callback: (hovering) => { if (this.disabled) return; if (hovering) { this._stateLayer?.show(\"hover\"); } else { this._stateLayer?.hide(\"hover\"); } }, })" }, { "kind": "field", "name": "#pressedController", "privacy": "private", "readonly": true, "default": "new PressedController(this, { target: null, minPressedDuration: 150, callback: (pressed) => { if (this.disabled) return; if (pressed) { this._ripple?.show(0, 0, true); } else { this._ripple?.hide(); } }, })" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "\"on\"", "description": "A string representing the value of the radio.", "attribute": "value" }, { "kind": "method", "name": "#renderIcon", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#notifySelectionChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "description": "The label elements that the element is associated with.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "attribute": "checked", "reflects": true, "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before the checked state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when the checked state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the checked state changes." }, { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "fieldName": "checked", "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "description": "Whether the element is required.", "name": "required" }, { "description": "A string representing the value of the radio.", "name": "value", "type": { "text": "string" }, "default": "\"on\"", "fieldName": "value" } ], "mixins": [ { "name": "Labelled", "package": "@m3e/web/core" }, { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "Checked", "package": "@m3e/web/core" }, { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-radio", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eRadioElement", "declaration": { "name": "M3eRadioElement", "module": "src/radio-group/RadioElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-radio", "declaration": { "name": "M3eRadioElement", "module": "src/radio-group/RadioElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/radio-group/RadioGroupElement.ts", "declarations": [ { "kind": "class", "description": "A container for a set of radio buttons.", "name": "M3eRadioGroupElement", "slots": [ { "description": "Renders the radio buttons of the group.", "name": "" } ], "members": [ { "kind": "field", "name": "#directionalitySubscription", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "radios", "type": { "text": "readonly M3eRadioElement[]" }, "description": "The radios in the group.", "readonly": true }, { "kind": "field", "name": "selected", "type": { "text": "M3eRadioElement | null" }, "description": "The selected radio.", "readonly": true }, { "kind": "field", "name": "value", "type": { "text": "string | null" }, "description": "The selected value of the radio group.", "readonly": true }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "description": "The label elements that the element is associated with.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether a value is required for the element.", "attribute": "required", "reflects": true, "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } }, { "kind": "field", "name": "optional", "description": "Whether a value is not required for the element.", "readonly": true, "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } }, { "kind": "field", "name": "[_validityMessage]", "type": { "text": "string | undefined" }, "privacy": "private", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "description": "Whether the element is a submittable element that is a candidate for constraint validation.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "description": "The validity state of the element.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "description": "The error message that would be displayed if the user submits the form, or an empty string if no error message.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "setCustomValidity", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "error", "type": { "text": "string" }, "description": "The message to use for validity errors." } ], "description": "Sets a custom validity message for the element.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "[_updateValidity]", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "#getNativeMessage", "privacy": "private", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "flags", "type": { "text": "ValidityStateFlags" } } ], "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "description": "Dispatched before the checked state of a radio button changes.", "name": "beforeinput" }, { "description": "Dispatched when the checked state of a radio button changes.", "name": "input" }, { "description": "Dispatched when the checked state of a radio button changes.", "name": "change" } ], "attributes": [ { "name": "aria-invalid" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is required.", "fieldName": "required", "inheritedFrom": { "name": "Required", "module": "src/core/shared/mixins/Required.ts" } } ], "mixins": [ { "name": "Labelled", "package": "@m3e/web/core" }, { "name": "RequiredConstraintValidation", "package": "@m3e/web/core" }, { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "Required", "package": "@m3e/web/core" }, { "name": "ConstraintValidation", "package": "@m3e/web/core" }, { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-radio-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eRadioGroupElement", "declaration": { "name": "M3eRadioGroupElement", "module": "src/radio-group/RadioGroupElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-radio-group", "declaration": { "name": "M3eRadioGroupElement", "module": "src/radio-group/RadioGroupElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/radio-group/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/radio-group/RadioElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/radio-group/RadioGroupElement" } } ] }, { "kind": "javascript-module", "path": "src/search/SearchViewQueryEventDetail.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/search/styles/SearchBarToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/search/styles/SearchBarStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/search/styles/SearchViewToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/search/styles/SearchViewStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/search/styles/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/search/styles/SearchBarStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/search/styles/SearchViewStyle" } } ] }, { "kind": "javascript-module", "path": "src/search/SearchBarElement.ts", "declarations": [ { "kind": "class", "description": "A bar that provides a prominent entry point for search.", "name": "M3eSearchBarElement", "cssProperties": [ { "description": "Background color of the search bar container.", "name": "--m3e-search-bar-container-color" }, { "description": "Color of the leading icon.", "name": "--m3e-search-bar-leading-icon-color" }, { "description": "Color of the trailing icon.", "name": "--m3e-search-bar-trailing-icon-color" }, { "description": "Height of the search bar container.", "name": "--m3e-search-bar-container-height" }, { "description": "Shape (border radius) of the search bar container.", "name": "--m3e-search-bar-container-shape" }, { "description": "Size of icons inside the search bar.", "name": "--m3e-search-bar-icon-size" }, { "description": "Color of the supporting text.", "name": "--m3e-search-bar-supporting-text-color" }, { "description": "Font size of the supporting text.", "name": "--m3e-search-bar-supporting-text-font-size" }, { "description": "Font weight of the supporting text.", "name": "--m3e-search-bar-supporting-text-font-weight" }, { "description": "Line height of the supporting text.", "name": "--m3e-search-bar-supporting-text-line-height" }, { "description": "Letter spacing of the supporting text.", "name": "--m3e-search-bar-supporting-text-tracking" }, { "description": "Color of the input text.", "name": "--m3e-search-bar-input-color" }, { "description": "Font size of the input text.", "name": "--m3e-search-bar-input-text-font-size" }, { "description": "Font weight of the input text.", "name": "--m3e-search-bar-input-text-font-weight" }, { "description": "Line height of the input text.", "name": "--m3e-search-bar-input-text-line-height" }, { "description": "Letter spacing of the input text.", "name": "--m3e-search-bar-input-text-tracking" }, { "description": "Space before the leading icon.", "name": "--m3e-search-bar-leading-space" }, { "description": "Space after the trailing icon.", "name": "--m3e-search-bar-trailing-space" }, { "description": "Leading padding when no actions are present.", "name": "--m3e-search-bar-no-actions-leading-space" }, { "description": "Trailing padding when no actions are present.", "name": "--m3e-search-bar-no-actions-trailing-space" }, { "description": "Space between leading actions and the input.", "name": "--m3e-search-bar-leading-actions-trailing-space" }, { "description": "Space between the input and trailing actions.", "name": "--m3e-search-bar-trailing-actions-leading-space" }, { "description": "Gap between action icons.", "name": "--m3e-search-bar-actions-gap" } ], "slots": [ { "description": "Renders content before the input of the bar.", "name": "leading" }, { "description": "Renders the input of the bar.", "name": "input" }, { "description": "Renders content after the input of the bar.", "name": "trailing" } ], "members": [ { "kind": "field", "name": "#input", "privacy": "private", "type": { "text": "HTMLInputElement | undefined" } }, { "kind": "field", "name": "#inputInputHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "clearable", "type": { "text": "boolean" }, "default": "false", "description": "Whether the bar presents a button used to clear the search term.", "attribute": "clearable", "reflects": true }, { "kind": "field", "name": "clearLabel", "type": { "text": "string" }, "default": "\"Clear\"", "description": "The accessible label given to the button used to clear the search term.", "attribute": "clear-label" }, { "kind": "method", "name": "clear", "return": { "type": { "text": "void" } }, "description": "Clears the search term." }, { "kind": "method", "name": "#renderClearButton", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleContainerClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleLeadingSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleTrailingSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleInputSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleInputInput", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleClearClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "clear", "type": { "text": "Event" }, "description": "Dispatched when the search term is cleared." } ], "attributes": [ { "description": "Whether the bar presents a button used to clear the search term.", "name": "clearable", "type": { "text": "boolean" }, "default": "false", "fieldName": "clearable" }, { "description": "The accessible label given to the button used to clear the search term.", "name": "clear-label", "type": { "text": "string" }, "default": "\"Clear\"", "fieldName": "clearLabel" } ], "mixins": [ { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-search-bar", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSearchBarElement", "declaration": { "name": "M3eSearchBarElement", "module": "src/search/SearchBarElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-search-bar", "declaration": { "name": "M3eSearchBarElement", "module": "src/search/SearchBarElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/search/SearchViewMode.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/search/SearchViewElement.ts", "declarations": [ { "kind": "class", "description": "A surface that presents suggestions and results for a search.", "name": "M3eSearchViewElement", "cssProperties": [ { "description": "Background color of the view container.", "name": "--m3e-search-view-container-color" }, { "description": "Background color of the contained view container.", "name": "--m3e-search-view-contained-container-color" }, { "description": "Color of the divider separating header and results.", "name": "--m3e-search-view-divider-color" }, { "description": "Thickness of the divider separating header and results.", "name": "--m3e-search-view-divider-thickness" }, { "description": "Shape of the fullscreen view container.", "name": "--m3e-search-view-full-screen-container-shape" }, { "description": "Height of the header container in fullscreen mode.", "name": "--m3e-search-view-full-screen-header-container-height" }, { "description": "Shape of the docked view container.", "name": "--m3e-search-view-docked-container-shape" }, { "description": "Height of the header container in docked mode.", "name": "--m3e-search-view-docked-header-container-height" }, { "description": "Leading margin for the contained view.", "name": "--m3e-search-view-contained-leading-margin" }, { "description": "Trailing margin for the contained view.", "name": "--m3e-search-view-contained-trailing-margin" }, { "description": "Leading margin when the contained view is focused.", "name": "--m3e-search-view-contained-focused-leading-margin" }, { "description": "Trailing margin when the contained view is focused.", "name": "--m3e-search-view-contained-focused-trailing-margin" }, { "description": "Gap between the contained docked bar and results.", "name": "--m3e-search-view-contained-docked-bar-results-gap" }, { "description": "Shape of the results container in contained docked mode.", "name": "--m3e-search-view-contained-docked-results-shape" }, { "description": "Shape of the bar in contained docked mode.", "name": "--m3e-search-view-contained-docked-bar-shape" }, { "description": "Height of the bar container in contained fullscreen mode.", "name": "--m3e-search-view-contained-full-screen-bar-container-height" }, { "description": "Minimum height of the docked view container.", "name": "--m3e-search-view-docked-container-min-height" }, { "description": "Maximum height of the docked view container.", "name": "--m3e-search-view-docked-container-max-height" }, { "description": "Space above the results in contained docked mode.", "name": "--m3e-search-view-contained-docked-results-space" }, { "description": "Space below the results in docked mode.", "name": "--m3e-search-view-docked-results-bottom-space" }, { "description": "Color of the scrim behind the docked view.", "name": "--m3e-search-view-docked-scrim-color" }, { "description": "Opacity of the scrim behind the docked view.", "name": "--m3e-search-view-docked-scrim-opacity" } ], "slots": [ { "description": "When open, renders the results content of the view.", "name": "" }, { "description": "Renders the input of the view.", "name": "input" }, { "description": "When open, renders content before the input of the view.", "name": "open-leading" }, { "description": "When open, renders content after the input of the view.", "name": "open-trailing" }, { "description": "When closed, renders content before the input of the view.", "name": "closed-leading" }, { "description": "When closed, renders content after the input of the view.", "name": "closed-trailing" } ], "members": [ { "kind": "field", "name": "#input", "privacy": "private", "type": { "text": "HTMLInputElement | undefined" } }, { "kind": "field", "name": "#closeOnInputFocus", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#inputInputHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#inputFocusHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#inputKeyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#inputPointerHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#scrollLockController", "privacy": "private", "readonly": true, "default": "new ScrollLockController(this)" }, { "kind": "field", "name": "#inertController", "privacy": "private", "readonly": true, "default": "new InertController(this)" }, { "kind": "field", "name": "_clearable", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_mode", "type": { "text": "Exclude | undefined" }, "privacy": "private" }, { "kind": "field", "name": "#openMode", "privacy": "private", "type": { "text": "Exclude | undefined" } }, { "kind": "field", "name": "#anchorCleanup", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#breakpointUnobserve", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "_anchor", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_view", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "contained", "type": { "text": "boolean" }, "default": "false", "description": "Whether the view features a persistent, filled search container.", "attribute": "contained", "reflects": true }, { "kind": "field", "name": "mode", "type": { "text": "SearchViewMode" }, "default": "\"docked\"", "description": "The behavior mode of the view.", "attribute": "mode", "reflects": true, "parsedType": { "text": "'auto' | 'docked' | 'fullscreen'" } }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Whether the view is expanded to show results.", "attribute": "open", "reflects": true }, { "kind": "field", "name": "clearLabel", "type": { "text": "string" }, "default": "\"Clear\"", "description": "The accessible label given to the button used to clear the search term.", "attribute": "clear-label" }, { "kind": "field", "name": "closeLabel", "type": { "text": "string" }, "default": "\"Close\"", "description": "The accessible label given to the button used to collapse the view.", "attribute": "close-label" }, { "kind": "field", "name": "hideSearchIcon", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide the search icon.", "attribute": "hide-search-icon" }, { "kind": "field", "name": "currentMode", "type": { "text": "Exclude" }, "description": "The current mode applied to the view." }, { "kind": "method", "name": "clear", "return": { "type": { "text": "void" } }, "description": "Clears the search term." }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#renderIconOrBackButton", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#renderIcon", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#renderBackButton", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#renderClearButton", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#initBreakpointMonitoring", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleInputSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleInputInput", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateMode", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateClearableState", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleInputFocus", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleCloseClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleClearClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleInputPointerDown", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleInputKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_handleFocusChange", "privacy": "private", "parameters": [ { "name": "focused", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#openDocked", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#closeDocked", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#hideDocked", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#openFullscreen", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#closeFullscreen", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "query", "type": { "text": "CustomEvent" }, "description": "Dispatched when the view is opened or when the user modifies the search term." }, { "name": "clear", "type": { "text": "Event" }, "description": "Dispatched when the search term is cleared." }, { "name": "beforetoggle", "type": { "text": "ToggleEvent" }, "description": "Dispatched before the toggle state changes." }, { "name": "toggle", "type": { "text": "ToggleEvent" }, "description": "Dispatched after the toggle state has changed." } ], "attributes": [ { "description": "Whether the view features a persistent, filled search container.", "name": "contained", "type": { "text": "boolean" }, "default": "false", "fieldName": "contained" }, { "description": "The behavior mode of the view.", "name": "mode", "type": { "text": "SearchViewMode" }, "default": "\"docked\"", "fieldName": "mode", "parsedType": { "text": "'auto' | 'docked' | 'fullscreen'" } }, { "description": "Whether the view is expanded to show results.", "name": "open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" }, { "description": "The accessible label given to the button used to clear the search term.", "name": "clear-label", "type": { "text": "string" }, "default": "\"Clear\"", "fieldName": "clearLabel" }, { "description": "The accessible label given to the button used to collapse the view.", "name": "close-label", "type": { "text": "string" }, "default": "\"Close\"", "fieldName": "closeLabel" }, { "description": "Whether to hide the search icon.", "name": "hide-search-icon", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideSearchIcon" } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-search-view", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSearchViewElement", "declaration": { "name": "M3eSearchViewElement", "module": "src/search/SearchViewElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-search-view", "declaration": { "name": "M3eSearchViewElement", "module": "src/search/SearchViewElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/search/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/search/SearchViewQueryEventDetail" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/search/SearchBarElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/search/SearchViewElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/search/SearchViewMode" } } ] }, { "kind": "javascript-module", "path": "src/segmented-button/ButtonSegmentElement.ts", "declarations": [ { "kind": "class", "description": "A option that can be selected within a segmented button.", "name": "M3eButtonSegmentElement", "cssProperties": [ { "description": "Total height of the segmented button.", "name": "--m3e-segmented-button-height" }, { "description": "Thickness of the button's border.", "name": "--m3e-segmented-button-outline-thickness" }, { "description": "Color of the button's border.", "name": "--m3e-segmented-button-outline-color" }, { "description": "Padding on the leading edge of the button content.", "name": "--m3e-segmented-button-padding-start" }, { "description": "Padding on the trailing edge of the button content.", "name": "--m3e-segmented-button-padding-end" }, { "description": "Horizontal gap between icon and label.", "name": "--m3e-segmented-button-spacing" }, { "description": "Font size of the label text.", "name": "--m3e-segmented-button-font-size" }, { "description": "Font weight of the label text.", "name": "--m3e-segmented-button-font-weight" }, { "description": "Line height of the label text.", "name": "--m3e-segmented-button-line-height" }, { "description": "Letter spacing of the label text.", "name": "--m3e-segmented-button-tracking" }, { "description": "Leading padding when an icon is present.", "name": "--m3e-segmented-button-with-icon-padding-start" }, { "description": "Background color of a selected segment.", "name": "--m3e-segmented-button-selected-container-color" }, { "description": "Hover state-layer color for selected segments.", "name": "--m3e-segmented-button-selected-container-hover-color" }, { "description": "Focus state-layer color for selected segments.", "name": "--m3e-segmented-button-selected-container-focus-color" }, { "description": "Ripple color for selected segments.", "name": "--m3e-segmented-button-selected-ripple-color" }, { "description": "Label text color for selected segments.", "name": "--m3e-segmented-button-selected-label-text-color" }, { "description": "Icon color for selected segments.", "name": "--m3e-segmented-button-selected-icon-color" }, { "description": "Hover state-layer color for unselected segments.", "name": "--m3e-segmented-button-unselected-container-hover-color" }, { "description": "Focus state-layer color for unselected segments.", "name": "--m3e-segmented-button-unselected-container-focus-color" }, { "description": "Ripple color for unselected segments.", "name": "--m3e-segmented-button-unselected-ripple-color" }, { "description": "Label text color for unselected segments.", "name": "--m3e-segmented-button-unselected-label-text-color" }, { "description": "Icon color for unselected segments.", "name": "--m3e-segmented-button-unselected-icon-color" }, { "description": "Font size of the icon.", "name": "--m3e-segmented-button-icon-size" }, { "description": "Base color for disabled segment borders.", "name": "--m3e-segmented-button-disabled-outline-color" }, { "description": "Opacity applied to disabled segment borders.", "name": "--m3e-segmented-button-disabled-outline-opacity" }, { "description": "Base color for disabled label text.", "name": "--m3e-segmented-button-disabled-label-text-color" }, { "description": "Opacity applied to disabled label text.", "name": "--m3e-segmented-button-disabled-label-text-opacity" }, { "description": "Base color for disabled icons.", "name": "--m3e-segmented-button-disabled-icon-color" }, { "description": "Opacity applied to disabled icons.", "name": "--m3e-segmented-button-disabled-icon-opacity" } ], "slots": [ { "description": "Renders the label of the option.", "name": "" }, { "description": "Renders an icon before the option's label.", "name": "icon" } ], "members": [ { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "\"on\"", "description": "A string representing the value of the segment.", "attribute": "value" }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "attribute": "checked", "reflects": true, "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before the checked state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when the checked state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the checked state changes." }, { "description": "Dispatched when the element is clicked.", "name": "click" } ], "attributes": [ { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "fieldName": "checked", "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "description": "A string representing the value of the segment.", "name": "value", "type": { "text": "string" }, "default": "\"on\"", "fieldName": "value" } ], "mixins": [ { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "Checked", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-button-segment", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eButtonSegmentElement", "declaration": { "name": "M3eButtonSegmentElement", "module": "src/segmented-button/ButtonSegmentElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-button-segment", "declaration": { "name": "M3eButtonSegmentElement", "module": "src/segmented-button/ButtonSegmentElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/segmented-button/SegmentedButtonElement.ts", "declarations": [ { "kind": "class", "description": "A button that allows a user to select from a limited set of options.", "name": "M3eSegmentedButtonElement", "cssProperties": [ { "description": "Border radius for the first segment in a segmented button.", "name": "--m3e-segmented-button-start-shape" }, { "description": "Border radius for the last segment in a segmented button.", "name": "--m3e-segmented-button-end-shape" } ], "slots": [ { "description": "Renders the segments of the button.", "name": "" } ], "members": [ { "kind": "field", "name": "#directionalitySubscription", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "multi", "type": { "text": "boolean" }, "default": "false", "description": "Whether multiple options can be selected.", "attribute": "multi" }, { "kind": "field", "name": "hideSelectionIndicator", "type": { "text": "boolean" }, "default": "false", "description": "Whether to hide the selection indicator.", "attribute": "hide-selection-indicator" }, { "kind": "field", "name": "segments", "type": { "text": "readonly M3eButtonSegmentElement[]" }, "description": "The segments of the button.", "readonly": true }, { "kind": "field", "name": "selected", "type": { "text": "readonly M3eButtonSegmentElement[]" }, "description": "The selected segment(s) of the button.", "readonly": true }, { "kind": "field", "name": "value", "type": { "text": "string | readonly string[] | null" }, "description": "The selected (enabled) value(s) of the button.", "readonly": true }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "description": "The label elements that the element is associated with.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the checked state of a segment changes." }, { "description": "Dispatched before the checked state of a segment changes.", "name": "beforeinput" }, { "description": "Dispatched when the checked state of a segment changes.", "name": "input" } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "description": "Whether to hide the selection indicator.", "name": "hide-selection-indicator", "type": { "text": "boolean" }, "default": "false", "fieldName": "hideSelectionIndicator" }, { "description": "Whether multiple options can be selected.", "name": "multi", "type": { "text": "boolean" }, "default": "false", "fieldName": "multi" }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } } ], "mixins": [ { "name": "Labelled", "package": "@m3e/web/core" }, { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-segmented-button", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSegmentedButtonElement", "declaration": { "name": "M3eSegmentedButtonElement", "module": "src/segmented-button/SegmentedButtonElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-segmented-button", "declaration": { "name": "M3eSegmentedButtonElement", "module": "src/segmented-button/SegmentedButtonElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/segmented-button/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/segmented-button/ButtonSegmentElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/segmented-button/SegmentedButtonElement" } } ] }, { "kind": "javascript-module", "path": "src/shape/ShapeName.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/shape/ShapeToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/shape/ShapeStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/shape/ShapePolygon.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/shape/ShapeNameStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/shape/ShapeElement.ts", "declarations": [ { "kind": "class", "description": "A shape used to add emphasis and decorative flair.", "name": "M3eShapeElement", "cssProperties": [ { "description": "Default size of the shape.", "name": "--m3e-shape-size" }, { "description": "Container (background) color of the shape.", "name": "--m3e-shape-container-color" }, { "description": "Transition used to morph between shapes.", "name": "--m3e-shape-transition" } ], "slots": [ { "description": "Renders the clipped content of the shape.", "name": "" } ], "members": [ { "kind": "field", "name": "name", "type": { "text": "ShapeName | null" }, "default": "null", "description": "The name of the shape.", "attribute": "name", "reflects": true, "parsedType": { "text": "'square' | '4-leaf-clover' | '4-sided-cookie' | '6-sided-cookie' | '7-sided-cookie' | '8-leaf-clover' | '9-sided-cookie' | '12-sided-cookie' | 'arch' | 'arrow' | 'boom' | 'bun' | 'burst' | 'circle' | 'diamond' | 'fan' | 'flower' | 'gem' | 'ghost-ish' | 'heart' | 'hexagon' | 'oval' | 'pentagon' | 'pill' | 'pixel-circle' | 'pixel-triangle' | 'puffy' | 'puffy-diamond' | 'semicircle' | 'slanted' | 'soft-boom' | 'soft-burst' | 'sunny' | 'triangle' | 'very-sunny' | null" } } ], "attributes": [ { "description": "The name of the shape.", "name": "name", "type": { "text": "ShapeName | null" }, "default": "null", "fieldName": "name", "parsedType": { "text": "'square' | '4-leaf-clover' | '4-sided-cookie' | '6-sided-cookie' | '7-sided-cookie' | '8-leaf-clover' | '9-sided-cookie' | '12-sided-cookie' | 'arch' | 'arrow' | 'boom' | 'bun' | 'burst' | 'circle' | 'diamond' | 'fan' | 'flower' | 'gem' | 'ghost-ish' | 'heart' | 'hexagon' | 'oval' | 'pentagon' | 'pill' | 'pixel-circle' | 'pixel-triangle' | 'puffy' | 'puffy-diamond' | 'semicircle' | 'slanted' | 'soft-boom' | 'soft-burst' | 'sunny' | 'triangle' | 'very-sunny' | null" } } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-shape", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eShapeElement", "declaration": { "name": "M3eShapeElement", "module": "src/shape/ShapeElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-shape", "declaration": { "name": "M3eShapeElement", "module": "src/shape/ShapeElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/shape/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/shape/ShapeElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/shape/ShapeName" } } ] }, { "kind": "javascript-module", "path": "src/skeleton/SkeletonAnimation.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/skeleton/SkeletonShape.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/skeleton/SkeletonElement.ts", "declarations": [ { "kind": "class", "description": "A visual placeholder that mimics the layout of content while it's still loading.", "name": "M3eSkeletonElement", "cssProperties": [ { "description": "Base fill color for the skeleton surface.", "name": "--m3e-skeleton-color" }, { "description": "Tint fill color for the skeleton surface.", "name": "--m3e-skeleton-tint-color" }, { "description": "Tint Opacity applied when the skeleton animation is not pulsating.", "name": "--m3e-skeleton-tint-opacity" }, { "description": "Accent color used in wave animation.", "name": "--m3e-skeleton-accent-color" }, { "description": "Opacity of the accent effect in animations.", "name": "--m3e-skeleton-accent-opacity" }, { "description": "Corner radius for the rounded skeleton shape.", "name": "--m3e-skeleton-rounded-shape" }, { "description": "Corner radius for the circular skeleton shape.", "name": "--m3e-skeleton-circular-shape" }, { "description": "Corner radius for the square skeleton shape.", "name": "--m3e-skeleton-square-shape" }, { "description": "Corner radius for the skeleton shape.", "name": "--m3e-skeleton-shape" } ], "slots": [ { "description": "Renders the content to be mimicked by the skeleton.", "name": "" } ], "members": [ { "kind": "field", "name": "#anchoringCleanupMap", "privacy": "private", "readonly": true, "default": "new Map void>()" }, { "kind": "field", "name": "shape", "type": { "text": "SkeletonShape" }, "default": "\"auto\"", "description": "The shape of the skeleton.", "attribute": "shape", "reflects": true, "parsedType": { "text": "'auto' | 'rounded' | 'square' | 'circular'" } }, { "kind": "field", "name": "animation", "type": { "text": "SkeletonAnimation" }, "default": "\"wave\"", "description": "The animation effect of the skeleton.", "attribute": "animation", "reflects": true, "parsedType": { "text": "'none' | 'pulse' | 'wave'" } }, { "kind": "field", "name": "loaded", "type": { "text": "boolean" }, "default": "false", "description": "Whether the content of the skeleton has been loaded.", "attribute": "loaded", "reflects": true }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#clearShapes", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#createShapes", "privacy": "private", "return": { "type": { "text": "Promise" } } }, { "kind": "method", "name": "#createShape", "privacy": "private", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "element", "type": { "text": "HTMLElement" } } ] }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } } ], "attributes": [ { "description": "The animation effect of the skeleton.", "name": "animation", "type": { "text": "SkeletonAnimation" }, "default": "\"wave\"", "fieldName": "animation", "parsedType": { "text": "'none' | 'pulse' | 'wave'" } }, { "description": "The shape of the skeleton.", "name": "shape", "type": { "text": "SkeletonShape" }, "default": "\"auto\"", "fieldName": "shape", "parsedType": { "text": "'auto' | 'rounded' | 'square' | 'circular'" } }, { "description": "Whether the content of the skeleton has been loaded.", "name": "loaded", "type": { "text": "boolean" }, "default": "false", "fieldName": "loaded" } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-skeleton", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSkeletonElement", "declaration": { "name": "M3eSkeletonElement", "module": "src/skeleton/SkeletonElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-skeleton", "declaration": { "name": "M3eSkeletonElement", "module": "src/skeleton/SkeletonElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/skeleton/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/skeleton/SkeletonAnimation" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/skeleton/SkeletonElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/skeleton/SkeletonShape" } } ] }, { "kind": "javascript-module", "path": "src/slide-group/SlideGroupElement.ts", "declarations": [ { "kind": "class", "description": "Presents pagination controls used to scroll overflowing content.", "name": "M3eSlideGroupElement", "cssProperties": [ { "description": "Sets icon size for scroll buttons; overrides default small icon size.", "name": "--m3e-slide-group-button-icon-size" }, { "description": "Defines scroll button size; used for width (horizontal) or height (vertical).", "name": "--m3e-slide-group-button-size" }, { "description": "Adds top border to content container for visual separation.", "name": "--m3e-slide-group-divider-top" }, { "description": "Adds bottom border to content container for visual separation.", "name": "--m3e-slide-group-divider-bottom" } ], "slots": [ { "description": "Renders the content to paginate.", "name": "" }, { "description": "Renders the icon to present for the next button.", "name": "next-icon" }, { "description": "Renders the icon to present for the previous button.", "name": "prev-icon" } ], "members": [ { "kind": "field", "name": "#directionalitySubscription", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#resizeController", "privacy": "private", "readonly": true, "default": "new ResizeController(this, { target: null, callback: () => this._updatePaging(), })" }, { "kind": "field", "name": "_canPage", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_canPageStart", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_canPageEnd", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether scroll buttons are disabled.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether content is oriented vertically.", "attribute": "vertical", "reflects": true }, { "kind": "field", "name": "threshold", "type": { "text": "number" }, "default": "0", "description": "A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.", "attribute": "threshold" }, { "kind": "field", "name": "previousPageLabel", "type": { "text": "string" }, "default": "\"Previous page\"", "description": "The accessible label given to the button used to move to the previous page.", "attribute": "previous-page-label" }, { "kind": "field", "name": "nextPageLabel", "type": { "text": "string" }, "default": "\"Next page\"", "description": "The accessible label given to the button used to move to the next page.", "attribute": "next-page-label" }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#pageStart", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#pageEnd", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_updatePaging", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } } ], "attributes": [ { "description": "Whether scroll buttons are disabled.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "description": "The accessible label given to the button used to move to the next page.", "name": "next-page-label", "type": { "text": "string" }, "default": "\"Next page\"", "fieldName": "nextPageLabel" }, { "description": "The accessible label given to the button used to move to the previous page.", "name": "previous-page-label", "type": { "text": "string" }, "default": "\"Previous page\"", "fieldName": "previousPageLabel" }, { "description": "A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.", "name": "threshold", "type": { "text": "number" }, "default": "0", "fieldName": "threshold" }, { "description": "Whether content is oriented vertically.", "name": "vertical", "type": { "text": "boolean" }, "default": "false", "fieldName": "vertical" } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-slide-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSlideGroupElement", "declaration": { "name": "M3eSlideGroupElement", "module": "src/slide-group/SlideGroupElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-slide-group", "declaration": { "name": "M3eSlideGroupElement", "module": "src/slide-group/SlideGroupElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/slide-group/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/slide-group/SlideGroupElement" } } ] }, { "kind": "javascript-module", "path": "src/slider/SliderThumbElement.ts", "declarations": [ { "kind": "class", "description": "A thumb used to select a value in a slider.", "name": "M3eSliderThumbElement", "cssProperties": [ { "description": "Width of the slider thumb.", "name": "--m3e-slider-thumb-width" }, { "description": "Horizontal padding around the thumb.", "name": "--m3e-slider-thumb-padding" }, { "description": "Active color of the slider thumb when enabled.", "name": "--m3e-slider-thumb-color" }, { "description": "Width of the thumb when pressed.", "name": "--m3e-slider-thumb-pressed-width" }, { "description": "Color of the thumb when disabled.", "name": "--m3e-slider-thumb-disabled-color" }, { "description": "Opacity of the thumb when disabled.", "name": "--m3e-slider-thumb-disabled-opacity" }, { "description": "Width of the floating label above the thumb.", "name": "--m3e-slider-label-width" }, { "description": "Background color of the label container.", "name": "--m3e-slider-label-container-color" }, { "description": "Text color of the label.", "name": "--m3e-slider-label-color" }, { "description": "Font size of the label text.", "name": "--m3e-slider-label-font-size" }, { "description": "Font weight of the label text.", "name": "--m3e-slider-label-font-weight" }, { "description": "Line height of the label text.", "name": "--m3e-slider-label-line-height" }, { "description": "Letter spacing of the label text.", "name": "--m3e-slider-label-tracking" } ], "members": [ { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "value", "type": { "text": "number | null" }, "default": "null", "description": "The value of the thumb.", "attribute": "value", "reflects": true }, { "kind": "field", "name": "[formValue]", "type": { "text": "string | File | FormData | null" }, "readonly": true }, { "kind": "method", "name": "focus", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "options", "optional": true, "type": { "text": "FocusOptions" } } ] }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "value-change", "type": { "text": "Event" } }, { "description": "Dispatched before the value changes.", "name": "beforeinput" }, { "description": "Dispatched when the value changes.", "name": "input" }, { "description": "Dispatched when the value changes.", "name": "change" }, { "description": "Dispatched when the element is clicked.", "name": "click" } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "description": "The value of the thumb.", "name": "value", "type": { "text": "number | null" }, "default": "null", "fieldName": "value" } ], "mixins": [ { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-slider-thumb", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSliderThumbElement", "declaration": { "name": "M3eSliderThumbElement", "module": "src/slider/SliderThumbElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-slider-thumb", "declaration": { "name": "M3eSliderThumbElement", "module": "src/slider/SliderThumbElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/slider/SliderSize.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/slider/SliderElement.ts", "declarations": [ { "kind": "class", "description": "Allows for the selection of numeric values from a range.", "name": "M3eSliderElement", "cssProperties": [ { "description": "Minimum inline size of the slider host.", "name": "--m3e-slider-min-width" }, { "description": "Height of the slider when size is small or extra-small.", "name": "--m3e-slider-small-height" }, { "description": "Height of the slider when size is medium.", "name": "--m3e-slider-medium-height" }, { "description": "Height of the slider when size is large.", "name": "--m3e-slider-large-height" }, { "description": "Height of the slider when size is extra-large.", "name": "--m3e-slider-extra-large-height" }, { "description": "Corner shape of the active track for small sliders.", "name": "--m3e-slider-small-active-track-shape" }, { "description": "Corner shape of the inactive track start for small sliders.", "name": "--m3e-slider-small-inactive-active-track-start-shape" }, { "description": "Corner shape of the inactive track end for small sliders.", "name": "--m3e-slider-small-inactive-track-end-shape" }, { "description": "Corner shape of the active track for medium sliders.", "name": "--m3e-slider-medium-active-track-shape" }, { "description": "Corner shape of the inactive track start for medium sliders.", "name": "--m3e-slider-medium-inactive-active-track-start-shape" }, { "description": "Corner shape of the inactive track end for medium sliders.", "name": "--m3e-slider-medium-inactive-track-end-shape" }, { "description": "Corner shape of the active track for large sliders.", "name": "--m3e-slider-large-active-track-shape" }, { "description": "Corner shape of the inactive track start for large sliders.", "name": "--m3e-slider-large-inactive-active-track-start-shape" }, { "description": "Corner shape of the inactive track end for large sliders.", "name": "--m3e-slider-large-inactive-track-end-shape" }, { "description": "Corner shape of the active track for extra-large sliders.", "name": "--m3e-slider-extra-large-active-track-shape" }, { "description": "Corner shape of the inactive track start for extra-large sliders.", "name": "--m3e-slider-extra-large-inactive-active-track-start-shape" }, { "description": "Corner shape of the inactive track end for extra-large sliders.", "name": "--m3e-slider-extra-large-inactive-track-end-shape" }, { "description": "Height of the track for extra-small sliders.", "name": "--m3e-slider-extra-small-track-height" }, { "description": "Height of the track for small sliders.", "name": "--m3e-slider-small-track-height" }, { "description": "Height of the track for medium sliders.", "name": "--m3e-slider-medium-track-height" }, { "description": "Height of the track for large sliders.", "name": "--m3e-slider-large-track-height" }, { "description": "Height of the track for extra-large sliders.", "name": "--m3e-slider-extra-large-track-height" }, { "description": "Size of each tick mark.", "name": "--m3e-slider-tick-size" }, { "description": "Corner shape of each tick mark.", "name": "--m3e-slider-tick-shape" }, { "description": "Background color of the inactive track when enabled.", "name": "--m3e-slider-inactive-track-color" }, { "description": "Base color of the inactive track when disabled.", "name": "--m3e-slider-disabled-inactive-track-color" }, { "description": "Opacity of the inactive track when disabled.", "name": "--m3e-slider-disabled-inactive-track-opacity" }, { "description": "Background color of the active track when enabled.", "name": "--m3e-slider-active-track-color" }, { "description": "Base color of the active track when disabled.", "name": "--m3e-slider-disabled-active-track-color" }, { "description": "Opacity of the active track when disabled.", "name": "--m3e-slider-disabled-active-track-opacity" }, { "description": "Color of active ticks when enabled.", "name": "--m3e-slider-tick-active-color" }, { "description": "Color of active ticks when disabled.", "name": "--m3e-slider-disabled-tick-active-color" }, { "description": "Color of inactive ticks when enabled.", "name": "--m3e-slider-tick-inactive-color" }, { "description": "Color of inactive ticks when disabled.", "name": "--m3e-slider-disabled-tick-inactive-color" } ], "slots": [ { "description": "Renders the thumbs of the slider.", "name": "" } ], "members": [ { "kind": "field", "name": "#directionalitySubscription", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ticks", "privacy": "private", "default": "new Array<{ value: number; active: boolean }>()" }, { "kind": "field", "name": "#changedThumbs", "privacy": "private", "readonly": true, "default": "new Set()" }, { "kind": "field", "name": "#thumbs", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "#activeThumb", "privacy": "private", "type": { "text": "M3eSliderThumbElement | undefined" } }, { "kind": "field", "name": "#cachedWidth", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#cachedThumbWidth", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "#cachedLeft", "privacy": "private", "type": { "text": "number" }, "default": "0" }, { "kind": "field", "name": "size", "type": { "text": "SliderSize" }, "default": "\"extra-small\"", "description": "The size of the slider.", "attribute": "size", "reflects": true, "parsedType": { "text": "'small' | 'medium' | 'large' | 'extra-small' | 'extra-large'" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "discrete", "type": { "text": "boolean" }, "default": "false", "description": "Whether to show tick marks.", "attribute": "discrete", "reflects": true }, { "kind": "field", "name": "min", "type": { "text": "number" }, "default": "0", "description": "The minimum allowable value.", "attribute": "min" }, { "kind": "field", "name": "max", "type": { "text": "number" }, "default": "100", "description": "The maximum allowable value.", "attribute": "max" }, { "kind": "field", "name": "step", "type": { "text": "number" }, "default": "1", "description": "The value at which the thumb will snap.", "attribute": "step" }, { "kind": "field", "name": "labelled", "type": { "text": "boolean" }, "default": "false", "description": "Whether to show value labels when activated.", "attribute": "labelled" }, { "kind": "field", "name": "displayWith", "type": { "text": "((value: number | null) => string) | null" }, "default": "null", "description": "The function used to format display values." }, { "kind": "field", "name": "thumbs", "type": { "text": "readonly M3eSliderThumbElement[]" }, "description": "The thumbs used to select values.", "readonly": true }, { "kind": "field", "name": "isRange", "type": { "text": "boolean" }, "description": "Whether the slider is a range slider.", "readonly": true }, { "kind": "field", "name": "thumb", "type": { "text": "M3eSliderThumbElement | null" }, "description": "The thumb used to select a value.", "readonly": true }, { "kind": "field", "name": "lowerThumb", "type": { "text": "M3eSliderThumbElement | null" }, "description": "The thumb used to select the lower value of a range slider.", "readonly": true }, { "kind": "field", "name": "upperThumb", "type": { "text": "M3eSliderThumbElement | null" }, "description": "The thumb used to select the upper value of a range slider.", "readonly": true }, { "kind": "method", "name": "#renderTick", "privacy": "private", "parameters": [ { "name": "tick", "type": { "text": "{ value: number; active: boolean }" } } ] }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#updateThumbs", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#pointFromValue", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "value", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#valueFromPoint", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#updateCachedDimensions", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "force", "default": "false" } ] }, { "kind": "method", "name": "#updateDimensions", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "force", "default": "false" } ] }, { "kind": "method", "name": "#updateTicks", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "active", "type": { "text": "(value: number) => boolean" } } ] }, { "kind": "method", "name": "#handlePointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handlePointerMove", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handlePointerUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleThumbChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#changeThumb", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "thumb", "type": { "text": "M3eSliderThumbElement" } }, { "name": "value", "type": { "text": "number" } }, { "name": "animate", "default": "false" } ] }, { "kind": "method", "name": "#commitThumb", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "thumb", "type": { "text": "M3eSliderThumbElement" } } ] }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "description": "Dispatched before the value of a thumb changes.", "name": "beforeinput" }, { "description": "Dispatched when the value of a thumb changes.", "name": "input" }, { "description": "Dispatched when the value of a thumb changes.", "name": "change" } ], "attributes": [ { "description": "Whether the element is disabled.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "description": "Whether to show tick marks.", "name": "discrete", "type": { "text": "boolean" }, "default": "false", "fieldName": "discrete" }, { "description": "Whether to show value labels when activated.", "name": "labelled", "type": { "text": "boolean" }, "default": "false", "fieldName": "labelled" }, { "description": "The maximum allowable value.", "name": "max", "type": { "text": "number" }, "default": "100", "fieldName": "max" }, { "description": "The minimum allowable value.", "name": "min", "type": { "text": "number" }, "default": "0", "fieldName": "min" }, { "description": "The value at which the thumb will snap.", "name": "step", "type": { "text": "number" }, "default": "1", "fieldName": "step" }, { "description": "The size of the slider.", "name": "size", "type": { "text": "SliderSize" }, "default": "\"extra-small\"", "fieldName": "size", "parsedType": { "text": "'small' | 'medium' | 'large' | 'extra-small' | 'extra-large'" } } ], "mixins": [ { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-slider", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSliderElement", "declaration": { "name": "M3eSliderElement", "module": "src/slider/SliderElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-slider", "declaration": { "name": "M3eSliderElement", "module": "src/slider/SliderElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/slider/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/slider/SliderElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/slider/SliderSize" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/slider/SliderThumbElement" } } ] }, { "kind": "javascript-module", "path": "src/snackbar/SnackbarElement.ts", "declarations": [ { "kind": "class", "description": "Presents short updates about application processes at the bottom of the screen.", "name": "M3eSnackbarElement", "cssProperties": [ { "description": "Vertical offset from the bottom of the viewport.", "name": "--m3e-snackbar-margin" }, { "description": "Border radius of the snackbar container.", "name": "--m3e-snackbar-container-shape" }, { "description": "Background color of the snackbar.", "name": "--m3e-snackbar-container-color" }, { "description": "Internal spacing of the snackbar container.", "name": "--m3e-snackbar-padding" }, { "description": "Minimum width of the snackbar.", "name": "--m3e-snackbar-min-width" }, { "description": "Maximum width of the snackbar.", "name": "--m3e-snackbar-max-width" } ], "slots": [ { "description": "Renders the content of the snackbar.", "name": "" }, { "description": "Renders the icon of the button used to close the snackbar.", "name": "close-icon" } ], "members": [ { "kind": "field", "name": "__current", "type": { "text": "M3eSnackbarElement | null" }, "static": true, "default": "null", "privacy": "private" }, { "kind": "field", "name": "#timeoutId", "privacy": "private", "type": { "text": "number" }, "default": "-1" }, { "kind": "field", "name": "#actionTaken", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#beforeToggleHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "current", "type": { "text": "M3eSnackbarElement | null" }, "static": true, "description": "The currently open snackbar.", "readonly": true }, { "kind": "field", "name": "duration", "type": { "text": "number" }, "default": "3000", "description": "The length of time, in milliseconds, to wait before automatically dismissing the snackbar.", "attribute": "duration" }, { "kind": "field", "name": "action", "type": { "text": "string" }, "default": "\"\"", "description": "The label of the snackbar's action.", "attribute": "action" }, { "kind": "field", "name": "dismissible", "type": { "text": "boolean" }, "default": "false", "description": "Whether a button is presented that can be used to close the snackbar.", "attribute": "dismissible", "reflects": true }, { "kind": "field", "name": "closeLabel", "type": { "text": "string" }, "default": "\"Close\"", "description": "The accessible label given to the button used to dismiss the snackbar.", "attribute": "close-label" }, { "kind": "field", "name": "isActionTaken", "type": { "text": "boolean" }, "description": "Whether the user clicked the action.", "readonly": true }, { "kind": "method", "name": "#renderActionButton", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#renderCloseButton", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleActionClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleBeforeToggle", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "ToggleEvent" } } ] } ], "events": [ { "description": "Dispatched before the toggle state changes.", "name": "beforetoggle" }, { "description": "Dispatched after the toggle state has changed.", "name": "toggle" } ], "attributes": [ { "description": "The label of the snackbar's action.", "name": "action", "type": { "text": "string" }, "default": "\"\"", "fieldName": "action" }, { "description": "The accessible label given to the button used to dismiss the snackbar.", "name": "close-label", "type": { "text": "string" }, "default": "\"Close\"", "fieldName": "closeLabel" }, { "description": "Whether a button is presented that can be used to close the snackbar.", "name": "dismissible", "type": { "text": "boolean" }, "default": "false", "fieldName": "dismissible" }, { "description": "The length of time, in milliseconds, to wait before automatically dismissing the snackbar.", "name": "duration", "type": { "text": "number" }, "default": "3000", "fieldName": "duration" } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-snackbar", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSnackbarElement", "declaration": { "name": "M3eSnackbarElement", "module": "src/snackbar/SnackbarElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-snackbar", "declaration": { "name": "M3eSnackbarElement", "module": "src/snackbar/SnackbarElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/snackbar/Snackbar.ts", "declarations": [ { "kind": "class", "description": "Presents short updates about application processes at the bottom of the screen from anywhere in an application.", "name": "M3eSnackbar", "members": [ { "kind": "method", "name": "open", "static": true, "return": { "type": { "text": "void" } }, "parameters": [ { "name": "message", "type": { "text": "string" }, "description": "The message to show in the snackbar." }, { "name": "options", "optional": true, "type": { "text": "SnackbarOptions | undefined" }, "description": "Options that control the behavior of the snackbar." } ], "description": "Opens a snackbar with a message." }, { "kind": "method", "name": "open", "static": true, "return": { "type": { "text": "void" } }, "parameters": [ { "name": "message", "type": { "text": "string" }, "description": "The message to show in the snackbar." }, { "name": "action", "type": { "text": "string" }, "description": "The label for the snackbar action." }, { "name": "options", "optional": true, "type": { "text": "SnackbarOptions | undefined" }, "description": "Options that control the behavior of the snackbar." } ], "description": "Opens a snackbar with a message and action." }, { "kind": "method", "name": "open", "static": true, "return": { "type": { "text": "void" } }, "parameters": [ { "name": "message", "type": { "text": "string" }, "description": "The message to show in the snackbar." }, { "name": "action", "type": { "text": "string" }, "description": "The label for the snackbar action." }, { "name": "dismissible", "type": { "text": "boolean" }, "description": "Whether to present close affordance." }, { "name": "options", "optional": true, "type": { "text": "SnackbarOptions | undefined" }, "description": "Options that control the behavior of the snackbar." } ], "description": "Opens a snackbar with a message, action and optional close affordance." }, { "kind": "method", "name": "open", "static": true, "return": { "type": { "text": "void" } }, "parameters": [ { "name": "message", "type": { "text": "string" }, "description": "The message to show in the snackbar." }, { "name": "dismissible", "type": { "text": "boolean" }, "description": "Whether to present close affordance." }, { "name": "options", "optional": true, "type": { "text": "SnackbarOptions | undefined" }, "description": "Options that control the behavior of the snackbar." } ], "description": "Opens a snackbar with a message and optional close affordance." }, { "kind": "method", "name": "open", "static": true, "return": { "type": { "text": "void" } }, "parameters": [ { "name": "message", "type": { "text": "string" } }, { "name": "actionOrDismissibleOrOptions", "optional": true, "type": { "text": "string | boolean | SnackbarOptions" } }, { "name": "dismissibleOrOptions", "optional": true, "type": { "text": "boolean | SnackbarOptions" } }, { "name": "options", "optional": true, "type": { "text": "SnackbarOptions" } } ] }, { "kind": "method", "name": "dismiss", "static": true, "return": { "type": { "text": "void" } }, "description": "Dismisses the currently visible snackbar." } ] } ], "exports": [ { "kind": "js", "name": "M3eSnackbar", "declaration": { "name": "M3eSnackbar", "module": "src/snackbar/Snackbar.ts" } } ] }, { "kind": "javascript-module", "path": "src/snackbar/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/snackbar/Snackbar" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/snackbar/SnackbarElement" } } ] }, { "kind": "javascript-module", "path": "src/split-button/SplitButtonVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/split-button/SplitButtonElement.ts", "declarations": [ { "kind": "class", "description": "A button used to show an action with a menu of related actions.", "name": "M3eSplitButtonElement", "cssProperties": [ { "description": "Leading space for the trailing button (extra-small, unselected).", "name": "--m3e-split-button-extra-small-trailing-button-unselected-leading-space" }, { "description": "Trailing space for the trailing button (extra-small, unselected).", "name": "--m3e-split-button-extra-small-trailing-button-unselected-trailing-space" }, { "description": "Leading space for the trailing button (small, unselected).", "name": "--m3e-split-button-small-trailing-button-unselected-leading-space" }, { "description": "Trailing space for the trailing button (small, unselected).", "name": "--m3e-split-button-small-trailing-button-unselected-trailing-space" }, { "description": "Leading space for the trailing button (medium, unselected).", "name": "--m3e-split-button-medium-trailing-button-unselected-leading-space" }, { "description": "Trailing space for the trailing button (medium, unselected).", "name": "--m3e-split-button-medium-trailing-button-unselected-trailing-space" }, { "description": "Leading space for the trailing button (large, unselected).", "name": "--m3e-split-button-large-trailing-button-unselected-leading-space" }, { "description": "Trailing space for the trailing button (large, unselected).", "name": "--m3e-split-button-large-trailing-button-unselected-trailing-space" }, { "description": "Leading space for the trailing button (extra-large, unselected).", "name": "--m3e-split-button-extra-large-trailing-button-unselected-leading-space" }, { "description": "Trailing space for the trailing button (extra-large, unselected).", "name": "--m3e-split-button-extra-large-trailing-button-unselected-trailing-space" }, { "description": "Leading space for the trailing button (extra-small, selected).", "name": "--m3e-split-button-extra-small-trailing-button-selected-leading-space" }, { "description": "Trailing space for the trailing button (extra-small, selected).", "name": "--m3e-split-button-extra-small-trailing-button-selected-trailing-space" }, { "description": "Leading space for the trailing button (small, selected).", "name": "--m3e-split-button-small-trailing-button-selected-leading-space" }, { "description": "Trailing space for the trailing button (small, selected).", "name": "--m3e-split-button-small-trailing-button-selected-trailing-space" }, { "description": "Leading space for the trailing button (medium, selected).", "name": "--m3e-split-button-medium-trailing-button-selected-leading-space" }, { "description": "Trailing space for the trailing button (medium, selected).", "name": "--m3e-split-button-medium-trailing-button-selected-trailing-space" }, { "description": "Leading space for the trailing button (large, selected).", "name": "--m3e-split-button-large-trailing-button-selected-leading-space" }, { "description": "Trailing space for the trailing button (large, selected).", "name": "--m3e-split-button-large-trailing-button-selected-trailing-space" }, { "description": "Leading space for the trailing button (extra-large, selected).", "name": "--m3e-split-button-extra-large-trailing-button-selected-leading-space" }, { "description": "Trailing space for the trailing button (extra-large, selected).", "name": "--m3e-split-button-extra-large-trailing-button-selected-trailing-space" }, { "description": "Inner corner size for the leading/trailing button (extra-small).", "name": "--m3e-split-button-extra-small-inner-corner-size" }, { "description": "Inner corner size for the leading/trailing button (small).", "name": "--m3e-split-button-small-inner-corner-size" }, { "description": "Inner corner size for the leading/trailing button (medium).", "name": "--m3e-split-button-medium-inner-corner-size" }, { "description": "Inner corner size for the leading/trailing button (large).", "name": "--m3e-split-button-large-inner-corner-size" }, { "description": "Inner corner size for the leading/trailing button (extra-large).", "name": "--m3e-split-button-extra-large-inner-corner-size" }, { "description": "Inner corner size on hover (extra-small).", "name": "--m3e-split-button-extra-small-inner-corner-hover-size" }, { "description": "Inner corner size on hover (small).", "name": "--m3e-split-button-small-inner-corner-hover-size" }, { "description": "Inner corner size on hover (medium).", "name": "--m3e-split-button-medium-inner-corner-hover-size" }, { "description": "Inner corner size on hover (large).", "name": "--m3e-split-button-large-inner-corner-hover-size" }, { "description": "Inner corner size on hover (extra-large).", "name": "--m3e-split-button-extra-large-inner-corner-hover-size" }, { "description": "Inner corner size on press (extra-small).", "name": "--m3e-split-button-extra-small-inner-corner-pressed-size" }, { "description": "Inner corner size on press (small).", "name": "--m3e-split-button-small-inner-corner-pressed-size" }, { "description": "Inner corner size on press (medium).", "name": "--m3e-split-button-medium-inner-corner-pressed-size" }, { "description": "Inner corner size on press (large).", "name": "--m3e-split-button-large-inner-corner-pressed-size" }, { "description": "Inner corner size on press (extra-large).", "name": "--m3e-split-button-extra-large-inner-corner-pressed-size" }, { "description": "Spacing between leading and trailing buttons (extra-small).", "name": "--m3e-split-button-extra-small-between-spacing" }, { "description": "Spacing between leading and trailing buttons (small).", "name": "--m3e-split-button-small-between-spacing" }, { "description": "Spacing between leading and trailing buttons (medium).", "name": "--m3e-split-button-medium-between-spacing" }, { "description": "Spacing between leading and trailing buttons (large).", "name": "--m3e-split-button-large-between-spacing" }, { "description": "Spacing between leading and trailing buttons (extra-large).", "name": "--m3e-split-button-extra-large-between-spacing" } ], "slots": [ { "description": "The leading button used to perform the primary action.", "name": "leading-button" }, { "description": "The trailing icon button used to open a menu of related actions.", "name": "trailing-button" } ], "members": [ { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#leadingButton", "privacy": "private", "type": { "text": "M3eButtonElement | undefined" } }, { "kind": "field", "name": "#trailingButton", "privacy": "private", "type": { "text": "M3eIconButtonElement | undefined" } }, { "kind": "field", "name": "#trailingButtonHover", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#pressedController", "privacy": "private", "readonly": true, "default": "new PressedController(this, { target: null, capture: true, minPressedDuration: 150, isPressedKey: (key) => key === \" \", callback: (pressed, _, target) => { switch (target) { case this.#leadingButton: this.#updateLeadingButtonShape(pressed); break; case this.#trailingButton: this.#updateTrailingButtonShape(pressed || this.#trailingButtonHover); break; } }, })" }, { "kind": "field", "name": "#hoverController", "privacy": "private", "readonly": true, "default": "new HoverController(this, { target: null, callback: (hovering, target) => { switch (target) { case this.#trailingButton: if (!this.#trailingButton?.disabled && !this.#trailingButton?.disabledInteractive) { this.#trailingButtonHover = hovering; this.#updateTrailingButtonShape(hovering); } break; } }, })" }, { "kind": "field", "name": "variant", "type": { "text": "SplitButtonVariant" }, "default": "\"filled\"", "description": "The appearance variant of the button.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'filled' | 'outlined' | 'elevated' | 'tonal'" } }, { "kind": "field", "name": "size", "type": { "text": "ButtonSize" }, "default": "\"small\"", "description": "The size of the button.", "attribute": "size", "reflects": true, "parsedType": { "text": "'small' | 'medium' | 'large' | 'extra-small' | 'extra-large'" } }, { "kind": "method", "name": "#handleLeadingSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleTrailingSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#updateButtons", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateLeadingButtonShape", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "update", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#updateTrailingButtonShape", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "update", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#updateButtonShape", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "button", "type": { "text": "HTMLElement" } }, { "name": "property", "type": { "text": "string" } } ] } ], "attributes": [ { "description": "The appearance variant of the button.", "name": "variant", "type": { "text": "SplitButtonVariant" }, "default": "\"filled\"", "fieldName": "variant", "parsedType": { "text": "'filled' | 'outlined' | 'elevated' | 'tonal'" } }, { "description": "The size of the button.", "name": "size", "type": { "text": "ButtonSize" }, "default": "\"small\"", "fieldName": "size", "parsedType": { "text": "'small' | 'medium' | 'large' | 'extra-small' | 'extra-large'" } } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-split-button", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSplitButtonElement", "declaration": { "name": "M3eSplitButtonElement", "module": "src/split-button/SplitButtonElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-split-button", "declaration": { "name": "M3eSplitButtonElement", "module": "src/split-button/SplitButtonElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/split-button/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/split-button/SplitButtonElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/split-button/SplitButtonVariant" } } ] }, { "kind": "javascript-module", "path": "src/split-pane/SplitPaneOrientation.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/split-pane/SplitPaneElement.ts", "declarations": [ { "kind": "class", "description": "A dual-view layout that separates content with a movable drag handle.", "name": "M3eSplitPaneElement", "cssProperties": [ { "description": "Color used for the drag handle hover state.", "name": "--m3e-split-pane-drag-handle-hover-color" }, { "description": "Opacity used for the drag handle hover state.", "name": "--m3e-split-pane-drag-handle-hover-opacity" }, { "description": "Color used for the drag handle focus state.", "name": "--m3e-split-pane-drag-handle-focus-color" }, { "description": "Opacity used for the drag handle focus state.", "name": "--m3e-split-pane-drag-handle-focus-opacity" }, { "description": "Background color of the drag handle when not pressed.", "name": "--m3e-split-pane-drag-handle-color" }, { "description": "Corner shape of the drag handle when not pressed.", "name": "--m3e-split-pane-drag-handle-shape" }, { "description": "Background color of the drag handle when pressed.", "name": "--m3e-split-pane-drag-handle-pressed-color" }, { "description": "Corner shape of the drag handle when pressed.", "name": "--m3e-split-pane-drag-handle-pressed-shape" }, { "description": "Width of the drag handle container.", "name": "--m3e-split-pane-drag-handle-container-width" }, { "description": "Thickness of the drag handle when not pressed.", "name": "--m3e-split-pane-drag-handle-width" }, { "description": "Length of the drag handle when not pressed.", "name": "--m3e-split-pane-drag-handle-height" }, { "description": "Thickness of the drag handle when pressed.", "name": "--m3e-split-pane-drag-handle-pressed-width" }, { "description": "Length of the drag handle when pressed.", "name": "--m3e-split-pane-drag-handle-pressed-height" } ], "slots": [ { "description": "Renders content at the logical start side of the pane.", "name": "start" }, { "description": "Renders content at the logical end side of the pane.", "name": "end" } ], "members": [ { "kind": "field", "name": "_orientation", "type": { "text": "Exclude | undefined" }, "privacy": "private" }, { "kind": "field", "name": "#breakpointUnobserve", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "_base", "type": { "text": "HTMLElement" }, "privacy": "private" }, { "kind": "field", "name": "_dragHandle", "type": { "text": "HTMLElement" }, "privacy": "private" }, { "kind": "field", "name": "#dragState", "privacy": "private", "type": { "text": "{ startPos: number; startValue: number; cachedSize: number; min: number; max: number } | undefined" } }, { "kind": "field", "name": "#valueChanged", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#snapAnimation", "privacy": "private", "type": { "text": "Animation | undefined" } }, { "kind": "field", "name": "#pressedController", "privacy": "private", "readonly": true, "default": "new PressedController(this, { target: null, isPressedKey: (key) => key === \" \", minPressedDuration: 150, callback: (pressed) => setCustomState(this, \"--pressed\", pressed && !this.disabled), })" }, { "kind": "field", "name": "#startMutationController", "privacy": "private", "readonly": true, "default": "new MutationController(this, { target: null, config: { attributeFilter: [\"hidden\"] }, callback: () => this.#updatePaneVisibility(\"start\"), })" }, { "kind": "field", "name": "#endMutationController", "privacy": "private", "readonly": true, "default": "new MutationController(this, { target: null, config: { attributeFilter: [\"hidden\"] }, callback: () => this.#updatePaneVisibility(\"end\"), })" }, { "kind": "field", "name": "value", "type": { "text": "number" }, "default": "50", "description": "A fractional value, between 0 and 100, indicating the size of the start pane.", "attribute": "value" }, { "kind": "field", "name": "min", "type": { "text": "number" }, "default": "0", "description": "A fractional value, between 0 and 100, indicating the minimum size of the start pane.", "attribute": "min" }, { "kind": "field", "name": "max", "type": { "text": "number" }, "default": "100", "description": "A fractional value, between 0 and 100, indicating the maximum size of the start pane.", "attribute": "max" }, { "kind": "field", "name": "overshootLimit", "type": { "text": "number" }, "default": "4", "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.", "attribute": "overshoot-limit" }, { "kind": "field", "name": "step", "type": { "text": "number" }, "default": "1", "description": "A fractional value, between 0 and 100, indicating the increment by which to adjust the value when resized via keyboard.", "attribute": "step" }, { "kind": "field", "name": "detents", "type": { "text": "string[]" }, "default": "[]", "description": "Detents (discrete sizes) the start pane can snap to.", "attribute": "detents" }, { "kind": "field", "name": "wrapDetents", "type": { "text": "boolean" }, "default": "false", "description": "Whether cycling through detents will wrap.", "attribute": "wrap-detents" }, { "kind": "field", "name": "orientation", "type": { "text": "SplitPaneOrientation" }, "default": "\"horizontal\"", "description": "The orientation of the split.", "attribute": "orientation", "parsedType": { "text": "'vertical' | 'horizontal' | 'auto'" } }, { "kind": "field", "name": "label", "type": { "text": "string" }, "default": "\"Resize panes\"", "description": "The accessible label given to the movable drag handle.", "attribute": "label" }, { "kind": "field", "name": "valueFormatter", "type": { "text": "(\r\n value: number,\r\n orientation: Omit,\r\n dir: Direction,\r\n ) => string | undefined | undefined" }, "description": "A function used to generates human readable text for the accessible value (`aria-valuetext`) of the drag handle.", "attribute": "valueFormatter" }, { "kind": "field", "name": "currentOrientation", "type": { "text": "Exclude" }, "description": "The current orientation of the split.", "readonly": true }, { "kind": "field", "name": "[formValue]", "type": { "text": "string | File | FormData | null" }, "readonly": true }, { "kind": "method", "name": "collapse", "return": { "type": { "text": "void" } }, "description": "Moves the drag handle to the collapsed position. If detents exist, snaps to the collapsed detent.\r\nIf no detents exist, moves to the minimum allowed value." }, { "kind": "method", "name": "expand", "return": { "type": { "text": "void" } }, "description": "Moves the drag handle to the expanded position. If detents exist, snaps to the expanded detent.\r\nIf no detents exist, moves to the maximum allowed value." }, { "kind": "method", "name": "snapToValue", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "number" }, "description": "A fractional value, between 0 and 100, indicating the size of the start pane." } ], "description": "Moves the drag handle to the specified position. If detents exist, snaps to the closest detent.\r\nIf no detents exist, moves to the specified value." }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#renderDragHandle", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleStartSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleEndSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "slot", "type": { "text": "HTMLSlotElement" } }, { "name": "mutationController", "type": { "text": "MutationController" } }, { "name": "state", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#updatePaneVisibility", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "pane", "type": { "text": "\"start\" | \"end\"" } } ] }, { "kind": "method", "name": "#hasVisibleElements", "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "slot", "optional": true, "type": { "text": "HTMLSlotElement | null" } }, { "name": "assignedElements", "optional": true, "type": { "text": "Element[]" } } ] }, { "kind": "method", "name": "#initialize", "privacy": "private" }, { "kind": "method", "name": "#initBreakpointMonitoring", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateOrientation", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#clearOrientation", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handlePointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handlePointerMove", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handlePointerUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#changeValue", "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "value", "type": { "text": "number" } }, { "name": "emitChange", "default": "true" }, { "name": "allowOvershoot", "default": "false" } ] }, { "kind": "method", "name": "#getClosestDetent", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "value", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#getNextHigherDetent", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "detentIndex", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#getNextLowerDetent", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "detentIndex", "type": { "text": "number" } } ] }, { "kind": "method", "name": "#computeDetent", "privacy": "private", "return": { "type": { "text": "number | undefined" } }, "parameters": [ { "name": "detent", "type": { "text": "string" } } ] }, { "kind": "method", "name": "#clearSnapAnimation", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#snapToValue", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "value", "type": { "text": "number" } }, { "name": "emitChange", "default": "true" } ] }, { "kind": "method", "name": "#cycleDetent", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the user finishes adjusting the drag handle." }, { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched continuously before the user adjusts the drag handle." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched continuously while the user adjusts the drag handle." } ], "attributes": [ { "description": "Detents (discrete sizes) the start pane can snap to.", "name": "detents", "type": { "text": "string[]" }, "default": "[]", "fieldName": "detents" }, { "description": "The accessible label given to the movable drag handle.", "name": "label", "type": { "text": "string" }, "default": "\"Resize panes\"", "fieldName": "label" }, { "description": "A fractional value, between 0 and 100, indicating the maximum size of the start pane.", "name": "max", "type": { "text": "number" }, "default": "100", "fieldName": "max" }, { "description": "A fractional value, between 0 and 100, indicating the minimum size of the start pane.", "name": "min", "type": { "text": "number" }, "default": "0", "fieldName": "min" }, { "description": "The orientation of the split.", "name": "orientation", "type": { "text": "SplitPaneOrientation" }, "default": "\"horizontal\"", "fieldName": "orientation", "parsedType": { "text": "'vertical' | 'horizontal' | 'auto'" } }, { "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.", "name": "overshoot-limit", "type": { "text": "number" }, "default": "4", "fieldName": "overshootLimit" }, { "description": "A fractional value, between 0 and 100, indicating the increment by which to adjust the value when resized via keyboard.", "name": "step", "type": { "text": "number" }, "default": "1", "fieldName": "step" }, { "description": "A fractional value, between 0 and 100, indicating the size of the start pane.", "name": "value", "type": { "text": "number" }, "default": "50", "fieldName": "value" }, { "description": "Whether cycling through detents will wrap.", "name": "wrap-detents", "type": { "text": "boolean" }, "default": "false", "fieldName": "wrapDetents" }, { "name": "valueFormatter", "type": { "text": "(\r\n value: number,\r\n orientation: Omit,\r\n dir: Direction,\r\n ) => string | undefined | undefined" }, "description": "A function used to generates human readable text for the accessible value (`aria-valuetext`) of the drag handle.", "fieldName": "valueFormatter" }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } } ], "mixins": [ { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-split-pane", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSplitPaneElement", "declaration": { "name": "M3eSplitPaneElement", "module": "src/split-pane/SplitPaneElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-split-pane", "declaration": { "name": "M3eSplitPaneElement", "module": "src/split-pane/SplitPaneElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/split-pane/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/split-pane/SplitPaneElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/split-pane/SplitPaneOrientation" } } ] }, { "kind": "javascript-module", "path": "src/stepper/StepLabelPosition.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/stepper/StepHeaderPosition.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/stepper/StepperOrientation.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/stepper/StepperElement.ts", "declarations": [ { "kind": "class", "description": "Provides a wizard-like workflow by dividing content into logical steps.", "name": "M3eStepperElement", "cssProperties": [ { "description": "Thickness of the divider line between steps.", "name": "--m3e-step-divider-thickness" }, { "description": "Color of the divider line between steps.", "name": "--m3e-step-divider-color" }, { "description": "Inset offset for divider alignment within step layout.", "name": "--m3e-step-divider-inset" } ], "slots": [ { "description": "Renders a step.", "name": "step" }, { "description": "Renders a panel.", "name": "panel" } ], "members": [ { "kind": "field", "name": "#breakpointUnobserve", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "_orientation", "type": { "text": "Exclude | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_selectedIndex", "type": { "text": "number | null" }, "privacy": "private", "default": "null" }, { "kind": "field", "name": "headerPosition", "type": { "text": "StepHeaderPosition" }, "default": "\"above\"", "description": "The position of the step header, when oriented horizontally.", "attribute": "header-position", "reflects": true, "parsedType": { "text": "'above' | 'below'" } }, { "kind": "field", "name": "labelPosition", "type": { "text": "StepLabelPosition" }, "default": "\"end\"", "description": "The position of the step labels, when oriented horizontally.", "attribute": "label-position", "reflects": true, "parsedType": { "text": "'below' | 'end'" } }, { "kind": "field", "name": "linear", "type": { "text": "boolean" }, "default": "false", "description": "Whether the validity of previous steps should be checked or not.", "attribute": "linear", "reflects": true }, { "kind": "field", "name": "orientation", "type": { "text": "StepperOrientation" }, "default": "\"horizontal\"", "description": "The orientation of the stepper.", "attribute": "orientation", "reflects": true, "parsedType": { "text": "'vertical' | 'horizontal' | 'auto'" } }, { "kind": "field", "name": "steps", "type": { "text": "readonly M3eStepElement[]" }, "description": "The steps.", "readonly": true }, { "kind": "field", "name": "selectedStep", "type": { "text": "M3eStepElement | null" }, "description": "The selected step.", "readonly": true }, { "kind": "field", "name": "selectedIndex", "type": { "text": "number" }, "description": "The zero-based index of the selected step.", "readonly": true }, { "kind": "method", "name": "movePrevious", "return": { "type": { "text": "boolean" } }, "description": "Moves the stepper to the previous step." }, { "kind": "method", "name": "moveNext", "return": { "type": { "text": "boolean" } }, "description": "Moves the stepper to the next step." }, { "kind": "method", "name": "moveTo", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "index", "type": { "text": "number" }, "description": "The zero-based index of the step to which to move." } ], "description": "Moves the stepper to the step with the specified index." }, { "kind": "method", "name": "reset", "return": { "type": { "text": "void" } }, "description": "Resets the stepper to its initial state, clearing any form data." }, { "kind": "method", "name": "reconnectedCallback", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "method", "name": "#renderHeader", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleSelectedChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#checkValidity", "privacy": "private", "return": { "type": { "text": "boolean" } } }, { "kind": "method", "name": "#initBreakpointMonitoring", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateDisplayOrder", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "[_wasConnected]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "ReconnectedCallback", "module": "src/core/shared/mixins/ReconnectedCallback.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected step changes." }, { "description": "Dispatched before the selected state of a step changes.", "name": "beforeinput" }, { "description": "Dispatched when the selected state of a step changes.", "name": "input" } ], "attributes": [ { "description": "The position of the step header, when oriented horizontally.", "name": "header-position", "type": { "text": "StepHeaderPosition" }, "default": "\"above\"", "fieldName": "headerPosition", "parsedType": { "text": "'above' | 'below'" } }, { "description": "The position of the step labels, when oriented horizontally.", "name": "label-position", "type": { "text": "StepLabelPosition" }, "default": "\"end\"", "fieldName": "labelPosition", "parsedType": { "text": "'below' | 'end'" } }, { "description": "Whether the validity of previous steps should be checked or not.", "name": "linear", "type": { "text": "boolean" }, "default": "false", "fieldName": "linear" }, { "description": "The orientation of the stepper.", "name": "orientation", "type": { "text": "StepperOrientation" }, "default": "\"horizontal\"", "fieldName": "orientation", "parsedType": { "text": "'vertical' | 'horizontal' | 'auto'" } } ], "mixins": [ { "name": "ReconnectedCallback", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-stepper", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eStepperElement", "declaration": { "name": "M3eStepperElement", "module": "src/stepper/StepperElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-stepper", "declaration": { "name": "M3eStepperElement", "module": "src/stepper/StepperElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/stepper/StepPanelElement.ts", "declarations": [ { "kind": "class", "description": "A panel presented for a step in a wizard-like workflow.", "name": "M3eStepPanelElement", "cssProperties": [ { "description": "Padding inside the step panel container, defining internal spacing around content.", "name": "--m3e-step-panel-padding" }, { "description": "Vertical gap between stacked elements within the step panel.", "name": "--m3e-step-panel-spacing" }, { "description": "Minimum height of the slotted actions container.", "name": "--m3e-step-panel-actions-height" } ], "slots": [ { "description": "Renders the content of the panel.", "name": "" }, { "description": "Renders the actions bar of the panel.", "name": "actions-" } ], "members": [], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-step-panel", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eStepPanelElement", "declaration": { "name": "M3eStepPanelElement", "module": "src/stepper/StepPanelElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-step-panel", "declaration": { "name": "M3eStepPanelElement", "module": "src/stepper/StepPanelElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/stepper/StepElement.ts", "declarations": [ { "kind": "class", "description": "A step in a wizard-like workflow.", "name": "M3eStepElement", "cssProperties": [ { "description": "Border radius of the step container, defining its visual shape.", "name": "--m3e-step-shape" }, { "description": "Internal padding of the step container, used for layout spacing.", "name": "--m3e-step-padding" }, { "description": "Border radius of the icon container, controlling its geometric form.", "name": "--m3e-step-icon-shape" }, { "description": "Width and height of the icon container and icon glyph.", "name": "--m3e-step-icon-size" }, { "description": "Background color of the icon when the step is selected.", "name": "--m3e-step-selected-icon-container-color" }, { "description": "Foreground color of the icon when the step is selected.", "name": "--m3e-step-selected-icon-color" }, { "description": "Background color of the icon when the step is completed.", "name": "--m3e-step-completed-icon-container-color" }, { "description": "Foreground color of the icon when the step is completed.", "name": "--m3e-step-completed-icon-color" }, { "description": "Background color of the icon when the step is inactive.", "name": "--m3e-step-unselected-icon-container-color" }, { "description": "Foreground color of the icon when the step is inactive.", "name": "--m3e-step-unselected-icon-color" }, { "description": "Foreground color of the icon when the step is invalid.", "name": "--m3e-step-icon-error-color" }, { "description": "Base color used to mix the disabled icon background.", "name": "--m3e-step-disabled-icon-container-color" }, { "description": "Base color used to mix the disabled icon foreground.", "name": "--m3e-step-disabled-icon-color" }, { "description": "Text color of the step label in its default state.", "name": "--m3e-step-label-color" }, { "description": "Text color of the step label when the step is invalid.", "name": "--m3e-step-label-error-color" }, { "description": "Base color used to mix the disabled label foreground.", "name": "--m3e-step-disabled-label-color" }, { "description": "Font size of the step label.", "name": "--m3e-step-font-size" }, { "description": "Font weight of the step label.", "name": "--m3e-step-font-weight" }, { "description": "Line height of the step label.", "name": "--m3e-step-line-height" }, { "description": "Letter spacing of the step label.", "name": "--m3e-step-tracking" }, { "description": "Gap between icon and label.", "name": "--m3e-step-icon-label-space" }, { "description": "Font size of hint and error messages.", "name": "--m3e-step-hint-font-size" }, { "description": "Font weight of hint and error messages.", "name": "--m3e-step-hint-font-weight" }, { "description": "Line height of hint and error messages.", "name": "--m3e-step-hint-line-height" }, { "description": "Letter spacing of hint and error messages.", "name": "--m3e-step-hint-tracking" }, { "description": "Text color of hint messages in valid state.", "name": "--m3e-step-hint-color" }, { "description": "Base color used to mix the disabled hint foreground.", "name": "--m3e-step-disabled-hint-color" } ], "slots": [ { "description": "Renders the label of the step.", "name": "" }, { "description": "Renders the icon of the step.", "name": "icon" }, { "description": "Renders the icon of a completed step.", "name": "done-icon" }, { "description": "Renders the icon of a completed editable step.", "name": "edit-icon" }, { "description": "Renders icon of an invalid step.", "name": "error-icon" }, { "description": "Renders the hint text of the step.", "name": "hint" }, { "description": "Renders the error message for an invalid step.", "name": "error" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "optional", "type": { "text": "boolean" }, "default": "false", "description": "Whether the step is optional.", "attribute": "optional", "reflects": true }, { "kind": "field", "name": "editable", "type": { "text": "boolean" }, "default": "false", "description": "Whether the step is editable and users can return to it after completion.", "attribute": "editable", "reflects": true }, { "kind": "field", "name": "completed", "type": { "text": "boolean" }, "default": "false", "description": "Whether the step has been completed.", "attribute": "completed", "reflects": true }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Whether the step has an error.", "attribute": "invalid", "reflects": true }, { "kind": "field", "name": "panel", "type": { "text": "M3eStepPanelElement | null" }, "description": "A reference to the panel controlled by the step.", "readonly": true }, { "kind": "field", "name": "stepper", "type": { "text": "M3eStepperElement | null" }, "description": "The stepper to which this step belongs.", "readonly": true }, { "kind": "method", "name": "reset", "return": { "type": { "text": "void" } }, "description": "Resets the step to its initial state, clearing any form data." }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "#renderIcon", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before the selected state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "description": "Whether the step has been completed.", "name": "completed", "type": { "text": "boolean" }, "default": "false", "fieldName": "completed" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "description": "Whether the step is editable and users can return to it after completion.", "name": "editable", "type": { "text": "boolean" }, "default": "false", "fieldName": "editable" }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "description": "Whether the step is optional.", "name": "optional", "type": { "text": "boolean" }, "default": "false", "fieldName": "optional" }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "fieldName": "selected", "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Whether the step has an error.", "fieldName": "invalid" } ], "mixins": [ { "name": "Selected", "package": "@m3e/web/core" }, { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "HtmlFor", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-step", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eStepElement", "declaration": { "name": "M3eStepElement", "module": "src/stepper/StepElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-step", "declaration": { "name": "M3eStepElement", "module": "src/stepper/StepElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/stepper/StepperButtonElementBase.ts", "declarations": [ { "kind": "class", "description": "A base implementation for a button used to move to a step in a stepper. This class must be inherited.", "name": "StepperButtonElementBase", "members": [ { "kind": "field", "name": "#action", "privacy": "private", "type": { "text": "\"next\" | \"previous\" | \"reset\"" }, "readonly": true, "default": "action" }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ], "superclass": { "name": "ActionElementBase", "package": "@m3e/web/core" } } ], "exports": [ { "kind": "js", "name": "StepperButtonElementBase", "declaration": { "name": "StepperButtonElementBase", "module": "src/stepper/StepperButtonElementBase.ts" } } ] }, { "kind": "javascript-module", "path": "src/stepper/StepperNextElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to move a stepper to the next step.", "name": "M3eStepperNextElement", "slots": [ { "description": "Renders the content of the action.", "name": "" } ], "superclass": { "name": "StepperButtonElementBase", "module": "/src/stepper/StepperButtonElementBase" }, "tagName": "m3e-stepper-previous", "customElement": true, "members": [ { "kind": "field", "name": "#action", "privacy": "private", "type": { "text": "\"next\" | \"previous\" | \"reset\"" }, "readonly": true, "default": "action", "inheritedFrom": { "name": "StepperButtonElementBase", "module": "src/stepper/StepperButtonElementBase.ts" } }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ] } ], "exports": [ { "kind": "js", "name": "M3eStepperNextElement", "declaration": { "name": "M3eStepperNextElement", "module": "src/stepper/StepperNextElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-stepper-next", "declaration": { "name": "M3eStepperNextElement", "module": "src/stepper/StepperNextElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/stepper/StepperPreviousElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to move a stepper to the previous step.", "name": "M3eStepperPreviousElement", "slots": [ { "description": "Renders the content of the action.", "name": "" } ], "superclass": { "name": "StepperButtonElementBase", "module": "/src/stepper/StepperButtonElementBase" }, "tagName": "m3e-stepper-previous", "customElement": true, "members": [ { "kind": "field", "name": "#action", "privacy": "private", "type": { "text": "\"next\" | \"previous\" | \"reset\"" }, "readonly": true, "default": "action", "inheritedFrom": { "name": "StepperButtonElementBase", "module": "src/stepper/StepperButtonElementBase.ts" } }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ] } ], "exports": [ { "kind": "js", "name": "M3eStepperPreviousElement", "declaration": { "name": "M3eStepperPreviousElement", "module": "src/stepper/StepperPreviousElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-stepper-previous", "declaration": { "name": "M3eStepperPreviousElement", "module": "src/stepper/StepperPreviousElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/stepper/StepperResetElement.ts", "declarations": [ { "kind": "class", "description": "An element, nested within a clickable element, used to reset a stepper to its initial state.", "name": "M3eStepperResetElement", "slots": [ { "description": "Renders the content of the action.", "name": "" } ], "superclass": { "name": "StepperButtonElementBase", "module": "/src/stepper/StepperButtonElementBase" }, "tagName": "m3e-stepper-reset", "customElement": true, "members": [ { "kind": "field", "name": "#action", "privacy": "private", "type": { "text": "\"next\" | \"previous\" | \"reset\"" }, "readonly": true, "default": "action", "inheritedFrom": { "name": "StepperButtonElementBase", "module": "src/stepper/StepperButtonElementBase.ts" } }, { "kind": "method", "name": "_onClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" }, "description": "The click event to handle." } ], "description": "When implemented by a derived class, handles the specified click event.", "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "ActionElementBase", "module": "src/core/shared/primitives/ActionElementBase.ts" } } ] } ], "exports": [ { "kind": "js", "name": "M3eStepperResetElement", "declaration": { "name": "M3eStepperResetElement", "module": "src/stepper/StepperResetElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-stepper-reset", "declaration": { "name": "M3eStepperResetElement", "module": "src/stepper/StepperResetElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/stepper/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper/StepElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper/StepHeaderPosition" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper/StepLabelPosition" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper/StepPanelElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper/StepperButtonElementBase" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper/StepperElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper/StepperNextElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper/StepperOrientation" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper/StepperPreviousElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper/StepperResetElement" } } ] }, { "kind": "javascript-module", "path": "src/switch/styles/SwitchToken.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/switch/styles/SwitchHandleStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/switch/styles/SwitchIconStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/switch/styles/SwitchStateLayerStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/switch/styles/SwitchStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/switch/styles/SwitchTrackStyle.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/switch/styles/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/switch/styles/SwitchHandleStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/switch/styles/SwitchIconStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/switch/styles/SwitchStateLayerStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/switch/styles/SwitchStyle" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/switch/styles/SwitchTrackStyle" } } ] }, { "kind": "javascript-module", "path": "src/switch/SwitchIcons.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/switch/SwitchElement.ts", "declarations": [ { "kind": "class", "description": "An on/off control that can be toggled by clicking.", "name": "M3eSwitchElement", "cssProperties": [ { "description": "Color of the icon when the switch is selected.", "name": "--m3e-switch-selected-icon-color" }, { "description": "Size of the icon in the selected state.", "name": "--m3e-switch-selected-icon-size" }, { "description": "Color of the icon when the switch is unselected.", "name": "--m3e-switch-unselected-icon-color" }, { "description": "Size of the icon in the unselected state.", "name": "--m3e-switch-unselected-icon-size" }, { "description": "Height of the switch track.", "name": "--m3e-switch-track-height" }, { "description": "Width of the switch track.", "name": "--m3e-switch-track-width" }, { "description": "Color of the track's outline.", "name": "--m3e-switch-track-outline-color" }, { "description": "Thickness of the track's outline.", "name": "--m3e-switch-track-outline-width" }, { "description": "Corner shape of the track.", "name": "--m3e-switch-track-shape" }, { "description": "Track color when selected.", "name": "--m3e-switch-selected-track-color" }, { "description": "Track color when unselected.", "name": "--m3e-switch-unselected-track-color" }, { "description": "Height of the handle when unselected.", "name": "--m3e-switch-unselected-handle-height" }, { "description": "Width of the handle when unselected.", "name": "--m3e-switch-unselected-handle-width" }, { "description": "Height of the handle when icons are present.", "name": "--m3e-switch-with-icon-handle-height" }, { "description": "Width of the handle when icons are present.", "name": "--m3e-switch-with-icon-handle-width" }, { "description": "Height of the handle when selected.", "name": "--m3e-switch-selected-handle-height" }, { "description": "Width of the handle when selected.", "name": "--m3e-switch-selected-handle-width" }, { "description": "Height of the handle during press.", "name": "--m3e-switch-pressed-handle-height" }, { "description": "Width of the handle during press.", "name": "--m3e-switch-pressed-handle-width" }, { "description": "Corner shape of the handle.", "name": "--m3e-switch-handle-shape" }, { "description": "Handle color when selected.", "name": "--m3e-switch-selected-handle-color" }, { "description": "Handle color when unselected.", "name": "--m3e-switch-unselected-handle-color" }, { "description": "Diameter of the state layer overlay.", "name": "--m3e-switch-state-layer-size" }, { "description": "Corner shape of the state layer.", "name": "--m3e-switch-state-layer-shape" }, { "description": "Icon color when selected and disabled.", "name": "--m3e-switch-disabled-selected-icon-color" }, { "description": "Icon opacity when selected and disabled.", "name": "--m3e-switch-disabled-selected-icon-opacity" }, { "description": "Icon color when unselected and disabled.", "name": "--m3e-switch-disabled-unselected-icon-color" }, { "description": "Icon opacity when unselected and disabled.", "name": "--m3e-switch-disabled-unselected-icon-opacity" }, { "description": "Track opacity when disabled.", "name": "--m3e-switch-disabled-track-opacity" }, { "description": "Track color when selected and disabled.", "name": "--m3e-switch-disabled-selected-track-color" }, { "description": "Track color when unselected and disabled.", "name": "--m3e-switch-disabled-unselected-track-color" }, { "description": "Outline color when unselected and disabled.", "name": "--m3e-switch-disabled-unselected-track-outline-color" }, { "description": "Handle opacity when unselected and disabled.", "name": "--m3e-switch-disabled-unselected-handle-opacity" }, { "description": "Handle opacity when selected and disabled.", "name": "--m3e-switch-disabled-selected-handle-opacity" }, { "description": "Handle color when selected and disabled.", "name": "--m3e-switch-disabled-selected-handle-color" }, { "description": "Handle color when unselected and disabled.", "name": "--m3e-switch-disabled-unselected-handle-color" }, { "description": "Icon color when selected and hovered.", "name": "--m3e-switch-selected-hover-icon-color" }, { "description": "Icon color when unselected and hovered.", "name": "--m3e-switch-unselected-hover-icon-color" }, { "description": "Track color when selected and hovered.", "name": "--m3e-switch-selected-hover-track-color" }, { "description": "State layer color when selected and hovered.", "name": "--m3e-switch-selected-hover-state-layer-color" }, { "description": "State layer opacity when selected and hovered.", "name": "--m3e-switch-selected-hover-state-layer-opacity" }, { "description": "Track color when unselected and hovered.", "name": "--m3e-switch-unselected-hover-track-color" }, { "description": "Outline color when unselected and hovered.", "name": "--m3e-switch-unselected-hover-track-outline-color" }, { "description": "State layer color when unselected and hovered.", "name": "--m3e-switch-unselected-hover-state-layer-color" }, { "description": "State layer opacity when unselected and hovered.", "name": "--m3e-switch-unselected-hover-state-layer-opacity" }, { "description": "Handle color when selected and hovered.", "name": "--m3e-switch-selected-hover-handle-color" }, { "description": "Handle color when unselected and hovered.", "name": "--m3e-switch-unselected-hover-handle-color" }, { "description": "Icon color when selected and focused.", "name": "--m3e-switch-selected-focus-icon-color" }, { "description": "Icon color when unselected and focused.", "name": "--m3e-switch-unselected-focus-icon-color" }, { "description": "Track color when selected and focused.", "name": "--m3e-switch-selected-focus-track-color" }, { "description": "State layer color when selected and focused.", "name": "--m3e-switch-selected-focus-state-layer-color" }, { "description": "State layer opacity when selected and focused.", "name": "--m3e-switch-selected-focus-state-layer-opacity" }, { "description": "Track color when unselected and focused.", "name": "--m3e-switch-unselected-focus-track-color" }, { "description": "Outline color when unselected and focused.", "name": "--m3e-switch-unselected-focus-track-outline-color" }, { "description": "State layer color when unselected and focused.", "name": "--m3e-switch-unselected-focus-state-layer-color" }, { "description": "State layer opacity when unselected and focused.", "name": "--m3e-switch-unselected-focus-state-layer-opacity" }, { "description": "Handle color when selected and focused.", "name": "--m3e-switch-selected-focus-handle-color" }, { "description": "Handle color when unselected and focused.", "name": "--m3e-switch-unselected-focus-handle-color" }, { "description": "Icon color when selected and pressed.", "name": "--m3e-switch-selected-pressed-icon-color" }, { "description": "Icon color when unselected and pressed.", "name": "--m3e-switch-unselected-pressed-icon-color" }, { "description": "Track color when selected and pressed.", "name": "--m3e-switch-selected-pressed-track-color" }, { "description": "State layer color when selected and pressed.", "name": "--m3e-switch-selected-pressed-state-layer-color" }, { "description": "State layer opacity when selected and pressed.", "name": "--m3e-switch-selected-pressed-state-layer-opacity" }, { "description": "Track color when unselected and pressed.", "name": "--m3e-switch-unselected-pressed-track-color" }, { "description": "Outline color when unselected and pressed.", "name": "--m3e-switch-unselected-pressed-track-outline-color" }, { "description": "State layer color when unselected and pressed.", "name": "--m3e-switch-unselected-pressed-state-layer-color" }, { "description": "State layer opacity when unselected and pressed.", "name": "--m3e-switch-unselected-pressed-state-layer-opacity" }, { "description": "Handle color when selected and pressed.", "name": "--m3e-switch-selected-pressed-handle-color" }, { "description": "Handle color when unselected and pressed.", "name": "--m3e-switch-unselected-pressed-handle-color" } ], "members": [ { "kind": "field", "name": "_track", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#hoverController", "privacy": "private", "readonly": true, "default": "new HoverController(this, { target: null, callback: (hovering) => { if (this.disabled) return; if (hovering) { this._stateLayer?.show(\"hover\"); } else { this._stateLayer?.hide(\"hover\"); } }, })" }, { "kind": "field", "name": "#pressedController", "privacy": "private", "readonly": true, "default": "new PressedController(this, { target: null, callback: (pressed) => this._track?.classList.toggle(\"pressed\", pressed && !this.disabled), })" }, { "kind": "field", "name": "icons", "type": { "text": "SwitchIcons" }, "default": "\"none\"", "description": "The icons to present.", "attribute": "icons", "reflects": true, "parsedType": { "text": "'none' | 'selected' | 'both'" } }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "\"on\"", "description": "A string representing the value of the switch.", "attribute": "value" }, { "kind": "field", "name": "[formValue]", "type": { "text": "string | File | FormData | null" }, "privacy": "private", "readonly": true }, { "kind": "method", "name": "#renderIcon", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "true", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "type": { "text": "boolean" }, "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_eventHandler]", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "labels", "type": { "text": "NodeListOf" }, "readonly": true, "description": "The label elements that the element is associated with.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "dirty", "type": { "text": "boolean" }, "description": "Whether the user has modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "pristine", "type": { "text": "boolean" }, "description": "Whether the user has not modified the value of the element.", "readonly": true, "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsPristine", "return": { "type": { "text": "void" } }, "description": "Marks the element as pristine.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "method", "name": "markAsDirty", "return": { "type": { "text": "void" } }, "description": "Marks the element as dirty.", "inheritedFrom": { "name": "Dirty", "module": "src/core/shared/mixins/Dirty.ts" } }, { "kind": "field", "name": "touched", "type": { "text": "boolean" }, "description": "Whether the user has interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "untouched", "type": { "text": "boolean" }, "description": "Whether the user has not interacted when the element.", "readonly": true, "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsTouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as touched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "method", "name": "markAsUntouched", "return": { "type": { "text": "void" } }, "description": "Marks the element as untouched.", "inheritedFrom": { "name": "Touched", "module": "src/core/shared/mixins/Touched.ts" } }, { "kind": "field", "name": "[_validityMessage]", "type": { "text": "string | undefined" }, "privacy": "private", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "description": "Whether the element is a submittable element that is a candidate for constraint validation.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "description": "The validity state of the element.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "description": "The error message that would be displayed if the user submits the form, or an empty string if no error message.", "readonly": true, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "setCustomValidity", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "error", "type": { "text": "string" }, "description": "The message to use for validity errors." } ], "description": "Sets a custom validity message for the element.", "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "[_updateValidity]", "privacy": "private", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "method", "name": "#getNativeMessage", "privacy": "private", "return": { "type": { "text": "string" } }, "parameters": [ { "name": "flags", "type": { "text": "ValidityStateFlags" } } ], "inheritedFrom": { "name": "ConstraintValidation", "module": "src/core/shared/mixins/ConstraintValidation.ts" } }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "attribute": "checked", "reflects": true, "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "kind": "field", "name": "[_defaultValue]", "type": { "text": "unknown" }, "privacy": "private", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_defaultIndeterminate]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "[_formDisabled]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "description": "The `HTMLFormElement` associated with this element.", "readonly": true, "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "name", "description": "The name that identifies the element when submitting the associated form.", "attribute": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "method", "name": "formDisabledCallback", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "disabled", "type": { "text": "boolean" } } ], "description": "Called when the element is disabled or enabled via its form association.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "method", "name": "formResetCallback", "return": { "type": { "text": "void" } }, "description": "Called when the associated form is reset.", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before the checked state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when the checked state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the checked state changes." }, { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "checked", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is checked.", "fieldName": "checked", "inheritedFrom": { "name": "Checked", "module": "src/core/shared/mixins/Checked.ts" } }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "description": "The icons to present.", "name": "icons", "type": { "text": "SwitchIcons" }, "default": "\"none\"", "fieldName": "icons", "parsedType": { "text": "'none' | 'selected' | 'both'" } }, { "name": "name", "description": "The name that identifies the element when submitting the associated form.", "fieldName": "name", "inheritedFrom": { "name": "FormAssociated", "module": "src/core/shared/mixins/FormAssociated.ts" } }, { "description": "A string representing the value of the switch.", "name": "value", "type": { "text": "string" }, "default": "\"on\"", "fieldName": "value" } ], "mixins": [ { "name": "Labelled", "package": "@m3e/web/core" }, { "name": "Dirty", "package": "@m3e/web/core" }, { "name": "Touched", "package": "@m3e/web/core" }, { "name": "ConstraintValidation", "package": "@m3e/web/core" }, { "name": "Checked", "package": "@m3e/web/core" }, { "name": "FormAssociated", "package": "@m3e/web/core" }, { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-switch", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eSwitchElement", "declaration": { "name": "M3eSwitchElement", "module": "src/switch/SwitchElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-switch", "declaration": { "name": "M3eSwitchElement", "module": "src/switch/SwitchElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/switch/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/switch/SwitchElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/switch/SwitchIcons" } } ] }, { "kind": "javascript-module", "path": "src/tabs/TabElement.ts", "declarations": [ { "kind": "class", "description": "An interactive element that, when activated, presents an associated tab panel.", "name": "M3eTabElement", "cssProperties": [ { "description": "Font size for tab label.", "name": "--m3e-tab-font-size" }, { "description": "Font weight for tab label.", "name": "--m3e-tab-font-weight" }, { "description": "Line height for tab label.", "name": "--m3e-tab-line-height" }, { "description": "Letter spacing for tab label.", "name": "--m3e-tab-tracking" }, { "description": "Padding on the inline start of the tab.", "name": "--m3e-tab-padding-start" }, { "description": "Padding on the inline end of the tab.", "name": "--m3e-tab-padding-end" }, { "description": "Border radius for the focus ring.", "name": "--m3e-tab-focus-ring-shape" }, { "description": "Text color for selected tab.", "name": "--m3e-tab-selected-color" }, { "description": "Hover state-layer color for selected tab.", "name": "--m3e-tab-selected-container-hover-color" }, { "description": "Focus state-layer color for selected tab.", "name": "--m3e-tab-selected-container-focus-color" }, { "description": "Ripple color for selected tab.", "name": "--m3e-tab-selected-ripple-color" }, { "description": "Text color for unselected tab.", "name": "--m3e-tab-unselected-color" }, { "description": "Hover state-layer color for unselected tab.", "name": "--m3e-tab-unselected-container-hover-color" }, { "description": "Focus state-layer color for unselected tab.", "name": "--m3e-tab-unselected-container-focus-color" }, { "description": "Ripple color for unselected tab.", "name": "--m3e-tab-unselected-ripple-color" }, { "description": "Text color for disabled tab.", "name": "--m3e-tab-disabled-color" }, { "description": "Text opacity for disabled tab.", "name": "--m3e-tab-disabled-opacity" }, { "description": "Column gap between icon and label.", "name": "--m3e-tab-spacing" }, { "description": "Font size for slotted icon.", "name": "--m3e-tab-icon-size" } ], "slots": [ { "description": "Renders the label of the tab.", "name": "" }, { "description": "Renders an icon before the tab's label.", "name": "icon" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "_focusRing", "type": { "text": "M3eFocusRingElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_ripple", "type": { "text": "M3eRippleElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#clickHandler", "privacy": "private", "readonly": true }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "#keyPressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "#focusOutHandler", "privacy": "private", "readonly": true, "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } }, { "kind": "field", "name": "[_tabindex]", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "Focusable", "module": "src/core/shared/mixins/Focusable.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "beforeinput", "type": { "text": "Event" }, "description": "Dispatched before the selected state changes." }, { "name": "input", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." }, { "name": "click", "type": { "text": "MouseEvent" }, "description": "Dispatched when the element is clicked.", "inheritedFrom": { "name": "KeyboardClick", "module": "src/core/shared/mixins/KeyboardClick.ts" } } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "fieldName": "selected", "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } } ], "mixins": [ { "name": "Selected", "package": "@m3e/web/core" }, { "name": "HtmlFor", "package": "@m3e/web/core" }, { "name": "KeyboardClick", "package": "@m3e/web/core" }, { "name": "Focusable", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-tab", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTabElement", "declaration": { "name": "M3eTabElement", "module": "src/tabs/TabElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-tab", "declaration": { "name": "M3eTabElement", "module": "src/tabs/TabElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/tabs/TabHeaderPosition.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/tabs/TabPanelElement.ts", "declarations": [ { "kind": "class", "description": "A panel presented for a tab.", "name": "M3eTabPanelElement", "slots": [ { "description": "Renders the content of the panel.", "name": "" } ], "members": [], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-tab-panel", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTabPanelElement", "declaration": { "name": "M3eTabPanelElement", "module": "src/tabs/TabPanelElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-tab-panel", "declaration": { "name": "M3eTabPanelElement", "module": "src/tabs/TabPanelElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/tabs/TabVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/tabs/TabsElement.ts", "declarations": [ { "kind": "class", "description": "Organizes content into separate views where only one view can be visible at a time.", "name": "M3eTabsElement", "cssProperties": [ { "description": "Overrides the icon size for paginator buttons.", "name": "--m3e-tabs-paginator-button-icon-size" }, { "description": "Color of the active tab indicator.", "name": "--m3e-tabs-active-indicator-color" }, { "description": "Border radius for active indicator when header is before and variant is primary.", "name": "--m3e-tabs-primary-before-active-indicator-shape" }, { "description": "Border radius for active indicator when header is after and variant is primary.", "name": "--m3e-tabs-primary-after-active-indicator-shape" }, { "description": "Inset for primary variant's active indicator.", "name": "--m3e-tabs-primary-active-indicator-inset" }, { "description": "Thickness for primary variant's active indicator.", "name": "--m3e-tabs-primary-active-indicator-thickness" }, { "description": "Thickness for secondary variant's active indicator.", "name": "--m3e-tabs-secondary-active-indicator-thickness" } ], "slots": [ { "description": "Renders the tabs.", "name": "" }, { "description": "Renders the panels of the tabs.", "name": "panel" }, { "description": "Renders the icon to present for the next button used to paginate.", "name": "next-icon" }, { "description": "Renders the icon to present for the previous button used to paginate.", "name": "prev-icon" } ], "members": [ { "kind": "field", "name": "#directionalitySubscription", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "_tablist", "type": { "text": "M3eSlideGroupElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_selectedIndex", "type": { "text": "number | null" }, "default": "null", "privacy": "private" }, { "kind": "field", "name": "#swipe", "privacy": "private", "type": { "text": "{ x: number; y: number; currentX?: number; dir?: \"horizontal\" | \"vertical\" } | undefined" } }, { "kind": "field", "name": "#velocityTracker", "privacy": "private", "readonly": true, "default": "new VelocityTracker()" }, { "kind": "field", "name": "disablePagination", "type": { "text": "boolean | \"auto\"" }, "description": "Whether scroll buttons are disabled.", "default": "false" }, { "kind": "field", "name": "headerPosition", "type": { "text": "TabHeaderPosition" }, "default": "\"before\"", "description": "The position of the tab headers.", "attribute": "header-position", "reflects": true, "parsedType": { "text": "'before' | 'after'" } }, { "kind": "field", "name": "variant", "type": { "text": "TabVariant" }, "default": "\"secondary\"", "description": "The appearance variant of the tabs.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'primary' | 'secondary'" } }, { "kind": "field", "name": "stretch", "type": { "text": "boolean" }, "default": "false", "description": "Whether tabs are stretched to fill the header.", "attribute": "stretch", "reflects": true }, { "kind": "field", "name": "previousPageLabel", "type": { "text": "string" }, "default": "\"Previous page\"", "description": "The accessible label given to the button used to move to the previous page.", "attribute": "previous-page-label" }, { "kind": "field", "name": "nextPageLabel", "type": { "text": "string" }, "default": "\"Next page\"", "description": "The accessible label given to the button used to move to the next page.", "attribute": "next-page-label" }, { "kind": "field", "name": "tabs", "type": { "text": "readonly M3eTabElement[]" }, "description": "The tabs.", "readonly": true }, { "kind": "field", "name": "selectedTab", "type": { "text": "M3eTabElement | null" }, "description": "The selected tab.", "readonly": true }, { "kind": "field", "name": "selectedIndex", "type": { "text": "number" }, "description": "The zero-based index of the selected tab." }, { "kind": "method", "name": "#renderHeader", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSelectedChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleActiveItemChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleTabsPaginationChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleTabsPointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleTabsPointerMove", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleTabsPointerUp", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleTabsPointerCancel", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#handleTabsLostPointerCapture", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#endSwipeGesture", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#scrollTabIntoView", "privacy": "private", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "tab", "type": { "text": "M3eTabElement" } }, { "name": "instant", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#updateInkBar", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected tab changes." }, { "description": "Dispatched before the selected state of a tab changes.", "name": "beforeinput" }, { "description": "Dispatched when the selected state of a tab changes.", "name": "input" } ], "attributes": [ { "description": "Whether scroll buttons are disabled.", "name": "disable-pagination" }, { "description": "The position of the tab headers.", "name": "header-position", "type": { "text": "TabHeaderPosition" }, "default": "\"before\"", "fieldName": "headerPosition", "parsedType": { "text": "'before' | 'after'" } }, { "description": "The accessible label given to the button used to move to the next page.", "name": "next-page-label", "type": { "text": "string" }, "default": "\"Next page\"", "fieldName": "nextPageLabel" }, { "description": "The accessible label given to the button used to move to the previous page.", "name": "previous-page-label", "type": { "text": "string" }, "default": "\"Previous page\"", "fieldName": "previousPageLabel" }, { "description": "Whether tabs are stretched to fill the header.", "name": "stretch", "type": { "text": "boolean" }, "default": "false", "fieldName": "stretch" }, { "description": "The appearance variant of the tabs.", "name": "variant", "type": { "text": "TabVariant" }, "default": "\"secondary\"", "fieldName": "variant", "parsedType": { "text": "'primary' | 'secondary'" } } ], "mixins": [ { "name": "AttachInternals", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-tabs", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTabsElement", "declaration": { "name": "M3eTabsElement", "module": "src/tabs/TabsElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-tabs", "declaration": { "name": "M3eTabsElement", "module": "src/tabs/TabsElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/tabs/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tabs/TabElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tabs/TabHeaderPosition" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tabs/TabPanelElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tabs/TabVariant" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tabs/TabsElement" } } ] }, { "kind": "javascript-module", "path": "src/textarea-autosize/TextareaAutosizeElement.ts", "declarations": [ { "kind": "class", "description": "A non-visual element used to automatically resize a `textarea` to fit its content.", "name": "M3eTextareaAutosizeElement", "members": [ { "kind": "field", "name": "#initialHeight", "privacy": "private", "type": { "text": "string | undefined" } }, { "kind": "field", "name": "#cachedLineHeight", "privacy": "private", "type": { "text": "number | undefined" } }, { "kind": "field", "name": "#cachedPlaceholderHeight", "privacy": "private", "type": { "text": "number | undefined" } }, { "kind": "field", "name": "#previousMinRows", "privacy": "private", "type": { "text": "number | undefined" } }, { "kind": "field", "name": "#previousValue", "privacy": "private", "type": { "text": "string | undefined" } }, { "kind": "field", "name": "#hasFocus", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#windowResizeHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#focusHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#inputHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "maxRows", "type": { "text": "number" }, "default": "0", "description": "The maximum amount of rows in the `textarea`.", "attribute": "max-rows" }, { "kind": "field", "name": "minRows", "type": { "text": "number" }, "default": "0", "description": "The minimum amount of rows in the `textarea`.", "attribute": "min-rows" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether auto-sizing is disabled.", "attribute": "disabled", "reflects": true }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "resizeToFitContent", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "force", "default": "false", "type": { "text": "boolean" }, "description": "Whether to force a height recalculation.", "optional": true } ], "description": "Resize the `textarea` to fit its content." }, { "kind": "method", "name": "reset", "description": "Resets the `textarea` to its original size." }, { "kind": "method", "name": "#cacheTextareaLineHeight", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#cacheTextareaPlaceholderHeight", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#setMinHeight", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#setMaxHeight", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#measureScrollHeight", "privacy": "private", "return": { "type": { "text": "number" } } }, { "kind": "method", "name": "#scrollToCaretPosition", "privacy": "private" }, { "kind": "method", "name": "_handleWindowResize", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } } ], "attributes": [ { "description": "Whether auto-sizing is disabled.", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "description": "The maximum amount of rows in the `textarea`.", "name": "max-rows", "type": { "text": "number" }, "default": "0", "fieldName": "maxRows" }, { "description": "The minimum amount of rows in the `textarea`.", "name": "min-rows", "type": { "text": "number" }, "default": "0", "fieldName": "minRows" } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-textarea-autosize", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTextareaAutosizeElement", "declaration": { "name": "M3eTextareaAutosizeElement", "module": "src/textarea-autosize/TextareaAutosizeElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-textarea-autosize", "declaration": { "name": "M3eTextareaAutosizeElement", "module": "src/textarea-autosize/TextareaAutosizeElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/textarea-autosize/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/textarea-autosize/TextareaAutosizeElement" } } ] }, { "kind": "javascript-module", "path": "src/theme/ColorScheme.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/theme/ContrastLevel.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/theme/getColorFromImage.ts", "declarations": [ { "kind": "function", "name": "getColorFromImage", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "image", "type": { "text": "HTMLImageElement" }, "description": "A fully loaded image element. Pixel data is sampled to derive the source color." } ], "description": "Extracts the Material source color from an image and returns it as a hex string." } ], "exports": [ { "kind": "js", "name": "getColorFromImage", "declaration": { "name": "getColorFromImage", "module": "src/theme/getColorFromImage.ts" } } ] }, { "kind": "javascript-module", "path": "src/theme/MotionScheme.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/theme/ThemeVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/theme/ThemeElement.ts", "declarations": [ { "kind": "class", "description": "A non-visual element responsible for application-level theming.", "name": "M3eThemeElement", "slots": [ { "description": "Renders content styled by the theme.", "name": "" } ], "members": [ { "kind": "field", "name": "#styleSheet", "privacy": "private", "default": "new CSSStyleSheet()" }, { "kind": "field", "name": "#firstUpdated", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#light", "privacy": "private", "type": { "text": "MediaQueryList | undefined" } }, { "kind": "field", "name": "#dark", "privacy": "private", "type": { "text": "MediaQueryList | undefined" } }, { "kind": "field", "name": "#forcedColor", "privacy": "private", "type": { "text": "MediaQueryList | undefined" } }, { "kind": "field", "name": "#colorSchemeChangeHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "color", "type": { "text": "string" }, "default": "\"#6750A4\"", "description": "The hex color from which to derive dynamic color palettes.", "attribute": "color" }, { "kind": "field", "name": "variant", "type": { "text": "ThemeVariant" }, "default": "\"neutral\"", "description": "The color variant of the theme.", "attribute": "variant", "parsedType": { "text": "'content' | 'vibrant' | 'expressive' | 'monochrome' | 'neutral' | 'tonal-spot' | 'fidelity' | 'rainbow' | 'fruit-salad'" } }, { "kind": "field", "name": "scheme", "type": { "text": "ColorScheme" }, "default": "\"auto\"", "description": "The color scheme of the theme.", "attribute": "scheme", "parsedType": { "text": "'auto' | 'light' | 'dark'" } }, { "kind": "field", "name": "contrast", "type": { "text": "ContrastLevel" }, "default": "\"standard\"", "description": "The contrast level of the theme.", "attribute": "contrast", "parsedType": { "text": "'medium' | 'standard' | 'high'" } }, { "kind": "field", "name": "strongFocus", "type": { "text": "boolean" }, "default": "false", "description": "Whether to enable strong focus indicators.", "attribute": "strong-focus" }, { "kind": "field", "name": "density", "type": { "text": "number" }, "default": "0", "description": "The density scale (0, -1, -2).", "attribute": "density" }, { "kind": "field", "name": "motion", "type": { "text": "MotionScheme" }, "default": "\"standard\"", "description": "The motion scheme.", "attribute": "motion", "parsedType": { "text": "'standard' | 'expressive'" } }, { "kind": "field", "name": "isDark", "type": { "text": "boolean" }, "description": "Whether a dark theme is applied.", "readonly": true }, { "kind": "method", "name": "#apply", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "forceReflow", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#getVariant", "privacy": "private", "return": { "type": { "text": "number" } } }, { "kind": "method", "name": "#getContrastLevel", "privacy": "private", "return": { "type": { "text": "number" } } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the theme changes." } ], "attributes": [ { "description": "The hex color from which to derive dynamic color palettes.", "name": "color", "type": { "text": "string" }, "default": "\"#6750A4\"", "fieldName": "color" }, { "description": "The contrast level of the theme.", "name": "contrast", "type": { "text": "ContrastLevel" }, "default": "\"standard\"", "fieldName": "contrast", "parsedType": { "text": "'medium' | 'standard' | 'high'" } }, { "description": "The density scale (0, -1, -2).", "name": "density", "type": { "text": "number" }, "default": "0", "fieldName": "density" }, { "description": "The color scheme of the theme.", "name": "scheme", "type": { "text": "ColorScheme" }, "default": "\"auto\"", "fieldName": "scheme", "parsedType": { "text": "'auto' | 'light' | 'dark'" } }, { "description": "Whether to enable strong focus indicators.", "name": "strong-focus", "type": { "text": "boolean" }, "default": "false", "fieldName": "strongFocus" }, { "description": "The color variant of the theme.", "name": "variant", "type": { "text": "ThemeVariant" }, "default": "\"neutral\"", "fieldName": "variant", "parsedType": { "text": "'content' | 'vibrant' | 'expressive' | 'monochrome' | 'neutral' | 'tonal-spot' | 'fidelity' | 'rainbow' | 'fruit-salad'" } }, { "name": "motion", "type": { "text": "MotionScheme" }, "default": "\"standard\"", "description": "The motion scheme.", "fieldName": "motion", "parsedType": { "text": "'standard' | 'expressive'" } } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-theme", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eThemeElement", "declaration": { "name": "M3eThemeElement", "module": "src/theme/ThemeElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-theme", "declaration": { "name": "M3eThemeElement", "module": "src/theme/ThemeElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/theme/ThemeIconElement.ts", "declarations": [ { "kind": "class", "description": "An icon that visually presents a preview of a theme.", "name": "M3eThemeIconElement", "cssProperties": [ { "description": "Size of the theme icon.", "name": "--m3e-theme-icon-size" }, { "description": "Border radius of the icon container.", "name": "--m3e-theme-icon-shape" }, { "description": "Outline stroke color of the icon border.", "name": "--m3e-theme-icon-outline-color" }, { "description": "Opacity percentage applied to the outline color.", "name": "--m3e-theme-icon-outline-opacity" }, { "description": "Fill color for the container layer of the previewed theme.", "name": "--m3e-theme-icon-container-color" }, { "description": "Fill color for the primary layer of the previewed theme.", "name": "--m3e-theme-icon-color" } ], "members": [ { "kind": "field", "name": "#light", "privacy": "private", "type": { "text": "MediaQueryList | undefined" } }, { "kind": "field", "name": "#dark", "privacy": "private", "type": { "text": "MediaQueryList | undefined" } }, { "kind": "field", "name": "#colorSchemeChangeHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "color", "type": { "text": "string" }, "default": "\"#6750A4\"", "description": "The hex color of the theme to preview", "attribute": "color" }, { "kind": "field", "name": "variant", "type": { "text": "ThemeVariant" }, "default": "\"neutral\"", "description": "The color variant of the theme.", "attribute": "variant", "parsedType": { "text": "'content' | 'vibrant' | 'expressive' | 'monochrome' | 'neutral' | 'tonal-spot' | 'fidelity' | 'rainbow' | 'fruit-salad'" } }, { "kind": "field", "name": "scheme", "type": { "text": "ColorScheme" }, "default": "\"auto\"", "description": "The color scheme of the theme.", "attribute": "scheme", "parsedType": { "text": "'auto' | 'light' | 'dark'" } }, { "kind": "field", "name": "isDark", "type": { "text": "boolean" }, "description": "Whether a dark theme is applied.", "readonly": true }, { "kind": "method", "name": "#getVariant", "privacy": "private", "return": { "type": { "text": "number" } } } ], "attributes": [ { "description": "The hex color of the theme to preview", "name": "color", "type": { "text": "string" }, "default": "\"#6750A4\"", "fieldName": "color" }, { "description": "The color scheme of the theme.", "name": "scheme", "type": { "text": "ColorScheme" }, "default": "\"auto\"", "fieldName": "scheme", "parsedType": { "text": "'auto' | 'light' | 'dark'" } }, { "description": "The color variant of the theme.", "name": "variant", "type": { "text": "ThemeVariant" }, "default": "\"neutral\"", "fieldName": "variant", "parsedType": { "text": "'content' | 'vibrant' | 'expressive' | 'monochrome' | 'neutral' | 'tonal-spot' | 'fidelity' | 'rainbow' | 'fruit-salad'" } } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-theme-icon", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eThemeIconElement", "declaration": { "name": "M3eThemeIconElement", "module": "src/theme/ThemeIconElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-theme-icon", "declaration": { "name": "M3eThemeIconElement", "module": "src/theme/ThemeIconElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/theme/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/theme/ColorScheme" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/theme/ContrastLevel" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/theme/getColorFromImage" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/theme/MotionScheme" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/theme/ThemeElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/theme/ThemeIconElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/theme/ThemeVariant" } } ] }, { "kind": "javascript-module", "path": "src/toc/TocGenerator.ts", "declarations": [ { "kind": "class", "description": "Provides functionality used to generate a table of contents used for in-page navigation.", "name": "TocGenerator", "members": [ { "kind": "method", "name": "generate", "static": true, "return": { "type": { "text": "Array" } }, "parameters": [ { "name": "element", "type": { "text": "HTMLElement" }, "description": "The element for which to generate a table of contents." }, { "name": "maxDepth", "default": "6", "type": { "text": "number" }, "description": "The maximum depth of the table of contents.", "optional": true } ], "description": "Generates nodes from which to construct a table of contents for in-page navigation." } ] } ], "exports": [ { "kind": "js", "name": "TocGenerator", "declaration": { "name": "TocGenerator", "module": "src/toc/TocGenerator.ts" } } ] }, { "kind": "javascript-module", "path": "src/toc/TocItemElement.ts", "declarations": [ { "kind": "class", "description": "An item in a table of contents.", "name": "M3eTocItemElement", "cssProperties": [ { "description": "Border radius of the TOC item.", "name": "--m3e-toc-item-shape" }, { "description": "Block padding for the TOC item.", "name": "--m3e-toc-item-padding-block" }, { "description": "Inline padding for the TOC item.", "name": "--m3e-toc-item-padding" }, { "description": "Indentation per level for the TOC item.", "name": "--m3e-toc-item-inset" }, { "description": "Animation duration for the active indicator.", "name": "--m3e-toc-active-indicator-animation-duration" }, { "description": "Font size for unselected items.", "name": "--m3e-toc-item-font-size" }, { "description": "Font weight for unselected items.", "name": "--m3e-toc-item-font-weight" }, { "description": "Line height for unselected items.", "name": "--m3e-toc-item-line-height" }, { "description": "Letter spacing for unselected items.", "name": "--m3e-toc-item-tracking" }, { "description": "Text color for unselected items.", "name": "--m3e-toc-item-color" }, { "description": "Font size for selected items.", "name": "--m3e-toc-item-selected-font-size" }, { "description": "Font weight for selected items.", "name": "--m3e-toc-item-selected-font-weight" }, { "description": "Line height for selected items.", "name": "--m3e-toc-item-selected-line-height" }, { "description": "Letter spacing for selected items.", "name": "--m3e-toc-item-selected-tracking" }, { "description": "Text color for selected items.", "name": "--m3e-toc-item-selected-color" } ], "slots": [ { "description": "Renders the label of the item.", "name": "" } ], "members": [ { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_stateLayer", "type": { "text": "M3eStateLayerElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "description": "Dispatched when the element is clicked.", "name": "click" } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "fieldName": "selected", "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } } ], "mixins": [ { "name": "Selected", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-toc-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTocItemElement", "declaration": { "name": "M3eTocItemElement", "module": "src/toc/TocItemElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-toc-item", "declaration": { "name": "M3eTocItemElement", "module": "src/toc/TocItemElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/toc/TocElement.ts", "declarations": [ { "kind": "class", "description": "A table of contents that provides in-page scroll navigation.", "name": "M3eTocElement", "cssProperties": [ { "description": "Width of the table of contents.", "name": "--m3e-toc-width" }, { "description": "Background color of the table of contents container.", "name": "--m3e-toc-container-color" }, { "description": "Inline padding of the table of contents container.", "name": "--m3e-toc-container-padding-inline" }, { "description": "Block padding of the table of contents container.", "name": "--m3e-toc-container-padding-block" }, { "description": "Border radius of TOC items and active indicator.", "name": "--m3e-toc-item-shape" }, { "description": "Border color of the active indicator.", "name": "--m3e-toc-active-indicator-color" }, { "description": "Animation duration for the active indicator.", "name": "--m3e-toc-active-indicator-animation-duration" }, { "description": "Inline padding for TOC items and header.", "name": "--m3e-toc-item-padding" }, { "description": "Block space below and between header elements.", "name": "--m3e-toc-header-space" }, { "description": "Font size for the overline slot.", "name": "--m3e-toc-overline-font-size" }, { "description": "Font weight for the overline slot.", "name": "--m3e-toc-overline-font-weight" }, { "description": "Line height for the overline slot.", "name": "--m3e-toc-overline-line-height" }, { "description": "Letter spacing for the overline slot.", "name": "--m3e-toc-overline-tracking" }, { "description": "Text color for the overline slot.", "name": "--m3e-toc-overline-color" }, { "description": "Font size for the title slot.", "name": "--m3e-toc-title-font-size" }, { "description": "Font weight for the title slot.", "name": "--m3e-toc-title-font-weight" }, { "description": "Line height for the title slot.", "name": "--m3e-toc-title-line-height" }, { "description": "Letter spacing for the title slot.", "name": "--m3e-toc-title-tracking" }, { "description": "Text color for the title slot.", "name": "--m3e-toc-title-color" } ], "slots": [ { "description": "Renders content between the header and items.", "name": "" }, { "description": "Renders the overline of the table of contents.", "name": "overline" }, { "description": "Renders the title of the table of contents.", "name": "title" } ], "members": [ { "kind": "field", "name": "_toc", "type": { "text": "Array" }, "privacy": "private", "default": "[]" }, { "kind": "field", "name": "_activeIndicator", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_scrollContainer", "type": { "text": "HTMLElement" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "#ignoreScroll", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#selectionManager", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#intersectionController", "privacy": "private", "readonly": true, "default": "new IntersectionController(this, { target: null, callback: (entries) => { if (!this.control || this.#ignoreScroll) return; const targetOffset = this.control.scrollTop; let closestElement: HTMLElement | null = null; let closestDistance = Number.POSITIVE_INFINITY; entries .filter((x) => x.isIntersecting) .map((x) => x.target) .forEach((item) => { const offsetTop = item.offsetTop; const distance = Math.abs(offsetTop - targetOffset); if (distance < closestDistance) { closestDistance = distance; closestElement = item; } }); if (closestElement) { const item = this.#selectionManager.items.find((x) => x.node?.element === closestElement); if (item) { this.#selectionManager.select(item); } } }, })" }, { "kind": "field", "name": "#scrollController", "privacy": "private", "readonly": true, "default": "new ScrollController(this, { target: null, callback: () => (this.#ignoreScroll = false), debounce: true, })" }, { "kind": "field", "name": "#mutationController", "privacy": "private", "readonly": true, "default": "new MutationController(this, { target: null, config: { childList: true, subtree: true, }, callback: () => this._updateToc(), })" }, { "kind": "field", "name": "#resizeController", "privacy": "private", "readonly": true, "default": "new ResizeController(this, { target: null, callback: () => { const item = this.#selectionManager.selectedItems[0]; if (item && this._activeIndicator) { this._activeIndicator.style.top = `${item.offsetTop}px`; this._activeIndicator.style.height = `${item.clientHeight}px`; this._activeIndicator.style.visibility = item.clientHeight == 0 ? \"hidden\" : \"\"; } }, })" }, { "kind": "field", "name": "maxDepth", "type": { "text": "number" }, "default": "2", "description": "The maximum depth of the table of contents.", "attribute": "max-depth" }, { "kind": "method", "name": "attach", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "control", "type": { "text": "HTMLElement" } } ], "description": "Attaches the element to an interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "detach", "return": { "type": { "text": "void" } }, "description": "Detaches the element from its current interactive control.", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "method", "name": "#renderNode", "privacy": "private", "return": { "type": { "text": "unknown" } }, "parameters": [ { "name": "node", "type": { "text": "TocNode" } } ] }, { "kind": "method", "name": "#handleOverlineSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleTitleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#generateToc", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_updateToc", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "[_control]", "type": { "text": "WeakRef | undefined" }, "privacy": "private", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "[_firstUpdated]", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "htmlFor", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "attribute": "for", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "control", "description": "The interactive element to which this element is attached.", "readonly": true, "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "attributes": [ { "name": "for", "type": { "text": "string | null" }, "default": "null", "description": "The identifier of the interactive control to which this element is attached.", "fieldName": "htmlFor", "inheritedFrom": { "name": "HtmlFor", "module": "src/core/shared/mixins/HtmlFor.ts" } }, { "description": "The maximum depth of the table of contents.", "name": "max-depth", "type": { "text": "number" }, "default": "2", "fieldName": "maxDepth" } ], "mixins": [ { "name": "HtmlFor", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-toc", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTocElement", "declaration": { "name": "M3eTocElement", "module": "src/toc/TocElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-toc", "declaration": { "name": "M3eTocElement", "module": "src/toc/TocElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/toc/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/toc/TocElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/toc/TocGenerator" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/toc/TocItemElement" } } ] }, { "kind": "javascript-module", "path": "src/toolbar/ToolbarVariant.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/toolbar/ToolbarShape.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/toolbar/ToolbarElement.ts", "declarations": [ { "kind": "class", "description": "Presents frequently used actions relevant to the current page.", "name": "M3eToolbarElement", "cssProperties": [ { "description": "The size (height or width) of the toolbar.", "name": "--m3e-toolbar-size" }, { "description": "The gap between toolbar items.", "name": "--m3e-toolbar-spacing" }, { "description": "Border radius for rounded shape.", "name": "--m3e-toolbar-rounded-shape" }, { "description": "Padding for rounded shape.", "name": "--m3e-toolbar-rounded-padding" }, { "description": "Padding for square shape.", "name": "--m3e-toolbar-square-padding" }, { "description": "Container color for the standard variant.", "name": "--m3e-toolbar-standard-container-color" }, { "description": "Foreground color for the standard variant.", "name": "--m3e-toolbar-standard-color" }, { "description": "Container color for the vibrant variant.", "name": "--m3e-toolbar-vibrant-container-color" }, { "description": "Foreground color for the vibrant variant.", "name": "--m3e-toolbar-vibrant-color" } ], "slots": [ { "description": "Renders the content of the toolbar.", "name": "" } ], "members": [ { "kind": "field", "name": "#directionalitySubscription", "privacy": "private", "type": { "text": "() => void | undefined" } }, { "kind": "field", "name": "#focusKeyManager", "privacy": "private" }, { "kind": "field", "name": "variant", "type": { "text": "ToolbarVariant" }, "default": "\"standard\"", "description": "The appearance variant of the toolbar.", "attribute": "variant", "reflects": true, "parsedType": { "text": "'standard' | 'vibrant'" } }, { "kind": "field", "name": "shape", "type": { "text": "ToolbarShape" }, "default": "\"square\"", "description": "The shape of the toolbar.", "attribute": "shape", "reflects": true, "parsedType": { "text": "'rounded' | 'square'" } }, { "kind": "field", "name": "elevated", "type": { "text": "boolean" }, "default": "false", "description": "Whether the toolbar is elevated.", "attribute": "elevated", "reflects": true }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is oriented vertically.", "attribute": "vertical", "reflects": true, "inheritedFrom": { "name": "Vertical", "module": "src/core/shared/mixins/Vertical.ts" } } ], "attributes": [ { "description": "Whether the toolbar is elevated.", "name": "elevated", "type": { "text": "boolean" }, "default": "false", "fieldName": "elevated" }, { "description": "The shape of the toolbar.", "name": "shape", "type": { "text": "ToolbarShape" }, "default": "\"square\"", "fieldName": "shape", "parsedType": { "text": "'rounded' | 'square'" } }, { "description": "The appearance variant of the toolbar.", "name": "variant", "type": { "text": "ToolbarVariant" }, "default": "\"standard\"", "fieldName": "variant", "parsedType": { "text": "'standard' | 'vibrant'" } }, { "name": "vertical", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is oriented vertically.", "fieldName": "vertical", "inheritedFrom": { "name": "Vertical", "module": "src/core/shared/mixins/Vertical.ts" } } ], "mixins": [ { "name": "Vertical", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-toolbar", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eToolbarElement", "declaration": { "name": "M3eToolbarElement", "module": "src/toolbar/ToolbarElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-toolbar", "declaration": { "name": "M3eToolbarElement", "module": "src/toolbar/ToolbarElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/toolbar/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/toolbar/ToolbarElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/toolbar/ToolbarShape" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/toolbar/ToolbarVariant" } } ] }, { "kind": "javascript-module", "path": "src/tree/TreeItemElement.ts", "declarations": [ { "kind": "class", "description": "An expandable item in a tree.", "name": "M3eTreeItemElement", "cssProperties": [ { "description": "Font size for the item label.", "name": "--m3e-tree-item-font-size" }, { "description": "Font weight for the item label.", "name": "--m3e-tree-item-font-weight" }, { "description": "Line height for the item label.", "name": "--m3e-tree-item-line-height" }, { "description": "Letter spacing for the item label.", "name": "--m3e-tree-item-tracking" }, { "description": "Inline padding for the item.", "name": "--m3e-tree-item-padding" }, { "description": "Height of the item.", "name": "--m3e-tree-item-height" }, { "description": "Border radius of the item and focus ring.", "name": "--m3e-tree-item-shape" }, { "description": "Size of the icon.", "name": "--m3e-tree-item-icon-size" }, { "description": "Indentation for nested items.", "name": "--m3e-tree-item-inset" }, { "description": "Text color for the item label.", "name": "--m3e-tree-item-label-color" }, { "description": "Text color for selected item label.", "name": "--m3e-tree-item-selected-label-color" }, { "description": "Background color for selected item.", "name": "--m3e-tree-item-selected-container-color" }, { "description": "Focus color for selected item container.", "name": "--m3e-tree-item-selected-container-focus-color" }, { "description": "Hover color for selected item container.", "name": "--m3e-tree-item-selected-container-hover-color" }, { "description": "Ripple color for selected item.", "name": "--m3e-tree-item-selected-ripple-color" }, { "description": "Focus color for unselected item container.", "name": "--m3e-tree-item-unselected-container-focus-color" }, { "description": "Hover color for unselected item container.", "name": "--m3e-tree-item-unselected-container-hover-color" }, { "description": "Ripple color for unselected item.", "name": "--m3e-tree-item-unselected-ripple-color" }, { "description": "Text color for disabled item.", "name": "--m3e-tree-item-disabled-color" }, { "description": "Opacity for disabled item text color.", "name": "--m3e-tree-item-disabled-color-opacity" } ], "slots": [ { "description": "Renders the nested child items.", "name": "" }, { "description": "Renders the label of the item.", "name": "label" }, { "description": "Renders the icon of the item.", "name": "icon" }, { "description": "Renders the icon of the item when selected.", "name": "selected-icon" }, { "description": "Renders the toggle icon.", "name": "toggle-icon" }, { "description": "Renders the toggle icon when selected.", "name": "open-toggle-icon" } ], "members": [ { "kind": "field", "name": "_base", "type": { "text": "HTMLElement | undefined" }, "privacy": "private", "readonly": true }, { "kind": "field", "name": "_hasChildItems", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_multi", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "#treeMutationController", "privacy": "private", "readonly": true, "default": "new MutationController(this, { target: null, skipInitial: true, config: { attributeFilter: [\"multi\"], }, callback: () => this.#handleTreeChange(), })" }, { "kind": "field", "name": "#items", "privacy": "private", "type": { "text": "M3eTreeItemElement[]" }, "default": "[]" }, { "kind": "field", "name": "#tree", "privacy": "private", "type": { "text": "M3eTreeElement | null" }, "default": "null" }, { "kind": "field", "name": "#path", "privacy": "private", "default": "new Array()" }, { "kind": "field", "name": "#link", "privacy": "private", "type": { "text": "HTMLAnchorElement | null" }, "default": "null" }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Whether the item is expanded.", "attribute": "open", "reflects": true }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "A value indicating whether the element's selected / checked state is indeterminate.", "attribute": "indeterminate", "reflects": true }, { "kind": "field", "name": "link", "type": { "text": "HTMLAnchorElement | null" }, "description": "A reference to the nested `HTMLAnchorElement`.", "readonly": true }, { "kind": "field", "name": "label", "type": { "text": "HTMLElement | null" }, "description": "A reference to the element used to present the label of the item.", "readonly": true }, { "kind": "field", "name": "visible", "type": { "text": "boolean" }, "description": "Whether the item is visible.", "readonly": true }, { "kind": "field", "name": "path", "type": { "text": "ReadonlyArray" }, "description": "The full path of the item, starting with the top-most ancestor, including this item.", "readonly": true }, { "kind": "field", "name": "hasChildItems", "type": { "text": "boolean" }, "description": "Whether the item has child items.", "readonly": true }, { "kind": "field", "name": "parentItem", "type": { "text": "M3eTreeItemElement | null" }, "description": "The parenting item.", "readonly": true }, { "kind": "field", "name": "childItems", "type": { "text": "readonly M3eTreeItemElement[]" }, "description": "The items that immediately descend from this item.", "readonly": true }, { "kind": "field", "name": "level", "type": { "text": "number" }, "description": "The one-based level of the item.", "readonly": true }, { "kind": "method", "name": "expand", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "descendants", "default": "false", "type": { "text": "boolean" }, "description": "Whether to expand all descendants.", "optional": true } ], "description": "Expands this item, and optionally, all descendants." }, { "kind": "method", "name": "collapse", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "descendants", "default": "false", "type": { "text": "boolean" }, "description": "Whether to collapse all descendants.", "optional": true } ], "description": "Collapses this item, and optionally, all descendants." }, { "kind": "method", "name": "toggle", "return": { "type": { "text": "void" } }, "description": "Toggles the expanded state of the item." }, { "kind": "method", "name": "#renderIcon", "privacy": "private", "return": { "type": { "text": "unknown" } } }, { "kind": "method", "name": "#handleOpenToggleIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleIconSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleItemSlotChange", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleTreeChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleCheckboxClick", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#handleCollapsibleEvent", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is selected.", "attribute": "selected", "reflects": true, "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "attribute": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "kind": "field", "name": "formAssociated", "static": true, "readonly": true, "default": "formAssociated", "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_internals]", "type": { "text": "ElementInternals | undefined" }, "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } }, { "kind": "field", "name": "[_customState]", "default": "new Set()", "privacy": "private", "inheritedFrom": { "name": "AttachInternals", "module": "src/core/shared/mixins/AttachInternals.ts" } } ], "events": [ { "type": { "text": "Event" } }, { "description": "Dispatched when the item begins to open.", "name": "opening" }, { "description": "Dispatched when the item has opened.", "name": "opened" }, { "description": "Dispatched when the item begins to close.", "name": "closing" }, { "description": "Dispatched when the item has closed.", "name": "closed" }, { "description": "Dispatched when the element is clicked.", "name": "click" } ], "attributes": [ { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "description": "Whether the element is disabled.", "fieldName": "disabled", "inheritedFrom": { "name": "Disabled", "module": "src/core/shared/mixins/Disabled.ts" } }, { "description": "A value indicating whether the element's selected / checked state is indeterminate.", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "fieldName": "indeterminate" }, { "description": "Whether the item is expanded.", "name": "open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "description": "Whether the item is selected.", "fieldName": "selected", "inheritedFrom": { "name": "Selected", "module": "src/core/shared/mixins/Selected.ts" } } ], "mixins": [ { "name": "Selected", "package": "@m3e/web/core" }, { "name": "Disabled", "package": "@m3e/web/core" }, { "name": "AttachInternals", "package": "@m3e/web/core" }, { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-tree-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTreeItemElement", "declaration": { "name": "M3eTreeItemElement", "module": "src/tree/TreeItemElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-tree-item", "declaration": { "name": "M3eTreeItemElement", "module": "src/tree/TreeItemElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/tree/TreeElement.ts", "declarations": [ { "kind": "class", "description": "Presents hierarchical data in a tree structure.", "name": "M3eTreeElement", "cssProperties": [ { "description": "Width of the tree scrollbar.", "name": "--m3e-tree-scrollbar-width" }, { "description": "Color of the tree scrollbar.", "name": "--m3e-tree-scrollbar-color" } ], "slots": [ { "description": "Renders the items of the tree.", "name": "" } ], "members": [ { "kind": "field", "name": "__nextId", "type": { "text": "number" }, "privacy": "private", "static": true, "default": "0" }, { "kind": "field", "name": "#ignoreFocusVisible", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#ignoreFocus", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "[selectionManager]", "readonly": true, "privacy": "private" }, { "kind": "field", "name": "#keyDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#keyUpHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "#pointerDownHandler", "privacy": "private", "readonly": true }, { "kind": "field", "name": "multi", "type": { "text": "boolean" }, "default": "false", "description": "Whether multiple items can be selected.", "attribute": "multi", "reflects": true }, { "kind": "field", "name": "cascade", "type": { "text": "boolean" }, "default": "false", "description": "Whether multiple item selection cascades to child items.", "attribute": "cascade", "reflects": true }, { "kind": "field", "name": "selected", "type": { "text": "readonly M3eTreeItemElement[]" }, "description": "The selected items of the tree.", "readonly": true }, { "kind": "field", "name": "items", "type": { "text": "readonly M3eTreeItemElement[]" }, "description": "All the items of the tree.", "readonly": true }, { "kind": "method", "name": "expand", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "descendants", "optional": true, "type": { "text": "boolean" }, "description": "Whether to expand all descendants." } ], "description": "Expands all items, and optionally, all descendants." }, { "kind": "method", "name": "expand", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "items", "type": { "text": "M3eTreeItemElement[]" }, "description": "The items to expand." }, { "name": "descendants", "optional": true, "type": { "text": "boolean" }, "description": "Whether to expand all descendants." } ], "description": "Expands the specified items, and optionally, all descendants." }, { "kind": "method", "name": "collapse", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "descendants", "optional": true, "type": { "text": "boolean" }, "description": "Whether to collapse all descendants." } ], "description": "Collapses all items, and optionally, all descendants." }, { "kind": "method", "name": "collapse", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "items", "type": { "text": "M3eTreeItemElement[]" }, "description": "The items to collapse." }, { "name": "descendants", "optional": true, "type": { "text": "boolean" }, "description": "Whether to collapse all descendants." } ], "description": "Collapses the specified items, and optionally, all descendants." }, { "kind": "method", "name": "select", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "M3eTreeItemElement" }, "description": "The item to select." }, { "name": "activate", "default": "false", "type": { "text": "boolean" }, "description": "A value indicating whether to activate the item.", "optional": true } ], "description": "Selects the specified item." }, { "kind": "method", "name": "deselect", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "M3eTreeItemElement" }, "description": "The item to deselect." } ], "description": "Deselects the specified item." }, { "kind": "method", "name": "#handleSlotChange", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handleKeyDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#handleKeyUp", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#handlePointerDown", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "e", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#activateItem", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "M3eTreeItemElement" } } ] }, { "kind": "method", "name": "#updateFocusVisible", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "#updateItemFocusVisible", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "M3eTreeItemElement" } }, { "name": "focused", "type": { "text": "boolean" } }, { "name": "focusVisible", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "#cascadeAncestorSelected", "privacy": "private", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "item", "type": { "text": "M3eTreeItemElement" } } ] } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when the selected state changes." } ], "attributes": [ { "description": "Whether multiple items can be selected.", "name": "multi", "type": { "text": "boolean" }, "default": "false", "fieldName": "multi" }, { "description": "Whether multiple item selection cascades to child items.", "name": "cascade", "type": { "text": "boolean" }, "default": "false", "fieldName": "cascade" } ], "mixins": [ { "name": "Role", "package": "@m3e/web/core" } ], "superclass": { "name": "LitElement", "package": "lit" }, "tagName": "m3e-tree", "customElement": true } ], "exports": [ { "kind": "js", "name": "M3eTreeElement", "declaration": { "name": "M3eTreeElement", "module": "src/tree/TreeElement.ts" } }, { "kind": "custom-element-definition", "name": "m3e-tree", "declaration": { "name": "M3eTreeElement", "module": "src/tree/TreeElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/tree/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tree/TreeElement" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tree/TreeItemElement" } } ] }, { "kind": "javascript-module", "path": "src/all.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/app-bar" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/autocomplete" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/avatar" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/badge" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/bottom-sheet" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/breadcrumb" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/button-group" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/calendar" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/card" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/checkbox" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/chips" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/content-pane" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/core" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/datepicker" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/dialog" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/divider" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/drawer-container" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/expansion-panel" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/fab-menu" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/form-field" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/heading" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/icon-button" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/list" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/loading-indicator" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/menu" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-bar" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-menu" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/nav-rail" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/option" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/paginator" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/progress-indicator" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/radio-group" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/search" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/segmented-button" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/select" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/shape" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/skeleton" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/slide-group" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/slider" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/snackbar" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/split-button" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/split-pane" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/stepper" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/switch" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tabs" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/textarea-autosize" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/theme" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/toc" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/toolbar" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tooltip" } }, { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/tree" } } ] }, { "kind": "javascript-module", "path": "src/index.ts", "declarations": [], "exports": [] } ] }