datavis-glide 4.0.1 → 4.1.0

package/src/util/clipboard.js

@@ -0,0 +1,32 @@
+export function writeToClipboard(text) {
+	if (navigator.clipboard && navigator.clipboard.writeText) {
+		return navigator.clipboard.writeText(text);
+	}
+
+	var textArea = document.createElement('textarea');
+	textArea.value = text;
+	textArea.setAttribute('readonly', '');
+	textArea.style.position = 'fixed';
+	textArea.style.left = '-999999px';
+	textArea.style.top = '0';
+	document.body.appendChild(textArea);
+	textArea.focus();
+	textArea.select();
+
+	var ok = false;
+
+	try {
+		ok = document.execCommand('copy');
+	}
+	catch (e) {
+		ok = false;
+	}
+
+	document.body.removeChild(textArea);
+
+	if (ok) {
+		return Promise.resolve();
+	}
+
+	return Promise.reject(new Error('Clipboard write failed'));
+}

package/src/util/misc.js

@@ -682,10 +682,16 @@ export function makeOperationButton(type, op, index, opts) {
 	}
 	else {
 		if (op.icon) {
-			btn.appendChild(makeOperationIcon(op));
+			var icon = makeOperationIcon(op);
+			if (op.label) {
+				icon.style.paddingRight = '0.25em';
+			}
+			btn.setAttribute('data-icon', op.icon);
+			btn.appendChild(icon);
 		}
 		if (op.label) {
 			btn.classList.add('wcdv_nowrap');
+			btn.setAttribute('aria-label', op.label);
 			btn.append(op.label);
 		}
 		else {
@@ -694,6 +700,7 @@ export function makeOperationButton(type, op, index, opts) {
 	}
 	if (op.tooltip) {
 		btn.setAttribute('title', op.tooltip);
+		btn.setAttribute('aria-description', op.tooltip);
 	}
 	return btn;
 }

package/wcdatavis.css

@@ -284,6 +284,35 @@ div.wcdv_titlebar_controls button.wcdv_icon_button > svg.wcdv_icon {
     margin-top: -4px;
 }
 
+div.wcdv_titlebar_controls button.wcdv_icon_button[disabled] > svg.wcdv_icon {
+	opacity: 0.4;
+	cursor: default;
+}
+
+.wcdv_toast {
+	position: fixed;
+	right: 16px;
+	bottom: 16px;
+	max-width: 320px;
+	padding: 8px 12px;
+	border-radius: 6px;
+	background-color: rgba(33, 33, 33, 0.94);
+	color: #FFF;
+	font-size: 13px;
+	line-height: 1.4;
+	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
+	opacity: 0;
+	pointer-events: none;
+	transform: translateY(10px);
+	transition: opacity 150ms ease, transform 150ms ease;
+	z-index: 2000;
+}
+
+.wcdv_toast.wcdv_toast_visible {
+	opacity: 1;
+	transform: translateY(0);
+}
+
 /******************************************************************************/
 
 .wcdv_grid_content {
@@ -724,6 +753,23 @@ button.wcdv_operation[data-operation-type="cell"]:disabled > svg.wcdv_icon {
     margin: -0.3333em 0 -0.3333em 0;
 }
 
+.wcdv_sort_priority_badge {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-width: 1.25em;
+	height: 1.25em;
+	padding: 0 0.25em;
+	margin: 0 0.35em 0 0.05em;
+	border-radius: 0.7em;
+	background-color: #FFF;
+	color: #737373;
+	font-size: 0.7em;
+	font-weight: bold;
+	line-height: 1;
+	vertical-align: super;
+}
+
 /*
 td.wcdv_group_col_spacer,
 td.wcdv_group_value {
@@ -1083,6 +1129,14 @@ tr.wcdvgrid_more td {
 	background-color: rgba(255, 235, 59, .4);
 }
 
+.wcdv_grid_table table td.wcdv_selected_cell {
+	background-color: rgba(33, 150, 243, 0.25);
+}
+
+.wcdv_grid_table table td.wcdv_selected_cell_anchor {
+	box-shadow: inset 0 0 0 2px #1E88E5;
+}
+
 .wcdv_grid_table table td.wcdv_focus {
 	background-color: rgba(76, 175, 80, .3);
 }