Name Description Size
EventTooltipHelper.js Set the content of a provided HTMLTooltip instance to display a list of event listeners, with their event type, capturing argument and a link to the code of the event handler. @param {HTMLTooltip} tooltip The tooltip instance on which the event details content should be set @param {Array} eventListenerInfos A list of event listeners @param {Toolbox} toolbox Toolbox used to select debugger panel 11571
HTMLTooltip.js Calculate the vertical position & offsets to use for the tooltip. Will attempt to respect the provided height and position preferences, unless the available height prevents this. @param {DOMRect} anchorRect Bounding rectangle for the anchor, relative to the tooltip document. @param {DOMRect} viewportRect Bounding rectangle for the viewport. top/left can be different from 0 if some space should not be used by tooltips (for instance OS toolbars, taskbars etc.). @param {Number} height Preferred height for the tooltip. @param {String} pos Preferred position for the tooltip. Possible values: "top" or "bottom". @param {Number} offset Offset between the top of the anchor and the tooltip. @return {Object} - {Number} top: the top offset for the tooltip. - {Number} height: the height to use for the tooltip container. - {String} computedPosition: Can differ from the preferred position depending on the available height). "top" or "bottom" 35731
ImageTooltipHelper.js Image preview tooltips should be provided with the naturalHeight and naturalWidth value for the image to display. This helper loads the provided image URL in an image object in order to retrieve the image dimensions after the load. @param {Document} doc the document element to use to create the image object @param {String} imageUrl the url of the image to measure @return {Promise} returns a promise that will resolve after the iamge load: - {Number} naturalWidth natural width of the loaded image - {Number} naturalHeight natural height of the loaded image 5432
InlineTooltip.js The InlineTooltip can display widgets for the CSS Rules view in an inline container. @param {Document} doc The toolbox document to attach the InlineTooltip container. 2113
RulePreviewTooltip.js Tooltip displayed for when a CSS property is selected/highlighted. TODO: For now, the tooltip content only shows "No Associated Rule". In Bug 1528288, we will be implementing content for showing the source CSS rule. 2084
SwatchBasedEditorTooltip.js Base class for all (color, gradient, ...)-swatch based value editors inside tooltips @param {Document} document The document to attach the SwatchBasedEditorTooltip. This is either the toolbox document if the tooltip is a popup tooltip or the panel's document if it is an inline editor. @param {Boolean} useInline A boolean flag representing whether or not the InlineTooltip should be used. 7937
SwatchColorPickerTooltip.js The swatch color picker tooltip class is a specific class meant to be used along with output-parser's generated color swatches. It extends the parent SwatchBasedEditorTooltip class. It just wraps a standard Tooltip and sets its content with an instance of a color picker. The activeSwatch element expected by the tooltip must follow some guidelines to be compatible with this feature: - the background-color of the activeSwatch should be set to the current color, it will be updated when the color is changed via the color-picker. - the `data-color` attribute should be set either on the activeSwatch or on a parent node, and should also contain the current color. - finally if the color value should be displayed next to the swatch as text, the activeSwatch should have a nextSibling. Note that this sibling may contain more than just text initially, but it will be updated after a color change and will only contain the text. An example of valid markup (with data-color on a parent and a nextSibling): <span data-color="#FFF"> <!-- activeSwatch.closest("[data-color]") --> <span style="background-color: rgb(255, 255, 255);" ></span> <!-- activeSwatch --> <span>#FFF</span> <!-- activeSwatch.nextSibling --> </span> Another example with everything on the activeSwatch itself: <span> <!-- container, to illustrate that the swatch has no sibling here. --> <span data-color="#FFF" style="background-color: rgb(255, 255, 255);" ></span> <!-- activeSwatch & activeSwatch.closest("[data-color]") --> </span> @param {Document} document The document to attach the SwatchColorPickerTooltip. This is either the toolbox document if the tooltip is a popup tooltip or the panel's document if it is an inline editor. @param {InspectorPanel} inspector The inspector panel, needed for the eyedropper. @param {Function} supportsCssColor4ColorFunction A function for checking the supporting of css-color-4 color function. 11692
SwatchCubicBezierTooltip.js The swatch cubic-bezier tooltip class is a specific class meant to be used along with rule-view's generated cubic-bezier swatches. It extends the parent SwatchBasedEditorTooltip class. It just wraps a standard Tooltip and sets its content with an instance of a CubicBezierWidget. @param {Document} document The document to attach the SwatchCubicBezierTooltip. This is either the toolbox document if the tooltip is a popup tooltip or the panel's document if it is an inline editor. 2996
SwatchFilterTooltip.js The swatch-based css filter tooltip class is a specific class meant to be used along with rule-view's generated css filter swatches. It extends the parent SwatchBasedEditorTooltip class. It just wraps a standard Tooltip and sets its content with an instance of a CSSFilterEditorWidget. @param {Document} document The document to attach the SwatchFilterTooltip. This is either the toolbox document if the tooltip is a popup tooltip or the panel's document if it is an inline editor. 3657
TooltipToggle.js Tooltip helper designed to show/hide the tooltip when the mouse hovers over particular nodes. This works by tracking mouse movements on a base container node (baseNode) and showing the tooltip when the mouse stops moving. A callback can be provided to the start() method to know whether or not the node being hovered over should indeed receive the tooltip. 6366
VariableTooltipHelper.js Set the tooltip content of a provided HTMLTooltip instance to display a variable preview matching the provided text. @param {HTMLTooltip} tooltip The tooltip instance on which the text preview content should be set. @param {Document} doc A document element to create the HTML elements needed for the tooltip. @param {String} text Text to display in tooltip. 1110
css-compatibility-tooltip-helper.js Attach the UnsupportedBrowserList component to the "".compatibility-browser-list-wrapper" div to render the unsupported browser list 9253
inactive-css-tooltip-helper.js Fill the tooltip with inactive CSS information. @param {String} propertyName The property name to be displayed in bold. @param {String} text The main text, which follows property name. 4411
moz.build 712