diff --git a/dist/iwmlib.js b/dist/iwmlib.js
index 414e534..9be616d 100644
--- a/dist/iwmlib.js
+++ b/dist/iwmlib.js
@@ -2480,8 +2480,6 @@
onMouseWheel(event) {
if (this.capture(event) && this.target.onMouseWheel) {
this.target.onMouseWheel(event);
- } else {
- //console.warn('Target has no onMouseWheel callback')
}
}
@@ -2685,8 +2683,6 @@
}
if (this.target.onMouseWheel) {
this.target.onMouseWheel(event);
- } else {
- //console.warn('Target has no onMouseWheel callback', this.target)
}
}
}
@@ -7609,8 +7605,6 @@
/** To avoid problems with relative URL paths, we use inline data URI to load svg icons. */
- const enableNearestNeighborTaps = false;
-
/**
* A class that collects static methods to maintain the states and parts of
* EyeVisit like cards.
@@ -9015,16 +9009,6 @@
if (this.dynamicHeight) {
article.appendChild(iconClone);
}
-
- if (enableNearestNeighborTaps) {
- //look for nearby popups on tap
- InteractionMapper.on('tap', indexbox, () => {
- console.log('Tap handler called', editable);
- if (!editable) {
- this.findNearbyPopups(event, card);
- }
- });
- }
// Use the 'tap' event for closing.
// Otherwise the subcard cannot be closed,
// when another subcard is touched.
diff --git a/dist/iwmlib.pixi.js b/dist/iwmlib.pixi.js
index ed5fc52..df57b22 100644
--- a/dist/iwmlib.pixi.js
+++ b/dist/iwmlib.pixi.js
@@ -3298,6 +3298,34 @@
this.buttons.forEach(it => (it.disabled = value));
}
+ /**
+ * Gets or sets the maximum width of the button group for stacking. Usefull when you want to resize the available space.
+ *
+ * @member {number}
+ */
+ get maxWidth() {
+ return this.opts.maxWidth
+ }
+
+ set maxWidth(value) {
+ this.opts.maxWidth = value;
+ this.layout();
+ }
+
+ /**
+ * Gets or sets the maximum height of the button group for stacking. Usefull when you want to resize the available space.
+ *
+ * @member {number}
+ */
+ get maxHeight() {
+ return this.opts.maxHeight
+ }
+
+ set maxHeight(value) {
+ this.opts.maxHeight = value;
+ this.layout();
+ }
+
/**
* Searches all buttons of the button group and returns the maximum width of one button.
*
@@ -6035,8 +6063,6 @@
onMouseWheel(event) {
if (this.capture(event) && this.target.onMouseWheel) {
this.target.onMouseWheel(event);
- } else {
- //console.warn('Target has no onMouseWheel callback')
}
}
@@ -6240,8 +6266,6 @@
}
if (this.target.onMouseWheel) {
this.target.onMouseWheel(event);
- } else {
- //console.warn('Target has no onMouseWheel callback', this.target)
}
}
}
diff --git a/doc/out/AbstractPopup.html b/doc/out/AbstractPopup.html
index 65a3bce..aec30eb 100644
--- a/doc/out/AbstractPopup.html
+++ b/doc/out/AbstractPopup.html
@@ -252,6 +252,10 @@
disabled
+ maxHeight
+
+ maxWidth
+
@@ -2920,7 +2924,7 @@ a string, a number or a PIXI.Text object.
diff --git a/doc/out/Badge.html b/doc/out/Badge.html
index d82153d..3eaa314 100644
--- a/doc/out/Badge.html
+++ b/doc/out/Badge.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2376,7 +2380,7 @@ a string, a number or a PIXI.Text object.
diff --git a/doc/out/BlurFilter.html b/doc/out/BlurFilter.html
index 33f3d24..8de2d53 100644
--- a/doc/out/BlurFilter.html
+++ b/doc/out/BlurFilter.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1800,7 +1804,7 @@ app.scene.filters = [blurFilter]
diff --git a/doc/out/Button.html b/doc/out/Button.html
index a2e0c16..e8a4231 100644
--- a/doc/out/Button.html
+++ b/doc/out/Button.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -3501,7 +3505,7 @@ the tint property of the icon sprite.
@@ -3606,7 +3610,7 @@ the tint property of the icon sprite.
@@ -3711,7 +3715,7 @@ the tint property of the icon sprite.
@@ -3818,7 +3822,7 @@ the tint property of the icon sprite.
diff --git a/doc/out/ButtonGroup.html b/doc/out/ButtonGroup.html
index 7d63851..7bd0e2e 100644
--- a/doc/out/ButtonGroup.html
+++ b/doc/out/ButtonGroup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -3005,6 +3009,108 @@ app.scene.addChild(buttonGroup)
+
+
+
+
+
+
+
+
+-
+
+
+
+ maxHeight
+ number
+
+
+
+
+
+
+
+
+
+-
+
+
+
Gets or sets the maximum height of the button group for stacking. Usefull when you want to resize the available space.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+-
+
+
+
+ maxWidth
+ number
+
+
+
+
+
+
+
+
+
+-
+
+
+
Gets or sets the maximum width of the button group for stacking. Usefull when you want to resize the available space.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -3035,7 +3141,7 @@ app.scene.addChild(buttonGroup)
@@ -3107,7 +3213,7 @@ app.scene.addChild(buttonGroup)
@@ -3179,7 +3285,7 @@ app.scene.addChild(buttonGroup)
@@ -3303,7 +3409,7 @@ app.scene.addChild(buttonGroup)
@@ -3513,7 +3619,7 @@ app.scene.addChild(buttonGroup)
@@ -3618,7 +3724,7 @@ app.scene.addChild(buttonGroup)
@@ -3692,7 +3798,7 @@ app.scene.addChild(buttonGroup)
diff --git a/doc/out/DeepZoomImage.html b/doc/out/DeepZoomImage.html
index f56db59..e0f0b4f 100644
--- a/doc/out/DeepZoomImage.html
+++ b/doc/out/DeepZoomImage.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -5098,7 +5102,7 @@ i.e. after loading a single tile
diff --git a/doc/out/DeepZoomInfo.html b/doc/out/DeepZoomInfo.html
index 013f3c8..11f0c10 100644
--- a/doc/out/DeepZoomInfo.html
+++ b/doc/out/DeepZoomInfo.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2611,7 +2615,7 @@ on completion.
diff --git a/doc/out/Flippable.html b/doc/out/Flippable.html
index 601ecf3..dc76c84 100644
--- a/doc/out/Flippable.html
+++ b/doc/out/Flippable.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2514,7 +2518,7 @@ front.on('click', event => flippable.toggle())
diff --git a/doc/out/FontInfo.html b/doc/out/FontInfo.html
index 7b98696..c3fe6e4 100644
--- a/doc/out/FontInfo.html
+++ b/doc/out/FontInfo.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1561,7 +1565,7 @@
diff --git a/doc/out/Hypenate.html b/doc/out/Hypenate.html
index cfeac6c..3b2556d 100644
--- a/doc/out/Hypenate.html
+++ b/doc/out/Hypenate.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1763,7 +1767,7 @@
diff --git a/doc/out/InteractivePopup.html b/doc/out/InteractivePopup.html
index 5283cb4..626c0ef 100644
--- a/doc/out/InteractivePopup.html
+++ b/doc/out/InteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2345,7 +2349,7 @@ a string, a number or a PIXI.Text object.
diff --git a/doc/out/LabeledGraphics.exports.LabeledGraphics.html b/doc/out/LabeledGraphics.exports.LabeledGraphics.html
index e3ada67..8a62c1b 100644
--- a/doc/out/LabeledGraphics.exports.LabeledGraphics.html
+++ b/doc/out/LabeledGraphics.exports.LabeledGraphics.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1563,7 +1567,7 @@
diff --git a/doc/out/LabeledGraphics.html b/doc/out/LabeledGraphics.html
index 060e318..21661dd 100644
--- a/doc/out/LabeledGraphics.html
+++ b/doc/out/LabeledGraphics.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2628,7 +2632,7 @@ than wanted
diff --git a/doc/out/List.html b/doc/out/List.html
index 67dea74..70b42d5 100644
--- a/doc/out/List.html
+++ b/doc/out/List.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2587,7 +2591,7 @@ app.scene.addChild(list)
diff --git a/doc/out/Message.html b/doc/out/Message.html
index d1043fc..5b58c3c 100644
--- a/doc/out/Message.html
+++ b/doc/out/Message.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2443,7 +2447,7 @@ a string, a number or a PIXI.Text object.
diff --git a/doc/out/MessageInteractivePopup.html b/doc/out/MessageInteractivePopup.html
index c5c3ee1..1bb8e3d 100644
--- a/doc/out/MessageInteractivePopup.html
+++ b/doc/out/MessageInteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1791,7 +1795,7 @@ like Popup, Message...
diff --git a/doc/out/MessageMessageInteractivePopup.html b/doc/out/MessageMessageInteractivePopup.html
index a755058..bb40473 100644
--- a/doc/out/MessageMessageInteractivePopup.html
+++ b/doc/out/MessageMessageInteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1791,7 +1795,7 @@ like Popup, Message...
diff --git a/doc/out/Modal.html b/doc/out/Modal.html
index 302cd6c..44ee9e0 100644
--- a/doc/out/Modal.html
+++ b/doc/out/Modal.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2344,7 +2348,7 @@ a string or a PIXI.Text object.
diff --git a/doc/out/ModalInteractivePopup.html b/doc/out/ModalInteractivePopup.html
index e65567c..60d101a 100644
--- a/doc/out/ModalInteractivePopup.html
+++ b/doc/out/ModalInteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1791,7 +1795,7 @@ like Popup, Message...
diff --git a/doc/out/ModalModalInteractivePopup.html b/doc/out/ModalModalInteractivePopup.html
index 097a079..dece6d9 100644
--- a/doc/out/ModalModalInteractivePopup.html
+++ b/doc/out/ModalModalInteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1791,7 +1795,7 @@ like Popup, Message...
diff --git a/doc/out/PIXIApp.html b/doc/out/PIXIApp.html
index fcbc3a9..c4f7a26 100644
--- a/doc/out/PIXIApp.html
+++ b/doc/out/PIXIApp.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -5745,7 +5749,7 @@ rejected with an error.
diff --git a/doc/out/Popup.html b/doc/out/Popup.html
index 56f368a..6fe1268 100644
--- a/doc/out/Popup.html
+++ b/doc/out/Popup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2338,7 +2342,7 @@ a string, a number or a PIXI.Text object.
diff --git a/doc/out/PopupInteractivePopup.html b/doc/out/PopupInteractivePopup.html
index 313c7dc..022f399 100644
--- a/doc/out/PopupInteractivePopup.html
+++ b/doc/out/PopupInteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1791,7 +1795,7 @@ like Popup, Message...
diff --git a/doc/out/PopupMenu.html b/doc/out/PopupMenu.html
index da8b85b..e833914 100644
--- a/doc/out/PopupMenu.html
+++ b/doc/out/PopupMenu.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2392,7 +2396,7 @@ a string, a number or a PIXI.Text object.
diff --git a/doc/out/PopupMenuPopupInteractivePopup.html b/doc/out/PopupMenuPopupInteractivePopup.html
index d1bf56f..32fd054 100644
--- a/doc/out/PopupMenuPopupInteractivePopup.html
+++ b/doc/out/PopupMenuPopupInteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1791,7 +1795,7 @@ like Popup, Message...
diff --git a/doc/out/PopupMenuPopupMenuPopupInteractivePopup.html b/doc/out/PopupMenuPopupMenuPopupInteractivePopup.html
index 7c10884..3b67e61 100644
--- a/doc/out/PopupMenuPopupMenuPopupInteractivePopup.html
+++ b/doc/out/PopupMenuPopupMenuPopupInteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1791,7 +1795,7 @@ like Popup, Message...
diff --git a/doc/out/PopupMenuPopupMenuPopupPopupInteractivePopup.html b/doc/out/PopupMenuPopupMenuPopupPopupInteractivePopup.html
index d7e1f90..b49eedb 100644
--- a/doc/out/PopupMenuPopupMenuPopupPopupInteractivePopup.html
+++ b/doc/out/PopupMenuPopupMenuPopupPopupInteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1791,7 +1795,7 @@ like Popup, Message...
diff --git a/doc/out/PopupMenuPopupPopupInteractivePopup.html b/doc/out/PopupMenuPopupPopupInteractivePopup.html
index e52e03a..59469d7 100644
--- a/doc/out/PopupMenuPopupPopupInteractivePopup.html
+++ b/doc/out/PopupMenuPopupPopupInteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1791,7 +1795,7 @@ like Popup, Message...
diff --git a/doc/out/PopupPopupInteractivePopup.html b/doc/out/PopupPopupInteractivePopup.html
index 59c7c3b..071db90 100644
--- a/doc/out/PopupPopupInteractivePopup.html
+++ b/doc/out/PopupPopupInteractivePopup.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1791,7 +1795,7 @@ like Popup, Message...
diff --git a/doc/out/Progress.html b/doc/out/Progress.html
index 4761562..5e1c291 100644
--- a/doc/out/Progress.html
+++ b/doc/out/Progress.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2877,7 +2881,7 @@ app.scene.addChild(progress)
diff --git a/doc/out/Scrollview.html b/doc/out/Scrollview.html
index fa58a7a..6679717 100644
--- a/doc/out/Scrollview.html
+++ b/doc/out/Scrollview.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1709,7 +1713,7 @@ app.loader
diff --git a/doc/out/Slider.html b/doc/out/Slider.html
index 2bee9df..3fd405e 100644
--- a/doc/out/Slider.html
+++ b/doc/out/Slider.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2968,7 +2972,7 @@ app.scene.addChild(slider)
diff --git a/doc/out/Switch.html b/doc/out/Switch.html
index cf4e7d6..0910b55 100644
--- a/doc/out/Switch.html
+++ b/doc/out/Switch.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -3398,7 +3402,7 @@ app.scene.addChild(switch1)
diff --git a/doc/out/TextLabel.TextLabel.html b/doc/out/TextLabel.TextLabel.html
index 6b45046..d66ada8 100644
--- a/doc/out/TextLabel.TextLabel.html
+++ b/doc/out/TextLabel.TextLabel.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1692,7 +1696,7 @@
diff --git a/doc/out/Theme.html b/doc/out/Theme.html
index cd8b856..39113c7 100644
--- a/doc/out/Theme.html
+++ b/doc/out/Theme.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -3167,7 +3171,7 @@ const app = new PIXIApp({
diff --git a/doc/out/ThemeDark.html b/doc/out/ThemeDark.html
index 79fdda2..a96aa7d 100644
--- a/doc/out/ThemeDark.html
+++ b/doc/out/ThemeDark.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1588,7 +1592,7 @@ const app = new PIXIApp({
diff --git a/doc/out/ThemeLight.html b/doc/out/ThemeLight.html
index f6915cd..8e98a52 100644
--- a/doc/out/ThemeLight.html
+++ b/doc/out/ThemeLight.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1600,7 +1604,7 @@ const app = new PIXIApp({
diff --git a/doc/out/ThemeRed.html b/doc/out/ThemeRed.html
index f824138..54a825c 100644
--- a/doc/out/ThemeRed.html
+++ b/doc/out/ThemeRed.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1600,7 +1604,7 @@ const app = new PIXIApp({
diff --git a/doc/out/TileQuadNode.html b/doc/out/TileQuadNode.html
index b7b5110..9808c5a 100644
--- a/doc/out/TileQuadNode.html
+++ b/doc/out/TileQuadNode.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2052,7 +2056,7 @@ an indicator of tiles to free.
diff --git a/doc/out/Tooltip.html b/doc/out/Tooltip.html
index 339ee94..0f3f8e6 100644
--- a/doc/out/Tooltip.html
+++ b/doc/out/Tooltip.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2514,7 +2518,7 @@ a string, a number or a PIXI.Text object.
diff --git a/doc/out/UITest.html b/doc/out/UITest.html
index 5bac7f0..b8c9245 100644
--- a/doc/out/UITest.html
+++ b/doc/out/UITest.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -4185,7 +4189,7 @@ test.start()
diff --git a/doc/out/Volatile.html b/doc/out/Volatile.html
index 241bb19..807ce05 100644
--- a/doc/out/Volatile.html
+++ b/doc/out/Volatile.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2101,7 +2105,7 @@ app.scene.addChild(button)
diff --git a/doc/out/global.html b/doc/out/global.html
index 085c1ee..ca589fd 100644
--- a/doc/out/global.html
+++ b/doc/out/global.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -3322,7 +3326,7 @@
diff --git a/doc/out/index.html b/doc/out/index.html
index 0cd30e1..9b84215 100644
--- a/doc/out/index.html
+++ b/doc/out/index.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1487,7 +1491,7 @@
diff --git a/doc/out/pixi_abstractpopup.js.html b/doc/out/pixi_abstractpopup.js.html
index 14768f3..d7122a6 100644
--- a/doc/out/pixi_abstractpopup.js.html
+++ b/doc/out/pixi_abstractpopup.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1810,7 +1814,7 @@ export default class AbstractPopup extends PIXI.Graphics {
diff --git a/doc/out/pixi_app.js.html b/doc/out/pixi_app.js.html
index b7dc801..dc337a8 100644
--- a/doc/out/pixi_app.js.html
+++ b/doc/out/pixi_app.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2191,7 +2195,7 @@ class FpsDisplay extends PIXI.Graphics {
diff --git a/doc/out/pixi_badge.js.html b/doc/out/pixi_badge.js.html
index f4333e6..1bbbfe9 100644
--- a/doc/out/pixi_badge.js.html
+++ b/doc/out/pixi_badge.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1571,7 +1575,7 @@ export default class Badge extends AbstractPopup {
diff --git a/doc/out/pixi_blurfilter.js.html b/doc/out/pixi_blurfilter.js.html
index d67139b..f2345db 100644
--- a/doc/out/pixi_blurfilter.js.html
+++ b/doc/out/pixi_blurfilter.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1729,7 +1733,7 @@ class TiltShiftYFilter extends TiltShiftAxisFilter {
diff --git a/doc/out/pixi_button.js.html b/doc/out/pixi_button.js.html
index bc9063d..00093da 100644
--- a/doc/out/pixi_button.js.html
+++ b/doc/out/pixi_button.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1700,13 +1704,11 @@ export default class Button extends PIXI.Container {
this.capture(e)
})
- this.button.on('pointerout', e => {
- this.capture(e)
- TweenLite.to([this.button, this.content], this.theme.fast, {
- alpha: 1,
- overwrite: 'none'
- })
- })
+ this.button.on('pointerout', this.onEnd.bind(this))
+ this.button.on('pointercancel', this.onEnd.bind(this))
+ this.button.on('pointerupoutside', this.onEnd.bind(this))
+ this.button.on('pointertap', this.onEnd.bind(this))
+ this.button.on('scroll', this.onEnd.bind(this))
// eslint-disable-next-line no-unused-vars
this.button.on('pointerdown', e => {
@@ -2139,6 +2141,14 @@ export default class Button extends PIXI.Container {
this.icon.tint = value
}
}
+
+ onEnd(event) {
+ this.capture(event)
+ TweenLite.to([this.button, this.content], this.theme.fast, {
+ alpha: 1,
+ overwrite: 'none'
+ })
+ }
}
@@ -2153,7 +2163,7 @@ export default class Button extends PIXI.Container {
diff --git a/doc/out/pixi_buttongroup.js.html b/doc/out/pixi_buttongroup.js.html
index 945ebeb..f4769ca 100644
--- a/doc/out/pixi_buttongroup.js.html
+++ b/doc/out/pixi_buttongroup.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1819,6 +1823,34 @@ export default class ButtonGroup extends PIXI.Container {
this.buttons.forEach(it => (it.disabled = value))
}
+ /**
+ * Gets or sets the maximum width of the button group for stacking. Usefull when you want to resize the available space.
+ *
+ * @member {number}
+ */
+ get maxWidth() {
+ return this.opts.maxWidth
+ }
+
+ set maxWidth(value) {
+ this.opts.maxWidth = value
+ this.layout()
+ }
+
+ /**
+ * Gets or sets the maximum height of the button group for stacking. Usefull when you want to resize the available space.
+ *
+ * @member {number}
+ */
+ get maxHeight() {
+ return this.opts.maxHeight
+ }
+
+ set maxHeight(value) {
+ this.opts.maxHeight = value
+ this.layout()
+ }
+
/**
* Searches all buttons of the button group and returns the maximum width of one button.
*
@@ -2121,7 +2153,7 @@ export default class ButtonGroup extends PIXI.Container {
diff --git a/doc/out/pixi_deepzoom_image.js.html b/doc/out/pixi_deepzoom_image.js.html
index 2e05ac2..2d957f8 100644
--- a/doc/out/pixi_deepzoom_image.js.html
+++ b/doc/out/pixi_deepzoom_image.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2553,7 +2557,7 @@ export class DeepZoomImage extends PIXI.Container {
diff --git a/doc/out/pixi_flippable.js.html b/doc/out/pixi_flippable.js.html
index 8e00349..773a71f 100644
--- a/doc/out/pixi_flippable.js.html
+++ b/doc/out/pixi_flippable.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1908,7 +1912,7 @@ export default class Flippable extends PIXI.projection.Camera3d {
diff --git a/doc/out/pixi_labeledgraphics.js.html b/doc/out/pixi_labeledgraphics.js.html
index 7a30599..e62ce64 100644
--- a/doc/out/pixi_labeledgraphics.js.html
+++ b/doc/out/pixi_labeledgraphics.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1857,7 +1861,7 @@ export class BitmapLabeledGraphics extends LabeledGraphics {
diff --git a/doc/out/pixi_list.js.html b/doc/out/pixi_list.js.html
index e73637b..e3e3e8f 100644
--- a/doc/out/pixi_list.js.html
+++ b/doc/out/pixi_list.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1836,7 +1840,7 @@ export default class List extends PIXI.Container {
diff --git a/doc/out/pixi_message.js.html b/doc/out/pixi_message.js.html
index 38287a9..f0cc2de 100644
--- a/doc/out/pixi_message.js.html
+++ b/doc/out/pixi_message.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1585,7 +1589,7 @@ export default class Message extends InteractivePopup {
diff --git a/doc/out/pixi_modal.js.html b/doc/out/pixi_modal.js.html
index 0cd78fd..30ff617 100644
--- a/doc/out/pixi_modal.js.html
+++ b/doc/out/pixi_modal.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1666,7 +1670,7 @@ export default class Modal extends PIXI.Container {
diff --git a/doc/out/pixi_popup.js.html b/doc/out/pixi_popup.js.html
index a87b858..e32f2a0 100644
--- a/doc/out/pixi_popup.js.html
+++ b/doc/out/pixi_popup.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1676,7 +1680,7 @@ export default class Popup extends InteractivePopup {
diff --git a/doc/out/pixi_popupmenu.js.html b/doc/out/pixi_popupmenu.js.html
index 386d3a7..6fb8067 100644
--- a/doc/out/pixi_popupmenu.js.html
+++ b/doc/out/pixi_popupmenu.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1579,7 +1583,7 @@ export default class PopupMenu extends Popup {
diff --git a/doc/out/pixi_progress.js.html b/doc/out/pixi_progress.js.html
index 31697e6..915bb30 100644
--- a/doc/out/pixi_progress.js.html
+++ b/doc/out/pixi_progress.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1761,7 +1765,7 @@ export default class Progress extends PIXI.Container {
diff --git a/doc/out/pixi_scrollview.js.html b/doc/out/pixi_scrollview.js.html
index f76ebfc..075bd93 100644
--- a/doc/out/pixi_scrollview.js.html
+++ b/doc/out/pixi_scrollview.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1520,7 +1524,7 @@ export default class Scrollview extends Scrollbox {
diff --git a/doc/out/pixi_slider.js.html b/doc/out/pixi_slider.js.html
index ef438c3..223aaad 100644
--- a/doc/out/pixi_slider.js.html
+++ b/doc/out/pixi_slider.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1925,7 +1929,7 @@ export default class Slider extends PIXI.Container {
diff --git a/doc/out/pixi_switch.js.html b/doc/out/pixi_switch.js.html
index 9bcbfbc..65ef200 100644
--- a/doc/out/pixi_switch.js.html
+++ b/doc/out/pixi_switch.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1979,7 +1983,7 @@ export default class Switch extends PIXI.Container {
diff --git a/doc/out/pixi_theme.js.html b/doc/out/pixi_theme.js.html
index 446c2ee..8b4911e 100644
--- a/doc/out/pixi_theme.js.html
+++ b/doc/out/pixi_theme.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1720,7 +1724,7 @@ export class ThemeRed extends Theme {
diff --git a/doc/out/pixi_tooltip.js.html b/doc/out/pixi_tooltip.js.html
index e31ed30..793d8ed 100644
--- a/doc/out/pixi_tooltip.js.html
+++ b/doc/out/pixi_tooltip.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1613,7 +1617,7 @@ export default class Tooltip extends AbstractPopup {
diff --git a/doc/out/pixi_volatile.js.html b/doc/out/pixi_volatile.js.html
index 879319a..0b14cff 100644
--- a/doc/out/pixi_volatile.js.html
+++ b/doc/out/pixi_volatile.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -1617,7 +1621,7 @@ export default class Volatile {
diff --git a/doc/out/uitest.js.html b/doc/out/uitest.js.html
index e585274..2f186fd 100644
--- a/doc/out/uitest.js.html
+++ b/doc/out/uitest.js.html
@@ -252,6 +252,10 @@
- disabled
+ - maxHeight
+
+ - maxWidth
+
@@ -2468,7 +2472,7 @@ class Event {
diff --git a/lib/card/card.js b/lib/card/card.js
index 0d8f7ac..b9b1acc 100644
--- a/lib/card/card.js
+++ b/lib/card/card.js
@@ -646,7 +646,7 @@ export default class Card {
}
static _calculateCenterRelativeTo(target, image) {
- console.log("_calculateCenterRelativeTo", target, image)
+ console.log('_calculateCenterRelativeTo', target, image)
let bbox = image.getBBox()
let width = bbox.width
let height = bbox.height
@@ -655,10 +655,9 @@ export default class Card {
let r = target.getAttribute('r')
let radius = r.endsWith('%') ? (parseFloat(r) / 100) * width : parseFloat(r)
-
let x = cx.endsWith('%') ? (parseFloat(cx) / 100) * width : cx
let y = cy.endsWith('%') ? (parseFloat(cy) / 100) * height : cx
- console.log({x, y, width, height , radius})
+ console.log({ x, y, width, height, radius })
return { x, y }
}
@@ -670,7 +669,7 @@ export default class Card {
* @returns {bool} false - Returns false to prevent default click action
* @memberof Card
*/
- static loadHighlightPopup(event, node=null) {
+ static loadHighlightPopup(event, node = null) {
if (this.debug) console.log('Card.loadHighlightPopup', event, node)
if (node == null) {
if (event.firstTarget) {
@@ -679,7 +678,7 @@ export default class Card {
node = event.target
}
}
-
+
let context = this.getContext(node)
event.stopPropagation()
@@ -699,18 +698,17 @@ export default class Card {
onExpanded: () => {
// We assume it's always a circle. This may break, when other svg shapes are used.
-
let svgRoot = node.closest('svg')
let image = svgRoot.querySelector('image')
let position = Card._calculateCenterRelativeTo(node, image)
-
+
/*
As the popup is appended directly to the card. We have to
transform the location from the subcard-/svg-space to the
card space.
*/
- // let svgRoot = node.closest('svg')
+ // let svgRoot = node.closest('svg')
let svgPoint = svgRoot.createSVGPoint()
svgPoint.x = position.x
@@ -719,7 +717,7 @@ export default class Card {
let point = svgPoint.matrixTransform(matrix)
let closestDiv = node.closest('div')
- console.log("closestDiv", closestDiv, point)
+ console.log('closestDiv', closestDiv, point)
let global = Points.fromNodeToPage(closestDiv, point)
let local = Points.fromPageToNode(context, global)
@@ -731,7 +729,7 @@ export default class Card {
// we could load the data while the circle is animating.
// but for simplicity it's just done here for now.
// TODO: Adjust to load while animating (Problem: Unload when cancelled).
- console.log("loadHighlightPopup", src, position, local)
+ console.log('loadHighlightPopup', src, position, local)
this._loadPopupContent(src)
.then(content => {
this._openPopup(context, src, local, content, {
diff --git a/lib/pixi/button.js b/lib/pixi/button.js
index e414988..c9674f0 100644
--- a/lib/pixi/button.js
+++ b/lib/pixi/button.js
@@ -253,10 +253,10 @@ export default class Button extends PIXI.Container {
})
this.button.on('pointerout', this.onEnd.bind(this))
- this.button.on('pointercancel', this.onEnd.bind(this))
- this.button.on('pointerupoutside', this.onEnd.bind(this))
- this.button.on('pointertap', this.onEnd.bind(this))
- this.button.on('scroll', this.onEnd.bind(this))
+ this.button.on('pointercancel', this.onEnd.bind(this))
+ this.button.on('pointerupoutside', this.onEnd.bind(this))
+ this.button.on('pointertap', this.onEnd.bind(this))
+ this.button.on('scroll', this.onEnd.bind(this))
// eslint-disable-next-line no-unused-vars
this.button.on('pointerdown', e => {
@@ -689,12 +689,12 @@ export default class Button extends PIXI.Container {
this.icon.tint = value
}
}
-
- onEnd(event) {
- this.capture(event)
- TweenLite.to([this.button, this.content], this.theme.fast, {
- alpha: 1,
- overwrite: 'none'
- })
- }
+
+ onEnd(event) {
+ this.capture(event)
+ TweenLite.to([this.button, this.content], this.theme.fast, {
+ alpha: 1,
+ overwrite: 'none'
+ })
+ }
}
diff --git a/lib/pixi/buttongroup.js b/lib/pixi/buttongroup.js
index 1c0f728..feaec6c 100644
--- a/lib/pixi/buttongroup.js
+++ b/lib/pixi/buttongroup.js
@@ -371,6 +371,34 @@ export default class ButtonGroup extends PIXI.Container {
this.buttons.forEach(it => (it.disabled = value))
}
+ /**
+ * Gets or sets the maximum width of the button group for stacking. Usefull when you want to resize the available space.
+ *
+ * @member {number}
+ */
+ get maxWidth() {
+ return this.opts.maxWidth
+ }
+
+ set maxWidth(value) {
+ this.opts.maxWidth = value
+ this.layout()
+ }
+
+ /**
+ * Gets or sets the maximum height of the button group for stacking. Usefull when you want to resize the available space.
+ *
+ * @member {number}
+ */
+ get maxHeight() {
+ return this.opts.maxHeight
+ }
+
+ set maxHeight(value) {
+ this.opts.maxHeight = value
+ this.layout()
+ }
+
/**
* Searches all buttons of the button group and returns the maximum width of one button.
*