@melodicdev/components 1.0.18 → 1.0.19

package/assets/melodic-components.min.js

@@ -10370,6 +10370,7 @@ function So(e) {
     [`ml-table--${e.size}`]: !0,
     "ml-table--striped": e.striped,
     "ml-table--hoverable": e.hoverable,
+    "ml-table--row-clickable": e._rowClickable,
     "ml-table--sticky-header": e.stickyHeader,
     "ml-table--virtual": e.virtual
   })}>
@@ -10613,6 +10614,10 @@ const Eo = () => y`
 		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));
 	}
@@ -10721,7 +10726,7 @@ const Eo = () => y`
 `;
 var Vt = class {
   constructor() {
-    this.hasFooter = !1, this.hasHeaderActions = !1, this.selectable = !1, this.striped = !1, this.hoverable = !0, this.stickyHeader = !1, this.size = "md", this.tableTitle = "", this.description = "", this.virtual = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.selectedIndices = [], this.startIndex = 0, this.endIndex = 50, this._scroller = new jr(), this._viewport = null, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
+    this._rowClickable = !1, this.hasFooter = !1, this.hasHeaderActions = !1, this.selectable = !1, this.striped = !1, this.hoverable = !0, this.stickyHeader = !1, this.size = "md", this.tableTitle = "", this.description = "", this.virtual = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.selectedIndices = [], this.startIndex = 0, this.endIndex = 50, this._scroller = new jr(), this._viewport = null, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
       t.sortable && (this.sortKey === t.key ? this.sortDirection = this.sortDirection === "asc" ? "desc" : "asc" : (this.sortKey = t.key, this.sortDirection = "asc"), this.selectedIndices = [], this._scroller.invalidate(), this.elementRef.dispatchEvent(new CustomEvent("ml:sort", {
         bubbles: !0,
         composed: !0,
@@ -10751,6 +10756,10 @@ var Vt = class {
   onPropertyChange(t, r, l) {
     (t === "rows" || t === "columns") && this._scroller.invalidate();
   }
+  onInit() {
+    const t = this.elementRef.addEventListener.bind(this.elementRef);
+    this.elementRef.addEventListener = (r, l, a) => (r === "ml:row-click" && (this._rowClickable = !0), t(r, l, a));
+  }
   onCreate() {
     const t = this.elementRef.shadowRoot;
     t && (t.querySelectorAll("slot").forEach((r) => {

package/lib/components/data-display/table/table.component.d.ts

@@ -17,6 +17,8 @@ import type { TableColumn, SortDirection } from './table.types.js';
  */
 export declare class TableComponent implements IElementRef, OnCreate, OnDestroy, OnRender, OnPropertyChange {
     elementRef: HTMLElement;
+    /** Whether a row-click listener is attached (auto-detected) */
+    _rowClickable: boolean;
     /** Whether the footer slot has content */
     hasFooter: boolean;
     /** Whether the header-actions slot has content */
@@ -53,6 +55,7 @@ export declare class TableComponent implements IElementRef, OnCreate, OnDestroy,
     private _viewport;
     get rowHeight(): number;
     onPropertyChange(name: string, _oldVal: unknown, _newVal: unknown): void;
+    onInit(): void;
     onCreate(): void;
     onRender(): void;
     onDestroy(): void;

package/lib/components/data-display/table/table.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.component.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACrG,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE;;;;;;;;;;;;;;GAcG;AACH,qBAMa,cAAe,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB;IAClG,UAAU,EAAG,WAAW,CAAC;IAEzB,0CAA0C;IAC1C,SAAS,UAAS;IAElB,kDAAkD;IAClD,gBAAgB,UAAS;IAEzB,0CAA0C;IAC1C,UAAU,UAAS;IAEnB,kCAAkC;IAClC,OAAO,UAAS;IAEhB,8BAA8B;IAC9B,SAAS,UAAQ;IAEjB,0BAA0B;IAC1B,YAAY,UAAS;IAErB,iBAAiB;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEzB,yBAAyB;IACzB,UAAU,SAAM;IAEhB,+BAA+B;IAC/B,WAAW,SAAM;IAEjB,2DAA2D;IAC3D,OAAO,UAAS;IAEhB,yBAAyB;IACzB,OAAO,EAAE,WAAW,EAAE,CAAM;IAE5B,eAAe;IACf,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAErC,kCAAkC;IAClC,OAAO,SAAM;IAEb,6BAA6B;IAC7B,aAAa,EAAE,aAAa,CAAS;IAErC,+BAA+B;IAC/B,eAAe,EAAE,MAAM,EAAE,CAAM;IAI/B,UAAU,SAAK;IACf,QAAQ,SAAM;IAId,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAA4B;IAI7C,IAAI,SAAS,IAAI,MAAM,CAEtB;IAID,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAMxE,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAiBhB,SAAS,IAAI,IAAI;IAOjB,OAAO,CAAC,eAAe;IAgBvB,gDAAgD;IAChD,IAAI,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAc1C;IAED,IAAI,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAG3C;IAED,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,IAAI,kBAAkB,IAAI,MAAM,CAG/B;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,aAAa,GAAI,OAAO,MAAM,KAAG,OAAO,CAEtC;IAIF,UAAU,GAAI,QAAQ,WAAW,KAAG,IAAI,CAiBtC;IAEF,eAAe,QAAO,IAAI,CAOxB;IAEF,eAAe,GAAI,OAAO,MAAM,EAAE,OAAO,KAAK,KAAG,IAAI,CAQnD;IAEF,cAAc,GAAI,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,MAAM,KAAG,IAAI,CAQlE;IAEF,OAAO,CAAC,UAAU;CASlB"}
+{"version":3,"file":"table.component.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACrG,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKnE;;;;;;;;;;;;;;GAcG;AACH,qBAMa,cAAe,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB;IAClG,UAAU,EAAG,WAAW,CAAC;IAEzB,+DAA+D;IAC/D,aAAa,UAAS;IAEtB,0CAA0C;IAC1C,SAAS,UAAS;IAElB,kDAAkD;IAClD,gBAAgB,UAAS;IAEzB,0CAA0C;IAC1C,UAAU,UAAS;IAEnB,kCAAkC;IAClC,OAAO,UAAS;IAEhB,8BAA8B;IAC9B,SAAS,UAAQ;IAEjB,0BAA0B;IAC1B,YAAY,UAAS;IAErB,iBAAiB;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEzB,yBAAyB;IACzB,UAAU,SAAM;IAEhB,+BAA+B;IAC/B,WAAW,SAAM;IAEjB,2DAA2D;IAC3D,OAAO,UAAS;IAEhB,yBAAyB;IACzB,OAAO,EAAE,WAAW,EAAE,CAAM;IAE5B,eAAe;IACf,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAErC,kCAAkC;IAClC,OAAO,SAAM;IAEb,6BAA6B;IAC7B,aAAa,EAAE,aAAa,CAAS;IAErC,+BAA+B;IAC/B,eAAe,EAAE,MAAM,EAAE,CAAM;IAI/B,UAAU,SAAK;IACf,QAAQ,SAAM;IAId,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAA4B;IAI7C,IAAI,SAAS,IAAI,MAAM,CAEtB;IAID,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAMxE,MAAM,IAAI,IAAI;IAad,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAiBhB,SAAS,IAAI,IAAI;IAOjB,OAAO,CAAC,eAAe;IAgBvB,gDAAgD;IAChD,IAAI,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAc1C;IAED,IAAI,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAG3C;IAED,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,IAAI,kBAAkB,IAAI,MAAM,CAG/B;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,aAAa,GAAI,OAAO,MAAM,KAAG,OAAO,CAEtC;IAIF,UAAU,GAAI,QAAQ,WAAW,KAAG,IAAI,CAiBtC;IAEF,eAAe,QAAO,IAAI,CAOxB;IAEF,eAAe,GAAI,OAAO,MAAM,EAAE,OAAO,KAAK,KAAG,IAAI,CAQnD;IAEF,cAAc,GAAI,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,MAAM,KAAG,IAAI,CAQlE;IAEF,OAAO,CAAC,UAAU;CASlB"}

package/lib/components/data-display/table/table.component.js

@@ -25,6 +25,8 @@ import { VirtualScroller } from '../../../utils/virtual-scroll/index.js';
  */
 let TableComponent = class TableComponent {
     constructor() {
+        /** Whether a row-click listener is attached (auto-detected) */
+        this._rowClickable = false;
         /** Whether the footer slot has content */
         this.hasFooter = false;
         /** Whether the header-actions slot has content */
@@ -120,6 +122,18 @@ let TableComponent = class TableComponent {
             this._scroller.invalidate();
         }
     }
+    onInit() {
+        // Intercept addEventListener to detect ml:row-click listeners.
+        // Event bindings (@ml:row-click) are applied before connectedCallback,
+        // so this must happen during construction to catch them.
+        const original = this.elementRef.addEventListener.bind(this.elementRef);
+        this.elementRef.addEventListener = (type, listener, options) => {
+            if (type === 'ml:row-click') {
+                this._rowClickable = true;
+            }
+            return original(type, listener, options);
+        };
+    }
     onCreate() {
         const shadow = this.elementRef.shadowRoot;
         if (!shadow)

package/lib/components/data-display/table/table.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iDA8OvB,CAAC"}
+{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iDAkPvB,CAAC"}

package/lib/components/data-display/table/table.styles.js

@@ -132,6 +132,10 @@ export 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));
 	}

package/lib/components/data-display/table/table.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.template.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAU3D,wBAAgB,aAAa,CAAC,CAAC,EAAE,cAAc,6CAyH9C"}
+{"version":3,"file":"table.template.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAU3D,wBAAgB,aAAa,CAAC,CAAC,EAAE,cAAc,6CA0H9C"}

package/lib/components/data-display/table/table.template.js

@@ -12,6 +12,7 @@ export 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
     })}>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@melodicdev/components",
-	"version": "1.0.18",
+	"version": "1.0.19",
 	"description": "Themeable UI component library built on the Melodic Framework",
 	"license": "MIT",
 	"author": "Melodic Development",