chore(release): release

Author: awerlang

bower.json

@@ -8,7 +8,7 @@
   "description": "Make your HTML tables look great on every device",
   "main": [
       "release/angular-responsive-tables.js",
-      "release/style.css"
+      "release/angular-responsive-tables.css"
     ],
   "keywords": [
     "angular",

package.json

@@ -6,6 +6,8 @@
   "scripts": {
     "build": "./node_modules/.bin/uglifyjs src/directive.js src/module.js -b -e --preamble \"// https://github.com/awerlang/angular-responsive-tables\" -o release/angular-responsive-tables.js",
     "release": "./node_modules/.bin/uglifyjs src/directive.js src/module.js -c -e --preamble \"// https://github.com/awerlang/angular-responsive-tables\" -o release/angular-responsive-tables.min.js",
+    "css": "type src\\style.css > release\\angular-responsive-tables.css",
+    "cssmin": "type src\\style.css | \"./node_modules/.bin/cleancss\" -o release\\angular-responsive-tables.min.css",
     "test": "karma start"
   },
   "repository": {
@@ -28,6 +30,7 @@
   },
   "homepage": "https://github.com/awerlang/angular-responsive-tables",
   "devDependencies": {
+    "clean-css": "^3.2.10",
     "conventional-changelog": "0.0.17",
     "jasmine-core": "^2.2.0",
     "karma": "^0.12.31",

release/angular-responsive-tables.css

@@ -0,0 +1,57 @@
+/* original: http://css-tricks.com/responsive-data-tables/ */
+
+.responsive {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+@media only screen and (max-width: 800px) {
+
+    /* Force table to not be like tables anymore */
+    /* table.responsive,*/
+    .responsive thead,
+    .responsive tbody,
+    .responsive th,
+    .responsive td,
+    .responsive tr {
+        display: block;
+    }
+
+        /* Hide table headers (but not display: none;, for accessibility) */
+        .responsive thead tr {
+            position: absolute;
+            top: -9999px;
+            left: -9999px;
+        }
+
+        .responsive tr {
+            border: 1px solid #ccc;
+        }
+
+    .responsive td, .table.responsive td {
+        /* Behave  like a "row" */
+        border: none;
+        border-bottom: 1px solid #eee;
+        position: relative;
+        padding-left: 50%;
+        white-space: normal;
+        text-align: left;
+    }
+
+    .responsive td:before {
+        /* Now like a table header */
+        position: absolute;
+        /* Top/left values mimic padding */
+        top: 6px;
+        left: 6px;
+        width: 45%;
+        padding-right: 10px;
+        white-space: nowrap;
+        text-align: left;
+        font-weight: bold;
+        /*
+        Label the data
+        */
+        content: attr(data-title);
+    }
+}

release/angular-responsive-tables.js

@@ -0,0 +1,25 @@
+// https://github.com/awerlang/angular-responsive-tables
+(function() {
+    "use strict";
+    function wtResponsiveTable() {
+        return {
+            restrict: "A",
+            compile: function(element, attrs) {
+                attrs.$addClass("responsive");
+                var headers = element[0].querySelectorAll("thead th");
+                var rows = element[0].querySelectorAll("tbody tr");
+                if (headers.length && rows.length) {
+                    rows = rows[0];
+                    Array.prototype.forEach.call(rows.querySelectorAll("td"), function(value, index) {
+                        var title = headers.item(index).textContent;
+                        if (title && !value.getAttributeNode("data-title")) {
+                            value.setAttribute("data-title", title);
+                        }
+                    });
+                }
+            }
+        };
+    }
+    "use strict";
+    angular.module("wt.responsive", []).directive("wtResponsiveTable", [ wtResponsiveTable ]);
+})();