@waggylabs/yumekit 0.4.0 → 0.4.1-beta.51
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.
- package/dist/components/y-table.js +12 -3
- package/dist/icons/all.js +1 -1
- package/dist/index.js +13 -4
- package/dist/yumekit.min.js +1 -1
- package/package.json +1 -1
|
@@ -142,12 +142,14 @@ class YumeTable extends HTMLElement {
|
|
|
142
142
|
|
|
143
143
|
if (sortable) {
|
|
144
144
|
const icon = this._sortIcon(col.field);
|
|
145
|
+
const iconSpan = document.createElement("span");
|
|
146
|
+
iconSpan.className = "sort-icon";
|
|
145
147
|
if (icon) {
|
|
146
|
-
const iconSpan = document.createElement("span");
|
|
147
|
-
iconSpan.className = "sort-icon";
|
|
148
148
|
iconSpan.innerHTML = icon;
|
|
149
|
-
|
|
149
|
+
} else {
|
|
150
|
+
iconSpan.classList.add("sort-icon--placeholder");
|
|
150
151
|
}
|
|
152
|
+
inner.appendChild(iconSpan);
|
|
151
153
|
}
|
|
152
154
|
|
|
153
155
|
th.appendChild(inner);
|
|
@@ -213,6 +215,13 @@ class YumeTable extends HTMLElement {
|
|
|
213
215
|
height: 14px;
|
|
214
216
|
}
|
|
215
217
|
|
|
218
|
+
.sort-icon--placeholder {
|
|
219
|
+
visibility: hidden;
|
|
220
|
+
width: 14px;
|
|
221
|
+
height: 14px;
|
|
222
|
+
display: inline-block;
|
|
223
|
+
}
|
|
224
|
+
|
|
216
225
|
tbody td {
|
|
217
226
|
padding: ${paddingVar};
|
|
218
227
|
font-size: var(--font-size-paragraph, 1em);
|
package/dist/icons/all.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { registerIcons } from './registry.js';
|
|
2
2
|
|
|
3
|
-
var accessibility = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"4\" r=\"1.5\"/>\n <path d=\"M7 8h10\"/>\n <path d=\"M12 8v4\"/>\n <path d=\"m8 20 4-8 4 8\"/>\n
|
|
3
|
+
var accessibility = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"4\" r=\"1.5\"/>\n <path d=\"M7 8h10\"/>\n <path d=\"M12 8v4\"/>\n <path d=\"m8 20 4-8 4 8\"/>\n</svg>\n";
|
|
4
4
|
|
|
5
5
|
var ai = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 8V4H8\"/>\n <rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"/>\n <path d=\"M2 14h2M20 14h2M15 13v2M9 13v2\"/>\n</svg>\n";
|
|
6
6
|
|
package/dist/index.js
CHANGED
|
@@ -29,7 +29,7 @@ function getIcon(name) {
|
|
|
29
29
|
return icons.get(name) || "";
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
var accessibility = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"4\" r=\"1.5\"/>\n <path d=\"M7 8h10\"/>\n <path d=\"M12 8v4\"/>\n <path d=\"m8 20 4-8 4 8\"/>\n
|
|
32
|
+
var accessibility = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"4\" r=\"1.5\"/>\n <path d=\"M7 8h10\"/>\n <path d=\"M12 8v4\"/>\n <path d=\"m8 20 4-8 4 8\"/>\n</svg>\n";
|
|
33
33
|
|
|
34
34
|
var ai = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 8V4H8\"/>\n <rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"/>\n <path d=\"M2 14h2M20 14h2M15 13v2M9 13v2\"/>\n</svg>\n";
|
|
35
35
|
|
|
@@ -7231,12 +7231,14 @@ class YumeTable extends HTMLElement {
|
|
|
7231
7231
|
|
|
7232
7232
|
if (sortable) {
|
|
7233
7233
|
const icon = this._sortIcon(col.field);
|
|
7234
|
+
const iconSpan = document.createElement("span");
|
|
7235
|
+
iconSpan.className = "sort-icon";
|
|
7234
7236
|
if (icon) {
|
|
7235
|
-
const iconSpan = document.createElement("span");
|
|
7236
|
-
iconSpan.className = "sort-icon";
|
|
7237
7237
|
iconSpan.innerHTML = icon;
|
|
7238
|
-
|
|
7238
|
+
} else {
|
|
7239
|
+
iconSpan.classList.add("sort-icon--placeholder");
|
|
7239
7240
|
}
|
|
7241
|
+
inner.appendChild(iconSpan);
|
|
7240
7242
|
}
|
|
7241
7243
|
|
|
7242
7244
|
th.appendChild(inner);
|
|
@@ -7302,6 +7304,13 @@ class YumeTable extends HTMLElement {
|
|
|
7302
7304
|
height: 14px;
|
|
7303
7305
|
}
|
|
7304
7306
|
|
|
7307
|
+
.sort-icon--placeholder {
|
|
7308
|
+
visibility: hidden;
|
|
7309
|
+
width: 14px;
|
|
7310
|
+
height: 14px;
|
|
7311
|
+
display: inline-block;
|
|
7312
|
+
}
|
|
7313
|
+
|
|
7305
7314
|
tbody td {
|
|
7306
7315
|
padding: ${paddingVar};
|
|
7307
7316
|
font-size: var(--font-size-paragraph, 1em);
|