@library/color 0.0.5 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25,14 +25,14 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>5/5</span>
28
+ <span class='fraction'>4/4</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>1/1</span>
35
+ <span class='fraction'>2/2</span>
36
36
  </div>
37
37
 
38
38
 
@@ -46,7 +46,7 @@
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>5/5</span>
49
+ <span class='fraction'>4/4</span>
50
50
  </div>
51
51
 
52
52
 
@@ -57,7 +57,7 @@
57
57
  <template id="filterTemplate">
58
58
  <div class="quiet">
59
59
  Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
60
+ <input type="search" id="fileSearch">
61
61
  </div>
62
62
  </template>
63
63
  </div>
@@ -72,9 +72,27 @@
72
72
  <a name='L7'></a><a href='#L7'>7</a>
73
73
  <a name='L8'></a><a href='#L8'>8</a>
74
74
  <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
85
+ <span class="cline-any cline-neutral">&nbsp;</span>
86
+ <span class="cline-any cline-neutral">&nbsp;</span>
87
+ <span class="cline-any cline-neutral">&nbsp;</span>
88
+ <span class="cline-any cline-neutral">&nbsp;</span>
89
+ <span class="cline-any cline-neutral">&nbsp;</span>
90
+ <span class="cline-any cline-neutral">&nbsp;</span>
91
+ <span class="cline-any cline-neutral">&nbsp;</span>
92
+ <span class="cline-any cline-neutral">&nbsp;</span>
93
+ <span class="cline-any cline-neutral">&nbsp;</span>
94
+ <span class="cline-any cline-neutral">&nbsp;</span>
76
95
  <span class="cline-any cline-neutral">&nbsp;</span>
77
- <span class="cline-any cline-yes">4x</span>
78
96
  <span class="cline-any cline-yes">4x</span>
79
97
  <span class="cline-any cline-yes">4x</span>
80
98
  <span class="cline-any cline-yes">1x</span>
@@ -83,7 +101,16 @@
83
101
  <span class="cline-any cline-neutral">&nbsp;</span>
84
102
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type { RGBColor } from "./types";
85
103
  &nbsp;
86
- export function rgbToCssString(rgb: RGBColor) {
104
+ /**
105
+ * Converts an RGB or RGBA color object into a CSS color string.
106
+ *
107
+ * If the alpha (`a`) value is provided, it returns a `rgba(r, g, b, a)` string.
108
+ * Otherwise, it returns a `rgb(r, g, b)` string.
109
+ *
110
+ * @param {RGBColor} rgb An object containing the RGBA values.
111
+ * @returns {string} A CSS color string.
112
+ */
113
+ export function rgbToCssString(rgb: RGBColor): string {
87
114
  const { r, g, b, a } = rgb;
88
115
  if (typeof a !== "number") {
89
116
  return `rgb(${r}, ${g}, ${b})`;
@@ -97,7 +124,7 @@ export function rgbToCssString(rgb: RGBColor) {
97
124
  <div class='footer quiet pad2 space-top1 center small'>
98
125
  Code coverage generated by
99
126
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
100
- at 2025-03-26T14:08:05.118Z
127
+ at 2026-10-04T09:23:26.482Z
101
128
  </div>
102
129
  <script src="prettify.js"></script>
103
130
  <script>
@@ -25,14 +25,14 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>9/9</span>
28
+ <span class='fraction'>8/8</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>6/6</span>
35
+ <span class='fraction'>7/7</span>
36
36
  </div>
37
37
 
38
38
 
@@ -46,7 +46,7 @@
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>9/9</span>
49
+ <span class='fraction'>8/8</span>
50
50
  </div>
51
51
 
52
52
 
@@ -57,7 +57,7 @@
57
57
  <template id="filterTemplate">
58
58
  <div class="quiet">
59
59
  Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
60
+ <input type="search" id="fileSearch">
61
61
  </div>
62
62
  </template>
63
63
  </div>
@@ -105,7 +105,7 @@
105
105
  <span class="cline-any cline-neutral">&nbsp;</span>
106
106
  <span class="cline-any cline-neutral">&nbsp;</span>
107
107
  <span class="cline-any cline-neutral">&nbsp;</span>
108
- <span class="cline-any cline-yes">10x</span>
108
+ <span class="cline-any cline-neutral">&nbsp;</span>
109
109
  <span class="cline-any cline-yes">10x</span>
110
110
  <span class="cline-any cline-yes">10x</span>
111
111
  <span class="cline-any cline-yes">10x</span>
@@ -145,7 +145,7 @@ export function rgbToHex(rgb: RGBColor): string {
145
145
  <div class='footer quiet pad2 space-top1 center small'>
146
146
  Code coverage generated by
147
147
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
148
- at 2025-03-26T14:08:05.118Z
148
+ at 2026-10-04T09:23:26.482Z
149
149
  </div>
150
150
  <script src="prettify.js"></script>
151
151
  <script>
@@ -1,196 +1,205 @@
1
1
  /* eslint-disable */
2
- var addSorting = (function() {
3
- 'use strict';
4
- var cols,
5
- currentSort = {
6
- index: 0,
7
- desc: false
8
- };
2
+ var addSorting = (function () {
3
+ "use strict";
4
+ var cols,
5
+ currentSort = {
6
+ index: 0,
7
+ desc: false,
8
+ };
9
+
10
+ // returns the summary table element
11
+ function getTable() {
12
+ return document.querySelector(".coverage-summary");
13
+ }
14
+ // returns the thead element of the summary table
15
+ function getTableHeader() {
16
+ return getTable().querySelector("thead tr");
17
+ }
18
+ // returns the tbody element of the summary table
19
+ function getTableBody() {
20
+ return getTable().querySelector("tbody");
21
+ }
22
+ // returns the th element for nth column
23
+ function getNthColumn(n) {
24
+ return getTableHeader().querySelectorAll("th")[n];
25
+ }
26
+
27
+ function onFilterInput() {
28
+ const searchValue = document.getElementById("fileSearch").value;
29
+ const rows = document.getElementsByTagName("tbody")[0].children;
9
30
 
10
- // returns the summary table element
11
- function getTable() {
12
- return document.querySelector('.coverage-summary');
31
+ // Try to create a RegExp from the searchValue. If it fails (invalid regex),
32
+ // it will be treated as a plain text search
33
+ let searchRegex;
34
+ try {
35
+ searchRegex = new RegExp(searchValue, "i"); // 'i' for case-insensitive
36
+ } catch (error) {
37
+ searchRegex = null;
13
38
  }
14
- // returns the thead element of the summary table
15
- function getTableHeader() {
16
- return getTable().querySelector('thead tr');
39
+
40
+ for (let i = 0; i < rows.length; i++) {
41
+ const row = rows[i];
42
+ let isMatch = false;
43
+
44
+ if (searchRegex) {
45
+ // If a valid regex was created, use it for matching
46
+ isMatch = searchRegex.test(row.textContent);
47
+ } else {
48
+ // Otherwise, fall back to the original plain text search
49
+ isMatch = row.textContent.toLowerCase().includes(searchValue.toLowerCase());
50
+ }
51
+
52
+ row.style.display = isMatch ? "" : "none";
17
53
  }
18
- // returns the tbody element of the summary table
19
- function getTableBody() {
20
- return getTable().querySelector('tbody');
54
+ }
55
+
56
+ // loads the search box
57
+ function addSearchBox() {
58
+ var template = document.getElementById("filterTemplate");
59
+ var templateClone = template.content.cloneNode(true);
60
+ templateClone.getElementById("fileSearch").oninput = onFilterInput;
61
+ template.parentElement.appendChild(templateClone);
62
+ }
63
+
64
+ // loads all columns
65
+ function loadColumns() {
66
+ var colNodes = getTableHeader().querySelectorAll("th"),
67
+ colNode,
68
+ cols = [],
69
+ col,
70
+ i;
71
+
72
+ for (i = 0; i < colNodes.length; i += 1) {
73
+ colNode = colNodes[i];
74
+ col = {
75
+ key: colNode.getAttribute("data-col"),
76
+ sortable: !colNode.getAttribute("data-nosort"),
77
+ type: colNode.getAttribute("data-type") || "string",
78
+ };
79
+ cols.push(col);
80
+ if (col.sortable) {
81
+ col.defaultDescSort = col.type === "number";
82
+ colNode.innerHTML = colNode.innerHTML + '<span class="sorter"></span>';
83
+ }
21
84
  }
22
- // returns the th element for nth column
23
- function getNthColumn(n) {
24
- return getTableHeader().querySelectorAll('th')[n];
85
+ return cols;
86
+ }
87
+ // attaches a data attribute to every tr element with an object
88
+ // of data values keyed by column name
89
+ function loadRowData(tableRow) {
90
+ var tableCols = tableRow.querySelectorAll("td"),
91
+ colNode,
92
+ col,
93
+ data = {},
94
+ i,
95
+ val;
96
+ for (i = 0; i < tableCols.length; i += 1) {
97
+ colNode = tableCols[i];
98
+ col = cols[i];
99
+ val = colNode.getAttribute("data-value");
100
+ if (col.type === "number") {
101
+ val = Number(val);
102
+ }
103
+ data[col.key] = val;
25
104
  }
105
+ return data;
106
+ }
107
+ // loads all row data
108
+ function loadData() {
109
+ var rows = getTableBody().querySelectorAll("tr"),
110
+ i;
26
111
 
27
- function onFilterInput() {
28
- const searchValue = document.getElementById('fileSearch').value;
29
- const rows = document.getElementsByTagName('tbody')[0].children;
30
- for (let i = 0; i < rows.length; i++) {
31
- const row = rows[i];
32
- if (
33
- row.textContent
34
- .toLowerCase()
35
- .includes(searchValue.toLowerCase())
36
- ) {
37
- row.style.display = '';
38
- } else {
39
- row.style.display = 'none';
40
- }
41
- }
112
+ for (i = 0; i < rows.length; i += 1) {
113
+ rows[i].data = loadRowData(rows[i]);
42
114
  }
115
+ }
116
+ // sorts the table using the data for the ith column
117
+ function sortByIndex(index, desc) {
118
+ var key = cols[index].key,
119
+ sorter = function (a, b) {
120
+ a = a.data[key];
121
+ b = b.data[key];
122
+ return a < b ? -1 : a > b ? 1 : 0;
123
+ },
124
+ finalSorter = sorter,
125
+ tableBody = document.querySelector(".coverage-summary tbody"),
126
+ rowNodes = tableBody.querySelectorAll("tr"),
127
+ rows = [],
128
+ i;
43
129
 
44
- // loads the search box
45
- function addSearchBox() {
46
- var template = document.getElementById('filterTemplate');
47
- var templateClone = template.content.cloneNode(true);
48
- templateClone.getElementById('fileSearch').oninput = onFilterInput;
49
- template.parentElement.appendChild(templateClone);
130
+ if (desc) {
131
+ finalSorter = function (a, b) {
132
+ return -1 * sorter(a, b);
133
+ };
50
134
  }
51
135
 
52
- // loads all columns
53
- function loadColumns() {
54
- var colNodes = getTableHeader().querySelectorAll('th'),
55
- colNode,
56
- cols = [],
57
- col,
58
- i;
59
-
60
- for (i = 0; i < colNodes.length; i += 1) {
61
- colNode = colNodes[i];
62
- col = {
63
- key: colNode.getAttribute('data-col'),
64
- sortable: !colNode.getAttribute('data-nosort'),
65
- type: colNode.getAttribute('data-type') || 'string'
66
- };
67
- cols.push(col);
68
- if (col.sortable) {
69
- col.defaultDescSort = col.type === 'number';
70
- colNode.innerHTML =
71
- colNode.innerHTML + '<span class="sorter"></span>';
72
- }
73
- }
74
- return cols;
136
+ for (i = 0; i < rowNodes.length; i += 1) {
137
+ rows.push(rowNodes[i]);
138
+ tableBody.removeChild(rowNodes[i]);
75
139
  }
76
- // attaches a data attribute to every tr element with an object
77
- // of data values keyed by column name
78
- function loadRowData(tableRow) {
79
- var tableCols = tableRow.querySelectorAll('td'),
80
- colNode,
81
- col,
82
- data = {},
83
- i,
84
- val;
85
- for (i = 0; i < tableCols.length; i += 1) {
86
- colNode = tableCols[i];
87
- col = cols[i];
88
- val = colNode.getAttribute('data-value');
89
- if (col.type === 'number') {
90
- val = Number(val);
91
- }
92
- data[col.key] = val;
93
- }
94
- return data;
95
- }
96
- // loads all row data
97
- function loadData() {
98
- var rows = getTableBody().querySelectorAll('tr'),
99
- i;
100
140
 
101
- for (i = 0; i < rows.length; i += 1) {
102
- rows[i].data = loadRowData(rows[i]);
103
- }
141
+ rows.sort(finalSorter);
142
+
143
+ for (i = 0; i < rows.length; i += 1) {
144
+ tableBody.appendChild(rows[i]);
104
145
  }
105
- // sorts the table using the data for the ith column
106
- function sortByIndex(index, desc) {
107
- var key = cols[index].key,
108
- sorter = function(a, b) {
109
- a = a.data[key];
110
- b = b.data[key];
111
- return a < b ? -1 : a > b ? 1 : 0;
112
- },
113
- finalSorter = sorter,
114
- tableBody = document.querySelector('.coverage-summary tbody'),
115
- rowNodes = tableBody.querySelectorAll('tr'),
116
- rows = [],
117
- i;
118
-
119
- if (desc) {
120
- finalSorter = function(a, b) {
121
- return -1 * sorter(a, b);
122
- };
123
- }
146
+ }
147
+ // removes sort indicators for current column being sorted
148
+ function removeSortIndicators() {
149
+ var col = getNthColumn(currentSort.index),
150
+ cls = col.className;
124
151
 
125
- for (i = 0; i < rowNodes.length; i += 1) {
126
- rows.push(rowNodes[i]);
127
- tableBody.removeChild(rowNodes[i]);
128
- }
152
+ cls = cls.replace(/ sorted$/, "").replace(/ sorted-desc$/, "");
153
+ col.className = cls;
154
+ }
155
+ // adds sort indicators for current column being sorted
156
+ function addSortIndicators() {
157
+ getNthColumn(currentSort.index).className += currentSort.desc ? " sorted-desc" : " sorted";
158
+ }
159
+ // adds event listeners for all sorter widgets
160
+ function enableUI() {
161
+ var i,
162
+ el,
163
+ ithSorter = function ithSorter(i) {
164
+ var col = cols[i];
129
165
 
130
- rows.sort(finalSorter);
166
+ return function () {
167
+ var desc = col.defaultDescSort;
131
168
 
132
- for (i = 0; i < rows.length; i += 1) {
133
- tableBody.appendChild(rows[i]);
169
+ if (currentSort.index === i) {
170
+ desc = !currentSort.desc;
171
+ }
172
+ sortByIndex(i, desc);
173
+ removeSortIndicators();
174
+ currentSort.index = i;
175
+ currentSort.desc = desc;
176
+ addSortIndicators();
177
+ };
178
+ };
179
+ for (i = 0; i < cols.length; i += 1) {
180
+ if (cols[i].sortable) {
181
+ // add the click event handler on the th so users
182
+ // dont have to click on those tiny arrows
183
+ el = getNthColumn(i).querySelector(".sorter").parentElement;
184
+ if (el.addEventListener) {
185
+ el.addEventListener("click", ithSorter(i));
186
+ } else {
187
+ el.attachEvent("onclick", ithSorter(i));
134
188
  }
189
+ }
135
190
  }
136
- // removes sort indicators for current column being sorted
137
- function removeSortIndicators() {
138
- var col = getNthColumn(currentSort.index),
139
- cls = col.className;
140
-
141
- cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
142
- col.className = cls;
143
- }
144
- // adds sort indicators for current column being sorted
145
- function addSortIndicators() {
146
- getNthColumn(currentSort.index).className += currentSort.desc
147
- ? ' sorted-desc'
148
- : ' sorted';
149
- }
150
- // adds event listeners for all sorter widgets
151
- function enableUI() {
152
- var i,
153
- el,
154
- ithSorter = function ithSorter(i) {
155
- var col = cols[i];
156
-
157
- return function() {
158
- var desc = col.defaultDescSort;
159
-
160
- if (currentSort.index === i) {
161
- desc = !currentSort.desc;
162
- }
163
- sortByIndex(i, desc);
164
- removeSortIndicators();
165
- currentSort.index = i;
166
- currentSort.desc = desc;
167
- addSortIndicators();
168
- };
169
- };
170
- for (i = 0; i < cols.length; i += 1) {
171
- if (cols[i].sortable) {
172
- // add the click event handler on the th so users
173
- // dont have to click on those tiny arrows
174
- el = getNthColumn(i).querySelector('.sorter').parentElement;
175
- if (el.addEventListener) {
176
- el.addEventListener('click', ithSorter(i));
177
- } else {
178
- el.attachEvent('onclick', ithSorter(i));
179
- }
180
- }
181
- }
191
+ }
192
+ // adds sorting functionality to the UI
193
+ return function () {
194
+ if (!getTable()) {
195
+ return;
182
196
  }
183
- // adds sorting functionality to the UI
184
- return function() {
185
- if (!getTable()) {
186
- return;
187
- }
188
- cols = loadColumns();
189
- loadData();
190
- addSearchBox();
191
- addSortIndicators();
192
- enableUI();
193
- };
197
+ cols = loadColumns();
198
+ loadData();
199
+ addSearchBox();
200
+ addSortIndicators();
201
+ enableUI();
202
+ };
194
203
  })();
195
204
 
196
- window.addEventListener('load', addSorting);
205
+ window.addEventListener("load", addSorting);
@@ -0,0 +1,103 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for types.ts</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="prettify.css" />
9
+ <link rel="stylesheet" href="base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="index.html">All files</a> types.ts</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">0% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>0/0</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">0% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/0</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">0% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/0</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">0% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>0/0</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line low'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
73
+ <span class="cline-any cline-neutral">&nbsp;</span>
74
+ <span class="cline-any cline-neutral">&nbsp;</span>
75
+ <span class="cline-any cline-neutral">&nbsp;</span>
76
+ <span class="cline-any cline-neutral">&nbsp;</span>
77
+ <span class="cline-any cline-neutral">&nbsp;</span>
78
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">export type RGBColor = {
79
+ r: number;
80
+ g: number;
81
+ b: number;
82
+ a?: number;
83
+ };
84
+ &nbsp;</pre></td></tr></table></pre>
85
+
86
+ <div class='push'></div><!-- for sticky footer -->
87
+ </div><!-- /wrapper -->
88
+ <div class='footer quiet pad2 space-top1 center small'>
89
+ Code coverage generated by
90
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
91
+ at 2026-10-04T09:23:26.482Z
92
+ </div>
93
+ <script src="prettify.js"></script>
94
+ <script>
95
+ window.onload = function () {
96
+ prettyPrint();
97
+ };
98
+ </script>
99
+ <script src="sorter.js"></script>
100
+ <script src="block-navigation.js"></script>
101
+ </body>
102
+ </html>
103
+