diff -r 000000000000 -r fb279309251b uidesigner/com.nokia.sdt.series60.componentlibrary/components/transient/StylusPopup.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/uidesigner/com.nokia.sdt.series60.componentlibrary/components/transient/StylusPopup.js	Fri Apr 03 23:33:03 2009 +0100
@@ -0,0 +1,173 @@
+/*
+* Copyright (c) 2007 Nokia Corporation and/or its subsidiary(-ies).
+* All rights reserved.
+* This component and the accompanying materials are made available
+* under the terms of the License "Eclipse Public License v1.0"
+* which accompanies this distribution, and is available
+* at the URL "http://www.eclipse.org/legal/epl-v10.html".
+*
+* Initial Contributors:
+* Nokia Corporation - initial contribution.
+*
+* Contributors:
+*
+* Description: 
+*
+*/
+
+
+include("../containers/containerLibrary.js")
+include("../renderLibrary.js")
+include("StylusPopupItem.js")
+
+function CAknStylusPopUpMenu() {
+	this.lafInfo = null;
+
+	// the bounds of the dialog, rel. to instance
+	this.dialogBounds = null;	
+	// the bounds of the prompt part, rel. to dialogBounds
+	this.promptBounds = null;
+	// the bounds of the list box part, rel. to dialogBounds
+	this.listBounds = null;
+}
+
+
+///////////////////////////////////
+// IQueryContainment
+///////////////////////////////////
+function canContainComponent(instance, component) {
+	if (isStylusPopupItemComponent(component))
+		return null;
+	
+	return buildSimpleContainmentErrorStatus(
+			lookupString("stylusPopupItemContainmentErr"), new Array( component.friendlyName ));			
+}
+
+CAknStylusPopUpMenu.prototype.canContainComponent = function(instance, otherComponent) {
+	if (instance.children.length >= 4){
+		return buildSimpleContainmentErrorStatus(
+			lookupString("maxStylusPopupItemContainmentErr"), new Array( otherComponent.friendlyName ));			
+	}
+	return canContainComponent(instance, otherComponent);
+}
+
+CAknStylusPopUpMenu.prototype.canContainChild = function(instance, child) {
+	return canContainComponent(instance, child.component);
+}
+
+CAknStylusPopUpMenu.prototype.canRemoveChild = function(instance) {
+	return true;
+}
+
+CAknStylusPopUpMenu.prototype.isValidComponentInPalette = function(instance, otherComponent) {
+	return canContainComponent(instance, otherComponent) == null;
+}
+
+function isStylusPopupItemComponent(component) {
+	return component.id == "com.nokia.sdt.series60.StylusPopupItem";
+}
+
+///////////////////////////////////
+// IVisualAppearance
+///////////////////////////////////
+CAknStylusPopUpMenu.prototype.draw = function(instance, laf, graphics) {
+	
+	var width = instance.properties.size.width - 3;
+	var height = instance.properties.size.height - 3;
+	var x = 0;
+	var y = 0;
+	
+	// fill 
+	graphics.setBackground(getBackgroundColor(instance, laf))
+	graphics.fillRectangle(new Rectangle(0, 0, width, height))
+	
+	// edge
+	graphics.setForeground(Colors.getColor(0, 0, 0))
+	graphics.drawRectangle(new Rectangle(0, 0, width, height))
+	
+	// shadows
+	graphics.setForeground(laf.getColor("control.shadow.inner"))
+	graphics.drawLine(x + 1, y + height + 1, x + width + 1, y + height + 1)
+	graphics.drawLine(x + width + 1, y + 1, x + width + 1, y + height + 1)
+	
+	graphics.setForeground(laf.getColor("control.shadow.outer"))
+	graphics.drawLine(x + 2, y + height + 2, x + width + 2, y + height + 2)
+	graphics.drawLine(x + width + 2, y + 2, x + width + 2, y + height + 2)
+
+	graphics.setForeground(laf.getColor("EEikColorDialogText"));
+	
+	if (instance.children.length == 0) {
+			drawTextItem(" No data ", new Point(0, 0), new Point(width + 5, height + 2), laf, graphics);
+	}
+}
+
+
+CAknStylusPopUpMenu.prototype.getPreferredSize = function(instance, laf, wHint, hHint) {
+	return null;
+}
+
+///////////////////////////////////
+// IDirectLableEdit
+///////////////////////////////////
+
+
+///////////////////////////////////
+// ILayout
+///////////////////////////////////
+CAknStylusPopUpMenu.prototype.layout = function(instance, laf) {
+	
+	//Get the rectangle for the screen, we'll put the popup menu in the middle
+	var d = laf.getDimension("screen.size");
+	var textPadding = 10;
+	var numChildren = instance.children.length;
+	if (numChildren == 0){
+		numChildren = 1; // Leave space for text to indicate no menu items present
+	}
+	
+	var font = laf.getFont("menuitem.font");
+	var extent = font.stringExtent("  No data  ");  // get default widest text length
+	var menuWidth = extent.x + textPadding;
+	var fontHeight = font.getHeight() + 8;
+	
+	for (var i in instance.children) {
+	    // figure out the max width of the text item...
+		var child = instance.children[i];
+		var childProperties = child.properties;
+		if (menuWidth < font.stringExtent(child.properties.textItem).x) {
+		    if (font.stringExtent(child.properties.textItem).x > d.x / 2) {
+		       // NOTE: I'm not sure about the termination. The popup menu doesn't seem to work
+		       // on the emulator on all the resolutions so far, so proper elipsis length is unknown.
+		       // However, currently it seems to be 1/2 of screen size.
+		    	menuWidth = d.x /2 + 10; // menu width can only be 1/2 of screen width
+		    } else {
+				menuWidth = font.stringExtent(child.properties.textItem).x + textPadding;
+			}
+		}	
+	}
+	
+	var menuLayoutHeight = fontHeight * numChildren + numChildren * 2;
+	
+	var contentRect = laf.getRectangle("content.pane.bounds");
+	var menuRect = new Rectangle(contentRect.x, contentRect.y, contentRect.width, contentRect.height);
+	menuRect.width = menuWidth + 10;
+	menuRect.height = menuLayoutHeight + 4;
+	menuRect.x = d.x / 2 - (menuRect.width / 2) + 2;
+	menuRect.y = (d.y / 2) - (menuLayoutHeight / 2) + 2;
+	
+	setBounds(instance, menuRect); // Sets the bounds of the menu itself
+	
+	var properties = instance.properties;
+	defaultX=6;
+	defaultY=2;
+	// set the layout bounds for each menu item child 
+	for (var i in instance.children) {
+		var child = instance.children[i];
+		var childProperties = child.properties;
+		// Set the offsets so that the text item shows with it's bounds inside the menu rectangle borders
+		setBounds(child, new Rectangle(defaultX, defaultY, menuWidth-4, fontHeight-2));
+		defaultY = defaultY + fontHeight + 2;
+	}
+		
+}
+
+