1(function()
2{
3	// Adds Android shapes
4	Sidebar.prototype.addAndroidPalette = function()
5	{
6		var sizeX = 211; //reference size for iPhone and all other iOS shapes
7
8		var sizeY = 2 * sizeX; //change only sizeX, to avoid changing aspect ratio
9
10		var sb = this;
11		var s = 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.';
12		var sm = 'strokeWidth=2;shadow=0;dashed=0;html=1;shape=mxgraph.android.';
13		var s2 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.';
14		var s3 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape=';
15		var s4 = 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#';
16		var s5 = 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#';
17		var s6 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.';
18		var s7 = 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=';
19		var inh = 'strokeColor=inherit;fillColor=inherit;gradientColor=inherit;';
20		//default tags
21		var dt = 'android ';
22		this.setCurrentSearchEntryLibrary('android');
23
24		var fns =
25		[
26			this.createVertexTemplateEntry(s2 + 'phone2;strokeColor=#c0c0c0;',
27					200, 390, '', 'Phone', null, null, dt + 'phone mobile portrait'),
28			this.createVertexTemplateEntry(s2 + 'phone2;strokeColor=#c0c0c0;direction=south;',
29					390, 200, '', 'Phone (landscape)', null, null, dt + 'phone mobile landscape'),
30			this.createVertexTemplateEntry(s2 + 'tab2;strokeColor=#c0c0c0;',
31					472, 686, '', 'Tab', null, null, dt + 'tab tablet portrait'),
32			this.createVertexTemplateEntry(s2 + 'tab2;strokeColor=#c0c0c0;direction=north;',
33					686, 472, '', 'Tab (landscape)', null, null, dt + 'tab tablet landscape'),
34			this.createVertexTemplateEntry(s + 'action_bar;fillColor=#1A1A1A;strokeColor=#c0c0c0;strokeWidth=2;fontColor=#FFFFFF;',
35					185, 30, '', 'Action Bar', null, null, dt + 'action bar dark portrait'),
36			this.createVertexTemplateEntry(s + 'action_bar;fillColor=#E6E6E6;strokeColor=#c0c0c0;strokeWidth=2;',
37					185, 30, '', 'Action Bar (Bright)', null, null, dt + 'action bar bright portrait'),
38			this.createVertexTemplateEntry(s + 'action_bar_landscape;fillColor=#1A1A1A;strokeColor=#c0c0c0;strokeWidth=2;fontColor=#FFFFFF;',
39					320, 30, '', 'Action Bar Landscape', null, null, dt + 'action bar landscape dark'),
40			this.createVertexTemplateEntry(s + 'action_bar_landscape;fillColor=#E6E6E6;strokeColor=#c0c0c0;strokeWidth=2;',
41					320, 30, '', 'Action Bar Landscape (Bright)', null, null, dt + 'action bar bright landscape'),
42			this.createVertexTemplateEntry(s4 + '666666;align=center;strokeColor=#4D4D4D;fontColor=#ffffff;',
43					sizeX * 0.5, sizeY * 0.04, 'Normal', 'Button (Normal)', null, null, dt + 'button normal'),
44			this.createVertexTemplateEntry(s4 + '666666;align=center;strokeColor=#999999;fontColor=#ffffff;',
45					sizeX * 0.5, sizeY * 0.04, 'Focused', 'Button (Focused)', null, null, dt + 'button focused'),
46			this.createVertexTemplateEntry(s4 + '999999;align=center;strokeColor=#666666;fontColor=#ffffff;strokeWidth=2;',
47					sizeX * 0.5, sizeY * 0.04, 'Pressed', 'Button (Pressed)', null, null, dt + 'button pressed'),
48			this.createVertexTemplateEntry(s4 + '333333;align=center;strokeColor=#4D4D4D;fontColor=#666666;',
49					sizeX * 0.5, sizeY * 0.04, 'Focused disabled', 'Button (Focused, Disabled)', null, null, dt + 'button focused disabled'),
50			this.createVertexTemplateEntry(s4 + '333333;align=center;strokeColor=#333333;fontColor=#666666;',
51					sizeX * 0.5, sizeY * 0.04, 'Disabled', 'Button (Disabled)', null, null, dt + 'button disabled'),
52			this.createVertexTemplateEntry(s4 + 'E6E6E6;align=center;strokeColor=#E6E6E6;fontColor=#333333;',
53					sizeX * 0.5, sizeY * 0.04, 'Normal', 'Button (Normal, Bright)', null, null, dt + 'button normal bright'),
54			this.createVertexTemplateEntry(s4 + 'E6E6E6;align=center;strokeColor=#B3B3B3;fontColor=#333333;',
55					sizeX * 0.5, sizeY * 0.04, 'Focused', 'Button (Focused, Bright)', null, null, dt + 'button focused bright'),
56			this.createVertexTemplateEntry(s4 + 'B3B3B3;align=center;strokeColor=#E6E6E6;fontColor=#333333;strokeWidth=2;',
57					sizeX * 0.5, sizeY * 0.04, 'Pressed', 'Button (Pressed, Bright)', null, null, dt + 'button pressed bright'),
58			this.createVertexTemplateEntry(s4 + 'F4F4F4;align=center;strokeColor=#E6E6E6;fontColor=#CCCCCC;',
59					sizeX * 0.5, sizeY * 0.04, 'Focused disabled', 'Button (Focused, Disabled, Bright)', null, null, dt + 'button focused disabled bright'),
60			this.createVertexTemplateEntry(s4 + 'F4F4F4;align=center;strokeColor=#F4F4F4;fontColor=#CCCCCC;',
61					sizeX * 0.5, sizeY * 0.04, 'Disabled', 'Button (Disabled, Bright)', null, null, dt + 'button disabled bright'),
62
63			this.addEntry(dt + 'checkboxes checkbox', function()
64			{
65			   	var bg = new mxCell('', new mxGeometry(0, 0, 165, 50), s7 + 'transparent;strokeColor=#33b5e5');
66			   	bg.vertex = true;
67			   	var button1 = new mxCell('Setting 1', new mxGeometry(0, 0, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;');
68			   	button1.vertex = true;
69			   	bg.insert(button1);
70			   	var anchor1 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;');
71			   	anchor1.vertex = true;
72			   	button1.insert(anchor1);
73			   	var radio1 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + s + 'rrect;rSize=0;resizable=0;');
74			   	radio1.vertex = true;
75			   	anchor1.insert(radio1);
76			   	var button2 = new mxCell('Setting 2', new mxGeometry(0, 12.5, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;');
77			   	button2.vertex = true;
78			   	bg.insert(button2);
79			   	var anchor2 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;');
80			   	anchor2.vertex = true;
81			   	button2.insert(anchor2);
82			   	var radio2 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + s + 'rrect;rSize=0;resizable=0;');
83			   	radio2.vertex = true;
84			   	anchor2.insert(radio2);
85			   	var button3 = new mxCell('Setting 3', new mxGeometry(0, 25, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;');
86			   	button3.vertex = true;
87			   	bg.insert(button3);
88			   	var anchor3 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;');
89			   	anchor3.vertex = true;
90			   	button3.insert(anchor3);
91			   	var radio3 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + s + 'checkbox;rSize=0;resizable=0;');
92			   	radio3.vertex = true;
93			   	anchor3.insert(radio3);
94			   	var button4 = new mxCell('Setting 4', new mxGeometry(0, 37.5, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;');
95			   	button4.vertex = true;
96			   	bg.insert(button4);
97			   	var anchor4 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;');
98			   	anchor4.vertex = true;
99			   	button4.insert(anchor4);
100			   	var radio4 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + s + 'rrect;rSize=0;resizable=0;');
101			   	radio4.vertex = true;
102			   	anchor4.insert(radio4);
103
104			   	return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Checkboxes');
105			}),
106
107			this.addEntry(dt + 'radiobuttons radiobutton', function()
108			{
109			   	var bg = new mxCell('', new mxGeometry(0, 0, 165, 50), s7 + 'transparent;strokeColor=#33b5e5');
110			   	bg.vertex = true;
111			   	var button1 = new mxCell('Option 1', new mxGeometry(0, 0, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;');
112			   	button1.vertex = true;
113			   	bg.insert(button1);
114			   	var anchor1 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;');
115			   	anchor1.vertex = true;
116			   	button1.insert(anchor1);
117			   	var radio1 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + 'shape=ellipse;resizable=0;html=1;sketch=0;');
118			   	radio1.vertex = true;
119			   	anchor1.insert(radio1);
120			   	var button2 = new mxCell('Option 2', new mxGeometry(0, 12.5, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;');
121			   	button2.vertex = true;
122			   	bg.insert(button2);
123			   	var anchor2 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;');
124			   	anchor2.vertex = true;
125			   	button2.insert(anchor2);
126			   	var radio2 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + 'shape=ellipse;resizable=0;html=1;sketch=0;');
127			   	radio2.vertex = true;
128			   	anchor2.insert(radio2);
129			   	var button3 = new mxCell('Option 3', new mxGeometry(0, 25, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;');
130			   	button3.vertex = true;
131			   	bg.insert(button3);
132			   	var anchor3 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;');
133			   	anchor3.vertex = true;
134			   	button3.insert(anchor3);
135			   	var radio3 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), 'shape=ellipse;strokeColor=inherit;resizable=0;fillColor=#33b5e5;html=1;sketch=0;');
136			   	radio3.vertex = true;
137			   	anchor3.insert(radio3);
138			   	var button4 = new mxCell('Option 4', new mxGeometry(0, 37.5, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;');
139			   	button4.vertex = true;
140			   	bg.insert(button4);
141			   	var anchor4 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;');
142			   	anchor4.vertex = true;
143			   	button4.insert(anchor4);
144			   	var radio4 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + 'shape=ellipse;resizable=0;html=1;sketch=0;');
145			   	radio4.vertex = true;
146			   	anchor4.insert(radio4);
147
148			   	return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Radiobuttons');
149			}),
150
151			this.createVertexTemplateEntry(s2 + 'contact_badge_focused;sketch=0;', 40, 40, '', 'Contact Badge Focused', null, null, dt + 'contact badge focused'),
152			this.createVertexTemplateEntry(s2 + 'contact_badge_focused;sketch=0;', 60, 60, '', 'Contact Badge Focused', null, null, dt + 'contact badge focused'),
153			this.createVertexTemplateEntry(s2 + 'contact_badge_normal;sketch=0;', 40, 40, '', 'Contact Badge Normal', null, null, dt + 'contact badge normal'),
154			this.createVertexTemplateEntry(s2 + 'contact_badge_normal;sketch=0;', 60, 60, '', 'Contact Badge Normal', null, null, dt + 'contact badge normal'),
155			this.createVertexTemplateEntry(s2 + 'contact_badge_pressed;sketch=0;', 40, 40, '', 'Contact Badge Pressed', null, null, dt + 'contact badge pressed'),
156			this.createVertexTemplateEntry(s2 + 'contact_badge_pressed;sketch=0;', 60, 60, '', 'Contact Badge Pressed', null, null, dt + 'contact badge pressed'),
157
158			this.addEntry(dt + 'contextual action bar dark portrait', function()
159			{
160			   	var bg = new mxCell('', new mxGeometry(0, 0, 185, 30), s + 'contextual_action_bar;fillColor=#002E3E;sketch=0;');
161			   	bg.vertex = true;
162			   	var text1 = new mxCell('Action', new mxGeometry(40, 0, 100, 30), 'shape=transparent;align=left;fontStyle=1;fontColor=#ffffff;');
163			   	text1.vertex = true;
164			   	bg.insert(text1);
165
166		   		return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Action Bar');
167			}),
168
169			this.addEntry(dt + 'contextual action bar bright portrait', function()
170			{
171			   	var bg = new mxCell('', new mxGeometry(0, 0, 185, 30), s + 'contextual_action_bar_white;fillColor=#E6E6E6;');
172			   	bg.vertex = true;
173			   	var text1 = new mxCell('Action', new mxGeometry(40, 0, 100, 30), 'shape=transparent;align=left;fontStyle=1;');
174			   	text1.vertex = true;
175			   	bg.insert(text1);
176
177	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Action Bar (Bright)');
178			}),
179
180			this.addEntry(dt + 'contextual action bar landscape dark', function()
181			{
182			   	var bg = new mxCell('', new mxGeometry(0, 0, 320, 30), s + 'contextual_action_bar_landscape;fillColor=#002E3E;sketch=0;');
183			   	bg.vertex = true;
184			   	var text1 = new mxCell('Action', new mxGeometry(40, 0, 100, 30), 'shape=transparent;align=left;fontStyle=1;fontColor=#ffffff;');
185			   	text1.vertex = true;
186			   	bg.insert(text1);
187
188	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Action Bar Landscape');
189			}),
190
191			this.addEntry(dt + 'contextual action bar landscape bright', function()
192			{
193			   	var bg = new mxCell('', new mxGeometry(0, 0, 320, 30), s + 'contextual_action_bar_landscape_white;fillColor=#E6E6E6;');
194			   	bg.vertex = true;
195			   	var text1 = new mxCell('Action', new mxGeometry(40, 0, 100, 30), 'shape=transparent;align=left;fontStyle=1;');
196			   	text1.vertex = true;
197			   	bg.insert(text1);
198
199	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Action Bar Landscape (Bright)');
200			}),
201
202			this.addEntry(dt + 'contextual split action bar dark', function()
203			{
204			   	var bg = new mxCell('', new mxGeometry(0, 0, 185, 70), s + 'contextual_split_action_bar;fillColor=#002E3E;fontColor=#FFFFFF;');
205			   	bg.vertex = true;
206			   	var text1 = new mxCell('Contextual', new mxGeometry(0, 0, 185, 30), 'shape=transparent;fontStyle=1;fontColor=#ffffff;');
207			   	text1.vertex = true;
208			   	bg.insert(text1);
209			   	var text2 = new mxCell('Action', new mxGeometry(0, 40, 185, 30), 'shape=transparent;fontStyle=1;fontColor=#ffffff;');
210			   	text2.vertex = true;
211			   	bg.insert(text2);
212
213	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Split Action Bar');
214			}),
215
216			this.addEntry(dt + 'contextual split action bar bright', function()
217			{
218			   	var bg = new mxCell('', new mxGeometry(0, 0, 185, 70), s + 'contextual_split_action_bar_white;fillColor=#E6E6E6;');
219			   	bg.vertex = true;
220			   	var text1 = new mxCell('Contextual', new mxGeometry(0, 0, 185, 30), 'shape=transparent;fontStyle=1;');
221			   	text1.vertex = true;
222			   	bg.insert(text1);
223			   	var text2 = new mxCell('Action', new mxGeometry(0, 40, 185, 30), 'shape=transparent;fontStyle=1;');
224			   	text2.vertex = true;
225			   	bg.insert(text2);
226
227	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Split Action Bar (Bright)');
228			}),
229
230			this.addEntry(dt + 'contextual split action bar landscape dark', function()
231			{
232			   	var bg = new mxCell('', new mxGeometry(0, 0, 320, 70), s + 'contextual_split_action_bar_landscape;fillColor=#002E3E;fontColor=#FFFFFF;');
233			   	bg.vertex = true;
234			   	var text1 = new mxCell('Contextual', new mxGeometry(0, 0, 320, 30), 'shape=transparent;fontStyle=1;fontColor=#ffffff;');
235			   	text1.vertex = true;
236			   	bg.insert(text1);
237			   	var text2 = new mxCell('Action', new mxGeometry(0, 40, 320, 30), 'shape=transparent;fontStyle=1;fontColor=#ffffff;');
238			   	text2.vertex = true;
239			   	bg.insert(text2);
240
241	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Split Action Bar Landscape');
242			}),
243
244			this.addEntry(dt + 'contextual split action bar landscape bright', function()
245			{
246			   	var bg = new mxCell('', new mxGeometry(0, 0, 320, 70), s + 'contextual_split_action_bar_landscape_white;fillColor=#E6E6E6;');
247			   	bg.vertex = true;
248			   	var text1 = new mxCell('Contextual', new mxGeometry(0, 0, 320, 30), 'shape=transparent;fontStyle=1;');
249			   	text1.vertex = true;
250			   	bg.insert(text1);
251			   	var text2 = new mxCell('Action', new mxGeometry(0, 40, 320, 30), 'shape=transparent;fontStyle=1;');
252			   	text2.vertex = true;
253			   	bg.insert(text2);
254
255	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Split Action Bar Landscape (Bright)');
256			}),
257
258			this.createVertexTemplateEntry(s2 + 'indeterminate_progress_bar;strokeColor=#33B5E5;pointerEvents=1',
259					149, 5, '', 'Indeterminate Progress Bar', null, null, dt + 'indeterminate progress bar'),
260			this.createVertexTemplateEntry(s2 + 'indeterminateSpinner;',
261					50, 50, '', 'Indeterminate Spinner', null, null, dt + 'indeterminate spinner'),
262			this.createVertexTemplateEntry(s2 + 'keyboard;sketch=0;',
263					185, 100, '', 'Keyboard', null, null, dt + 'keyboard'),
264
265			this.addEntry(dt + 'menu bar', function()
266			{
267			   	var bg = new mxCell('', new mxGeometry(0, 0, 185, 50), s + 'rrect;rSize=0;strokeColor=#888888;fillColor=#444444;');
268			   	bg.vertex = true;
269			   	var button1 = new mxCell('Menu Item 1', new mxGeometry(0, 0, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#ffffff;');
270			   	button1.vertex = true;
271			   	bg.insert(button1);
272			   	var button2 = new mxCell('Menu Item 2', new mxGeometry(0, 12.5, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#ffffff;');
273			   	button2.vertex = true;
274			   	bg.insert(button2);
275			   	var button3 = new mxCell('Menu Item 3', new mxGeometry(0, 25, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#ffffff;');
276			   	button3.vertex = true;
277			   	bg.insert(button3);
278			   	var button4 = new mxCell('Menu Item 4', new mxGeometry(0, 37.5, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#ffffff;');
279			   	button4.vertex = true;
280			   	bg.insert(button4);
281
282	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Menu bar');
283			}),
284
285			this.addEntry(dt + 'menu bar', function()
286			{
287			   	var bg = new mxCell('', new mxGeometry(0, 0, 185, 50), s + 'rrect;rSize=0;strokeColor=#eeeeee;fillColor=#ffffff;gradientColor=none;');
288			   	bg.vertex = true;
289			   	var button1 = new mxCell('Menu Item 1', new mxGeometry(0, 0, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#333333;');
290			   	button1.vertex = true;
291			   	bg.insert(button1);
292			   	var button2 = new mxCell('Menu Item 2', new mxGeometry(0, 12.5, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#333333;');
293			   	button2.vertex = true;
294			   	bg.insert(button2);
295			   	var button3 = new mxCell('Menu Item 3', new mxGeometry(0, 25, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#333333;');
296			   	button3.vertex = true;
297			   	bg.insert(button3);
298			   	var button4 = new mxCell('Menu Item 4', new mxGeometry(0, 37.5, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#333333;');
299			   	button4.vertex = true;
300			   	bg.insert(button4);
301
302	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Menu bar');
303			}),
304
305			this.createVertexTemplateEntry(s6 + 'navigation_bar_1;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
306					185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar portrait horizontal'),
307			this.createVertexTemplateEntry(s6 + 'navigation_bar_1_landscape;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
308					320, 30, '', 'Navigation Bar Landscape', null, null, dt + 'navigation bar landscape horizontal'),
309			this.createVertexTemplateEntry(s6 + 'navigation_bar_1_vertical;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
310					30, 320, '', 'Navigation Bar Vertical', null, null, dt + 'navigation bar vertical'),
311			this.createVertexTemplateEntry(s6 + 'navigation_bar_2;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
312					185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar horizontal'),
313			this.createVertexTemplateEntry(s6 + 'navigation_bar_3;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
314					185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar portrait horizontal'),
315			this.createVertexTemplateEntry(s6 + 'navigation_bar_3_landscape;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
316					320, 30, '', 'Navigation Bar Landscape', null, null, dt + 'navigation bar landscape horizontal'),
317			this.createVertexTemplateEntry(s6 + 'navigation_bar_4;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
318					185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar horizontal'),
319			this.createVertexTemplateEntry(s6 + 'navigation_bar_5;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
320					185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar horizontal'),
321			this.createVertexTemplateEntry(s6 + 'navigation_bar_5_vertical;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
322					30, 320, '', 'Navigation Bar Vertical', null, null, dt + 'navigation bar vertical'),
323			this.createVertexTemplateEntry(s6 + 'navigation_bar_6;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;',
324					185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar horizontal'),
325			this.createVertexTemplateEntry(s2 + 'progressBar;strokeColor=#33b5e5;dx1=0.8;dx2=0.6;strokeWidth=2;',
326					185, 5, '', 'Progress Bar', null, null, dt + 'progress bar'),
327			this.createVertexTemplateEntry(s2 + 'progressScrubberDisabled;dx=0.3;fillColor=#33b5e5;',
328					185, 16, '', 'Progress Scrubber Disabled', null, null, dt + 'progress scrubber disabled'),
329			this.createVertexTemplateEntry(s2 + 'progressScrubberFocused;dx=0.3;fillColor=#33b5e5;',
330					185, 16, '', 'Progress Scrubber Focused', null, null, dt + 'progress scrubber focused'),
331			this.createVertexTemplateEntry(s2 + 'progressScrubberPressed;dx=0.3;fillColor=#33b5e5;',
332					185, 16, '', 'Progress Scrubber Pressed', null, null, dt + 'progress scrubber pressed'),
333			this.createVertexTemplateEntry(s2 + 'quickscroll2;dy=0.5;fillColor=#33b5e5;strokeColor=#66D5F5;',
334					58, 320, '', 'Quickscroll', null, null, dt + 'quickscroll quick scroll'),
335
336			this.createVertexTemplateEntry(s2 + 'quickscroll3;dy=0.5;fillColor=#33b5e5;strokeColor=#66D5F5;',
337					6, 320, '', 'Quickscroll', null, null, dt + 'quickscroll quick scroll'),
338
339			this.addEntry(dt + 'quick contact', function()
340			{
341			   	var bg = new mxCell('', new mxGeometry(0, 0, 150, 165), s + 'quick_contact;sketch=0;');
342			   	bg.vertex = true;
343			   	var text1 = new mxCell('Name', new mxGeometry(0, 65, 150, 18), s + 'anchor;rSize=0;fontStyle=1;fontColor=#FFFFFF;');
344			   	text1.vertex = true;
345			   	bg.insert(text1);
346			   	var text2 = new mxCell('Item 1', new mxGeometry(0, 108, 120, 28), s + 'anchor;rSize=0;align=left;spacingLeft=10;');
347			   	text2.vertex = true;
348			   	bg.insert(text2);
349			   	var text3 = new mxCell('Item 2', new mxGeometry(0, 136, 120, 28), s + 'anchor;rSize=0;align=left;spacingLeft=10;');
350			   	text3.vertex = true;
351			   	bg.insert(text3);
352
353	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Quick Contact');
354			}),
355
356			this.addEntry(dt + 'scrollable tab scroll', function()
357			{
358			   	var bg = new mxCell('', new mxGeometry(0, 0, 185, 15), s + 'rrect;rSize=0;fillColor=#444444;strokeColor=none;');
359			   	bg.vertex = true;
360			   	var text1 = new mxCell('One', new mxGeometry(0, 0, 46.25, 15), s + 'anchor;align=left;fontColor=#FFFFFF;');
361			   	text1.vertex = true;
362			   	bg.insert(text1);
363			   	var text2 = new mxCell('Tab Two', new mxGeometry(46.25, 0, 92.5, 15), s + 'anchor;fontColor=#FFFFFF;');
364			   	text2.vertex = true;
365			   	bg.insert(text2);
366			   	var text3 = new mxCell('Tab', new mxGeometry(138.75, 0, 46.25, 15), s + 'anchor;align=right;fontColor=#FFFFFF;');
367			   	text3.vertex = true;
368			   	bg.insert(text3);
369
370	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Scrollable Tab');
371			}),
372
373		   	this.createVertexTemplateEntry(s + 'scrollbars2;fillColor=#999999;strokeColor=none;',
374		   			56, 56, '', 'Scrollbars', null, null, dt + 'scrollbar scroll bar'),
375			this.createVertexTemplateEntry(s5 + '1A1A1A;strokeColor=#1A1A1A;fontColor=#FFFFFF;',
376					sizeX * 0.8, sizeY * 0.04, 'Normal', 'Section Header (Normal)', null, null, dt + 'section header normal dark'),
377			this.createVertexTemplateEntry(s5 + '4D4D4D;strokeColor=#4D4D4D;fontColor=#FFFFFF;',
378					sizeX * 0.8, sizeY * 0.04, 'Pressed', 'Section Header (Pressed)', null, null, dt + 'section header pressed dark'),
379			this.createVertexTemplateEntry(s5 + '33b5e5;strokeColor=#33B5E5;fontColor=#FFFFFF;',
380					sizeX * 0.8, sizeY * 0.04, 'Activated', 'Section Header (Activated)', null, null, dt + 'section header activated dark'),
381			this.createVertexTemplateEntry(s5 + '006699;strokeColor=#33B5E5;fontColor=#FFFFFF;',
382					sizeX * 0.8, sizeY * 0.04, 'Focused', 'Section Header (Focused)', null, null, dt + 'section header focused dark'),
383			this.createVertexTemplateEntry(s5 + '006699;strokeColor=#33B5E5;fontColor=#B3B3B3;',
384					sizeX * 0.8, sizeY * 0.04, 'Disabled focused', 'Section Header (Disabled focused)', null, null, dt + 'section header disabled focused dark'),
385			this.createVertexTemplateEntry(s5 + '1A1A1A;strokeColor=#1A1A1A;fontColor=#B3B3B3;',
386					sizeX * 0.8, sizeY * 0.04, 'Disabled', 'Section Header (Disabled)', null, null, dt + 'section header disabled dark'),
387			this.createVertexTemplateEntry(s5 + 'FFFFFF;strokeColor=#FFFFFF;fontColor=#4D4D4D;',
388					sizeX * 0.8, sizeY * 0.04, 'Normal', 'Section Header (Normal, Bright)', null, null, dt + 'section header normal bright'),
389			this.createVertexTemplateEntry(s5 + 'f6f6f6;strokeColor=#f6f6f6;fontColor=#4D4D4D;',
390					sizeX * 0.8, sizeY * 0.04, 'Pressed', 'Section Header (Pressed, Bright)', null, null, dt + 'section header pressed bright'),
391			this.createVertexTemplateEntry(s5 + '33b5e5;strokeColor=#33B5E5;fontColor=#4D4D4D;',
392					sizeX * 0.8, sizeY * 0.04, 'Activated', 'Section Header (Activated, Bright)', null, null, dt + 'section header activated bright'),
393			this.createVertexTemplateEntry(s5 + '99e5ff;strokeColor=#33B5E5;fontColor=#4D4D4D;',
394					sizeX * 0.8, sizeY * 0.04, 'Focused', 'Section Header (Focused, Bright)', null, null, dt + 'section header focused bright'),
395			this.createVertexTemplateEntry(s5 + '99e5ff;strokeColor=#33B5E5;fontColor=#B3B3B3;',
396					sizeX * 0.8, sizeY * 0.04, 'Disabled focused', 'Section Header (Disabled focused, Bright)', null, null, dt + 'section header disabled focused bright'),
397			this.createVertexTemplateEntry(s5 + 'FFFFFF;strokeColor=#FFFFFF;fontColor=#B3B3B3;',
398					sizeX * 0.8, sizeY * 0.04, 'Disabled', 'Section Header (Disabled, Bright)', null, null, dt + 'section header disabled bright'),
399			this.createVertexTemplateEntry(s + 'spinner2;align=center;fillColor=#999999;strokeColor=#999999;verticalAlign=bottom',
400					110, 10, 'Item', 'Spinner Normal', null, null, dt + 'spinner normal'),
401			this.createVertexTemplateEntry(s + 'spinner2;align=center;fillColor=#33b5e5;strokeColor=#33b5e5;verticalAlign=bottom',
402					110, 10, 'Item', 'Spinner Focused', null, null, dt + 'spinner focused'),
403
404			this.addEntry(dt + 'spinner disabled focused', function()
405			{
406			   	var bg = new mxCell('', new mxGeometry(0, 0, 117, 28), s + 'rect;rounded=1;fillColor=#207585;strokeColor=#33b5e5;');
407			   	bg.vertex = true;
408			   	var text1 = new mxCell('Item', new mxGeometry(3, 4, 110, 20), s + 'spinner2;fontStyle=1;fontColor=#ffffff;align=center;verticalAlign=middle;strokeColor=#999999;fillColor=#999999;');
409			   	text1.vertex = true;
410			   	bg.insert(text1);
411
412	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Spinner Disabled Focused');
413			}),
414
415			this.addEntry(dt + 'spinner disabled focused light bright', function()
416			{
417			   	var bg = new mxCell('', new mxGeometry(0, 0, 117, 28), s + 'rect;rounded=1;fillColor=#ccf2ff;strokeColor=#88c5f5;');
418			   	bg.vertex = true;
419			   	var text1 = new mxCell('Item', new mxGeometry(3, 4, 110, 20), s + 'spinner2;fontStyle=0;fontColor=#666666;align=center;verticalAlign=middle;strokeColor=#cccccc;fillColor=#cccccc;');
420			   	text1.vertex = true;
421			   	bg.insert(text1);
422
423	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Spinner Disabled Focused Bright');
424			}),
425
426			this.addEntry(dt + 'spinner pressed', function()
427			{
428			   	var bg = new mxCell('', new mxGeometry(0, 0, 117, 28), s + 'rect;rounded=1;fillColor=#33b5e5;strokeColor=#33b5e5;');
429			   	bg.vertex = true;
430			   	var text1 = new mxCell('Item', new mxGeometry(3, 4, 110, 20), s + 'spinner2;fontStyle=0;fontColor=#ffffff;align=center;verticalAlign=middle;strokeColor=#aaeeff;fillColor=#aaeeff;');
431			   	text1.vertex = true;
432			   	bg.insert(text1);
433
434	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Spinner Pressed');
435			}),
436
437			this.addEntry(dt + 'spinner pressed light bright', function()
438			{
439			   	var bg = new mxCell('', new mxGeometry(0, 0, 117, 28), s + 'rect;rounded=1;fillColor=#33b5e5;strokeColor=#33b5e5;');
440			   	bg.vertex = true;
441			   	var text1 = new mxCell('Item', new mxGeometry(3, 4, 110, 20), s + 'spinner2;fontStyle=0;fontColor=#ffffff;align=center;verticalAlign=middle;strokeColor=#666666;fillColor=#666666;');
442			   	text1.vertex = true;
443			   	bg.insert(text1);
444
445	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Spinner Pressed Bright');
446			}),
447
448			this.addEntry(dt + 'split action bar dark', function()
449			{
450			   	var bg = new mxCell('', new mxGeometry(0, 0, 185, 70), s + 'split_action_bar;fillColor=#1A1A1A;');
451			   	bg.vertex = true;
452			   	var text1 = new mxCell('Split', new mxGeometry(0, 0, 185, 30), s + 'anchor;fontStyle=1;fontColor=#ffffff;');
453			   	text1.vertex = true;
454			   	bg.insert(text1);
455			   	var text2 = new mxCell('Action', new mxGeometry(0, 40, 185, 30), s + 'anchor;fontStyle=1;fontColor=#ffffff;');
456			   	text2.vertex = true;
457			   	bg.insert(text2);
458
459	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Split Action Bar');
460			}),
461
462			this.addEntry(dt + 'split action bar bright', function()
463			{
464			   	var bg = new mxCell('', new mxGeometry(0, 0, 185, 70), s + 'split_action_bar;fillColor=#E6E6E6;');
465			   	bg.vertex = true;
466			   	var text1 = new mxCell('Split', new mxGeometry(0, 0, 185, 30), s + 'anchor;fontStyle=1;');
467			   	text1.vertex = true;
468			   	bg.insert(text1);
469			   	var text2 = new mxCell('Action', new mxGeometry(0, 40, 185, 30), s + 'anchor;fontStyle=1;');
470			   	text2.vertex = true;
471			   	bg.insert(text2);
472
473	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Split Action Bar (Bright)');
474			}),
475
476			this.addEntry(dt + 'split action bar landscape dark', function()
477			{
478			   	var bg = new mxCell('', new mxGeometry(0, 0, 320, 70), s + 'split_action_bar_landscape;fillColor=#1A1A1A;');
479			   	bg.vertex = true;
480			   	var text1 = new mxCell('Split', new mxGeometry(0, 0, 320, 30), s + 'anchor;fontStyle=1;fontColor=#ffffff;');
481			   	text1.vertex = true;
482			   	bg.insert(text1);
483			   	var text2 = new mxCell('Action', new mxGeometry(0, 40, 320, 30), s + 'anchor;fontStyle=1;fontColor=#ffffff;');
484			   	text2.vertex = true;
485			   	bg.insert(text2);
486
487	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Split Action Bar Landscape');
488			}),
489
490			this.addEntry(dt + 'split action bar landscape bright', function()
491			{
492			   	var bg = new mxCell('', new mxGeometry(0, 0, 320, 70), s + 'split_action_bar_landscape;fillColor=#E6E6E6;');
493			   	bg.vertex = true;
494			   	var text1 = new mxCell('Split', new mxGeometry(0, 0, 320, 30), s + 'anchor;fontStyle=1;');
495			   	text1.vertex = true;
496			   	bg.insert(text1);
497			   	var text2 = new mxCell('Action', new mxGeometry(0, 40, 320, 30), s + 'anchor;fontStyle=1;');
498			   	text2.vertex = true;
499			   	bg.insert(text2);
500
501	   			return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Split Action Bar Landscape (Bright)');
502			}),
503
504			this.createVertexTemplateEntry(s + 'statusBar;align=center;fillColor=#000000;strokeColor=#ffffff;fontColor=#ffffff;fontSize=10;sketch=0;',
505					sizeX * 0.87, sizeY * 0.0375, '', 'Status bar (portrait)', null, null, dt + 'status bar portrait'),
506			this.createVertexTemplateEntry(s + 'statusBar;align=center;fillColor=#000000;strokeColor=#ffffff;fontColor=#ffffff;fontSize=10;sketch=0;',
507					sizeX * 1.517, sizeY * 0.0375, '', 'Status bar (landscape)', null, null, dt + 'status bar landscape'),
508			this.createVertexTemplateEntry(s2 + 'switch_off;fillColor=#666666;sketch=0;',
509					80, 20, '', 'Switch Off', null, null, dt + 'switch off'),
510			this.createVertexTemplateEntry(s2 + 'switch_off;fillColor=#E6E6E6;sketch=0;',
511					80, 20, '', 'Switch Off', null, null, dt + 'switch off'),
512			this.createVertexTemplateEntry(s2 + 'switch_on;fillColor=#666666;sketch=0;',
513					80, 20, '', 'Switch On', null, null, dt + 'switch on'),
514			this.createVertexTemplateEntry(s2 + 'switch_on;fillColor=#E6E6E6;sketch=0;',
515					80, 20, '', 'Switch On', null, null, dt + 'switch on'),
516			this.addDataEntry(dt + 'tab tabulator bar dark', 185, 30, 'Tab Bar Dark',
517				'3ZZfb8IgEMA/Da8NhdY/r+02n/bkkj1jQSGjxVCc7T79KMVpp81qnG6RhIS744D7cVwAOM2rmSZr/qwokwA/ApxqpUw7yquUSQkQFBTgB4AQtB2gpx5r6KxwTTQrzBAH1Dq8E7lhraZVlKaWXlEard7Yq6CGW0UIcMJNLv2w5ISqrRWgFSgpOaNesJZ1s0JerZroAlJQrQQNtGaZPVqi5+KD+blLIWWqpNJuRxy51qzhtt5ZClVYh8SfmGnDqt6oncqHPGMqZ0bXdsrWR9HMmMStG2dixb0bbmlBUrby6st1z9AOPMbTSPER0heysIrw2mRJkfEGVLJUhZn7bUIvH+BdujaUJPqRZDQK0JVYRj0s/yZLv2PtZi2E02mW9WXtNe6gOuJ/m1uJ/2PRwHgRs/iiohGdxlz7SxgPZnw54lFP4uO7KiLeYYqCm+bvuAdudI9wQzwJxjfFOxlQHjwgKdzr7D7ZQwBUNC9fqMLqS7VpTv87UMJdytWdmnb4QYDHeND5eKy4/845W+e39wk='),
518			this.addDataEntry(dt + 'tab tabulator bar dark', 185, 30, 'Tab Bar Dark',
519				'3ZZRb4MgEIB/Da9GQdvuVbf1aU9dsmdaaCFDaZCuul8/1OtqV81cOrulJCbcHQfcx3k5RJK0mBu6FU+acYXIAyKJ0do2s7RIuFII+5Ihco8w9t2H8GOPNait/pYantkhDrhxeKNqxxtNo8htqUCRW6Nf+YtkVjhFgEgsbKpgmgvK9N4JvhMYzQVnIDjLttohLTZVdB7NmNGSecbwlbtabBbyncPatVQq0Uqb+kQS1qPaoz76YMl05hxiuDE3lhe9UdcqCHnOdcqtKd2SPURRrZhFjZvgciPAjTS0fJo38ubT9cjQTQBjN1JyhvSZLp0iGJsszVaiAhWvdWYXcEwAcgvvuh5DSeJvSYYTD4/EMuxh+TdZ+hVrK2shNzsTdgz8xRn66zxI9B/rBSHLiEcX1YuwG3MJjzAdzPhyxJOenCc3VT/A4Q57V83faQ/c8BbhBmTmTa+KdzagPAAgJTsqZhsAk9WfL3Xm9LneVbf/HSjBIeXKk5rW7g38czz453iceOzkattJo/cB'),
520			this.addDataEntry(dt + 'tab tabulator bar bright', 185, 30, 'Tab Bar Bright',
521				'3ZZfb4MgEMA/Da9GQdvutW7r0566ZM+0YCFDaJCuuk8/QLr+cWYuXbulJCbcHSfc784TgPKynmm8Zk+KUAHQA0C5Vsq0s7LOqRAAxpwAdA8gjO0D4GOPNfHWeI01lWaIA2wd3rDY0FbTKirTiKCojFav9IUTw6wiAWjKTCnCtGKYqK0VYisQXDFKgmAta/eGsl656CIsiVacRFrTpT3aVM/5Ow1rCy5EroTSfkdE/XDv8FvvLFJJpwwnptrQujdqrwohz6gqqdGNXbINUbgVk6x1Y5SvWHBDLa0YV628+nTdM7STgPFrpKiD9BkvrCK5NFksl8yBmhZKmnnYJgnyAd6RH0NJwm9JpqMIXohl2sPyb6r0FOtx1abpMiuyvqo9yUHhx5k5qDv8r5OV7D82DYQWGe3FPwhz+jXmJiRhPJjx+YhHPYWPbqqJBIc7GF21fsc9cNNbhJugSTS+Kt7JgPYQAAkuu//5QwCEuy+fK2n1ldq40/8OlGRXcs1RTzu8IMRdPPDneKy4v85529Ft7wM='),
522			this.addDataEntry(dt + 'tab tabulator bar bright', 185, 30, 'Tab Bar Bright',
523				'3Zbfb8IgEMf/Gl6bFlp1r3abT3tyyZ5RUMhoMRRnu79+0J6zzjbr4nSLJE2473H8+HC9gEialTNDN+JJM64QeUAkNVrbppeVKVcK4VAyRO4RxqH7EH7s8Ua1N9xQw3M7JAA3AW9UbXmjNEJhKwVCYY1+5S+SWeGECJGpsJmCbiEo0ztnhM5gtBCcgeE8Gz9DVq796QKaM6MlC4zhS7e1qZnLdw5jV1KpVCtt6hUJr5ufo15678l17kXYMTeWl72nriU48ozrjFtTuSE7OIUfMUmaMMHlWkAYaWiFtGjs9WfogaHrAMZupOQE6TNdOCG6NFmaL4UHNV3p3M5hmQjsFt5R3YaSxN+SjEcBvhDLuIfl32TpV6ytrIXc7EzYS+AvT9Bf50KS/1gvCFkkPDmrXsTdmCu4hPFgxucjHvXkPLmp+gEBdzi4av6Oe+DGtwg3IpNgfFW8kwHlAQAp2VEx2wCY9H++1LnTC731u/8dKNE+5aqjmtZ+G4SnePDP8Tjz8JKrfUcPvQ8='),
524
525		   	this.createVertexTemplateEntry(s + 'textfield;align=center;strokeColor=#4D4D4D;pointerEvents=1',
526		   			174, 30, '', 'Textfield Disabled', null, null, dt + 'textfield disabled'),
527			this.createVertexTemplateEntry(s + 'textfield;align=center;strokeColor=#999999;pointerEvents=1',
528					174, 30, '', 'Textfield Normal', null, null, dt + 'textfield normal'),
529			this.createVertexTemplateEntry(s + 'textfield;align=center;strokeColor=#33b5e5;pointerEvents=1',
530					174, 30, '', 'Textfield Activated', null, null, dt + 'textfield activated'),
531			this.createVertexTemplateEntry(s2 + 'text_insertion_point;',
532					20, 30, '', 'Text Insertion Point', null, null, dt + 'textfield insertion point'),
533			this.createVertexTemplateEntry(s2 + 'textSelHandles;fillColor=#33b5e5;strokeColor=#0099cc;',
534					sizeX * 0.8, sizeY * 0.1, '', 'Text Selection Handles', null, null, dt + 'text selection handle'),
535			this.createVertexTemplateEntry(s2 + 'time_picker;sketch=0;',
536					150, 230, '', 'Time Picker (Bright)', null, null, dt + 'time picker bright'),
537			this.createVertexTemplateEntry(s2 + 'time_picker_dark;sketch=0;',
538					150, 230, '', 'Time Picker (Dark)', null, null, dt + 'time picker dark'),
539			this.createVertexTemplateEntry(s3 + 'rect;fillColor=#33b5e5;',
540					50, 50, '', 'Color', null, null, dt + 'color'),
541			this.createVertexTemplateEntry(s3 + 'rect;fillColor=#0099cc;',
542					50, 50, '', 'Color', null, null, dt + 'color'),
543			this.createVertexTemplateEntry(s3 + 'rect;fillColor=#aa66cc;',
544					50, 50, '', 'Color', null, null, dt + 'color'),
545			this.createVertexTemplateEntry(s3 + 'rect;fillColor=#9933cc;',
546					50, 50, '', 'Color', null, null, dt + 'color'),
547			this.createVertexTemplateEntry(s3 + 'rect;fillColor=#99cc00;',
548					50, 50, '', 'Color', null, null, dt + 'color'),
549			this.createVertexTemplateEntry(s3 + 'rect;fillColor=#669900;',
550					50, 50, '', 'Color', null, null, dt + 'color'),
551			this.createVertexTemplateEntry(s3 + 'rect;fillColor=#ffbb33;',
552					50, 50, '', 'Color', null, null, dt + 'color'),
553			this.createVertexTemplateEntry(s3 + 'rect;fillColor=#ff8800;',
554					50, 50, '', 'Color', null, null, dt + 'color'),
555			this.createVertexTemplateEntry(s3 + 'rect;fillColor=#ff4444;',
556					50, 50, '', 'Color', null, null, dt + 'color'),
557			this.createVertexTemplateEntry(s3 + 'rect;fillColor=#cc0000;',
558					50, 50, '', 'Color', null, null, dt + 'color')
559		];
560
561		this.addPalette('android', mxResources.get('android'), false, mxUtils.bind(this, function(content)
562		{
563			for (var i = 0; i < fns.length; i++)
564			{
565				content.appendChild(fns[i](content));
566			}
567		}));
568
569		this.setCurrentSearchEntryLibrary();
570	};
571})();
572