summaryrefslogtreecommitdiffstats
path: root/toolkit/content/widgets/popup.xml
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /toolkit/content/widgets/popup.xml
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'toolkit/content/widgets/popup.xml')
-rw-r--r--toolkit/content/widgets/popup.xml650
1 files changed, 650 insertions, 0 deletions
diff --git a/toolkit/content/widgets/popup.xml b/toolkit/content/widgets/popup.xml
new file mode 100644
index 000000000..bb1a5eeee
--- /dev/null
+++ b/toolkit/content/widgets/popup.xml
@@ -0,0 +1,650 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+
+<bindings id="popupBindings"
+ xmlns="http://www.mozilla.org/xbl"
+ xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ xmlns:xbl="http://www.mozilla.org/xbl">
+
+ <binding id="popup-base">
+ <resources>
+ <stylesheet src="chrome://global/skin/popup.css"/>
+ </resources>
+
+ <implementation implements="nsIDOMXULPopupElement">
+ <property name="label" onget="return this.getAttribute('label');"
+ onset="this.setAttribute('label', val); return val;"/>
+ <property name="position" onget="return this.getAttribute('position');"
+ onset="this.setAttribute('position', val); return val;"/>
+ <property name="popupBoxObject">
+ <getter>
+ return this.boxObject;
+ </getter>
+ </property>
+
+ <property name="state" readonly="true"
+ onget="return this.popupBoxObject.popupState"/>
+
+ <property name="triggerNode" readonly="true"
+ onget="return this.popupBoxObject.triggerNode"/>
+
+ <property name="anchorNode" readonly="true"
+ onget="return this.popupBoxObject.anchorNode"/>
+
+ <method name="openPopup">
+ <parameter name="aAnchorElement"/>
+ <parameter name="aPosition"/>
+ <parameter name="aX"/>
+ <parameter name="aY"/>
+ <parameter name="aIsContextMenu"/>
+ <parameter name="aAttributesOverride"/>
+ <parameter name="aTriggerEvent"/>
+ <body>
+ <![CDATA[
+ try {
+ var popupBox = this.popupBoxObject;
+ if (popupBox)
+ popupBox.openPopup(aAnchorElement, aPosition, aX, aY,
+ aIsContextMenu, aAttributesOverride, aTriggerEvent);
+ } catch (e) {}
+ ]]>
+ </body>
+ </method>
+
+ <method name="openPopupAtScreen">
+ <parameter name="aX"/>
+ <parameter name="aY"/>
+ <parameter name="aIsContextMenu"/>
+ <parameter name="aTriggerEvent"/>
+ <body>
+ <![CDATA[
+ try {
+ var popupBox = this.popupBoxObject;
+ if (popupBox)
+ popupBox.openPopupAtScreen(aX, aY, aIsContextMenu, aTriggerEvent);
+ } catch (e) {}
+ ]]>
+ </body>
+ </method>
+
+ <method name="openPopupAtScreenRect">
+ <parameter name="aPosition"/>
+ <parameter name="aX"/>
+ <parameter name="aY"/>
+ <parameter name="aWidth"/>
+ <parameter name="aHeight"/>
+ <parameter name="aIsContextMenu"/>
+ <parameter name="aAttributesOverride"/>
+ <parameter name="aTriggerEvent"/>
+ <body>
+ <![CDATA[
+ try {
+ var popupBox = this.popupBoxObject;
+ if (popupBox)
+ popupBox.openPopupAtScreenRect(aPosition, aX, aY, aWidth, aHeight,
+ aIsContextMenu, aAttributesOverride, aTriggerEvent);
+ } catch (e) {}
+ ]]>
+ </body>
+ </method>
+
+ <method name="showPopup">
+ <parameter name="element"/>
+ <parameter name="xpos"/>
+ <parameter name="ypos"/>
+ <parameter name="popuptype"/>
+ <parameter name="anchoralignment"/>
+ <parameter name="popupalignment"/>
+ <body>
+ <![CDATA[
+ var popupBox = null;
+ var menuBox = null;
+ try {
+ popupBox = this.popupBoxObject;
+ } catch (e) {}
+ try {
+ menuBox = this.parentNode.boxObject;
+ } catch (e) {}
+ if (menuBox instanceof MenuBoxObject)
+ menuBox.openMenu(true);
+ else if (popupBox)
+ popupBox.showPopup(element, this, xpos, ypos, popuptype, anchoralignment, popupalignment);
+ ]]>
+ </body>
+ </method>
+
+ <method name="hidePopup">
+ <parameter name="cancel"/>
+ <body>
+ <![CDATA[
+ var popupBox = null;
+ var menuBox = null;
+ try {
+ popupBox = this.popupBoxObject;
+ } catch (e) {}
+ try {
+ menuBox = this.parentNode.boxObject;
+ } catch (e) {}
+ if (menuBox instanceof MenuBoxObject)
+ menuBox.openMenu(false);
+ else if (popupBox instanceof PopupBoxObject)
+ popupBox.hidePopup(cancel);
+ ]]>
+ </body>
+ </method>
+
+ <property name="autoPosition">
+ <getter>
+ <![CDATA[
+ return this.popupBoxObject.autoPosition;
+ ]]>
+ </getter>
+ <setter>
+ <![CDATA[
+ return this.popupBoxObject.autoPosition = val;
+ ]]>
+ </setter>
+ </property>
+
+ <property name="alignmentPosition" readonly="true">
+ <getter>
+ <![CDATA[
+ return this.popupBoxObject.alignmentPosition;
+ ]]>
+ </getter>
+ </property>
+
+ <property name="alignmentOffset" readonly="true">
+ <getter>
+ <![CDATA[
+ return this.popupBoxObject.alignmentOffset;
+ ]]>
+ </getter>
+ </property>
+
+ <method name="enableKeyboardNavigator">
+ <parameter name="aEnableKeyboardNavigator"/>
+ <body>
+ <![CDATA[
+ this.popupBoxObject.enableKeyboardNavigator(aEnableKeyboardNavigator);
+ ]]>
+ </body>
+ </method>
+
+ <method name="enableRollup">
+ <parameter name="aEnableRollup"/>
+ <body>
+ <![CDATA[
+ this.popupBoxObject.enableRollup(aEnableRollup);
+ ]]>
+ </body>
+ </method>
+
+ <method name="sizeTo">
+ <parameter name="aWidth"/>
+ <parameter name="aHeight"/>
+ <body>
+ <![CDATA[
+ this.popupBoxObject.sizeTo(aWidth, aHeight);
+ ]]>
+ </body>
+ </method>
+
+ <method name="moveTo">
+ <parameter name="aLeft"/>
+ <parameter name="aTop"/>
+ <body>
+ <![CDATA[
+ this.popupBoxObject.moveTo(aLeft, aTop);
+ ]]>
+ </body>
+ </method>
+
+ <method name="moveToAnchor">
+ <parameter name="aAnchorElement"/>
+ <parameter name="aPosition"/>
+ <parameter name="aX"/>
+ <parameter name="aY"/>
+ <parameter name="aAttributesOverride"/>
+ <body>
+ <![CDATA[
+ this.popupBoxObject.moveToAnchor(aAnchorElement, aPosition, aX, aY, aAttributesOverride);
+ ]]>
+ </body>
+ </method>
+
+ <method name="getOuterScreenRect">
+ <body>
+ <![CDATA[
+ return this.popupBoxObject.getOuterScreenRect();
+ ]]>
+ </body>
+ </method>
+
+ <method name="setConstraintRect">
+ <parameter name="aRect"/>
+ <body>
+ <![CDATA[
+ this.popupBoxObject.setConstraintRect(aRect);
+ ]]>
+ </body>
+ </method>
+ </implementation>
+
+ </binding>
+
+ <binding id="popup" role="xul:menupopup"
+ extends="chrome://global/content/bindings/popup.xml#popup-base">
+
+ <content>
+ <xul:arrowscrollbox class="popup-internal-box" flex="1" orient="vertical"
+ smoothscroll="false">
+ <children/>
+ </xul:arrowscrollbox>
+ </content>
+
+ <handlers>
+ <handler event="popupshowing" phase="target">
+ <![CDATA[
+ var array = [];
+ var width = 0;
+ for (var menuitem = this.firstChild; menuitem; menuitem = menuitem.nextSibling) {
+ if (menuitem.localName == "menuitem" && menuitem.hasAttribute("acceltext")) {
+ var accel = document.getAnonymousElementByAttribute(menuitem, "anonid", "accel");
+ if (accel && accel.boxObject) {
+ array.push(accel);
+ if (accel.boxObject.width > width)
+ width = accel.boxObject.width;
+ }
+ }
+ }
+ for (var i = 0; i < array.length; i++)
+ array[i].width = width;
+ ]]>
+ </handler>
+ </handlers>
+ </binding>
+
+ <binding id="panel" role="xul:panel"
+ extends="chrome://global/content/bindings/popup.xml#popup-base">
+ <implementation implements="nsIDOMXULPopupElement">
+ <field name="_prevFocus">0</field>
+ <field name="_dragBindingAlive">true</field>
+ <constructor>
+ <![CDATA[
+ if (this.getAttribute("backdrag") == "true" && !this._draggableStarted) {
+ this._draggableStarted = true;
+ try {
+ let tmp = {};
+ Components.utils.import("resource://gre/modules/WindowDraggingUtils.jsm", tmp);
+ let draghandle = new tmp.WindowDraggingElement(this);
+ draghandle.mouseDownCheck = function () {
+ return this._dragBindingAlive;
+ }
+ } catch (e) {}
+ }
+ ]]>
+ </constructor>
+ </implementation>
+
+ <handlers>
+ <handler event="popupshowing"><![CDATA[
+ // Capture the previous focus before has a chance to get set inside the panel
+ try {
+ this._prevFocus = Components.utils
+ .getWeakReference(document.commandDispatcher.focusedElement);
+ if (this._prevFocus.get())
+ return;
+ } catch (ex) { }
+
+ this._prevFocus = Components.utils.getWeakReference(document.activeElement);
+ ]]></handler>
+ <handler event="popupshown"><![CDATA[
+ // Fire event for accessibility APIs
+ var alertEvent = document.createEvent("Events");
+ alertEvent.initEvent("AlertActive", true, true);
+ this.dispatchEvent(alertEvent);
+ ]]></handler>
+ <handler event="popuphiding"><![CDATA[
+ try {
+ this._currentFocus = document.commandDispatcher.focusedElement;
+ } catch (e) {
+ this._currentFocus = document.activeElement;
+ }
+ ]]></handler>
+ <handler event="popuphidden"><![CDATA[
+ function doFocus() {
+ // Focus was set on an element inside this panel,
+ // so we need to move it back to where it was previously
+ try {
+ let fm = Components.classes["@mozilla.org/focus-manager;1"]
+ .getService(Components.interfaces.nsIFocusManager);
+ fm.setFocus(prevFocus, fm.FLAG_NOSCROLL);
+ } catch (e) {
+ prevFocus.focus();
+ }
+ }
+ var currentFocus = this._currentFocus;
+ var prevFocus = this._prevFocus ? this._prevFocus.get() : null;
+ this._currentFocus = null;
+ this._prevFocus = null;
+
+ // Avoid changing focus if focus changed while we hide the popup
+ // (This can happen e.g. if the popup is hiding as a result of a
+ // click/keypress that focused something)
+ let nowFocus;
+ try {
+ nowFocus = document.commandDispatcher.focusedElement;
+ } catch (e) {
+ nowFocus = document.activeElement;
+ }
+ if (nowFocus && nowFocus != currentFocus)
+ return;
+
+ if (prevFocus && this.getAttribute("norestorefocus") != "true") {
+ // Try to restore focus
+ try {
+ if (document.commandDispatcher.focusedWindow != window)
+ return; // Focus has already been set to a window outside of this panel
+ } catch (ex) {}
+
+ if (!currentFocus) {
+ doFocus();
+ return;
+ }
+ while (currentFocus) {
+ if (currentFocus == this) {
+ doFocus();
+ return;
+ }
+ currentFocus = currentFocus.parentNode;
+ }
+ }
+ ]]></handler>
+ </handlers>
+ </binding>
+
+ <binding id="arrowpanel" extends="chrome://global/content/bindings/popup.xml#panel">
+ <content flip="both" side="top" position="bottomcenter topleft" consumeoutsideclicks="false">
+ <xul:vbox anonid="container" class="panel-arrowcontainer" flex="1"
+ xbl:inherits="side,panelopen">
+ <xul:box anonid="arrowbox" class="panel-arrowbox">
+ <xul:image anonid="arrow" class="panel-arrow" xbl:inherits="side"/>
+ </xul:box>
+ <xul:box class="panel-arrowcontent" xbl:inherits="side,align,dir,orient,pack" flex="1">
+ <children/>
+ </xul:box>
+ </xul:vbox>
+ </content>
+ <implementation>
+ <field name="_fadeTimer">null</field>
+ <method name="sizeTo">
+ <parameter name="aWidth"/>
+ <parameter name="aHeight"/>
+ <body>
+ <![CDATA[
+ this.popupBoxObject.sizeTo(aWidth, aHeight);
+ if (this.state == "open") {
+ this.adjustArrowPosition();
+ }
+ ]]>
+ </body>
+ </method>
+ <method name="moveToAnchor">
+ <parameter name="aAnchorElement"/>
+ <parameter name="aPosition"/>
+ <parameter name="aX"/>
+ <parameter name="aY"/>
+ <parameter name="aAttributesOverride"/>
+ <body>
+ <![CDATA[
+ this.popupBoxObject.moveToAnchor(aAnchorElement, aPosition, aX, aY, aAttributesOverride);
+ ]]>
+ </body>
+ </method>
+ <method name="adjustArrowPosition">
+ <body>
+ <![CDATA[
+ var arrow = document.getAnonymousElementByAttribute(this, "anonid", "arrow");
+
+ var anchor = this.anchorNode;
+ if (!anchor) {
+ return;
+ }
+
+ var container = document.getAnonymousElementByAttribute(this, "anonid", "container");
+ var arrowbox = document.getAnonymousElementByAttribute(this, "anonid", "arrowbox");
+
+ var position = this.alignmentPosition;
+ var offset = this.alignmentOffset;
+
+ this.setAttribute("arrowposition", position);
+
+ if (position.indexOf("start_") == 0 || position.indexOf("end_") == 0) {
+ container.orient = "horizontal";
+ arrowbox.orient = "vertical";
+ if (position.indexOf("_after") > 0) {
+ arrowbox.pack = "end";
+ } else {
+ arrowbox.pack = "start";
+ }
+ arrowbox.style.transform = "translate(0, " + -offset + "px)";
+
+ // The assigned side stays the same regardless of direction.
+ var isRTL = (window.getComputedStyle(this).direction == "rtl");
+
+ if (position.indexOf("start_") == 0) {
+ container.dir = "reverse";
+ this.setAttribute("side", isRTL ? "left" : "right");
+ }
+ else {
+ container.dir = "";
+ this.setAttribute("side", isRTL ? "right" : "left");
+ }
+ }
+ else if (position.indexOf("before_") == 0 || position.indexOf("after_") == 0) {
+ container.orient = "";
+ arrowbox.orient = "";
+ if (position.indexOf("_end") > 0) {
+ arrowbox.pack = "end";
+ } else {
+ arrowbox.pack = "start";
+ }
+ arrowbox.style.transform = "translate(" + -offset + "px, 0)";
+
+ if (position.indexOf("before_") == 0) {
+ container.dir = "reverse";
+ this.setAttribute("side", "bottom");
+ }
+ else {
+ container.dir = "";
+ this.setAttribute("side", "top");
+ }
+ }
+ ]]>
+ </body>
+ </method>
+ </implementation>
+ <handlers>
+ <handler event="popupshowing" phase="target">
+ <![CDATA[
+ var arrow = document.getAnonymousElementByAttribute(this, "anonid", "arrow");
+ arrow.hidden = this.anchorNode == null;
+ document.getAnonymousElementByAttribute(this, "anonid", "arrowbox")
+ .style.removeProperty("transform");
+
+ this.adjustArrowPosition();
+
+ if (this.getAttribute("animate") != "false") {
+ this.setAttribute("animate", "open");
+ }
+
+ // set fading
+ var fade = this.getAttribute("fade");
+ var fadeDelay = 0;
+ if (fade == "fast") {
+ fadeDelay = 1;
+ }
+ else if (fade == "slow") {
+ fadeDelay = 4000;
+ }
+ else {
+ return;
+ }
+
+ this._fadeTimer = setTimeout(() => this.hidePopup(true), fadeDelay, this);
+ ]]>
+ </handler>
+ <handler event="popuphiding" phase="target">
+ let animate = (this.getAttribute("animate") != "false");
+
+ if (this._fadeTimer) {
+ clearTimeout(this._fadeTimer);
+ if (animate) {
+ this.setAttribute("animate", "fade");
+ }
+ }
+ else if (animate) {
+ this.setAttribute("animate", "cancel");
+ }
+ </handler>
+ <handler event="popupshown" phase="target">
+ this.setAttribute("panelopen", "true");
+ </handler>
+ <handler event="popuphidden" phase="target">
+ this.removeAttribute("panelopen");
+ if (this.getAttribute("animate") != "false") {
+ this.removeAttribute("animate");
+ }
+ </handler>
+ <handler event="popuppositioned" phase="target">
+ this.adjustArrowPosition();
+ </handler>
+ </handlers>
+ </binding>
+
+ <binding id="tooltip" role="xul:tooltip"
+ extends="chrome://global/content/bindings/popup.xml#popup-base">
+ <content>
+ <children>
+ <xul:label class="tooltip-label" xbl:inherits="xbl:text=label" flex="1"/>
+ </children>
+ </content>
+
+ <implementation>
+ <field name="_mouseOutCount">0</field>
+ <field name="_isMouseOver">false</field>
+
+ <property name="label"
+ onget="return this.getAttribute('label');"
+ onset="this.setAttribute('label', val); return val;"/>
+
+ <property name="page" onset="if (val) this.setAttribute('page', 'true');
+ else this.removeAttribute('page');
+ return val;"
+ onget="return this.getAttribute('page') == 'true';"/>
+ <property name="textProvider"
+ readonly="true">
+ <getter>
+ <![CDATA[
+ if (!this._textProvider) {
+ this._textProvider = Components.classes["@mozilla.org/embedcomp/default-tooltiptextprovider;1"]
+ .getService(Components.interfaces.nsITooltipTextProvider);
+ }
+ return this._textProvider;
+ ]]>
+ </getter>
+ </property>
+
+ <!-- Given the supplied element within a page, set the tooltip's text to the text
+ for that element. Returns true if text was assigned, and false if the no text
+ is set, which normally would be used to cancel tooltip display.
+ -->
+ <method name="fillInPageTooltip">
+ <parameter name="tipElement"/>
+ <body>
+ <![CDATA[
+ let tttp = this.textProvider;
+ let textObj = {}, dirObj = {};
+ let shouldChangeText = tttp.getNodeText(tipElement, textObj, dirObj);
+ if (shouldChangeText) {
+ this.style.direction = dirObj.value;
+ this.label = textObj.value;
+ }
+ return shouldChangeText;
+ ]]>
+ </body>
+ </method>
+ </implementation>
+
+ <handlers>
+ <handler event="mouseover"><![CDATA[
+ var rel = event.relatedTarget;
+ if (!rel)
+ return;
+
+ // find out if the node we entered from is one of our anonymous children
+ while (rel) {
+ if (rel == this)
+ break;
+ rel = rel.parentNode;
+ }
+
+ // if the exited node is not a descendant of ours, we are entering for the first time
+ if (rel != this)
+ this._isMouseOver = true;
+ ]]></handler>
+
+ <handler event="mouseout"><![CDATA[
+ var rel = event.relatedTarget;
+
+ // relatedTarget is null when the titletip is first shown: a mouseout event fires
+ // because the mouse is exiting the main window and entering the titletip "window".
+ // relatedTarget is also null when the mouse exits the main window completely,
+ // so count how many times relatedTarget was null after titletip is first shown
+ // and hide popup the 2nd time
+ if (!rel) {
+ ++this._mouseOutCount;
+ if (this._mouseOutCount > 1)
+ this.hidePopup();
+ return;
+ }
+
+ // find out if the node we are entering is one of our anonymous children
+ while (rel) {
+ if (rel == this)
+ break;
+ rel = rel.parentNode;
+ }
+
+ // if the entered node is not a descendant of ours, hide the tooltip
+ if (rel != this && this._isMouseOver) {
+ this.hidePopup();
+ }
+ ]]></handler>
+
+ <handler event="popupshowing"><![CDATA[
+ if (this.page && !this.fillInPageTooltip(this.triggerNode)) {
+ event.preventDefault();
+ }
+ ]]></handler>
+
+ <handler event="popuphiding"><![CDATA[
+ this._isMouseOver = false;
+ this._mouseOutCount = 0;
+ ]]></handler>
+ </handlers>
+ </binding>
+
+ <binding id="popup-scrollbars" extends="chrome://global/content/bindings/popup.xml#popup">
+ <content>
+ <xul:hbox class="popup-internal-box" flex="1" orient="vertical" style="overflow: auto;">
+ <children/>
+ </xul:hbox>
+ </content>
+ </binding>
+
+</bindings>