drawio-offline
Version:
diagrams.net desktop
373 lines (368 loc) • 92.2 kB
JavaScript
(function()
{
// Adds Atlassian shapes
Sidebar.prototype.addAtlassianPalette = function()
{
var s = 'html=1;shadow=0;dashed=0;shape=mxgraph.atlassian.';
var s2 = 'html=1;shadow=0;dashed=0;fillColor=none;strokeColor=none;shape=mxgraph.bootstrap.rect;';
var s3 = mxConstants.STYLE_STROKEWIDTH + '=1;shadow=0;dashed=0;align=center;html=1;' + mxConstants.STYLE_SHAPE + "=mxgraph.mockup.";
var gn = 'mxgraph.atlassian';
var dt = 'atlassian ';
var sb = this;
this.setCurrentSearchEntryLibrary('atlassian');
var fns = [
this.addEntry(dt + 'issue ticket bug jira task feature request', function()
{
var bg = new mxCell('Task description', new mxGeometry(0, 0, 200, 50), s + 'issue;issueType=story;issuePriority=blocker;issueStatus=inProgress;verticalAlign=top;align=left;whiteSpace=wrap;overflow=hidden;spacingTop=25;strokeColor=#A8ADB0;fillColor=#EEEEEE;fontSize=12;backgroundOutline=1;');
bg.vertex = true;
var label1 = new mxCell('ID', new mxGeometry(0, 0, 60, 20), 'strokeColor=none;fillColor=none;part=1;resizable=0;align=left;autosize=1;points=[];deletable=0;connectable=0;');
label1.geometry.relative = true;
label1.geometry.offset = new mxPoint(20, 0);
label1.vertex = true;
bg.insert(label1);
return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Issue');
}),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Atlassian_Logo.svg;',
66, 66, '', 'Atlassian', null, null, this.getTagsForStencil(gn, 'atlassian logo', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Bamboo_Logo.svg;',
64, 74, '', 'Bamboo', null, null, this.getTagsForStencil(gn, 'bamboo logo', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Bitbucket_Logo.svg;',
57, 50, '', 'Bitbucket', null, null, this.getTagsForStencil(gn, 'bitbucket logo atlassian', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Clover_Logo.svg;',
71, 71, '', 'Clover', null, null, this.getTagsForStencil(gn, 'clover logo', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Confluence_Logo.svg;',
63, 57, '', 'Confluence', null, null, this.getTagsForStencil(gn, 'confluence logo', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Crowd_Logo.svg;',
66, 65, '', 'Crowd', null, null, this.getTagsForStencil(gn, 'crowd logo', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Crucible_Logo.svg;',
61, 61, '', 'Crucible', null, null, this.getTagsForStencil(gn, 'crucible logo', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Fisheye_Logo.svg;',
71, 59, '', 'Fisheye', null, null, this.getTagsForStencil(gn, 'fisheye logo', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Hipchat_Logo.svg;',
66, 62, '', 'Hipchat', null, null, this.getTagsForStencil(gn, 'hipchat logo atlassian', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Jira_Logo.svg;',
72, 72, '', 'Jira', null, null, this.getTagsForStencil(gn, 'jira logo', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Jira_Core_Logo.svg;',
55, 66, '', 'Jira Core', null, null, this.getTagsForStencil(gn, 'jira core logo atlassian', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Jira_Service_Desk_Logo.svg;',
59, 76, '', 'Jira Service Desk', null, null, this.getTagsForStencil(gn, 'jira service desk logo atlassian', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Jira_Software_Logo.svg;',
74, 76, '', 'Jira Software', null, null, this.getTagsForStencil(gn, 'jira software logo atlassian', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Sourcetree_Logo.svg;',
57, 71, '', 'Sourcetree', null, null, this.getTagsForStencil(gn, 'sourcetree logo', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Statuspage_Logo.svg;',
75, 52, '', 'Statuspage', null, null, this.getTagsForStencil(gn, 'statuspage logo', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Stride_Logo.svg;',
69, 57, '', 'Stride', null, null, this.getTagsForStencil(gn, 'stride logo atlassian', dt).join(' ')),
this.createVertexTemplateEntry('image;image=img/lib/atlassian/Trello_Logo.svg;',
70, 70, '', 'Trello', null, null, this.getTagsForStencil(gn, 'trello logo', dt).join(' ')),
this.createVertexTemplateEntry('shape=ellipse;fillColor=#6554C0;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=46;fontStyle=1;html=1',
96, 96, 'MM', 'Avatar (Large)', null, null, this.getTagsForStencil(gn, 'avatar', dt + 'avatar').join(' ')),
this.createVertexTemplateEntry('shape=ellipse;fillColor=#0065FF;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=25;fontStyle=1;html=1',
48, 48, 'MM', 'Avatar (Main)', null, null, this.getTagsForStencil(gn, 'avatar', dt + 'avatar').join(' ')),
this.createVertexTemplateEntry('shape=ellipse;fillColor=#36B37E;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=17;fontStyle=1;html=1',
32, 32, 'MM', 'Avatar (Normal)', null, null, this.getTagsForStencil(gn, 'avatar', dt + 'avatar').join(' ')),
this.createVertexTemplateEntry('shape=ellipse;fillColor=#FFAB00;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=12;fontStyle=1;html=1',
24, 24, 'MM', 'Avatar (Small)', null, null, this.getTagsForStencil(gn, 'avatar', dt + 'avatar').join(' ')),
this.createVertexTemplateEntry('shape=ellipse;fillColor=#FF5630;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=10;fontStyle=1;html=1',
16, 16, 'M', 'Avatar (Tiny)', null, null, this.getTagsForStencil(gn, 'avatar', dt + 'avatar').join(' ')),
this.addEntry(dt + 'avatar available', function()
{
var bg = new mxCell('MM', new mxGeometry(0, 0, 32, 32), 'shape=ellipse;fillColor=#6554C0;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=17;fontStyle=1;html=1');
bg.vertex = true;
var button1 = new mxCell('', new mxGeometry(1, 1, 10, 10), 'shape=ellipse;fillColor=#36B37E;strokeColor=#ffffff;strokeWidth=2;');
button1.geometry.relative = true;
button1.geometry.offset = new mxPoint(-10, -10);
button1.vertex = true;
bg.insert(button1);
return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Avatar (Available)');
}),
this.addEntry(dt + 'avatar away', function()
{
var bg = new mxCell('MM', new mxGeometry(0, 0, 32, 32), 'shape=ellipse;fillColor=#FFAB00;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=17;fontStyle=1;html=1');
bg.vertex = true;
var button1 = new mxCell('', new mxGeometry(1, 1, 10, 10), s + 'away;fillColor=#7A869A;strokeColor=#ffffff;strokeWidth=2;');
button1.geometry.relative = true;
button1.geometry.offset = new mxPoint(-10, -10);
button1.vertex = true;
bg.insert(button1);
return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Avatar (Away)');
}),
this.addEntry(dt + 'avatar do not disturb unavailable', function()
{
var bg = new mxCell('MM', new mxGeometry(0, 0, 32, 32), 'shape=ellipse;fillColor=#0065FF;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=17;fontStyle=1;html=1');
bg.vertex = true;
var button1 = new mxCell('', new mxGeometry(1, 1, 10, 10), s + 'do_not_disturb;fillColor=#FF5630;strokeColor=#ffffff;strokeWidth=2;');
button1.geometry.relative = true;
button1.geometry.offset = new mxPoint(-10, -10);
button1.vertex = true;
bg.insert(button1);
return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Avatar (Do not disturb)');
}),
this.createVertexTemplateEntry('rounded=1;arcSize=5;fillColor=#0065FF;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=14;fontStyle=1;html=1',
40, 40, '</>', 'Container Avatar (Large)', null, null, this.getTagsForStencil(gn, 'avatar', dt + 'container avatar large').join(' ')),
this.createVertexTemplateEntry('rounded=1;arcSize=5;fillColor=#0065FF;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=12;fontStyle=1;html=1',
32, 32, '</>', 'Container Avatar (Medium)', null, null, this.getTagsForStencil(gn, 'avatar', dt + 'container avatar medium').join(' ')),
this.createVertexTemplateEntry('rounded=1;arcSize=5;fillColor=#0065FF;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=10;fontStyle=1;html=1',
24, 24, '</>', 'Container Avatar (Small)', null, null, this.getTagsForStencil(gn, 'avatar', dt + 'container avatar small').join(' ')),
this.createVertexTemplateEntry('shape=ellipse;fillColor=#0065FF;strokeColor=none;html=1',
10, 10, '', 'Dot Badge', null, null, this.getTagsForStencil(gn, '', dt + 'dot badge').join(' ')),
this.createVertexTemplateEntry('rounded=1;fillColor=#0065FF;strokeColor=none;html=1;fontColor=#ffffff;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=18;fontStyle=1;arcSize=50',
40, 25, '13', 'Bold Badge', null, null, this.getTagsForStencil(gn, '', dt + 'bold badge').join(' ')),
this.createVertexTemplateEntry('rounded=1;fillColor=#E3FCEF;strokeColor=none;html=1;fontColor=#016745;align=center;verticalAlign=middle;whiteSpace=wrap;fontSize=18;fontStyle=0;arcSize=50',
40, 25, '+1', 'Subtle Badge', null, null, this.getTagsForStencil(gn, '', dt + 'subtle badge').join(' ')),
this.addEntry(dt + 'banner', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 625, 50), 'rounded=0;fillColor=#FFAB00;strokeColor=none;html=1');
bg.vertex = true;
var icon1 = new mxCell('<b>More information?</b> See the <u>recovery process documentation</u>.',
new mxGeometry(0.15, 0.5, 20, 20), 'shape=mxgraph.azure.azure_alert;fillColor=#172B4C;strokeColor=none;fontColor=#172B4C;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;html=1;spacingLeft=5');
icon1.geometry.relative = true;
icon1.geometry.offset = new mxPoint(0, -10);
icon1.vertex = true;
bg.insert(icon1);
return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Banner');
}),
this.addEntry(dt + 'banner', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 625, 50), 'rounded=0;fillColor=#DE350A;strokeColor=none;html=1');
bg.vertex = true;
var icon1 = new mxCell('A database error has occurred. Please reload the page.',
new mxGeometry(0.15, 0.5, 20, 20), 'shape=mxgraph.azure.azure_alert;fillColor=#ffffff;strokeColor=none;fontColor=#ffffff;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;html=1;spacingLeft=5');
icon1.geometry.relative = true;
icon1.geometry.offset = new mxPoint(0, -10);
icon1.vertex = true;
bg.insert(icon1);
return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Banner');
}),
this.createVertexTemplateEntry('fillColor=none;strokeColor=none;html=1;fontColor=#596780;align=left;verticalAlign=middle;whiteSpace=wrap;fontSize=12;fontStyle=0',
360, 25, 'Atlassian / Atlassian Connect / atlassian-connect-js-extra', 'Breadcrumb', null, null, this.getTagsForStencil(gn, '', dt + 'breadcrumb').join(' ')),
this.addEntry(dt + 'button primary', function()
{
var bg = new mxCell('Pay now', new mxGeometry(25, 0, 86, 33), 'rounded=1;fillColor=#0057D8;align=center;strokeColor=none;html=1;fontColor=#ffffff;fontSize=12');
bg.vertex = true;
var icon1 = new mxCell('', new mxGeometry(0, 9, 14, 14), s + 'checkbox;fillColor=#008465;strokeColor=none;html=1');
icon1.vertex = true;
return sb.createVertexTemplateFromCells([bg, icon1], 111, 33, 'Button (Primary)');
}),
this.addEntry(dt + 'button standard', function()
{
var bg = new mxCell('Create Group', new mxGeometry(25, 0, 115, 33), 'rounded=1;align=center;fillColor=#F1F2F4;strokeColor=none;html=1;fontColor=#596780;fontSize=12');
bg.vertex = true;
var icon1 = new mxCell('', new mxGeometry(0, 9, 14, 14), s + 'checkbox;fillColor=#008465;strokeColor=none;html=1');
icon1.vertex = true;
return sb.createVertexTemplateFromCells([bg, icon1], 140, 33, 'Button (Standard)');
}),
this.addEntry(dt + 'button link', function()
{
var bg = new mxCell('Visit documentation', new mxGeometry(25, 0, 125, 33), 'fillColor=none;strokeColor=none;html=1;fontColor=#0057D8;align=left;fontSize=12');
bg.vertex = true;
var icon1 = new mxCell('', new mxGeometry(0, 9, 14, 14), s + 'checkbox;fillColor=#008465;strokeColor=none;html=1');
icon1.vertex = true;
return sb.createVertexTemplateFromCells([bg, icon1], 150, 33, 'Button (Link)');
}),
this.addEntry(dt + 'button primary', function()
{
var bg = new mxCell('Submit', new mxGeometry(25, 0, 80, 33), 'rounded=1;fillColor=#0057D8;align=center;strokeColor=none;html=1;fontColor=#ffffff;fontSize=12');
bg.vertex = true;
var icon1 = new mxCell('', new mxGeometry(0, 9, 14, 14), s + 'close;fillColor=#BA3200;strokeColor=none;html=1');
icon1.vertex = true;
return sb.createVertexTemplateFromCells([bg, icon1], 105, 33, 'Button (Primary)');
}),
this.addEntry(dt + 'button standard', function()
{
var bg = new mxCell('Done', new mxGeometry(25, 0, 55, 33), 'rounded=1;align=center;fillColor=#F1F2F4;strokeColor=none;html=1;fontColor=#596780;fontSize=12');
bg.vertex = true;
var icon1 = new mxCell('', new mxGeometry(0, 9, 14, 14), s + 'close;fillColor=#BA3200;strokeColor=none;html=1');
icon1.vertex = true;
return sb.createVertexTemplateFromCells([bg, icon1], 80, 33, 'Button (Standard)');
}),
this.addEntry(dt + 'button link', function()
{
var bg = new mxCell('Click here', new mxGeometry(25, 0, 75, 33), 'fillColor=none;strokeColor=none;html=1;fontColor=#0057D8;align=left;fontSize=12');
bg.vertex = true;
var icon1 = new mxCell('', new mxGeometry(0, 9, 14, 14), s + 'close;fillColor=#BA3200;strokeColor=none;html=1');
icon1.vertex = true;
return sb.createVertexTemplateFromCells([bg, icon1], 100, 33, 'Button (Link)');
}),
this.createVertexTemplateEntry('rounded=1;fillColor=#0057D8;strokeColor=none;html=1;fontColor=#ffffff;align=center;verticalAlign=middle;fontStyle=0;fontSize=12',
86, 33, 'Primary', 'Button (Primary)', null, null, this.getTagsForStencil(gn, '', dt + 'button primary').join(' ')),
this.createVertexTemplateEntry('rounded=1;fillColor=#F1F2F4;strokeColor=none;html=1;fontColor=#596780;align=center;verticalAlign=middle;fontStyle=0;fontSize=12',
86, 33, 'Standard', 'Button (Standard)', null, null, this.getTagsForStencil(gn, '', dt + 'button standard').join(' ')),
this.createVertexTemplateEntry('fillColor=none;strokeColor=none;html=1;fontColor=#0057D8;align=center;verticalAlign=middle;fontStyle=0;fontSize=12',
86, 33, 'Link button', 'Button (Link)', null, null, this.getTagsForStencil(gn, '', dt + 'button link').join(' ')),
this.addEntry(dt + 'dropdown button', function()
{
var bg = new mxCell('Dropdown button', new mxGeometry(0, 0, 140, 33), 'rounded=1;fillColor=#F1F2F4;strokeColor=none;html=1;fontColor=#596780;align=left;fontSize=12;spacingLeft=10');
bg.vertex = true;
var icon1 = new mxCell('', new mxGeometry(1, 0.5, 12, 6), 'shape=triangle;direction=south;fillColor=#596780;strokeColor=none;html=1');
icon1.geometry.relative = true;
icon1.geometry.offset = new mxPoint(-20, -3);
icon1.vertex = true;
bg.insert(icon1);
return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Button (dropdown)');
}),
this.addEntry(dt + 'button label only', function()
{
var bg = new mxCell('Label only', new mxGeometry(0, 0, 80, 33), 'rounded=1;align=center;fillColor=#F1F2F4;strokeColor=none;html=1;fontColor=#596780;fontSize=12');
bg.vertex = true;
return sb.createVertexTemplateFromCells([bg], 80, 33, 'Button (label only)');
}),
this.addEntry(dt + 'button icon and label', function()
{
var bg = new mxCell('Icon and label', new mxGeometry(0, 0, 120, 33), 'rounded=1;align=left;fillColor=#F1F2F4;strokeColor=none;html=1;fontColor=#596780;fontSize=12;spacingLeft=26;');
bg.vertex = true;
var icon1 = new mxCell('',
new mxGeometry(0, 0.5, 12, 12), 'shape=mxgraph.mscae.intune.subscription_portal;fillColor=#596780;strokeColor=none;fontColor=#ffffff;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;html=1;spacingLeft=5');
icon1.geometry.relative = true;
icon1.geometry.offset = new mxPoint(10, -6);
icon1.vertex = true;
bg.insert(icon1);
return sb.createVertexTemplateFromCells([bg], 120, 33, 'Button (icon and label)');
}),
this.addEntry(dt + 'button icon only', function()
{
var bg = new mxCell('', new mxGeometry(0, 0, 32, 33), 'rounded=1;align=left;fillColor=#F1F2F4;strokeColor=none;html=1;fontColor=#596780;fontSize=12;spacingLeft=26;');
bg.vertex = true;
var icon1 = new mxCell('',
new mxGeometry(0, 0.5, 12, 12), 'shape=mxgraph.mscae.intune.subscription_portal;fillColor=#596780;strokeColor=none;fontColor=#ffffff;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;html=1;spacingLeft=5');
icon1.geometry.relative = true;
icon1.geometry.offset = new mxPoint(10, -6);
icon1.vertex = true;
bg.insert(icon1);
return sb.createVertexTemplateFromCells([bg], 32, 33, 'Button (icon only)');
}),
this.addEntry(dt + 'button subtle', function()
{
var bg = new mxCell('Subtle', new mxGeometry(0, 0, 80, 33), 'rounded=1;align=left;fillColor=none;strokeColor=none;html=1;fontColor=#596780;fontSize=12;spacingLeft=26;');
bg.vertex = true;
var icon1 = new mxCell('',
new mxGeometry(0, 0.5, 12, 12), 'shape=mxgraph.mscae.intune.subscription_portal;fillColor=#596780;strokeColor=none;fontColor=#ffffff;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;html=1;spacingLeft=5');
icon1.geometry.relative = true;
icon1.geometry.offset = new mxPoint(10, -6);
icon1.vertex = true;
bg.insert(icon1);
return sb.createVertexTemplateFromCells([bg], 80, 33, 'Button (subtle)');
}),
this.addEntry(dt + 'button disabled', function()
{
var bg = new mxCell('Disabled button', new mxGeometry(0, 0, 110, 33), 'rounded=1;align=center;fillColor=#F1F2F4;strokeColor=none;html=1;fontColor=#A5ADBA;fontSize=12');
bg.vertex = true;
return sb.createVertexTemplateFromCells([bg], 110, 33, 'Button (disabled)');
}),
this.addDataEntry(dt + 'split button', 80, 33, 'Button (split)',
'rZRfb4IwFMU/TR9doFXnXsXhy5Ys8WHPjVygWWlJuTrdp1+hBUV0kjgTk/bce/rndxoIi4rD2vAyf9cJSMJeCYuM1uhGxSECKQkNRELYilAa2D+h8Y1q2FSDkhtQOMZAnWHP5Q6csimlQKdWeJReNXqnEqhNIWHLVEgZaalNU2RxGNN4avUKjf6CtqK0su5ljoVsfVrhmW/2Mn9eBFbnUmTKahJS9G0b8VNvHdJ62ZJvhcremuoqDPyZwSAcbt67kfyl16ALQHO0Ld8iwdx1LPxCOYgs9y7GnMYrN8865wmiHXiO15myAdMBzirnZT1EI7jKanWZCANbFLrmUOldfchLzh2vvzmPoUOv0+kbjv4FPc3c/IxdSIfs5k4yIDmKPfSWusbTb/+hhT1Vt/fEv9h298lFIjpNK8BBHt0lRkU0HR+RFOpWPP0YbEBp8+u/edf06dHR/0vnThrtS340DjZ7nL+dnj5prv38i/cL'),
this.addDataEntry(dt + 'button grouped', 320, 33, 'Button (grouped)',
'7ZZNb4JAEIZ/zR5rYFetvUqLvTRp0kPPGxlg48KSZVHsr+8AC37S0kQ9mJqY7MwwHzzviBDmJeVC8yx+UwFIwl4I87RSpjklpQdSEuqIgLBnQqmDX0L9nqhbR52Ma0jNkATaJKy5LKDxNI7cbKV15EarFXyKwMTocAmb5zEP1AYNB42A5zEE1uBSRCmel9geNDpik8hdVlaVTMqout1RoparIhtpDUscda4/xFcVdqs6oZDSU1LpegTmuz71x1WNepa9SFh/ukg7ZXtboA2UvWhql+WyAJWA0Vu8ZGOLYJRZfE4MIoptGmONj+eNHXWpO9B4sKzPc2cn3OeFMSpF36kCWhVp0DEOVWpaVtTae0QmT9PHWXedLXLMNFUp/Akn6gM5Nn1tOVSKDoJMf4U8+4GxBsmNWMNB+XPgbYd3JbAxdcrD0m2GCsMczIlQ3VyDtBv3a8f+tbuYdu70GuJN+sUb3/zRVzGz7Y8fgHexKIcJt1mbh6v85qf9a+Peem0khHe9NZfek57/ZDR371nNSuy/hn0D'),
this.addEntry(dt + 'button compact', function()
{
var bg = new mxCell('Compact', new mxGeometry(0, 0, 86, 33), 'rounded=1;fillColor=#F1F2F4;align=center;strokeColor=none;html=1;fontColor=#596780;fontSize=12');
bg.vertex = true;
var icon1 = new mxCell('', new mxGeometry(107, 13, 6, 6), 'shape=ellipse;fillColor=#596780;strokeColor=none;html=1');
icon1.vertex = true;
var icon2 = new mxCell('', new mxGeometry(117, 13, 6, 6), 'shape=ellipse;fillColor=#596780;strokeColor=none;html=1');
icon2.vertex = true;
var icon3 = new mxCell('', new mxGeometry(127, 13, 6, 6), 'shape=ellipse;fillColor=#596780;strokeColor=none;html=1');
icon3.vertex = true;
return sb.createVertexTemplateFromCells([bg, icon1, icon2, icon3], 133, 33, 'Button (compact)');
}),
this.addDataEntry(dt + 'button grouped group', 556, 33, 'Button (grouped)',
'3Zhdb5swFIZ/DZeNDA4kuRxp003qpEq76LUVDFgxGNlOm+zXz8YmhTofVIM0W6RI+MCxj5/3+NjgwWWxe+Soyn+yBFMPPnhwyRmT5qrYLTGlXgBI4sF7LwiA+nvB6sRdv74LKsRxKfs4BMbhFdEtNpaHhEhjFHJPrZGzbZlg7eN7ME4JpUtGGa9vQgCicKUGiBElWalsazU4VjdjITnb4ObRkpWquziXBW06YqVsdZTWP2v/RX7rwf0mQswl3p2cZW2yU3zErMCS79UjbySRuXkiNCBAjkmWWy8IjQ0J084Onu/I1IWldpwgdAguWVHowD4FceWvgtV0AIjhIprNwZAQrUMYGo8W0/lITKcO029CaCz/GVJ/Chyms5GYhg5Th6bB8mJj0SBEjhL2php69gkSec0aHGPawqe8Kt1lsct0YZsUbL3ZVhPO8VpNKOYNQnBGs65E7eLQjXIIGQLfTe1gOpIOkaPDD5XX4JmzjGMhvloUN80vLAcb6Uct7aLqL6MKAQs16PeGtw66l7jhxdq/OKMlxxRJ8oo73R8T2I7wzIiu7U3uRKDrwdJUYOkkxCGuXjkyc3LkhfFNSpXqQ6QHxanslxwaV7yVkpXOur2ZHBEVWpMye6onZYL7m7TpOlwnie4WY2TRvEfFt7pLTlCZaWucEF0RiFb8XrCtnv3HIn0Q9/w+2keEWR8R9qYFJm6ZbrbhtijRMJrYk3Mz+h0cQaKFI9ET0pX7ypuALgi3vswH2gqiIVZx373eB5eX4D9+hA2Be4QNo3GOTr5/GWeT4cqTVAKPWryMvKerV9gpID50QB3hFA2AyX2pv2VMwVdhct/cbxkTvA4m1Xz/+mR2tPbHqT8='),
this.addDataEntry(dt + 'button grouped group responsive', 551, 104, 'Button (grouped, responsive)',
'7Vnfj6IwEP5reLwNbYXFx9PTvZdLLrmHeyYySrOFmrbu6v3110JB2S4urj9wjSaYzpRph+9rZ4bikXG2fhLxMv3FE2AemXhkLDhXZStbj4ExD/s08cgPD2NfXx6etvSiotdfxgJy1cUAlwYvMVtBqSkVUm2YVUgl+DP8pYlKtQJ5ZCTTOOGvWvC1kMQyhcQKMaOLXLdnenoQWpGqjG2tlmbIbL0wj/uQ8dnzavkgBMy0qyPxh/4z3ciMM6eMjTnjonCBTNEUTwdmjMKXnZ558at7Ki+rxwKhYN0KTaGyuDwBz0CJjb7l1Q5i4CElfH4KdJFaM0JKXSxLeVGbboHWDYv1+7gTB/fvUhrsLow+g7karZTiuUMBz1UlYyvvAB8Mw8eovs/6+5a6nOdwEGvaB5B60p8V3Mb1TlziD7kM91ApgMWKvkBj+GP4HbTy6yuu/zJwmBZ8lSc1lzcH//AU8NsZfnOqJ8b+uslsZcHncwnKoav2qxODgcPgmGeZeeBLB0iD1y3v0abBzpKJzrdkvkXnWDPhPZu2sYsD3+EXofA82fXxnl1Pu3PD68quUf/77GaCcgu1rUE52LNnjw3K1dgnDcrDDovFkqwN6VKCGzJr0pqMWJrq5dIF72g/3rbs2FiROPi/A3/YDnTXHYX8r4QS7gsl9JVQIn2hdD9UaOckCi9XBqH7KcOJkyW6smMG5J4z3FglpO8b4ACHk54Zvp16CLknG4cnsTfIH5PEyjV8fRVRl5f564Gpt5LIfde+Zph6q4ncV9ZJQs1ep1JqjZmDFEFzp9nXgWOH4ulTMfmDfFBbNvPB8UXXYBA2WCeRW4P5wTu8H068Frcf78rgvPtt7z8='),
this.createVertexTemplateEntry(s + 'checkbox_2;fillColor=#0057D8;strokeColor=none;align=left;verticalAlign=middle;fontStyle=0;fontSize=12;labelPosition=right;verticalLabelPosition=middle;spacingLeft=10',
12, 12, 'Text', 'Checkbox (on)', null, null, this.getTagsForStencil(gn, '', dt + 'checkbox on').join(' ')),
this.createVertexTemplateEntry('rounded=1;fillColor=#F0F2F5;strokeColor=#D8DCE3;align=left;verticalAlign=middle;fontStyle=0;fontSize=12;labelPosition=right;verticalLabelPosition=middle;spacingLeft=10;html=1;shadow=0;dashed=0',
12, 12, 'Text', 'Checkbox (off)', null, null, this.getTagsForStencil(gn, '', dt + 'checkbox on').join(' ')),
this.addDataEntry(dt + 'checkbox group', 150, 173, 'Checkbox group',
'7VfdbpswFH4abisDIWGXLYTepNKkPsDk2AewYmxkOy3Z08+ASTOcTu2yRqtUJCSfX3O+7/iHIM6a7l7htn6QFHgQr4M4U1KacdR0GXAeRIjRIM6DKEL2DaLiFWs4WFGLFQjzloBoDHjCfA+j5hE4EAPUaoksSwA9umhz4M6lZJxnkktlRSGF1d5po+QOZspSCvPIfvZRYTjJLk0vY84qYcccSuPMU4YgipNvy1WK3PeBMtC9WuOgcgXeg2zAqIN1eWbU1M4jcZlqYFXtwhw2COtRro6hL4jZgQPtPICxB+Batwq0lh5sSu4FBeqKPwXRVlugIioSD0lrydM8W8c+Pmh4fBh7rBjB/NapG0Yphxn8aEaPhe+O4y3w71Izw2QfqEakjgk3M/sxsW4xYaLaDPPnYZ+7Ng13heoaU/ns5qRY1wMEFxE7BbgkB0eFE09pj3zWJ90lrC881jPctntiYfB5fwMWg6Xt/Zuu6jeDG2w41pphcUNqILut7H5EftcglKzy9E/r73M0zD/vhSS5Wi8kXi8UHJt+7poZ+OqG/6Ab0uvtDEuvGzZSVFaz5Zjsvs6EK58JIbreRrDyqL+l9H2Mv2sFl8NzQjaxGIH6W7oXH07RxMnCX47LM9ezOL6ck/TMQS2IvWdfcqf1L6mfhwMXsJotk4+jxIovvzOD7be/nV8='),
this.addDataEntry(dt + 'dropdown button', 100, 53, 'Button (dropdown)',
'tZRNb8IwDIZ/TY5MaQJsu1JWLps0icPOEU3biDSuUpeP/fqlJJRBy8aEdqjkvPYbu4+lEB6Xu4UVVfEGqdSEvxAeWwD0UbmLpdaEUZUSPieMUfcRllzJRocsrYSVBm8xMG/YCN1IryxRYFN7uca9DrKFxqSydUWEzzKldQwarDsbMK5mVqOFtbwQCyz10QIGj1nC+OR5+vhEnS60yo3TtMwwlC3VZ9s1am11JVbK5K+H7DyivRI/v7Qod1cZHKQAYCGhlGj3rmSrUixCBfWcaCFVXgRbYEdF7c95Zz0RdUGAOgyY9wB/gF1nGrZ/QOx4JVHCkvH/cGZDnO/guj/H9xtmzu/HPO5h7uGtC1G1IVolTN6qs1RZuUIFLZcamnbKS+4dv5+530KLD9M6NwR29GHSh8f67KZeslILVBt5dtUQz9D+HZSbqus9Oq4qdB9dbASyrJbY20f3E0MrcsfTM+bLv79yXw=='),
this.addDataEntry(dt + 'dropdown button open', 110, 200, 'Button (dropdown, open)',
'7ZfLbuIwFIafJsuOHDvmshwC6WYqVdNF1x7iJFZNjGxzm6cfB5u04CSEZtiBhGSfCzbff86BBChe7Z8lWRcvIqU8QIsAxVIIbVerfUw5DyBgaYDmAYTAvAOYtHjDoxesiaSl7pMAbcKW8A21ljdN9EZZs9IH7sxSbMqUVllhgGYZ4zwWXEizL0VpYmZKS/FBL4yFXvFTiij1yRtAhKej8QQYO+EsL42N00y7sDf2tzo1rNLUmixZmf86euch8ELs/anUdN/K4GhyAJ6pWFEtDyZkx1JduAhgOYGCsrxwaY4dIMru8zr1k6hZOKjNgJEH+F3Ij4yL3Q2IDS+I0QRPbuecHV/dnGET5wFcD+f4rmFGaDjmyMPs4VUFWVdLLRkp88o6S5mkS81ExUWJTXXLS+41v27ufWihZlrnCY4d+IF9eNBnN7ImSTnRbEvPPqqJpzv+VTBzq/rsp5NU7vSnC0VElimqPT3qL9FLInxdos4OaFHCeObJIlzgylOQ1DSWTf/SE0QuXa1HvZTqrms88qUJG+o6jKLhhT3yqMVcKMOonR3w2SVRgpNxWxXX2MAFthtHhjd86qElqTKJ7w5Yv3bB14d2E/XTNPluSxzOuP/XDhh7Wv6mW0Z3N6nZ9XP7ENIXEk3voOTEU/LnH1KmRoWHlPeTcgzvIOXUk7LHH7SHksOUDAEeLqXZfj4o2fCvz1H/AA=='),
this.addDataEntry(dt + 'dropdown avatar', 160, 167, 'Button (avatar)',
'7ZjRcqIwFIafhss6QAT0ckXtTXfGme7MXqdyhMwG4iSh1T79JhKoAiJWu9NudQYHTs4h8p0/P4iFwnRzz/E6+ckioBaaWSjkjMliL92EQKnl2iSy0NRyXVttljs/MursRu015pDJPgVuUfCMaQ5FJEwYE6BiWG0RCBJnwIssIbfUZHGWZxHokzgWmqwIpSGjjKvjjGUqZyIkZ3+gFkxkSssSlsly1HKRN/aDka3imKoJVYzCSpq0R/KqZ3V0mVjjJcnih93o1LEbKcXlAJewOYpkFzI87oGlIPlWpbyQSCYmw2CzEyBxYsrKGBbFcVyVvgFWO4ZxO2/U4H0GWsXJ9dDIG/XgewmI7eH17nPxWrggdDmX4WkuIsFrvSs5wVmso5OIcFhKwrRgBMv1r6wDW+0+J4H1oYXaaR0WGHb2wGvCc5vs/CLEgWJJnuHgVG08zfQLRtSvqua+K1tlZr+rdYStVgJkox/VRfRqkddo0QKTWDvFr5y3eUTZsHQTa38bECaCAVmyTAxyofL79mpf9scdpCrucBC33UEofgK6YIIYKfGiPxOtB7LE9KE2npIo2umvTPhhpqwGLtFTh4LKZXLgSsOrSMipKagU61Ul5F/ofscFMp3PnJmnRxIcsRdTvqcWzJdGBcNezem2Rs9vrm6/xRodp6MRfb0xOIea3aQ2H869eXDMAitgdg3Y2cuotiCrNcvVQ8Qr/Dao+nmtf/oW3ca7vBW9dzFsD3R6Ve2PPrd9Vilfxj6Db2ef40uMoOu5/OYBTQ9A4w/oYCmTvRY+4lQF1HcOVNxM4EwTGH87E6j+495c4B+4QPAhLWx564IF6MsKE5w+Ab8ZwblG4HQ/sP8HTqAO394LFun7rw3/Ag=='),
this.addDataEntry(dt + 'flag message', 333, 90, 'Flag message',
'vVXbTuMwEP2aPIIcO+nSR9IWXnYltCB4dpNJYuHYkW1oul+/vqW0pKhIBXr1mYtnfOYkSciiG24V7ds/sgKekFVCFkpKE1bdsADOE4xYlZBlgjGy3wTffOBNvRf1VIEwn0nAIeGV8hcIlmDQZsujQckXUYGLTxNS1IzzheRSeSep/cvatVHyGfY8y5tVusqdp6WV3MT01nQ8Lqkq79k/VySLTYAyMHx4EG+Kp7gF2YFRWxuyYZVpQwQhJKS1wJo2ps0DAYjqgJtd6hstdhGZOc4SmbB0/3D99+HiKnfF7M4YrQGE/SsVUGPJek/i3rl3fCALKqpbzy0Knt7Fd0PjBHFJDadaMyouyxbK57UcpgMgs4L8Wk0GIKSAQ7prKUzkO81GHBt0xTldA7+TmhkmhbWpQGFBOWsc5lA7qHtaMtH89mgZ1XVqdPjk6NJsOrnRpoBTw17hYPtj44wV7iSzhTGK/eA8ZGwP4biBrGsNZqKGXZufEkg2Ecgjg40L0NpaHE32M6Ndbym0U7vCeOZXznFdWb0gI+2PgMF1rnvlj/AjIopSOVc/Du/pEqFsXqCpfr5IL3iGpoIZ1XimYMato2By9A2CyU/fd8+c9nDsplz4987zFAnF50zlMOFnrukLMv/yi9rCt+duCN9/LP8H'),
this.addDataEntry(dt + 'multiple flag message', 333, 150, 'Multiple flag message',
'vVZdb9owFP010Z6GnBjQ+spXNambKvVhj5NJboiFY0e2KaG/ftcfoaGhohKwAJF9r48dn3OuSULndfuoWVP9UgWIhC4TOtdK2dCq2zkIkWSEFwldJFlG8Jdkq0+yqc+ShmmQ9iuALABemdhBiISAsQdxDBCtdrIAB0kTOiu5EHMllPZ5WvoL48ZqtYVeZrFapsuJy1SsUPsIr2wtYpPp/IW/uXXG8TlAW2g/3YsPxY08gqrB6gMO2fPCVmEEpTTAKuCbqoNNAgmEmRDYHLHv1GAjsnOeKTpg6jcvrVs+VzLnBrBluUXWPhKIu29cs243TucRe9tpCPe/TOCOh5yuVpMpJQNOpZJwymCppI0UpuOuH5d2eMHWIJ6V4ZYriTEdWJkxwTeuL6B0XdOwnMvNk+8tomcuqZFdVCMdnxEjxjQIZvkrnEx/TqC4wrPiuHBG4vNkk4A4nHa7CVRZGrADfY+P+SXJxwPJf9pvBiNrMO5ReOk0r3rKE+7SXDoDIE8gcxfMmXcHk4Uf78cUYHLNGy8LBqG1HdrsGtB+llLpOnDUgdkeDO5gNPBY3z/RJddax/V7liT+GlpnX3ELL+gfh9ujwW/kHVxxaJ4puYl5ummieT4eDzcxz+TyydoT43hCOoYLZip/2pKQOT09rGDGcCZH7bkzd+Y/x8yfSGh2jSqngP9T39/pw/0LfDrQ6InLratHhbdaaYh1mLgjEb9TVjfILfL8w6FdyyX6KJaHmr6t1nkF+Xat2g9/Ffcq9fHD7Eyp37Oys7tUdppm19sGu+8vZGF4/33tHw=='),
this.addDataEntry(dt + 'multiple flag message', 333, 120, 'Flag message',
'vVXLjtowFP2aLIscG6i6DY/pYkYaaRZVlya5iS0cO7UNhH597dgJ0IAYCdogIt+3fe65TkIWdfuiacPeVAEiIauELLRSNqzqdgFCJBjxIiHLBGPk/gle37CmnRU1VIO0nwnAIWBPxQ6CJiiMPYqo0GonC/D+aUKykguxUELpzkjK7nF6Y7XawplluV6lq5m3MFqoQwxnthZxSXX+wX/7ItO4CdAW2psH6VTxFC+garD66FwOvLAseBBCQhgDXrE+LCKAqAmKaog94eIWEZrrMJERTD/VzufU4N7SHQ+jXEkJuXVI/Y3g2aEHMJATCmpYBywKlsb7123l2TChVlBjOJWTnEG+3ah2jD6ZZ+TraoS+VBIusS6VtBHsdNrLcYO+uKAbEO/KcMuVdDod8Muo4JWXBZReNA3NuaxeO2nZA3unb/hu39LplbZFnQZBLd/DRfprrYwV3hV3hTGK+8GzEHG8FPsEqiwN2BEThm1+ihzTG+RgdO/ZsQGQvmThhwgjq/yLeUvlRqtJPIzzXzs/8dmay2Iwf6d86/Mo2am48aziFiYn/xHVzgkSafAoN7x8xjnUPWNuHJjb2ocjiI87OAo/iRyu4pgdc/QUdvRpIjtm6B+wY3b/hn3wfmivXb9Z9xssPyKg+JGuXAb8nwH+Qr49fYKdePrCBvfzD/Af'),
this.addDataEntry(dt + 'inline dialog', 292, 228, 'Inline dialog',
'5VdNc5swEP0tPXCsR0iGJMf6I+khnWYm0+mxo8BiNBESleTY6a+vhATBBieeJpzKjI20K61W7z0WEZFltb9RtC6/yRx4RNYRWSopjW9V+yVwHmHE8oisIoyR/UX4+oQ3bryopgqEOWcC9hOeKN+Ct3iDNs88GJTcihzc+Dgii4JxvpRcqsZJiuaydm2UfISeZ3W9jteJ85Q0l7swvTQVD02qsnv2xy0yD0mAMrA/uZHGFHZxA7ICo57tkB3LTRk2cxWyL4FtynbalUcAUe0Nm27uCy62EaAZh4kMYPqhwRpM6f6/snpZUuPWqOsBfn3EhBQwACsYe9AUUpiATTxv+yFiAx1nG2HbHApzFnb4bezmaIhdEA9SwKlhT3AQfwzPsMSdZMLBERLCiZ/xHLpHAWRRaDADOro8z2JoPmDop9zy3K0qt24L1HKlbEPWIOyNM/Go3XwxTiNnmd2yFM0QbYC6ULLw8VycByV32kYk11MzjkK/93Ch5jpWAlnsSmbgvqaZm7ezVWVKdaSTqCNBE6gjGajju5fBKfrHaO3R1dU0x0FOddnUR+Q9tRtf7TeuqM+o4VRrRsUsKyF7fJD7X3hYRhFKLlaXp3RyJvmOZata/iWYK5bnHE6IqRWbS4bTB+B3UrNG8GSlPMddwNsjfxdYW6Uxsblt1l/F6IPUFo+VcfwhYiPoQGwxnkJt6UBtK1dIUlrVjrVa2sUWLqmSPr28RVrV2YxSbgJNtpt1zKe/t+5csAiCyS/7pnTj7jcuecTMpzaIzdXH8f7/tVZN8yaLEzyBfC7eeSab4wSn61NEHpSu0eNY+6j923msRWqOD6G6CtD1mEpGiCLk/ae1y7cBPC7Tlc4ozOzeQNWKaZhZGo0tbfrsI28D7zm4XbyKG5odSqzr9xU+ncA/x4cFsuu/R+G2+/JF44f3P3j+Ag=='),
this.addDataEntry(dt + 'inline dialog', 340, 450, 'Inline dialog',
'7VnbbuIwEP2aPBblyuURAnQfqFSJavdxZYghVh0b2YbCfv2OE3N1aEGQh0hBAmU8thOfc2Y8OE4QZ9tXgVbpG08wdYKRE8SCc1VcZdsYU+r4LkmcYOj4vgtfxx9f8Xq5110hgZm6ZYBfDNggusampRjgSrWjpknwNUuwHuE5wWBBKI055SJ3BsPRyBu1oV0qwT/x3sM4w7oxRQn/AtsFI1UZNZMgMZ+Sf3r+SHsWnClje752U7JkYMxhGRimG2ywUGSOaN84MpIk8HjFw4MPb68CkDeZ1b9inmEldtDliyQqLXqEZskpJstUncOAZGEvDyOPaMKFAbQc3MACd6qQUPrmSM1TwpZwqVIi9Rgp1/gO5Pf4VgA6xQt1HXKYfoXm8OyTvNvQcx9hYXvOwAkpvlsRK6HFyn2CX+QfC3sdCmMIheiUAO8aAZ7Bf4wyQnfQ8BuLBDF0QUto7JObuPnHpusRFnZGrzYLQVlshM+gIbJo6CfJPjSwkBYpt6r/BO9TKA+2mdGC8Bb8wh9zybfJRGCKFNngs/nLQDS3eOeEqWOU7DHbnZv7CfhiIbGyODg85020tO+NjqOme7ekKFBwGPf64/E5U0WnPwZH/1lk9ErICKIqyIjcCsjo/EwGpJqVvsy2S11EtAiXnRaZcyZblPNPyNN/lxRJeSM3fhh0ot7j3LS/TffeGXRuK7LyjhfZxHnPIe5ln+bM7V86rSoCqWtx947IErZ492MtGBQ1dzC5lnkRdPNG5EdBN+raubCsy8U2clkUWJt9MKBohuk7l0QRrkeKgqJDwTC58B8Kh6sVxdNyb0nqDauIds+tItx7lmSmKIMG+F1jau+IjWJqpJjAr0Axh+L7KJkJ1mUkiEbhDWaNaGotmnZYhWg8SzQxklivMk5RNisrvhvV1Eg1vXYVqrGPiiZE5pmGZCsJYDaaqa9mDvXqczVjn4B9oCzTq3ybDzlDNGlUU2fVtKsogz37hK6fa6b541R/xfQqKYPtw8RYEKn4KtV6cQdrxoCLpqyps3QCv5Ji2D7w/AB5aNVMMwKrbCRTY8lElVTC9rFsTFiiV/mLz2ZNlqm1ZLpPKITBPL7CL7qfvuH/Dw=='),
this.addDataEntry(dt + 'inline edit', 350, 55, 'Inline edit',
'7ZbNbqMwEICfhmMiY0PSHLuk9NJKlXro2QWDrRgb2U5K9unXwDSFhTRZZfe2kVDmx2Mz38wAAUmq5tHQmj/rnMmAPAQkMVq7XqqahEkZYCTygGwDjJG/Apye8YadF9XUMOWuCcB9wIHKPestr7URPrYzW3eUYC6ElImW2nhVaeWtP6wzesd+M3JX+SS2oRcLrdyr+NluEJ502BF5nUpRKi9LVsB5B2Yca86m0pkgj0emK+bM0S/5ELnjkE7Up4s4EyWHMECAqO318hT6BcYLwGaeE5lwule50d6N0cJfd/D/sn+XwnIvZbqq/J3bCUmj9ypnOUCiJgNGmxbRgHKASdH9Jqi9J0o292k65t0vegMauLXUNBOqfGoBk218C+QjsIRNhsw3M8xJfDvzaML8f1eOCcWXCZ3rthBP2y1FKU7jiwxvgAIBBEHyn111N9NVM8g2tyNbXUY2HClOc/0BnZFTyzuSqPfU7fqqKduH95I6Sa0VVC0zzrLd7MziGK8eZgb1GqDxt0DRMh4BPekDouFMEwJ3wyR14sBGp89Rhht40d0r4vP0xfjwRTTeQBeFZW5SpFMWV9Vt/c/r1vz1ml0Ygmg8BGR9VcnCP39uePXri6JnP/zg+AU='),
this.addDataEntry(dt + 'inline edit', 130, 222, 'Inline edit',
'7VnbbpswGH4aLouMHUJy2RzoLlqpUqXt2gomeAMcGadJ9vSzwSQBQ8sKqdItSK38+wT+Dr/BsdA82T9wvImeWEBiCy0tNOeMiaKU7Ockji0IaGChhQUhkH8W9FtanbwVbDAnqegyABYDXnG8JUXNM6eMU3EoGjJxiHVDSON4zmLGZZiyVNbOMsHZL1KrjEQil7FwZDFkqXihv9UEzjHWMwIZ45iuU1mOSSh0czmZBZE7HXsToB+QcEH2rYvMq/QKHwhLiOByAWBHAxHpHkjPFBG6jvQwDQ7AWRGvj0NPkMmCRq0ZQWQg+E3ewECPs20akEADg/lK4zJV6z5DVq4bumjiTjrAW7T/0IuEqmaDVzRdP+Z4LhAwQQ3zq459D4wPGkq3GPEe5MjtD/nIgNyAO4vwRhWT/Vp5y8acs10GbVnPN/cqUHAFB0cp0Z7kwV4FIxsUgfy/cO1p0Q3l3eA4b1GBZyNPBikTq0iLuZGtGrW+D+SlZqGcrARlad6VK8hmnVhAb7IA7AYaGlhwNIScxFjQV1K5XRM1+o7PjMoHgWBfnVrf/c6rTsDCMCPCYPb42J3IdruTnQmykTjuIirIi3SCqttJ+quuOTmxlTXTWAaP6pL1Ul0BJSeHlbRL0/k4obFC5jvhAU5xLR+OTG8CoNVRy4vnYsnYNhdLVkwD7LHbUzrVAX8pJG8QHd2Vli6FhC4gpPH7QmpL0shUwDGPVgUkWxb+0lm6horyhB3hgO3yoH/G9UC3jOu4sH/K9QzwnvBPueI6gjXlNuxHVfvVfTXyXd9rtWUJH6g6uuE1onQZNF123F45USY68dOFkvHHXjQQ6ueTQ0XCg9pico35NQx1Jvz0/Fpuxh/Ir94gW/MwGfUzdubpTTn/sHIGlUo56fn+QQK6TUzFNHzBdPzw/O+3BzS9BHWOQV2rzWPawE7+unw/A6DBvp3egsAg7ijrBk6s7iUgN09lHqWwb1YZzioevARv5llQq1Wu7GACLmbAm7d8a3azKRzGpl/nZMIxz6GeaDrwR9HNxW+42AEXSb9XeeR0dOhXOnIqLHJlb7YXzQkdTplu2vm62ukjFhmeftgrup//7vcH'),
this.addDataEntry(dt + 'inline edit', 230, 60, 'Inline edit',
'vVZNb+MgEP01PtYiEMfJsXE2vXSlSpV2z8gmMSo2FpDG2V+/g8FJ/JHWVbZrKREzMAO892ZEQJKiflK0yn/KjImA/AhIoqQ0blTUCRMiwIhnAdkEGCP4BXh7Y3bWzKKKKlaaKQHYBbxTcWDO86K4VNyc3IQ2J+EndlyIRAqpwCxlCd61Nkq+sZ4zNwVcYzOD4U6W5pX/sQlmZ9tnRGBTwfcljAXbGT/dJgswiVaLeIn8AZkyrL55ycblb/jEZMGMggugI89M7lfEPlPO+D73YR4cRLWz9+fQC2Qw8KiNI0gGCD7L4wA8JQ9lxjKPC1Wph2Vlr30FLFx713wDdGFmnqwet9suxG7Rb39RbD0VTXm5f24w3RA0BBY1Xx//O3A+eTgjF/EZ7CS6H/b5APYB5jqnlR0W9d7WV0iVkkeNQ/Cr6tEaFq7sNLNqDJeNUVtjHiJnwP8mClduGWmW4UUzY404JDEYpTRp7gU9WhA9fvFmjeLEZuGKpYZLy4CWBwvZehIL5EMWUDhCwwgLMw+hYoIa/s46241R43d8kRwOglHdTe13f4i7CeRup5kZMHs+9iSyo+lka8MqwPGYc8NeoRKs7wj0d6vmUo43WRsWVo/HOY7wAo67BnVlnF0qrKUdim5LCy4sMr+YymhJez1xPrU2x8WiXRoULqI7pdMN+KKQ4n+io4e2pFshkW8Q0uJzIV331pxm0MudSDKq84ti+q3FCKo1p2WY5ix9G23erVz6wrqj77YBq24NkuUk3pb3d+H42/Gs/zOW5zdBi2U8rZl+/SUB5uWd57R8/Qz8Cw=='),
this.addDataEntry(dt + 'inline message', 150, 180, 'Inline message',
'7VfbTuMwEP2avFa5kLY80paiXcFqBVrxiNxk2nhx7GA7tPD1O3bc9OKAQC2IlaiUynPx2D5zZpwEybhcXUhSFVciBxYk50EylkLoZlSuxsBYEIc0D5JJEMchPkE8fcEaWWtYEQlcv2VC3Ex4JKyGRnOWZaAU6hg8gnElVcVoRjQVXDXeSj8x5z2njI0FExJFLjhqR0pLcQ97yrng+oY+m1lRtJZdGCMTRhccxwzm2pnXEYI4SU/7g2HotgpSw+rF41qVO+sFiBK0fEKXp8aauCBLmuvCTUidrgC6KFwUh1pIVCMv2kgbLHHg4OyGNvGg/fnj+sxDsNAlcyCoguRiiUKIQk5UAbkT0FIZ/3K1MFTpEc2IUpTwXlZAdj8Tq7vYwLaVDYQtDNPBZPhaSnaczc9PhcEb08/OnLqkec5gL4XhXorNZhiZAfstFDXMQaVs4G0DXu7Z28CqIhnli0u7/iQ6KO/rCS6Io0G/gwaxz4K17hAWnHgsGAs+R4Fn8M2FL8CFYfppXEg9LoxIORPimwdfgAdR9HlNoe8TgepZnd2DNpGzTNRc//eXbZR0lNZH3bYDD9JfsERFrUAquwfrPgMDqTkALoePhIcalJE0lmH4V1DeOwrucUc1vI67K7Yj4N5xvbUYHxv3oYe7B5/XqJ5rCc3/HWF4Ur9LTafDkW08b+lS0SAenYwP6S5vbW/bfXmnIaWHpM1NaF9OX0vjB2XxtCOLfWawmOFgYQZXNdO0YrDToBofjN66Baa5JVG4O7yFTQmSWouSWICZOT7lj1TbsNyIfKdsbVVuNUc8SZhDBTxH8HGMeUTARC0327IFrjXaVa97N+t9Gx6hd9ZSqf9Qi+YQ9p7Mh9uq5nx/qpzY3bpF3VJbUDRR12iEwngdsqIEkuOcUkh4cZW9ipOIQ25fFGy7l5nrSolfaXP78yoNLZPpeXSetpZbx8Kdl5KO22SrRpYFJvYGC8WsvcTa9+omDjeqa0fp2H9xOEJxxR3FdNJRTVH6/vsdxc0Xu7XtfND/Aw=='),
this.addEntry(dt + 'inline message subtitle', function()
{
var icon1 = new mxCell('i', new mxGeometry(0, 0, 20, 20), 'shape=ellipse;fillColor=#403294;strokeColor=none;fontSize=14;fontStyle=1;align=center;fontColor=#ffffff');
icon1.vertex = true;
var item1 = new mxCell('<font color="#0057d8">Log in</font> to learn about Confluence', new mxGeometry(0, 30, 230, 33), 'rounded=1;arcSize=3;fillColor=#ffffff;strokeColor=#DFE1E5;strokeWidth=1;shadow=1;align=left;html=1;whiteSpace=wrap;spacingLeft=20;spacingRight=20;fontSize=12;');
item1.vertex = true;
var item2 = new mxCell('Want more information?', new mxGeometry(30, 0, 200, 20), 'fillColor=none;strokeColor=none;align=left;html=1;whiteSpace=wrap;fontSize=11;fontColor=#596780');
item2.vertex = true;
return sb.createVertexTemplateFromCells([icon1, item1, item2], 230, 63, 'Inline message with subtitle');
}),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;strokeColor=#DFE1E6;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#42526E',
70, 20, 'DEFAULT', 'Lozenge (state, subtle)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;fillColor=#DFE1E6;strokeColor=#DFE1E6;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#42526E',
70, 20, 'DEFAULT', 'Lozenge (state, bold)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;strokeColor=#008364;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#008364',
70, 20, 'SUCCESS', 'Lozenge (success, subtle)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;fillColor=#008364;strokeColor=#008364;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#ffffff',
70, 20, 'SUCCESS', 'Lozenge (success, bold)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;strokeColor=#BA3200;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#BA3200',
70, 20, 'REMOVED', 'Lozenge (problem, subtle)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;fillColor=#BA3200;strokeColor=#BA3200;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#ffffff',
70, 20, 'REMOVED', 'Lozenge (problem, bold)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;strokeColor=#0057D8;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#0057D8',
100, 20, 'IN PROGRESS', 'Lozenge (current, subtle)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;fillColor=#0057D8;strokeColor=#0057D8;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#ffffff',
100, 20, 'IN PROGRESS', 'Lozenge (current, bold)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;strokeColor=#6554C0;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#6554C0',
50, 20, 'NEW', 'Lozenge (new, subtle)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;fillColor=#6554C0;strokeColor=#6554C0;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#ffffff',
50, 20, 'NEW', 'Lozenge (new, bold)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;strokeColor=#FFAB00;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#42526E',
60, 20, 'MOVED', 'Lozenge (moved, subtle)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.createVertexTemplateEntry('dashed=0;html=1;rounded=1;fillColor=#FFAB00;strokeColor=#FFAB00;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#42526E',
60, 20, 'MOVED', 'Lozenge (moved, bold)', null, null, this.getTagsForStencil(gn, 'lozenge', dt).join(' ')),
this.addEntry(dt + 'inline message subtitle', function()
{
var item1 = new mxCell('Yeah, progress!', new mxGeometry(0, 0, 120, 20), 'dashed=0;html=1;rounded=1;fillColor=#172B4D;strokeColor=#172B4D;fontSize=12;align=center;fontStyle=0;strokeWidth=2;fontColor=#ffffff');
item1.vertex = true;
var item2 = new mxCell('IN PROGRESS', new mxGeometry(10, 30, 100, 20), 'dashed=0;html=1;rounded=1;strokeColor=#0057D8;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#0057D8');
item2.vertex = true;
return sb.createVertexTemplateFromCells([item1, item2], 120, 50, 'Lozenge (tooltip)');
}),
this.addEntry(dt + 'inline message subtitle', function()
{
var item1 = new mxCell('SUCCESS', new mxGeometry(25, 0, 70, 20), 'dashed=0;html=1;rounded=1;strokeColor=#008364;fontSize=12;align=center;fontStyle=1;strokeWidth=2;fontColor=#008364');
item1.vertex = true;
var item2 = new mxCell("Don't stop believin'", new mxGeometry(0, 30, 120, 20), 'dashed=0;html=1;rounded=1;fillColor=#172B4D;strokeColor=#172B4D;fontSize=12;align=center;fontStyle=0;strokeWidth=2;fontColor=#ffffff');
item2.vertex = true;
return sb.createVertexTemplateFromCells([item1, item2], 120, 50, 'Lozenge (tooltip)');
}),
this.addDataEntry(dt + 'modal dialog', 330, 210, 'Modal dialog',
'1VZtb5swEP41fGxlTJN2H9ukrTZp0rROmvbRhSN4NRyzTUj263cHhiSDbpGmTRoSfrmXx+d77hBRsip3j1bVxXvMwETJfZSsLKLvV+VuBcZEUugsStaRlILeSD68oo07raiVhcqf4yB7h60yDfSSSC4Nud4902LDi0GQI0FK4fze9KbLbw0Oigunv5P0lgziq3p3UA4oX7CxpMyUK55R2WxApdB64NPDSDwJINPbGbMZ6akokkksZiMQ2tHgC6Ax19b5bqerDc17bPiywLq2gGoUGWS1ri5p/NS5vnv7ke/9hLlvKfFzZxj9Aj0Ch5AqGpeqrCkqVaOjyR17MfRd47tjnAfFMJhzOAW2Y3iM5GoA1qqKx7wB5tbAlucV+/vgxfi6rNF6VfXAOdpSeY18M/WM3XEBtUX7QtPFJPDa4ldIvevBg1ClXm+11+DGQIJGO9eAu3yNLHlSTbLwJZX/OiadxabKIAu7XBuzQoO2s0vy7uGceYsvcKRZP9zH94tQkU9dQa5jyUk2elPRxkA+FOyRm+geBixUhm04Vdl0gKBdW2gPT7VKWdBSu7I5bZmNZC3ZewvW61SZ23CYx3q8Jutg92qPdqLQoI+AJXi7Zx505oveIkn6PhYF6E0R3GQchMr1gs3oe2h5WoSun/8CJJMvwG2WTcjh2uwI4Zuey5QQi+v1zYSpCiv4BUkppQXsYBBCECPK55AUOSUyVMY5GZe/zfhiJuFJSJYFQ62zhRP4ORLCCR9Qd10X4pEiYO8DwOInHjHPHfgJi2OgZxF7NSF2paqUvwx/zG1g8B/RunizvL4R/wGty79AK20PfwO9+fHPwg8='),
this.addDataEntry(dt + 'detailed modal dialog', 330, 210, 'Modal dialog (detailed)',
'1Zdfb5swEMA/DY+JwBRIH7v86TZt0rROmvY0uWCCF8Mx2yTpPv3OYNIQ6JouSbVFCth3vvPZP98Bjj/Nt7eSltlHSJhw/LnjTyWAblr5dsqEcIjLE8efOYS4+HfI4gmtV2vdkkpW6GMMSGOwpqJijcQhoUDTN/fYWJpGK0gBXRJX6QfRDA1/VtAqRor/QukNDvCuyu2jsvXyDSqJyoSq7B6oTFqvGFrjuDsZinsBJHw9MGxA2hU5xPfcwQhcrvCiM4bXlEul6x4vlnh/gMoslhndJmPFTiTAqHkxxuuX2vT9u89m3XeQ6g1u/NAcgq9Y48GEEFO8hjQvMSpagsKb2rcyrt9Uup5GaUaNG0hNOBlsduEZT6pkzGhpYa5pxQxbwdbmPjX22loZ/zwvQWpaNI5TkDnVHMzK6D3U01mvG5ArvI16gZcSfrBYq8a5FdJY8zXXnKldIFbDlaqYGj8Fi3ROE8l0jsd/5qFOQlUkLLG9lAsxBQGyHuen9c/smZawYnua2WLuzQN7Iu/qAznziNlkwZcFdgRL2wO7Z+bWP+Mwowls7KxUxq0L7G0yrtldSWMj2GC6muHYNTT8GTHWayY1j6m4sZNpKG1yoYJtn0zQWmSz85ZBzrR8MBB4orNmhO83SexmjC8za0Y8K6SqESx3to/5jg2b8sPp7/fS/yZJemTMwaxpmGUei8l1g2g26WEqoGB/IBTjtjDZDrAhuDsvX+2mkD5FeyyO2XEyvONdg4dOb49GMADDtxspmcCcWrOO7RAgO/sn4HU62qlHXkvazj4KDyBDmiqme4h3qziK+lWP+pQWsakZJ4O3eF+JeXAdRhP3P2cevQbyoIf8Ay9W/xrwXmGuS8jZ8D4D1L4qnZ7EB0TbfDsr0HDgxe0cZXsRLSaL66Gn69ydk3nUeTJGF2HjuZessKQLxwsvACd6Hg6+a5SmmW+X5uV/zEFFYx5DocYCYIXvFd+Xgip1TLohHHLlR8F1l/Nh+TyGVfiCMumOgz470kfXyk5F1+bRrlBegNykR+5tEwRumn7Fcun9Rbk8/Wn4ouffmcrlQT6OgjM8/rD7+AndDN//wv4N'),
this.addDataEntry(dt + 'small modal dialog', 410, 410, 'Modal dialog (small)',
'7Zndb9owEMD/mmhPrewECH1s+ehLq1brpD5ObnIQq06cOabA/vqdE0MTHFq0kolWQ4rA9vns3O/u/IEXjNLVtWJ5citjEF4w8YKRklJXv9LVCITwfMJjLxh7vk/w8fzpnlZatpKcKcj0IR38qsMLEwuoai7jGCsYPk+KZVFi1IFKeVFwmVXShV4LK53oFOc8pl5wpeQiiyG2pRkXYiSFVKVcMCs/WF9oJZ+h1jKeTuikb3rITD/w30YxTjq4YoLPMywImGnbXOtGyo9RmLBYLu2oTEVWhSktE67hIWeRqViijY04Fnk23wzyAkrziIlLO5iW+WYq9iWtSY0grPZauayyJr4GmYJWaxRZ8lgnlUSPViRIAnye6J1KVlQV823fV2j4w3JrZxg4DK825DKWgsMsZkVScjIGOAhgJjNw2NnKGjZK27G9mnKj49HaxXfB9i8G4ZAcZHT/XaNT0mJ0GxJEgWCav0BDfxsIO8S95DiyT1ZNNeuqONghKWezArTDcTvPg9D2HLQwP8eKOwQ8PwZZNPg0nA6nF22hOSETfxI2wip0CduIuilLY0o6RhqELUiDoAukwy6Q9h2kDyAgMrPQCdTT7louzKuzcoZalq+HjHgpy6IIisI2nEqAk68c4JQGHbjDwHGHR4WrVo3wqcD90tmb9ruI9dCB+2OdG7bfvB4+OFoWV3GfVV9cHW/R/p/a3+IddsF7uD+3LwpQJl0vE5PII2aAL22kl7ldJ7yoZ/8l14lclKk+z5VEnSeUC750ovdJF4n+wvGNOwx4Vc7+1wIX9hPC+6VTvd/rIvQ3B7ka3+9gAtwcNvG1eKGlPdbtOT9vD7KGdgM9tuRGPl3NzUXBOdOC4XGcZedRAtHzk1z99N3kT0g/HA/f8oa24/SOV+yej1MexwJaskHdu8xkBHsCcS8LNIA0HVWFdavwZqd9q9hZc47kYL7rX5u6I/tXJ0sLpY5/bU/5MS4yuu125u3NAZn6037rlcxwPJoEn8pJGvlxXyR9Nk8KyKALT3Lv/G5BHes24f2sU3eAjSNFaH9cC/9ik2EvFj+Attlh3SjVsA+625ue0V4T/Fknl0nUvSgcYQYB8Q83HseB/vGtx4HQ+x1CDztgjsXX/w4q8fpfC38A'),
this.addDataEntry(dt + 'medium modal dialog', 616, 420, 'Modal dialog (medium)',
'7Vptb5s6FP41+biJlwLpxy4J3aTualIn3Y9XLhjwncHMmCS9v37HxhCCSZpNMN12idSCj185z+PHh5Ms3FW+v+eozD6zGNOFu1m4K86YaO7y/QpTunAsEi/c9cJxLPhbOOGJWlvVWiXiuBCXdHCaDltEa9xYGkMlnqk2ZCKHZa3thfuBs7qIcaxLCaF0xSjjqp2bqA/YK8HZN9yrWYcbe+PJHqwQj+Q/OTCsy/2AKEkLKFCcCF3d62apjxwwQzHb6VkRj/QQsrTLiMCPJYqkYQdulM2hSIq0nWSLuSARond6MsHKdin6IbXXZEO8P+lIZdJevMcsx4I/Q5MdiUXWtPBtv+mWYZJmutuNRsBCVWNIu74HXOBGQzMOkzsCk09bnx3h5X+vWVvxrlKeuoMGdlDuD5Vwl8rrIxYCXFW1o8E6mgGb6tYck23PBNDYVq8WOh03GPa5xwXmiJ5sPxxwZLQX5xj4I+podHhkIJQXxEvTC3dliRFHBZDovB9+ZeW/sqCfXcaUc//FBElgvwjCipd4MVzIaeXoa0XBCmzIhDb2FMJ2xhXisGvbMf7WW9AZaEgnIGMScMmWd17c8rZtmVve9bWRYwp+3OKjCcZ0QM/xhREFmF5RqxzPx8V2AJYkFRaGjHQLvUhZbl4+AEB+S3lLiYIoJhxHkh1gqlgtPWFK/sYCyfcNhC5T2gvcPuZ1dxqv2+6x2/053O4Zbu9E8rdvopEtMw1KrjUCkzMRSsFvQMk3UHrMIBBxrH9hMRAHOaFyKTwMYzlcclxVKMWVAeLZwCm0Qif0RgOn5Xq1cc9ERgNkhzqXkzimeAC5NcIQip4w/cIqovc1b/DqBnwY1HcD61jrQc2/Vmdhj7Bd4CbtMaoy5YKp6GU7Jrta28Tsup2DXYHBrjWpSorkYwqSY9m0gH/OzbuM1RzuEsZzJM5JxCmPqxql4vk+lW8b75GgqKoIKt5HGY6+PbH9P47JTRklrJfnhOZ10PLVMc6e5bRfGpT7SOKGaOp0B4dwvCV4BxJmPcmnj3GCanrl3B/BOW8Ozt2e4lxKkivN/kSaLeegWeeJA8++1lxFaRa4Rq4H5/BuG6nXWhA8weQlv8ZrbzBe69gwLcVsg2KfpFuv7Hlj7LmZhT1mrt32DO4cHWyXpt7DIFyGtyfyMM4mWPTT5oHJpGNcPZOC3q0fLKdC0vNMJF13EiSNlJk7C5JmOj4nRS1GDpKfSdnMueU7Jk2Vf5svs+Mshxj6c2BoJj4fWCpniWOlezIVZ0WZfN22YiTQ/xbaWdT89Wl2MMtON/O0mwI9yTPfqsqmrXrHuMYAbywG6HLX0/LJzCivGJffp7SEkl9cw6S1YDlSQNDnK7feGremiEqgePiZSNO8/yuSHw=='),
this.addDataEntry(dt + 'error modal dialog', 470, 190, 'Modal dialog (error)',
'vZbdb5swEMD/lj2gPrXiIyTNYwtptYdNkzpp2qMDBrwZHzImJPvrdzZOAoVU0bIEKY7vfB+2f2eDE0Tl9lWSqvgCKeVOsHKCSAKorlduI8q547ssdYLY8X0Xf47/cmLUM6NuRSQV6hwHv3PYEN7QTvMTGlRgAN2uoVH4rwAbnB1VWqsK3f6CNbZ3X2mroBV3Dyh8zrDZGf9KQkJpir2WqcI4sVpHTBQDgZ1nUq4BzLiZUEVlSQTOmu/6uYgZTEBkLG8ksc41VYqJHANGKHHITWih00laN1xpOQN5zIuzfeiWWqsdt0stVIkbHntO8CyhESlNrZThnCLgGEDbBZl5UF8rCb9pbyR+WXmrUHuAUG/sjw7s+SgTznKBAqeZssM9N9c8OmBBUmhtViKTfQiU2oIp+laRRCtaLBBtjiKuGxW+9t5QqVhC+JNNpqBn9F0LcaDtLGO0ptuTdWJUtkheKZRUyZ3BkyI/YzFbdLXkFpTlxd5taZWk7hT5wfdYdtixlTddhcGoCmNbAO+IpaQuDCW9rHPxxasgdJ9G+AQI+gG5BHeGyr2BnYJ7iPLD7os/pmvL5ZxN96c3feiwG0g9IPMJHoHdS0k5npYNHfhOMbLZvwET6pj63pu5g+z383ecIcvwGI4oH1ZxFvjZCHxERILX4OXgLd4bMQ+X88WjewPm4RWZL26BPBwh/zSijddipbuygHLd1CPO01BPnPrp0zkugsNd7E5VxPFyDi6h3CPpT5Dc6y4k6Q9B+tfgOD95Z+PsK6iZAvsSOOcc/8vJfZx+z+7PrXfyvfuf+C2vdxTDIUAvuBwgisfPys68/9X5Fw=='),
this.addDataEntry(dt + 'warning modal dialog', 470, 220, 'Modal dialog (warning)',
'vVfbbuIwEP2aPBblQgh9LAH60kqVutp9XJl4IN46cWSb2379jhMDuVGxLYBE5LFnbGfOmUucIM52z5IU6augwJ1g5gSxFEJXo2wXA+eO7zLqBFPH9138O/78zKpXrroFkZDrSwz8ymBD+BqqmVexYfkK5wj+/4gFPhegtwA5jpQmK1A4yMjeLEggH0ZVarYkicYhhQJyCnnCQA1QfgcO5QI5mJtxTsun2UOCWnNdHZmIfMlZos0JW1ZedGH0KVMFJ3swVilIGFS3VnrP7a1TnaHvpp4TTKRY4wWolZa4TSy4kKVesCx/OK+0FB9QW5nOZ94sNBYi1+/sr9nY81EmnK1yFDgstV2umbnlz2yYEiq29lQik8MWKG1TpuG9IImZ2CLWRh1F89LB1DfWG0AXJoQ/2cO0qCn9MMI0MHoWLtSG3VnIyymL9zOIDLTclx6lOq00hlFFC/QmW6XW7MAVl6hqYnW0PTEIB5ZE/YQK+ggFHbwoUWmJkXmpS8Gbz58mla8b4OUih09wS9AvIA8K9gqnXX5Zr/hdbC1ZLnG53+/ypsG+IdXgGPWgEVhPSuBEsw00bPsQsqe/CZbr09EP3tBtnP4waqEslksFuoPx8S0ugn3YgT0meYL57PvAW3jvhHn4OIrG7h0wD2+IeXQPyMMzkV4VjRbsmB0LM8x2K1PrBuTvGtN4+fxNOPr5K9FeU/YifzKMW4wYtwhgmMXJAvibUEwzYZgiK+8fE/BLaz1jlBrjdhloJ+yjXo3TNn2/lBbT8DukqhHH70vd7lWI4zd5064HV6HNqEObY4tg24MLM8ZXcoTXX8/rBLl6PqhD93i7oG9hNw5vgF3Uwe5NihV2cOrY1KEA2P2kHRibCf7UID12I38Wz6Zz7xye9QDrZPNmyHnuJw1bgwfXCs274et5/g0AHncAPpvJlYbiTG/bW9bPZvKektykg/vkzYYBzmPpoAxOaNYCfE4yxo1rfoKkJCetuB9eyoNgQpnEbFQlfyXW5lITVW3jDkbhpT149B/NgTsIO+2B18Ok6DrdwaFZO3QHwfeJhOLpm7VSr3/S/gM='),
this.addDataEntry(dt + 'multi select', 270, 390, 'Multi-select',
'vVjbbuIwEP2aPBY5CQnlEUKokBZaqd1dad9cYhKrJmYdc2m/fsfYQMilhNsiIeLJjMc+Z2Y8xnKD+eZJ4EUy5hFhlhtabiA4l/ppvgkIY5aDaGS5A8txEHwtZ1jz1t6+RQssSCqbGDjaYIXZkmjJK2FkKmkag1jSOYGfL56STCtm8pMZxUTOYbkD23L7M8pYwBkXME5BGUSZFPyDFIQznspX+qUmsJUdZjROYcDITJrXOwvLcb2u33lEIF8nVJLXBZ4qwzVgBTKzbiIk2dTufSsyG38ifE6k+ASVNY1kYjQ8jQ9KCI0TY2YwQzjT43hvekASHgyY1cC6JWBLAAq+TCMSGQyxmBpougVEAYrZ9lOCFd60g25vCGvq5+jQSr/NLh0lAfCA0h9bnAcuKoONtp8iJ1eA/Gmw9LRFDnOnU4G5616Pefs05lmCF+oxk2RRE1k5IA8MobqQLmNdoA717LDtgjwWOKLkAHouJ4Z4TpkC7BcREU5xIVXaTely+xEVKnu5EmV8qRbVz/Q0qOV7TRPHreb02MAwjFpliu0KhjtaJAjDkq7I0VRVrBv3L5zCqva+H3YsG+8Phbjhs1lGZClq9ptoFEheKZB6DGcf+JoUDoNwMLTrwuiM7D0jGo7r7RXEf0N1VTLvCuiVXHvHTNvoDlT7p2tGnpsER3xt6kGEs+RQHExhmW9idZi3sISIyShOW5uqsu09+n5nWMF2E5K8K7Ozc7fktP9DcnYqGPOZCvd3eIjltsZpgYp/UJ3ucff/LrlW2HUXOZG2fekFo+EIVoHeRuMQfv48T8LdhLA2PeexHxCXfEd0lROBQxtVvw0gaWdcpBTnpmtsPSErHF1k+SxIDOfEBZa1NkXF35AhULhkMze38HjTUBg//5y89UaTq2OhybKLuz9p0xMUGvN66m/hY1uxoOTd1ckowsl9PYyBJ3wxVGe7m5B3oduFO+7pROJXSusPtuNGpvHtYzAM7dArdBpOdSNS1a/sz9Pj9kmNqlpz0wiZtkidknSKWc/4knyxW4nZI7KKzZOTE70p/YHduCn+/qLjo4YXne4NbpeP59wuUZnRAwEnmlGuoJJqi9voFERdJnbdSrOWslMNW9ML4aUtiaGlXbC4pAWB4eEfGa2e/8PmHw=='),
this.addDataEntry(dt + 'multi select avatar', 340, 320, 'Multi-select with avatars',
'7VpZc9owGPw1fgwjXxyPYI62Q9pMSabPii2wWmFRSwTor6+EZQOWcZwap1MKMxw6Le3utzoGw/aW20kMV+E9DRAx7JFhezGlPPm13HqIEMMCODDsoWFZQLwNa3ym1NyXghWMUcSrNLCSBi+QrFGS02cMLyKEkgLGd0QVhHwphjc0DXswx4R4lNBYpCMaiQoDxmP6A+Uy5zTiM/xLdmDKdpCIrkWCoDlXxWkLw7LdXrvTBSJ/E2KOZivoy4YbgY3IU+NEMUfbs3PdZ6mJThBdIh7vRJUNDnioargJHiBEeBGqZgojAFmSXmRND8iJHwq8YiBtDUgNwJiuowAFCkMY+wqaXg5RAcV8/9JgFSWO1+uPxZgGR3Qklb6pWVoyR4CHo8V0j/PQBjrYYP/Kc1ID5J3C0k1aHGFuOwWY23Z9zB0N83sY72AU6eI9h70LdPBH