diff --git a/assets/cog.svg b/assets/cog.svg
new file mode 100644
index 00000000..0cf5f767
--- /dev/null
+++ b/assets/cog.svg
@@ -0,0 +1,90 @@
+
+
+
+
diff --git a/assets/core-drawer-panel.png b/assets/core-drawer-panel.png
new file mode 100644
index 00000000..e4d62fc9
Binary files /dev/null and b/assets/core-drawer-panel.png differ
diff --git a/assets/core-field.png b/assets/core-field.png
new file mode 100644
index 00000000..5385c724
Binary files /dev/null and b/assets/core-field.png differ
diff --git a/assets/core-firebase.png b/assets/core-firebase.png
new file mode 100644
index 00000000..67da6c03
Binary files /dev/null and b/assets/core-firebase.png differ
diff --git a/assets/core-header-panel.png b/assets/core-header-panel.png
new file mode 100644
index 00000000..f4a52d13
Binary files /dev/null and b/assets/core-header-panel.png differ
diff --git a/assets/core-icon-button.png b/assets/core-icon-button.png
new file mode 100644
index 00000000..b6ac0379
Binary files /dev/null and b/assets/core-icon-button.png differ
diff --git a/assets/core-input.png b/assets/core-input.png
new file mode 100644
index 00000000..c16be92b
Binary files /dev/null and b/assets/core-input.png differ
diff --git a/assets/core-item.png b/assets/core-item.png
new file mode 100644
index 00000000..d62108e9
Binary files /dev/null and b/assets/core-item.png differ
diff --git a/assets/core-menu.png b/assets/core-menu.png
new file mode 100644
index 00000000..013442e6
Binary files /dev/null and b/assets/core-menu.png differ
diff --git a/assets/core-pages.png b/assets/core-pages.png
new file mode 100644
index 00000000..7071fe8b
Binary files /dev/null and b/assets/core-pages.png differ
diff --git a/assets/core-panel.png b/assets/core-panel.png
new file mode 100644
index 00000000..0a165770
Binary files /dev/null and b/assets/core-panel.png differ
diff --git a/assets/core-submenu.png b/assets/core-submenu.png
new file mode 100644
index 00000000..e97d935b
Binary files /dev/null and b/assets/core-submenu.png differ
diff --git a/assets/core-toolbar.png b/assets/core-toolbar.png
new file mode 100644
index 00000000..e4641d52
Binary files /dev/null and b/assets/core-toolbar.png differ
diff --git a/assets/core-tooltip.png b/assets/core-tooltip.png
new file mode 100644
index 00000000..d69ab7db
Binary files /dev/null and b/assets/core-tooltip.png differ
diff --git a/elements/designer-element/designer-element.html b/elements/designer-element/designer-element.html
index a0248f1f..f2449447 100644
--- a/elements/designer-element/designer-element.html
+++ b/elements/designer-element/designer-element.html
@@ -23,7 +23,16 @@
-
+
+
+
+
+
+
+
+
+
+
@@ -78,6 +87,7 @@
Polymer('designer-element', {
selected: 'design',
+ paletteMode: 'grid',
remoteHtml: '',
ready: function() {
@@ -174,6 +184,10 @@
this.designer.selectParentElement();
},
+ selectParentElement: function(event) {
+ this.designer.selectParentElement();
+ },
+
selectedChanged: function() {
if (this.selected == 'code') {
this.designToCode();
@@ -185,6 +199,10 @@
}
},
+ paletteModeChanged: function() {
+ this.designer.paletteMode = this.paletteMode;
+ },
+
//
// TODO(sorvell): probably should factor this code setup to be elsewhere
diff --git a/elements/designer-element/test.html b/elements/designer-element/test.html
new file mode 100644
index 00000000..d51f7955
--- /dev/null
+++ b/elements/designer-element/test.html
@@ -0,0 +1,34 @@
+
+
+
+ Polymer Designer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/elements/x-designer/x-designer.css b/elements/x-designer/x-designer.css
index 46b74010..8236c50d 100644
--- a/elements/x-designer/x-designer.css
+++ b/elements/x-designer/x-designer.css
@@ -5,6 +5,7 @@
bottom: 0;
left: 0;
outline: 0;
+ -webkit-user-select: none;
}
#canvas {
diff --git a/elements/x-designer/x-designer.html b/elements/x-designer/x-designer.html
index cc3d16a7..7c940190 100644
--- a/elements/x-designer/x-designer.html
+++ b/elements/x-designer/x-designer.html
@@ -4,7 +4,7 @@
-
+
@@ -15,7 +15,7 @@
@@ -29,6 +29,7 @@
maximized: false,
selectedTab: 'design',
+ metaUrls: [],
ready: function() {
this.fire('designer-ready');
@@ -40,6 +41,12 @@
this.$.canvas.dragDisabled = this.maximized;
},
+ metaUrlsChanged: function() {
+ if (this.metaUrls) {
+ this.import(this.metaUrls);
+ }
+ },
+
//
// choreograph composed objects
//
diff --git a/elements/x-palette/x-palette.css b/elements/x-palette/x-palette.css
index b2bf67cc..b67e5cea 100644
--- a/elements/x-palette/x-palette.css
+++ b/elements/x-palette/x-palette.css
@@ -19,6 +19,23 @@
-ms-user-select: none;
}
+#grid {
+ background-color: #F2F2F2;
+ position: absolute;
+ top: 0;
+ right: 0px;
+ left: 0px;
+ bottom: 0px;
+ padding: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ font-size: 15px;
+ -webkit-overflow-scrolling: touch;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+}
+
.group-item {
font-weight: 500;
}
@@ -37,6 +54,30 @@
white-space: nowrap;
}
+.grid-item {
+ display: inline-block;
+ border: 1px dotted silver;
+ border-left: none;
+ border-top: none;
+ width: 106px;
+ height: 116px;
+ font-size: 11px;
+ cursor: pointer;
+ color: #000;
+ overflow: hidden;
+ text-align: center;
+ padding: 12px;
+ background-color: white;
+}
+
+.grid-item > * {
+ pointer-events: none;
+}
+
+img {
+ vertical-align: middle;
+}
+
[ishidden] {
display: none;
}
diff --git a/elements/x-palette/x-palette.html b/elements/x-palette/x-palette.html
index 4dff1104..f5c20568 100644
--- a/elements/x-palette/x-palette.html
+++ b/elements/x-palette/x-palette.html
@@ -3,9 +3,10 @@
+
-
+
@@ -13,32 +14,47 @@
-
+
-
+
+
-
+
+
+
-
-
-
+
+ {{label}}
+
-
- {{label}}
-
+
+
+
-
+
-
+
+
+
+
+
+