@swimlane/ngx-datatable 20.1.0 → 21.0.0-alpha.0

package/assets/data/forRowGrouping.json

@@ -1,227 +0,0 @@
-[
-  {
-    "exppayyes": 1,
-    "exppayno": 0,
-    "exppaypending": 0,
-    "source": "Funder",
-    "name": "Ethel Price",
-    "gender": "female",
-    "company": "Johnson, Johnson and Partners, LLC CMP DDC",
-    "age": 22,
-    "comment": "test1",
-    "groupcomment": "group comment test  with multiple lines of text. group comment test  with multiple lines of text."
-  },
-  {
-    "exppayyes": 0,
-    "exppayno": 1,
-    "exppaypending": 0,
-    "source": "Calculated",
-    "name": "Wilder Gonzales",
-    "gender": "male",
-    "company": "Geekko",
-    "age": 22,
-    "comment": "test2",
-    "groupcomment": "group comment test  with multiple lines of text. group comment test  with multiple lines of text."
-  },
-  {
-    "exppayyes": 0,
-    "exppayno": 0,
-    "exppaypending": 1,
-    "source": "Manual",
-    "name": "Georgina Schultz",
-    "gender": "female",
-    "company": "Suretech",
-    "age": 22,
-    "comment": "test3",
-    "groupcomment": "group comment test  with multiple lines of text. group comment test  with multiple lines of text."
-  },
-  {
-    "exppayyes": 0,
-    "exppayno": 0,
-    "exppaypending": 0,
-    "source": "Manual",
-    "name": "Carroll Buchanan",
-    "gender": "male",
-    "company": "Ecosys",
-    "age": 22,
-    "comment": "test4",
-    "groupcomment": "group comment test  with multiple lines of text. group comment test  with multiple lines of text."
-  },
-  {
-    "exppayyes": 0,
-    "exppayno": 0,
-    "exppaypending": 0,
-    "source": "Funder",
-    "name": "Claudine Neal",
-    "startdate": "01/01/2017",
-    "enddate": "14/01/2017",
-    "gender": "female",
-    "company": "Sealoud",
-    "age": 55,
-    "groupcomment": "group comment test 2",
-    "groupstatus": ""
-  },
-  {
-    "name": "Beryl Rice",
-    "gender": "female",
-    "company": "Velity",
-    "age": 67
-  },
-  {
-    "exppayyes": 0,
-    "exppayno": 0,
-    "exppaypending": 0,
-    "source": "Calculated",
-    "name": "Valarie Atkinson",
-    "startdate": "01/01/2017",
-    "enddate": "14/01/2017",
-    "gender": "female",
-    "company": "Hopeli",
-    "age": 55,
-    "groupcomment": "group comment test 2",
-    "groupstatus": ""
-  },
-  {
-    "name": "Schroeder Mathews",
-    "gender": "male",
-    "company": "Polarium",
-    "age": 67
-  },
-  {
-    "name": "Lynda Mendoza",
-    "gender": "female",
-    "company": "Dogspa",
-    "age": 10
-  },
-  {
-    "name": "Sarah Massey",
-    "gender": "female",
-    "company": "Bisba",
-    "age": 10
-  },
-  {
-    "name": "Robles Boyle",
-    "gender": "male",
-    "company": "Comtract",
-    "age": 11
-  },
-  {
-    "name": "Evans Hickman",
-    "gender": "male",
-    "company": "Parleynet",
-    "age": 11
-  },
-  {
-    "name": "Robles Boyle",
-    "gender": "male",
-    "company": "Comtract",
-    "age": 50
-  },
-  {
-    "name": "Evans Hickman",
-    "gender": "male",
-    "company": "Parleynet",
-    "age": 50
-  },
-  {
-    "name": "Robles Boyle",
-    "gender": "male",
-    "company": "Comtract",
-    "age": 51
-  },
-  {
-    "name": "Evans Hickman",
-    "gender": "male",
-    "company": "Parleynet",
-    "age": 51
-  },
-  {
-    "name": "Robles Boyle",
-    "gender": "male",
-    "company": "Comtract",
-    "age": 52,
-    "groupcomment": "group comment test  with multiple lines of text. group comment test  with multiple lines of text."
-  },
-  {
-    "name": "Evans Hickman",
-    "gender": "male",
-    "company": "Parleynet",
-    "age": 52,
-    "groupcomment": "group comment test  with multiple lines of text. group comment test  with multiple lines of text."
-  },
-  {
-    "name": "Dawson Barber",
-    "gender": "male",
-    "company": "Dymi",
-    "age": 12,
-    "groupcomment": "group comment test  with multiple lines of text. group comment test  with multiple lines of text."
-  },
-  {
-    "name": "Robles Boyle",
-    "gender": "male",
-    "company": "Comtract",
-    "age": 53,
-    "groupcomment": "group comment test  with multiple lines of text."
-  },
-  {
-    "name": "Evans Hickman",
-    "gender": "male",
-    "company": "Parleynet",
-    "age": 53,
-    "groupcomment": "group comment test  with multiple lines of text."
-  },
-  {
-    "name": "Robles Boyle",
-    "gender": "male",
-    "company": "Comtract",
-    "age": 54
-  },
-  {
-    "name": "Evans Hickman",
-    "gender": "male",
-    "company": "Parleynet",
-    "age": 54
-  },
-  {
-    "name": "Robles Boyle",
-    "gender": "male",
-    "company": "Comtract",
-    "age": 56
-  },
-  {
-    "name": "Evans Hickman",
-    "gender": "male",
-    "company": "Parleynet",
-    "age": 56
-  },
-  {
-    "name": "Bruce Strong",
-    "gender": "male",
-    "company": "Xyqag",
-    "age": 12
-  },
-  {
-    "name": "No Group1",
-    "gender": "male",
-    "company": "Xyqag",
-    "age": null
-  },
-  {
-    "name": "No Group2",
-    "gender": "male",
-    "company": "Xyqag",
-    "age": null
-  },
-  {
-    "name": "No Group3",
-    "gender": "male",
-    "company": "Xyqag",
-    "age": null
-  },
-  {
-    "name": "No Group4",
-    "gender": "male",
-    "company": "Xyqag",
-    "age": null
-  }
-]

package/assets/fonts/data-table.svg

@@ -1,26 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>Generated by Fontastic.me</metadata>
-<defs>
-<font id="data-table" horiz-adv-x="512">
-<font-face font-family="data-table" units-per-em="512" ascent="480" descent="-32"/>
-<missing-glyph horiz-adv-x="512" />
-
-<glyph glyph-name="filter" unicode="&#98;" d="M213 128l86 0 0 43-86 0z m-149 256l0-43 384 0 0 43z m64-149l256 0 0 42-256 0z"/>
-<glyph glyph-name="collapse" unicode="&#97;" d="M158 115l30-30 68 68 68-68 30 30-98 98z m196 282l-30 30-68-68-68 68-30-30 98-98z"/>
-<glyph glyph-name="expand" unicode="&#99;" d="M256 388l68-68 30 30-98 98-98-98 30-30z m0-264l-68 68-30-30 98-98 98 98-30 30z"/>
-<glyph glyph-name="close" unicode="&#100;" d="M405 375l-30 30-119-119-119 119-30-30 119-119-119-119 30-30 119 119 119-119 30 30-119 119z"/>
-<glyph glyph-name="up" unicode="&#101;" d="M256 341l-128-128 30-30 98 98 98-98 30 30z"/>
-<glyph glyph-name="down" unicode="&#102;" d="M354 329l-98-98-98 98-30-30 128-128 128 128z"/>
-<glyph glyph-name="sort" unicode="&#103;" d="M64 128l128 0 0 43-128 0z m0 256l0-43 384 0 0 43z m0-149l256 0 0 42-256 0z"/>
-<glyph glyph-name="done" unicode="&#104;" d="M192 166l-90 90-29-30 119-119 256 256-30 30z"/>
-<glyph glyph-name="done-all" unicode="&#105;" d="M384 363l-30 30-135-136 30-30z m90 30l-225-226-89 89-31-30 120-119 256 256z m-483-167l137-119 30 30-119 119-30-30z"/>
-<glyph glyph-name="search" unicode="&#106;" d="M192 128c46 0 87 16 120 42 0 0 164-164 164-164 4-4 9-6 15-6 5 0 11 2 15 6 8 9 8 22 0 30 0 0-164 165-164 165 26 33 42 74 42 119 0 106-86 192-192 192-106 0-192-86-192-192 0-106 86-192 192-192z m0 341c82 0 149-67 149-149 0-82-67-149-149-149-82 0-149 67-149 149 0 82 67 149 149 149z"/>
-<glyph glyph-name="pin" unicode="&#107;" d="M224 160l32-160 32 160c-10-1-21-2-32-2-10 0-22 1-32 2z m127 149c-16 9-31 30-31 43l0 32c0 11 6 19 12 26 7 6 12 14 12 22 0 27-31 48-88 48-57 0-87-21-87-48 0-8 4-16 12-22 5-7 11-15 11-26l0-32c0-13-14-34-31-43-19-9-35-27-35-44 0-37 51-74 130-74 80 0 130 37 130 74 0 17-15 34-35 44z"/>
-<glyph glyph-name="add" unicode="&#109;" d="M405 235l-128 0 0-128-42 0 0 128-128 0 0 42 128 0 0 128 42 0 0-128 128 0z"/>
-<glyph glyph-name="left" unicode="&#111;" d="M329 169l-98 98 98 98-30 30-128-128 128-128z"/>
-<glyph glyph-name="right" unicode="&#112;" d="M183 163l98 98-98 98 30 30 128-128-128-128z"/>
-<glyph glyph-name="skip" unicode="&#113;" d="M128 128l181 128-181 128z m213 256l0-256 43 0 0 256z"/>
-<glyph glyph-name="prev" unicode="&#114;" d="M128 384l43 0 0-256-43 0z m75-128l181-128 0 256z"/>
-</font></defs></svg>

package/assets/icons-reference.html

@@ -1,395 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <title>Font Reference - Data Table</title>
-    <link href="http://fonts.googleapis.com/css?family=Dosis:400,500,700" rel="stylesheet" type="text/css" />
-    <link rel="stylesheet" href="icons.css" />
-    <style type="text/css">
-      html,
-      body,
-      div,
-      span,
-      applet,
-      object,
-      iframe,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6,
-      p,
-      blockquote,
-      pre,
-      a,
-      abbr,
-      acronym,
-      address,
-      big,
-      cite,
-      code,
-      del,
-      dfn,
-      em,
-      img,
-      ins,
-      kbd,
-      q,
-      s,
-      samp,
-      small,
-      strike,
-      strong,
-      sub,
-      sup,
-      tt,
-      var,
-      dl,
-      dt,
-      dd,
-      ol,
-      ul,
-      li,
-      fieldset,
-      form,
-      label,
-      legend,
-      table,
-      caption,
-      tbody,
-      tfoot,
-      thead,
-      tr,
-      th,
-      td {
-        margin: 0;
-        padding: 0;
-        border: 0;
-        outline: 0;
-        font-weight: inherit;
-        font-style: inherit;
-        font-family: inherit;
-        font-size: 100%;
-        vertical-align: baseline;
-      }
-      body {
-        line-height: 1;
-        color: #000;
-        background: #fff;
-      }
-      ol,
-      ul {
-        list-style: none;
-      }
-      table {
-        border-collapse: separate;
-        border-spacing: 0;
-        vertical-align: middle;
-      }
-      caption,
-      th,
-      td {
-        text-align: left;
-        font-weight: normal;
-        vertical-align: middle;
-      }
-      a img {
-        border: none;
-      }
-      * {
-        -webkit-box-sizing: border-box;
-        -moz-box-sizing: border-box;
-        box-sizing: border-box;
-      }
-      body {
-        font-family: 'Dosis', 'Tahoma', sans-serif;
-      }
-      .container {
-        margin: 15px auto;
-        width: 80%;
-      }
-      h1 {
-        margin: 40px 0 20px;
-        font-weight: 700;
-        font-size: 38px;
-        line-height: 32px;
-        color: #fb565e;
-      }
-      h2 {
-        font-size: 18px;
-        padding: 0 0 21px 5px;
-        margin: 45px 0 0 0;
-        text-transform: uppercase;
-        font-weight: 500;
-      }
-      .small {
-        font-size: 14px;
-        color: #a5adb4;
-      }
-      .small a {
-        color: #a5adb4;
-      }
-      .small a:hover {
-        color: #fb565e;
-      }
-      .glyphs.character-mapping {
-        margin: 0 0 20px 0;
-        padding: 20px 0 20px 30px;
-        color: rgba(0, 0, 0, 0.5);
-        border: 1px solid #d8e0e5;
-        -webkit-border-radius: 3px;
-        border-radius: 3px;
-      }
-      .glyphs.character-mapping li {
-        margin: 0 30px 20px 0;
-        display: inline-block;
-        width: 90px;
-      }
-      .glyphs.character-mapping .icon {
-        margin: 10px 0 10px 15px;
-        padding: 15px;
-        position: relative;
-        width: 55px;
-        height: 55px;
-        color: #162a36 !important;
-        overflow: hidden;
-        -webkit-border-radius: 3px;
-        border-radius: 3px;
-        font-size: 32px;
-      }
-      .glyphs.character-mapping .icon svg {
-        fill: #000;
-      }
-      .glyphs.character-mapping input {
-        margin: 0;
-        padding: 5px 0;
-        line-height: 12px;
-        font-size: 12px;
-        display: block;
-        width: 100%;
-        border: 1px solid #d8e0e5;
-        -webkit-border-radius: 5px;
-        border-radius: 5px;
-        text-align: center;
-        outline: 0;
-      }
-      .glyphs.character-mapping input:focus {
-        border: 1px solid #fbde4a;
-        -webkit-box-shadow: inset 0 0 3px #fbde4a;
-        box-shadow: inset 0 0 3px #fbde4a;
-      }
-      .glyphs.character-mapping input:hover {
-        -webkit-box-shadow: inset 0 0 3px #fbde4a;
-        box-shadow: inset 0 0 3px #fbde4a;
-      }
-      .glyphs.css-mapping {
-        margin: 0 0 60px 0;
-        padding: 30px 0 20px 30px;
-        color: rgba(0, 0, 0, 0.5);
-        border: 1px solid #d8e0e5;
-        -webkit-border-radius: 3px;
-        border-radius: 3px;
-      }
-      .glyphs.css-mapping li {
-        margin: 0 30px 20px 0;
-        padding: 0;
-        display: inline-block;
-        overflow: hidden;
-      }
-      .glyphs.css-mapping .icon {
-        margin: 0;
-        margin-right: 10px;
-        padding: 13px;
-        height: 50px;
-        width: 50px;
-        color: #162a36 !important;
-        overflow: hidden;
-        float: left;
-        font-size: 24px;
-      }
-      .glyphs.css-mapping input {
-        margin: 0;
-        margin-top: 5px;
-        padding: 8px;
-        line-height: 16px;
-        font-size: 16px;
-        display: block;
-        width: 150px;
-        height: 40px;
-        border: 1px solid #d8e0e5;
-        -webkit-border-radius: 5px;
-        border-radius: 5px;
-        background: #fff;
-        outline: 0;
-        float: right;
-      }
-      .glyphs.css-mapping input:focus {
-        border: 1px solid #fbde4a;
-        -webkit-box-shadow: inset 0 0 3px #fbde4a;
-        box-shadow: inset 0 0 3px #fbde4a;
-      }
-      .glyphs.css-mapping input:hover {
-        -webkit-box-shadow: inset 0 0 3px #fbde4a;
-        box-shadow: inset 0 0 3px #fbde4a;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="container">
-      <h1>Data Table</h1>
-      <p class="small">This font was created with<a href="http://fontastic.me/">Fontastic</a></p>
-      <h2>CSS mapping</h2>
-      <ul class="glyphs css-mapping">
-        <li>
-          <div class="icon datatable-icon-filter"></div>
-          <input type="text" readonly="readonly" value="filter" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-collapse"></div>
-          <input type="text" readonly="readonly" value="collapse" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-expand"></div>
-          <input type="text" readonly="readonly" value="expand" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-close"></div>
-          <input type="text" readonly="readonly" value="close" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-up"></div>
-          <input type="text" readonly="readonly" value="up" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-down"></div>
-          <input type="text" readonly="readonly" value="down" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-sort"></div>
-          <input type="text" readonly="readonly" value="sort" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-done"></div>
-          <input type="text" readonly="readonly" value="done" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-done-all"></div>
-          <input type="text" readonly="readonly" value="done-all" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-search"></div>
-          <input type="text" readonly="readonly" value="search" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-pin"></div>
-          <input type="text" readonly="readonly" value="pin" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-add"></div>
-          <input type="text" readonly="readonly" value="add" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-left"></div>
-          <input type="text" readonly="readonly" value="left" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-right"></div>
-          <input type="text" readonly="readonly" value="right" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-skip"></div>
-          <input type="text" readonly="readonly" value="skip" />
-        </li>
-        <li>
-          <div class="icon datatable-icon-prev"></div>
-          <input type="text" readonly="readonly" value="prev" />
-        </li>
-      </ul>
-      <h2>Character mapping</h2>
-      <ul class="glyphs character-mapping">
-        <li>
-          <div data-icon="b" class="icon"></div>
-          <input type="text" readonly="readonly" value="b" />
-        </li>
-        <li>
-          <div data-icon="a" class="icon"></div>
-          <input type="text" readonly="readonly" value="a" />
-        </li>
-        <li>
-          <div data-icon="c" class="icon"></div>
-          <input type="text" readonly="readonly" value="c" />
-        </li>
-        <li>
-          <div data-icon="d" class="icon"></div>
-          <input type="text" readonly="readonly" value="d" />
-        </li>
-        <li>
-          <div data-icon="e" class="icon"></div>
-          <input type="text" readonly="readonly" value="e" />
-        </li>
-        <li>
-          <div data-icon="f" class="icon"></div>
-          <input type="text" readonly="readonly" value="f" />
-        </li>
-        <li>
-          <div data-icon="g" class="icon"></div>
-          <input type="text" readonly="readonly" value="g" />
-        </li>
-        <li>
-          <div data-icon="h" class="icon"></div>
-          <input type="text" readonly="readonly" value="h" />
-        </li>
-        <li>
-          <div data-icon="i" class="icon"></div>
-          <input type="text" readonly="readonly" value="i" />
-        </li>
-        <li>
-          <div data-icon="j" class="icon"></div>
-          <input type="text" readonly="readonly" value="j" />
-        </li>
-        <li>
-          <div data-icon="k" class="icon"></div>
-          <input type="text" readonly="readonly" value="k" />
-        </li>
-        <li>
-          <div data-icon="m" class="icon"></div>
-          <input type="text" readonly="readonly" value="m" />
-        </li>
-        <li>
-          <div data-icon="o" class="icon"></div>
-          <input type="text" readonly="readonly" value="o" />
-        </li>
-        <li>
-          <div data-icon="p" class="icon"></div>
-          <input type="text" readonly="readonly" value="p" />
-        </li>
-        <li>
-          <div data-icon="q" class="icon"></div>
-          <input type="text" readonly="readonly" value="q" />
-        </li>
-        <li>
-          <div data-icon="r" class="icon"></div>
-          <input type="text" readonly="readonly" value="r" />
-        </li>
-      </ul>
-    </div>
-    <script>
-      (function () {
-        var glyphs, i, len, ref;
-
-        ref = document.getElementsByClassName('glyphs');
-        for (i = 0, len = ref.length; i < len; i++) {
-          glyphs = ref[i];
-          glyphs.addEventListener('click', function (event) {
-            if (event.target.tagName === 'INPUT') {
-              return event.target.select();
-            }
-          });
-        }
-      }.call(this));
-    </script>
-  </body>
-</html>