media-chrome
Version:
Custom elements (web components) for making audio and video player controls that look great in your website or app.
1,494 lines • 726 kB
JSON
{
"schemaVersion": "1.0.0",
"readme": "",
"modules": [
{
"kind": "javascript-module",
"path": "dist/media-airplay-button.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "MediaAirplayButton",
"cssProperties": [
{
"description": "`display` property of button.",
"name": "--media-airplay-button-display",
"default": "inline-flex"
},
{
"description": "Default color of text and icon.",
"name": "--media-primary-color",
"default": "rgb(238 238 238)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "Default color of button background.",
"name": "--media-secondary-color",
"default": "rgb(20 20 30 / .7)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`color` of button text.",
"name": "--media-text-color",
"default": "var(--media-primary-color, rgb(238 238 238))",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`fill` color of button icon.",
"name": "--media-icon-color",
"default": "var(--media-primary-color, rgb(238 238 238))",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`display` property of control.",
"name": "--media-control-display",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`background` of control.",
"name": "--media-control-background",
"default": "var(--media-secondary-color, rgb(20 20 30 / .7))",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`background` of control hover state.",
"name": "--media-control-hover-background",
"default": "rgba(50 50 70 / .7)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`padding` of control.",
"name": "--media-control-padding",
"default": "10px",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`line-height` of control.",
"name": "--media-control-height",
"default": "24px",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font` shorthand property.",
"name": "--media-font",
"default": "var(--media-font-weight, bold) var(--media-font-size, 14px) / var(--media-text-content-height, var(--media-control-height, 24px)) var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font-weight` property.",
"name": "--media-font-weight",
"default": "bold",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font-family` property.",
"name": "--media-font-family",
"default": "helvetica neue, segoe ui, roboto, arial, sans-serif",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font-size` property.",
"name": "--media-font-size",
"default": "14px",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`line-height` of button text.",
"name": "--media-text-content-height",
"default": "var(--media-control-height, 24px)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`width` of button icon.",
"name": "--media-button-icon-width",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`height` of button icon.",
"name": "--media-button-icon-height",
"default": "var(--media-control-height, 24px)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`transform` of button icon.",
"name": "--media-button-icon-transform",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`transition` of button icon.",
"name": "--media-button-icon-transition",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
}
],
"slots": [
{
"description": "An element shown when the media is not in AirPlay mode and pressing the button will open the AirPlay menu.",
"name": "enter"
},
{
"description": "An element shown when the media is in AirPlay mode and pressing the button will open the AirPlay menu.",
"name": "exit"
},
{
"description": "The element shown for the AirPlay button’s display.",
"name": "icon"
}
],
"members": [
{
"kind": "field",
"name": "mediaIsAirplaying",
"type": {
"text": "boolean"
},
"description": "Are we currently airplaying"
},
{
"kind": "field",
"name": "mediaAirplayUnavailable",
"type": {
"text": "string | undefined"
},
"description": "Airplay unavailability state"
},
{
"kind": "method",
"name": "handleClick",
"parameters": [
{
"name": "e",
"type": {
"text": "Event"
}
}
],
"return": {
"type": {
"text": "void"
}
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#mediaController",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "preventClick",
"type": {
"text": "boolean"
},
"default": "false",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "nativeEl",
"type": {
"text": "DocumentFragment"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "tooltipEl",
"type": {
"text": "MediaTooltip"
},
"default": "null",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "tooltipContent",
"type": {
"text": "string"
},
"default": "''",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#clickListener",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#positionTooltip",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#keyupListener",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#keydownListener",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "method",
"name": "enable",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "method",
"name": "disable",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "method",
"name": "#setupTooltip",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "keysUsed",
"readonly": true,
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "tooltipPlacement",
"type": {
"text": "TooltipPlacement | undefined"
},
"description": "Get or set tooltip placement",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "mediaController",
"type": {
"text": "string | undefined"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "disabled",
"type": {
"text": "boolean | undefined"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "noTooltip",
"type": {
"text": "boolean | undefined"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
}
],
"events": [
{
"type": {
"text": "CustomEvent"
},
"name": "mediaairplayrequest"
}
],
"attributes": [
{
"type": {
"text": "(unavailable|unsupported)"
},
"description": "(read-only) Set if AirPlay is unavailable.",
"name": "mediaairplayunavailable"
},
{
"type": {
"text": "boolean"
},
"description": "(read-only) Present if the media is airplaying.",
"name": "mediaisairplaying"
},
{
"name": "disabled",
"type": {
"text": "boolean"
},
"description": "The Boolean disabled attribute makes the element not mutable or focusable.",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"type": {
"text": "string"
},
"description": "The element `id` of the media controller to connect to (if not nested within).",
"name": "mediacontroller",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"type": {
"text": "('top'|'right'|'bottom'|'left'|'none')"
},
"description": "The placement of the tooltip, defaults to \"top\"",
"name": "tooltipplacement",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"type": {
"text": "boolean"
},
"description": "Hides the tooltip if this attribute is present",
"name": "notooltip",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
}
],
"superclass": {
"name": "MediaChromeButton",
"module": "/dist/media-chrome-button.js"
},
"tagName": "media-airplay-button",
"customElement": true
}
],
"exports": [
{
"kind": "custom-element-definition",
"name": "media-airplay-button",
"declaration": {
"name": "MediaAirplayButton",
"module": "dist/media-airplay-button.ts"
}
},
{
"kind": "js",
"name": "default",
"declaration": {
"name": "MediaAirplayButton",
"module": "dist/media-airplay-button.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/media-captions-button.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "MediaCaptionsButton",
"cssProperties": [
{
"description": "`display` property of button.",
"name": "--media-captions-button-display",
"default": "inline-flex"
},
{
"description": "Default color of text and icon.",
"name": "--media-primary-color",
"default": "rgb(238 238 238)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "Default color of button background.",
"name": "--media-secondary-color",
"default": "rgb(20 20 30 / .7)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`color` of button text.",
"name": "--media-text-color",
"default": "var(--media-primary-color, rgb(238 238 238))",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`fill` color of button icon.",
"name": "--media-icon-color",
"default": "var(--media-primary-color, rgb(238 238 238))",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`display` property of control.",
"name": "--media-control-display",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`background` of control.",
"name": "--media-control-background",
"default": "var(--media-secondary-color, rgb(20 20 30 / .7))",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`background` of control hover state.",
"name": "--media-control-hover-background",
"default": "rgba(50 50 70 / .7)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`padding` of control.",
"name": "--media-control-padding",
"default": "10px",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`line-height` of control.",
"name": "--media-control-height",
"default": "24px",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font` shorthand property.",
"name": "--media-font",
"default": "var(--media-font-weight, bold) var(--media-font-size, 14px) / var(--media-text-content-height, var(--media-control-height, 24px)) var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font-weight` property.",
"name": "--media-font-weight",
"default": "bold",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font-family` property.",
"name": "--media-font-family",
"default": "helvetica neue, segoe ui, roboto, arial, sans-serif",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font-size` property.",
"name": "--media-font-size",
"default": "14px",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`line-height` of button text.",
"name": "--media-text-content-height",
"default": "var(--media-control-height, 24px)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`width` of button icon.",
"name": "--media-button-icon-width",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`height` of button icon.",
"name": "--media-button-icon-height",
"default": "var(--media-control-height, 24px)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`transform` of button icon.",
"name": "--media-button-icon-transform",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`transition` of button icon.",
"name": "--media-button-icon-transition",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
}
],
"slots": [
{
"description": "An element that will be shown while closed captions or subtitles are on.",
"name": "on"
},
{
"description": "An element that will be shown while closed captions or subtitles are off.",
"name": "off"
},
{
"description": "An element for representing on and off states in a single icon",
"name": "icon"
}
],
"members": [
{
"kind": "field",
"name": "_captionsReady",
"type": {
"text": "boolean"
},
"privacy": "private",
"default": "false"
},
{
"kind": "field",
"name": "mediaSubtitlesList",
"type": {
"text": "TextTrackLike[]"
},
"description": "An array of TextTrack-like objects.\nObjects must have the properties: kind, language, and label."
},
{
"kind": "field",
"name": "mediaSubtitlesShowing",
"type": {
"text": "TextTrackLike[]"
},
"description": "An array of TextTrack-like objects.\nObjects must have the properties: kind, language, and label."
},
{
"kind": "method",
"name": "handleClick",
"parameters": [
{
"name": "e",
"type": {
"text": "Event"
}
}
],
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#mediaController",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "preventClick",
"type": {
"text": "boolean"
},
"default": "false",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "nativeEl",
"type": {
"text": "DocumentFragment"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "tooltipEl",
"type": {
"text": "MediaTooltip"
},
"default": "null",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "tooltipContent",
"type": {
"text": "string"
},
"default": "''",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#clickListener",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#positionTooltip",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#keyupListener",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#keydownListener",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "method",
"name": "enable",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "method",
"name": "disable",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "method",
"name": "#setupTooltip",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "keysUsed",
"readonly": true,
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "tooltipPlacement",
"type": {
"text": "TooltipPlacement | undefined"
},
"description": "Get or set tooltip placement",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "mediaController",
"type": {
"text": "string | undefined"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "disabled",
"type": {
"text": "boolean | undefined"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "noTooltip",
"type": {
"text": "boolean | undefined"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
}
],
"events": [
{
"type": {}
}
],
"attributes": [
{
"type": {
"text": "string"
},
"description": "(read-only) A list of all subtitles and captions.",
"name": "mediasubtitleslist"
},
{
"type": {
"text": "string"
},
"description": "(read-only) A list of the showing subtitles and captions.",
"name": "mediasubtitlesshowing"
},
{
"name": "disabled",
"type": {
"text": "boolean"
},
"description": "The Boolean disabled attribute makes the element not mutable or focusable.",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"type": {
"text": "string"
},
"description": "The element `id` of the media controller to connect to (if not nested within).",
"name": "mediacontroller",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"type": {
"text": "('top'|'right'|'bottom'|'left'|'none')"
},
"description": "The placement of the tooltip, defaults to \"top\"",
"name": "tooltipplacement",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"type": {
"text": "boolean"
},
"description": "Hides the tooltip if this attribute is present",
"name": "notooltip",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
}
],
"superclass": {
"name": "MediaChromeButton",
"module": "/dist/media-chrome-button.js"
},
"tagName": "media-captions-button",
"customElement": true
}
],
"exports": [
{
"kind": "custom-element-definition",
"name": "media-captions-button",
"declaration": {
"name": "MediaCaptionsButton",
"module": "dist/media-captions-button.ts"
}
},
{
"kind": "js",
"name": "MediaCaptionsButton",
"declaration": {
"name": "MediaCaptionsButton",
"module": "dist/media-captions-button.ts"
}
},
{
"kind": "js",
"name": "default",
"declaration": {
"name": "MediaCaptionsButton",
"module": "dist/media-captions-button.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/media-cast-button.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "MediaCastButton",
"cssProperties": [
{
"description": "`display` property of button.",
"name": "--media-cast-button-display",
"default": "inline-flex"
},
{
"description": "Default color of text and icon.",
"name": "--media-primary-color",
"default": "rgb(238 238 238)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "Default color of button background.",
"name": "--media-secondary-color",
"default": "rgb(20 20 30 / .7)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`color` of button text.",
"name": "--media-text-color",
"default": "var(--media-primary-color, rgb(238 238 238))",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`fill` color of button icon.",
"name": "--media-icon-color",
"default": "var(--media-primary-color, rgb(238 238 238))",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`display` property of control.",
"name": "--media-control-display",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`background` of control.",
"name": "--media-control-background",
"default": "var(--media-secondary-color, rgb(20 20 30 / .7))",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`background` of control hover state.",
"name": "--media-control-hover-background",
"default": "rgba(50 50 70 / .7)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`padding` of control.",
"name": "--media-control-padding",
"default": "10px",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`line-height` of control.",
"name": "--media-control-height",
"default": "24px",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font` shorthand property.",
"name": "--media-font",
"default": "var(--media-font-weight, bold) var(--media-font-size, 14px) / var(--media-text-content-height, var(--media-control-height, 24px)) var(--media-font-family, helvetica neue, segoe ui, roboto, arial, sans-serif)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font-weight` property.",
"name": "--media-font-weight",
"default": "bold",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font-family` property.",
"name": "--media-font-family",
"default": "helvetica neue, segoe ui, roboto, arial, sans-serif",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`font-size` property.",
"name": "--media-font-size",
"default": "14px",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`line-height` of button text.",
"name": "--media-text-content-height",
"default": "var(--media-control-height, 24px)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`width` of button icon.",
"name": "--media-button-icon-width",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`height` of button icon.",
"name": "--media-button-icon-height",
"default": "var(--media-control-height, 24px)",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`transform` of button icon.",
"name": "--media-button-icon-transform",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"description": "`transition` of button icon.",
"name": "--media-button-icon-transition",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
}
],
"slots": [
{
"description": "An element shown when the media is not in casting mode and pressing the button will open the Cast menu.",
"name": "enter"
},
{
"description": "An element shown when the media is in casting mode and pressing the button will open the Cast menu.",
"name": "exit"
},
{
"description": "An element for representing enter and exit states in a single icon",
"name": "icon"
}
],
"members": [
{
"kind": "field",
"name": "mediaIsCasting",
"type": {
"text": "boolean"
},
"description": "Are we currently casting"
},
{
"kind": "field",
"name": "mediaCastUnavailable",
"type": {
"text": "string | undefined"
},
"description": "Cast unavailability state"
},
{
"kind": "method",
"name": "handleClick",
"parameters": [
{
"name": "e",
"type": {
"text": "Event"
}
}
],
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#mediaController",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "preventClick",
"type": {
"text": "boolean"
},
"default": "false",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "nativeEl",
"type": {
"text": "DocumentFragment"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "tooltipEl",
"type": {
"text": "MediaTooltip"
},
"default": "null",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "tooltipContent",
"type": {
"text": "string"
},
"default": "''",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#clickListener",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#positionTooltip",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#keyupListener",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "#keydownListener",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "method",
"name": "enable",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "method",
"name": "disable",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "method",
"name": "#setupTooltip",
"privacy": "private",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "keysUsed",
"readonly": true,
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "tooltipPlacement",
"type": {
"text": "TooltipPlacement | undefined"
},
"description": "Get or set tooltip placement",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "mediaController",
"type": {
"text": "string | undefined"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "disabled",
"type": {
"text": "boolean | undefined"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"kind": "field",
"name": "noTooltip",
"type": {
"text": "boolean | undefined"
},
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
}
],
"events": [
{
"name": "eventName",
"type": {}
}
],
"attributes": [
{
"type": {
"text": "(unavailable|unsupported)"
},
"description": "(read-only) Set if casting is unavailable.",
"name": "mediacastunavailable"
},
{
"type": {
"text": "boolean"
},
"description": "(read-only) Present if the media is casting.",
"name": "mediaiscasting"
},
{
"name": "disabled",
"type": {
"text": "boolean"
},
"description": "The Boolean disabled attribute makes the element not mutable or focusable.",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"type": {
"text": "string"
},
"description": "The element `id` of the media controller to connect to (if not nested within).",
"name": "mediacontroller",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"type": {
"text": "('top'|'right'|'bottom'|'left'|'none')"
},
"description": "The placement of the tooltip, defaults to \"top\"",
"name": "tooltipplacement",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
},
{
"type": {
"text": "boolean"
},
"description": "Hides the tooltip if this attribute is present",
"name": "notooltip",
"inheritedFrom": {
"name": "MediaChromeButton",
"module": "dist/media-chrome-button.ts"
}
}
],
"superclass": {
"name": "MediaChromeButton",
"module": "/dist/media-chrome-button.js"
},
"tagName": "media-cast-button",
"customElement": true
}
],
"exports": [
{
"kind": "custom-element-definition",
"name": "media-cast-button",
"declaration": {
"name": "MediaCastButton",
"module": "dist/media-cast-button.ts"
}
},
{
"kind": "js",
"name": "default",
"declaration": {
"name": "MediaCastButton",
"module": "dist/media-cast-button.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "dist/media-chrome-button.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "MediaChromeButton",
"cssProperties": [
{
"description": "Default color of text and icon.",
"name": "--media-primary