Version 3.2.1 of grunt-contrib-uglify was just published.

This version is covered by your current version range and after updating it in your project the build failed.

grunt-contrib-uglify is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Label fails to display when short version was set with stone JS translatable string _("string")

there is a bug when the script tag is not in the body

The slider element blocks all keyboard inputs if it's focused, even with the safe argument passed to false in the addAccel method, like in the following code :

var slider = new photonui.Slider({
    fieldVisible: true,
    min: 0, max: 100,
    step: 10,
    value: 50
});
photonui.domInsert(slider, "demo");

var label = new photonui.Label({text: ""});
photonui.domInsert(label, "demo");

var accel = new photonui.AccelManager();

accel.addAccel("accel3", "ctrl + q", function() {
    label.text += "'Ctrl + Q' accelerator\n";
}, false);

When we have a FluidLayout with severals items and we are on the edge of placing the last widget of a line to the next one, the spacing here is too wide.

It's should be like on the left side.

Here is a screen with the problem shown:

Version 1.1.1 of karma-jasmine was just published.

This version is covered by your current version range and after updating it in your project the build failed.

karma-jasmine is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Everything is in the title, none of the widgets allows to set the alpha field of the color class

Version 2.9.0 of jasmine-core was just published.

This version is covered by your current version range and after updating it in your project the build failed.

jasmine-core is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Actually in a TabItem, we can only put classes herited of BaseIcon: see here

It's could be a good Idea to enable the IconButton too. This will simplify the process to handle a click on the Icon.

Here is an example code to add an IconButton to a TabItem.

var tabs = new photonui.TabLayout({
    tabsPosition: "top", // "top", "bottom", "left" or "right"
    children: [
        new photonui.TabItem({
            title: "Tab 1",
            child: new photonui.Label("Widget inside the first tab")
        }),
        new photonui.TabItem({
            title: "Tab 2",
            child: new photonui.Button()
        }),
        new photonui.TabItem({
            title: "Tab 3",
            rightIcon: new photonui.IconButton({
                icon: new photonui.FAIcon("fa-send"),
                    width: 32,
                    height: 32,
                    callbacks: {
                        click: function(widget, event) {
                            alert("clicked!");
                    }
                }
            })
        })
    ]
});

photonui.domInsert(tabs, "demo");

Version 2.0.0 of grunt-contrib-less was just published.

This version is covered by your current version range and after updating it in your project the build failed.

grunt-contrib-less is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Behavior of _updateProperties can be replaced using abitbol meta-data.

• Deprecate _updateProperties
• During $super, call the setters of all not-previously-set properties

When the Title of the TabItem overflow, this is hidding the RightIcon.

Version 1.2.0 of abitbol was just published.

This version is covered by your current version range and after updating it in your project the build failed.

abitbol is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

Version 4.17.5 of lodash was just published.

This version is covered by your current version range and after updating it in your project the build failed.

lodash is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

One nice feature would be to allow disabling widgets (greyish look + no event).

When using the photonui.ColorPicker widget with a color passed to the constructor, the gradient is not drawn in the middle area of the Widget. This bug can be tested on the widget's demo page:

http://wanadev.github.io/PhotonUI/doc/widgets/colorpicker.html

This bug was probably introduced with the new @photonui-update annotation.

Version 3.2.0 of uuid was just published.

This version is covered by your current version range and after updating it in your project the build failed.

uuid is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

Version 1.0.0 of grunt-contrib-yuidoc was just published.

This version is covered by your current version range and after updating it in your project the build failed.

grunt-contrib-yuidoc is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The mouse manager send 2 events "dragging" :

• l661 : in __onMouseMove
• l686 : in __onDocumentMouseMove

Add a property "palette" on ColorButton, to be able to control and customize the color palette for each color button.

When nesting TabLayout the child inherit parent CSS.

It's annoying when you want to nest a TabLayout with tabsPosition to top in a TabLayout with tabsPosition to left, it result in the second TabLayout to not draw title and to display them to the left.

Code sample:

new photonui.TabLayout({
    tabsPosition: "left",
    children: [
        new photonui.TabItem({
            title: room.label,
            child: new photonui.GridLayout({
                horizontalSpacing: 5,
                verticalSpacing: 5,
                children: [
                    new photonui.Text({
                        rawHtml: "<strong>" + _("Superficie") + "</strong>",
                        layoutOptions: {
                            x: 0, y: 0,
                            cols: 1, rows: 1
                        }
                    }),
                    new photonui.Label({
                        text:  (room.area / 10000).toFixed(2) + "m²",
                        layoutOptions: {
                            x: 1, y: 0,
                            cols: 1, rows: 1
                        }
                    }),
                    new photonui.TabLayout({
                        tabsPosition: "top",
                        children: [
                            new photonui.TabItem({
                                title: _("Menuiserie"),
                                child: new photonui.Label({text: "Test"})
                            })
                        ],
                        layoutOptions: {
                            x: 0, y: 1,
                            cols: 1, rows: 2
                        }
                    })
                ]
            })
        })
    ]
})

Nothing happen when setting the visible property of the photonui.Sliderto false. This is caused by a display: flex !important; in the CSS...

Example code to reproduce:

var slider = new photonui.Slider({
    fieldVisible: true,
    min: 0, max: 100,
    step: 10,
    value: 50,
    visible: false
 });

Expected: Slider should not be displayed.
Current Result: The slider is visible.

Version 1.0.1 of grunt-contrib-watch was just published.

This version is covered by your current version range and after updating it in your project the build failed.

grunt-contrib-watch is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Version 2.3.4 of keyboardjs just got published.

This version is covered by your current version range and after updating it in your project the build failed.

keyboardjs is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

This sample is setting a default value to the ColorPickerDialog but when you first open the Dialog, it's always the red that is selected.

So the value params is ignored.

I took the same code as from Photonui expander's doc and put it inside a window.

The behavior is strange because the expander are not stacked together and split the space at 33% each.

Here is my code:

JavaScript:

var photonui = require('photonui');

var win = new photonui.Window({
	visible: true,
	fullscreen: true,
	closeButtonVisible: false,
	child: new photonui.BoxLayout({
		orientation: "horizontal",
		children: [
			new photonui.BoxLayout({
			    horizontalPadding: 10,
			    verticalPadding: 10,
			    spacing: 10,

			    children: [
			        new photonui.Expander({
			            title: "Expander 1",
			            child: new photonui.Label({
			                text: "Never gonna..."
			            })
			        }),
			        new photonui.Expander({
			            title: "Expander 2",
			            folded: true,
			            child: new photonui.Label({
			                text: "... give you..."
			            })

			        }),
			        new photonui.Expander({
			            title: "Expander 3",
			            folded: true,
			            child: new photonui.Label({
			                text: "... up!"
			            })
			        })
			    ]
			})
		]
	})
});

My CSS: (should not interfere)

html, body {
    margin: 0;
    width: 100%;
    height: 100%;
}

Possible solutions:

Here are the css rules that I find controlling this behavior:

• Disable: height: 100%; from top BoxLayout element.
• Disable: flex-grow: 1; from .photonui-boxlayout > .photonui-boxlayout-item

I just give this possible solutions like that but I didn't think about their usage.

In the following example, "accel2" should still be active, but is not:

var label = new photonui.Label({text: ""});
photonui.domInsert(label, "demo");

var accel = new photonui.AccelManager();
accel.addAccel("accel1", "ctrl + a", function() {
    label.text += "1\n";
});
accel.addAccel("accel2", "ctrl + a", function() {
    label.text += "2\n";
});

accel.removeAccel("accel1");

Version 2.4.0 of keyboardjs was just published.

This version is covered by your current version range and after updating it in your project the build failed.

keyboardjs is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

See example on JSFiddle.

☝️ Greenkeeper’s updated Terms of Service will come into effect on April 6th, 2018.

Version 5.3.0 of grunt-browserify was just published.

This version is covered by your current version range and after updating it in your project the build failed.

grunt-browserify is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Version 1.0.2 of grunt was just published.

This version is covered by your current version range and after updating it in your project the build failed.

grunt is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

It could happen that the dataview's item has been destoyed during the click event.

Hello guys, I am working on a definition library for PhotonUI.

And I just encounter something strange.

All the Color widget:

• ColorPalette
• ColorButton
• ColorPickerDialog
• ColorPicker

Have a property _color of type kzd.Color. I don't really understand this type. For example : Here

I was thinking that this widgets should use the type photonui.Color = require("./nonvisual/color.js");

☝️ Greenkeeper’s updated Terms of Service will come into effect on April 6th, 2018.

Version 1.4.6 of browserify-licenses was just published.

This version is covered by your current version range and after updating it in your project the build failed.

browserify-licenses is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Improve the handling of events to allow nested dataviews with working event bubbling

Version 1.1.0 of karma-firefox-launcher was just published.

This version is covered by your current version range and after updating it in your project the build failed.

karma-firefox-launcher is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

mouse-move is prevented

Sur ton AccelManager, tu as oublié de remplacer le ctrl par cmd 😉

As shown here: video
When we scroll down the viewport, the select list stays at absolute position instead of moving with the viewport.

Code sample to reproduce issue (just click on close button)

var pos = photonui.Helpers.getAbsolutePosition("demo");
var tabs = new photonui.TabLayout({
    tabsPosition: "top",  // "top", "bottom", "left" or "right"
    children: [
        new photonui.TabItem({
            title: "Tab 1",
            child: new photonui.Label("Widget inside the first tab"),
                    callbacks: {
                        show: function(tab) {
                            console.log(tab.visible)
                        }
                    },
        }),
        new photonui.TabItem({
            title: "Tab 2",
            child: new photonui.Button(),
                    callbacks: {
                        show: function(tab) {
                            console.log(tab.visible)
                        }
                    },
        }),
        new photonui.TabItem({
            title: "Tab 3",
                    callbacks: {
                        show: function(tab) {
                            console.log(tab.visible)
                        }
                    },
        })
    ]
});

new photonui.Window({
    title: "My Window",
    visible: true,
   child: tabs,
    x: pos.x, y: pos.y,
    width: 300, height: 100,
    callbacks: {
        "close-button-clicked": function(widget) {
            widget.destroy();
        },
        "position-changed": function(widget, x, y) {
            widget.title = "My Window (x: " + x + ", y: " + y + ")";
        }
    }
});

Version 3.1.0 of grunt-contrib-uglify just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As grunt-contrib-uglify is “only” a devDependency of this project it might not break production or downstream projects, but “only” your build or test tools – preventing new deploys or publishes.

I recommend you give this issue a high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

With the select widget, changing the language does not apply to the field showing the active menu item.

First click on Select widget opens the list, second click on Select widget should close the list (right now it reopens)

var slider = new photonui.Slider({
    value: 0.5,
    min: 0, max: 10,
    step: 0.5,          
    decimalDigits: 2,
});

photonui.domInsert(slider, "demo");

Expected result

A new slider with current value set to 0.5.

Result

A new slider with current value set to 1.0.

Note

Moving the value parameter to the end of the object make it work.

I'd like to know if this repository is still actively developed. I love the work you've done so far and it looks amazing and well done.

I've made some serious changes over on my fork, mainly related to modernizing and standardizing the build system, and it introduces significant incompatibilities between this repository and my own. Any changes to that fork will likely be incompatible with this one.

I'd simply like to know if it would be worth it to take the effort to maintain a separate branch which more closely mirrors to this one, so that any improvements can be contributed back to this repository.

Keep up the good work!
-Tribex

to whom it may concern,
did you use PhotonUI to design the following widgets: top-right menus, zoom, menu and submenus etc.

thank you for your feedback