@melodicdev/components 1.0.18 → 1.0.20

package/assets/melodic-components.js

@@ -11734,6 +11734,7 @@ function tableTemplate(c) {
 		[`ml-table--${c.size}`]: true,
 		"ml-table--striped": c.striped,
 		"ml-table--hoverable": c.hoverable,
+		"ml-table--row-clickable": c._rowClickable,
 		"ml-table--sticky-header": c.stickyHeader,
 		"ml-table--virtual": c.virtual
 	})}>
@@ -11977,6 +11978,10 @@ const tableStyles = () => css`
 		background-color: var(--ml-color-surface-sunken);
 	}
 
+	.ml-table--row-clickable .ml-table__row {
+		cursor: pointer;
+	}
+
 	.ml-table__row--selected {
 		background-color: var(--ml-color-primary-subtle, rgba(99, 102, 241, 0.04));
 	}
@@ -12083,8 +12088,15 @@ const tableStyles = () => css`
 		padding: var(--ml-space-2) var(--ml-space-4);
 	}
 `;
+var _rowClickTargets = /* @__PURE__ */ new WeakSet();
+var _origAddEventListener = EventTarget.prototype.addEventListener;
+EventTarget.prototype.addEventListener = function(type, listener, options) {
+	if (type === "ml:row-click") _rowClickTargets.add(this);
+	_origAddEventListener.call(this, type, listener, options);
+};
 var TableComponent = class TableComponent$1 {
 	constructor() {
+		this._rowClickable = false;
 		this.hasFooter = false;
 		this.hasHeaderActions = false;
 		this.selectable = false;
@@ -12153,6 +12165,9 @@ var TableComponent = class TableComponent$1 {
 	onPropertyChange(name, _oldVal, _newVal) {
 		if (name === "rows" || name === "columns") this._scroller.invalidate();
 	}
+	onInit() {
+		this._rowClickable = _rowClickTargets.has(this.elementRef);
+	}
 	onCreate() {
 		const shadow = this.elementRef.shadowRoot;
 		if (!shadow) return;