Version change and build for first beta release

B-3PO · Jun 25, 2016 · f446d1b · f446d1b
1 parent 6e5107b
commit f446d1b
Show file tree

Hide file tree

Showing 6 changed files with 842 additions and 4 deletions.
diff --git a/bower.json b/bower.json
@@ -1,10 +1,10 @@
 {
   "name": "angular-material-expansion-panel",
-  "version": "0.0.0",
+  "version": "0.1.0-0",
   "description": "Material Design Expansion Panels.",
   "main": [
-    "build/md-expansion-panels.js",
-    "build/md-expansion-panels.css"
+    "dest/md-expansion-panels.js",
+    "dest/md-expansion-panels.css"
   ],
   "repository": {
     "type": "git",

diff --git a/dest/md-expansion-panel.css b/dest/md-expansion-panel.css
@@ -0,0 +1,205 @@
+md-expansion-panel md-expansion-panel-collapsed,
+md-expansion-panel .md-expansion-panel-footer-container,
+md-expansion-panel .md-expansion-panel-header-container {
+  background: #FFF; }
+  md-expansion-panel md-expansion-panel-collapsed .md-title,
+  md-expansion-panel md-expansion-panel-collapsed .md-summary,
+  md-expansion-panel .md-expansion-panel-footer-container .md-title,
+  md-expansion-panel .md-expansion-panel-footer-container .md-summary,
+  md-expansion-panel .md-expansion-panel-header-container .md-title,
+  md-expansion-panel .md-expansion-panel-header-container .md-summary {
+    color: #333; }
+
+md-expansion-panel md-expansion-panel-footer .md-expansion-panel-footer-container,
+md-expansion-panel md-expansion-panel-header .md-expansion-panel-header-container {
+  border-color: #DDD; }
+
+md-expansion-panel .md-expansion-panel-icon-container .md-expansion-panel-icon {
+  color: #999; }
+
+md-expansion-panel[disabled] md-expansion-panel-collapsed {
+  color: #DDD; }
+
+md-expansion-panel:not(.md-open):not([disabled]):focus,
+md-expansion-panel:not(.md-open):not([disabled]):focus md-expansion-panel-collapsed {
+  background: #EEE; }
+
+/* --- Expansion Panel --- */
+md-expansion-panel {
+  display: block;
+  position: relative;
+  outline: none;
+  margin-top: 0;
+  margin-bottom: 0;
+  box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24); }
+  md-expansion-panel.md-open {
+    margin-top: 16px;
+    margin-bottom: 16px; }
+    md-expansion-panel.md-open:first-of-type {
+      margin-top: 0; }
+  md-expansion-panel.md-close {
+    overflow: hidden; }
+  md-expansion-panel.md-open {
+    -webkit-transition: margin-top 0.12s cubic-bezier(0.25, 0.8, 0.25, 1), margin-bottom 0.12s cubic-bezier(0.25, 0.8, 0.25, 1);
+    transition: margin-top 0.12s cubic-bezier(0.25, 0.8, 0.25, 1), margin-bottom 0.12s cubic-bezier(0.25, 0.8, 0.25, 1); }
+  md-expansion-panel.md-close {
+    -webkit-transition: margin-top 0.08s cubic-bezier(0.25, 0.8, 0.25, 1), margin-bottom 0.08s cubic-bezier(0.25, 0.8, 0.25, 1);
+    transition: margin-top 0.08s cubic-bezier(0.25, 0.8, 0.25, 1), margin-bottom 0.08s cubic-bezier(0.25, 0.8, 0.25, 1); }
+
+md-expansion-panel-collapsed .md-title,
+md-expansion-panel-header .md-title {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  font-size: 16px;
+  font-weight: 600;
+  min-width: 80px;
+  max-width: 184px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: left;
+  white-space: nowrap; }
+
+md-expansion-panel-collapsed .md-summary,
+md-expansion-panel-header .md-summary {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  font-size: 13px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: left;
+  white-space: nowrap; }
+
+/* --- Expansion Panel Collapsed ---- */
+md-expansion-panel-collapsed {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  min-height: 48px;
+  line-height: 48px;
+  padding: 0 24px;
+  opacity: 1;
+  z-index: 2;
+  box-sizing: border-box; }
+  md-expansion-panel-collapsed.md-absolute {
+    position: absolute; }
+  md-expansion-panel-collapsed.md-show {
+    -webkit-transition: opacity 0.03s linear;
+    transition: opacity 0.03s linear;
+    -webkit-transition-delay: 0.03s;
+            transition-delay: 0.03s; }
+  md-expansion-panel-collapsed.md-hide {
+    -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
+    transition: opacity 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
+    opacity: 0; }
+
+/* --- Expansion Panel Expanded --- */
+md-expansion-panel-expanded {
+  display: none;
+  min-height: 48px;
+  line-height: 48px; }
+  md-expansion-panel-expanded.md-show {
+    -webkit-transition: max-height 0.12s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.12s cubic-bezier(0.25, 0.8, 0.25, 1);
+    transition: max-height 0.12s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.12s cubic-bezier(0.25, 0.8, 0.25, 1); }
+  md-expansion-panel-expanded.md-hide {
+    -webkit-transition: max-height 0.08s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.08s cubic-bezier(0.25, 0.8, 0.25, 1);
+    transition: max-height 0.08s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.08s cubic-bezier(0.25, 0.8, 0.25, 1); }
+  md-expansion-panel-expanded.md-show, md-expansion-panel-expanded.md-hide {
+    display: block; }
+  md-expansion-panel-expanded.md-scroll-y {
+    overflow-y: auto; }
+  md-expansion-panel-expanded.md-overflow {
+    overflow: hidden; }
+  md-expansion-panel-expanded md-expansion-panel-content {
+    display: block;
+    padding: 16px 24px; }
+
+/* --- Expansion Panel Header --- */
+md-expansion-panel-header {
+  display: block;
+  position: relative; }
+  md-expansion-panel-header .md-expansion-panel-header-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    min-height: 48px;
+    line-height: 48px;
+    padding: 0 24px;
+    box-sizing: border-box;
+    border-bottom: 1px solid; }
+  md-expansion-panel-header.md-stick .md-expansion-panel-header-container {
+    position: fixed;
+    z-index: 2;
+    -webkit-animation: panelBodyHeaderStickyHoverIn 0.3s ease-out both;
+            animation: panelBodyHeaderStickyHoverIn 0.3s ease-out both; }
+  md-expansion-panel-header.md-no-stick .md-expansion-panel-header-container {
+    -webkit-animation: panelBodyHeaderStickyHoverOut 0.3s ease-out both;
+            animation: panelBodyHeaderStickyHoverOut 0.3s ease-out both; }
+
+/* --- Expansion Panel Footer --- */
+md-expansion-panel-footer {
+  display: block;
+  position: relative; }
+  md-expansion-panel-footer.md-show, md-expansion-panel-footer.md-hide {
+    display: block; }
+  md-expansion-panel-footer .md-expansion-panel-footer-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    min-height: 48px;
+    line-height: 48px;
+    padding: 0 24px;
+    border-top: 1px solid;
+    box-sizing: border-box; }
+  md-expansion-panel-footer.md-stick .md-expansion-panel-footer-container {
+    position: fixed;
+    z-index: 2; }
+
+/* --- expand icon --- */
+md-expansion-panel .md-expansion-panel-icon-container:first-child {
+  padding-right: 12px; }
+
+md-expansion-panel .md-expansion-panel-icon-container .md-expansion-panel-icon:after {
+  font-family: 'mdMaterialIcons';
+  font-size: 18px;
+  font-weight: 600;
+  display: block;
+  content: '\e315';
+  position: relative;
+  speak: none;
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
+
+md-expansion-panel.md-open > md-expansion-panel-collasped .md-expansion-panel-icon-container .md-expansion-panel-icon:after,
+md-expansion-panel.md-open > md-expansion-panel-header .md-expansion-panel-icon-container .md-expansion-panel-icon:after {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg); }
+
+@-webkit-keyframes panelBodyHeaderStickyHoverIn {
+  0% {
+    box-shadow: 0 0 0 0 transparent; }
+  100% {
+    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
+
+@keyframes panelBodyHeaderStickyHoverIn {
+  0% {
+    box-shadow: 0 0 0 0 transparent; }
+  100% {
+    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
+
+@-webkit-keyframes panelBodyHeaderStickyHoverOut {
+  0% {
+    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
+  100% {
+    box-shadow: 0 0 0 0 transparent; } }
+
+@keyframes panelBodyHeaderStickyHoverOut {
+  0% {
+    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
+  100% {
+    box-shadow: 0 0 0 0 transparent; } }