@melodicdev/components 1.6.7 → 1.6.9

package/assets/melodic-components.min.js

@@ -12678,7 +12678,7 @@ EventTarget.prototype.addEventListener = function(e, t, r) {
 };
 var Qt = class {
   constructor() {
-    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 ea(), 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.manualSort = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.selectedIndices = [], this.startIndex = 0, this.endIndex = 50, this._scroller = new ea(), 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,
@@ -12747,7 +12747,7 @@ var Qt = class {
   }
   /** Rows sorted by current sort key/direction */
   get sortedRows() {
-    if (!this.sortKey) return this.rows;
+    if (this.manualSort || !this.sortKey) return this.rows;
     const t = this.sortKey, r = this.sortDirection === "asc" ? 1 : -1;
     return [...this.rows].sort((a, l) => {
       const o = a[t], s = l[t];
@@ -12795,7 +12795,8 @@ Qt = v([f({
     "table-title",
     "description",
     "sticky-header",
-    "virtual"
+    "virtual",
+    "manual-sort"
   ]
 })], Qt);
 function ai(e, t, r) {
@@ -20701,7 +20702,7 @@ const bs = () => i`<dialog class="ml-dialog">
 	/* Dialog base */
 	dialog.ml-dialog {
 		position: fixed;
-		display: flex;
+		display: none;
 		flex-direction: column;
 		width: 100%;
 		max-width: var(--ml-dialog-max-width);
@@ -20724,6 +20725,7 @@ const bs = () => i`<dialog class="ml-dialog">
 	}
 
 	dialog.ml-dialog[open] {
+		display: flex;
 		transform: scale(1) translateY(0);
 		opacity: 1;
 	}

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

@@ -6,6 +6,16 @@ import type { TableColumn, SortDirection } from './table.types.js';
  * @example
  * ```html
  * <ml-table .columns=${columns} .rows=${rows} striped hoverable></ml-table>
+ *
+ * <!-- Server-paginated: parent handles ordering -->
+ * <ml-table
+ *     manual-sort
+ *     .columns=${columns}
+ *     .rows=${pageRows}
+ *     .sortKey=${sortKey}
+ *     .sortDirection=${sortDirection}
+ *     @ml:sort=${handleSort}
+ * ></ml-table>
  * ```
  *
  * @fires ml:sort - Emitted when a sortable column header is clicked. Detail: { key, direction }
@@ -39,6 +49,13 @@ export declare class TableComponent implements IElementRef, OnCreate, OnDestroy,
     description: string;
     /** Enable virtual scrolling (renders only visible rows) */
     virtual: boolean;
+    /**
+     * Opt out of client-side row sorting. When true, `rows` is rendered in the
+     * order provided and `sortedRows` returns it untouched, but `sortKey` /
+     * `sortDirection` still update on header clicks and `ml:sort` still fires
+     * so the consumer can re-query the server with the new ordering.
+     */
+    manualSort: boolean;
     /** Column definitions */
     columns: TableColumn[];
     /** Row data */

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;AAiBnE;;;;;;;;;;;;;;GAcG;AACH,qBAMa,cAAe,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB;IAC3F,UAAU,EAAG,WAAW,CAAC;IAEhC,+DAA+D;IACxD,aAAa,UAAS;IAE7B,0CAA0C;IACnC,SAAS,UAAS;IAEzB,kDAAkD;IAC3C,gBAAgB,UAAS;IAEhC,0CAA0C;IACnC,UAAU,UAAS;IAE1B,kCAAkC;IAC3B,OAAO,UAAS;IAEvB,8BAA8B;IACvB,SAAS,UAAQ;IAExB,0BAA0B;IACnB,YAAY,UAAS;IAE5B,iBAAiB;IACV,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEhC,yBAAyB;IAClB,UAAU,SAAM;IAEvB,+BAA+B;IACxB,WAAW,SAAM;IAExB,2DAA2D;IACpD,OAAO,UAAS;IAEvB,yBAAyB;IAClB,OAAO,EAAE,WAAW,EAAE,CAAM;IAEnC,eAAe;IACR,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAE5C,kCAAkC;IAC3B,OAAO,SAAM;IAEpB,6BAA6B;IACtB,aAAa,EAAE,aAAa,CAAS;IAE5C,+BAA+B;IACxB,eAAe,EAAE,MAAM,EAAE,CAAM;IAI/B,UAAU,SAAK;IACf,QAAQ,SAAM;IAIrB,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAA4B;IAI7C,IAAW,SAAS,IAAI,MAAM,CAE7B;IAIM,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAMxE,MAAM,IAAI,IAAI;IAId,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAiBhB,SAAS,IAAI,IAAI;IAOxB,OAAO,CAAC,eAAe;IAgBvB,gDAAgD;IAChD,IAAW,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAcjD;IAED,IAAW,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAGlD;IAED,IAAW,eAAe,IAAI,MAAM,CAEnC;IAED,IAAW,kBAAkB,IAAI,MAAM,CAGtC;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,WAAW,IAAI,OAAO,CAEhC;IAED,IAAW,YAAY,IAAI,OAAO,CAEjC;IAEM,aAAa,GAAI,OAAO,MAAM,KAAG,OAAO,CAE7C;IAIK,UAAU,GAAI,QAAQ,WAAW,KAAG,IAAI,CAiB7C;IAEK,eAAe,QAAO,IAAI,CAO/B;IAEK,eAAe,GAAI,OAAO,MAAM,EAAE,OAAO,KAAK,KAAG,IAAI,CAQ1D;IAEK,cAAc,GAAI,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,MAAM,KAAG,IAAI,CAQzE;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;AAiBnE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAMa,cAAe,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB;IAC3F,UAAU,EAAG,WAAW,CAAC;IAEhC,+DAA+D;IACxD,aAAa,UAAS;IAE7B,0CAA0C;IACnC,SAAS,UAAS;IAEzB,kDAAkD;IAC3C,gBAAgB,UAAS;IAEhC,0CAA0C;IACnC,UAAU,UAAS;IAE1B,kCAAkC;IAC3B,OAAO,UAAS;IAEvB,8BAA8B;IACvB,SAAS,UAAQ;IAExB,0BAA0B;IACnB,YAAY,UAAS;IAE5B,iBAAiB;IACV,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAEhC,yBAAyB;IAClB,UAAU,SAAM;IAEvB,+BAA+B;IACxB,WAAW,SAAM;IAExB,2DAA2D;IACpD,OAAO,UAAS;IAEvB;;;;;OAKG;IACI,UAAU,UAAS;IAE1B,yBAAyB;IAClB,OAAO,EAAE,WAAW,EAAE,CAAM;IAEnC,eAAe;IACR,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IAE5C,kCAAkC;IAC3B,OAAO,SAAM;IAEpB,6BAA6B;IACtB,aAAa,EAAE,aAAa,CAAS;IAE5C,+BAA+B;IACxB,eAAe,EAAE,MAAM,EAAE,CAAM;IAI/B,UAAU,SAAK;IACf,QAAQ,SAAM;IAIrB,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,SAAS,CAA4B;IAI7C,IAAW,SAAS,IAAI,MAAM,CAE7B;IAIM,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAMxE,MAAM,IAAI,IAAI;IAId,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAiBhB,SAAS,IAAI,IAAI;IAOxB,OAAO,CAAC,eAAe;IAgBvB,gDAAgD;IAChD,IAAW,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAcjD;IAED,IAAW,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAGlD;IAED,IAAW,eAAe,IAAI,MAAM,CAEnC;IAED,IAAW,kBAAkB,IAAI,MAAM,CAGtC;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,WAAW,IAAI,OAAO,CAEhC;IAED,IAAW,YAAY,IAAI,OAAO,CAEjC;IAEM,aAAa,GAAI,OAAO,MAAM,KAAG,OAAO,CAE7C;IAIK,UAAU,GAAI,QAAQ,WAAW,KAAG,IAAI,CAiB7C;IAEK,eAAe,QAAO,IAAI,CAO/B;IAEK,eAAe,GAAI,OAAO,MAAM,EAAE,OAAO,KAAK,KAAG,IAAI,CAQ1D;IAEK,cAAc,GAAI,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,MAAM,KAAG,IAAI,CAQzE;IAEF,OAAO,CAAC,UAAU;CASlB"}

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

@@ -25,6 +25,16 @@ EventTarget.prototype.addEventListener = function (type, listener, options) {
  * @example
  * ```html
  * <ml-table .columns=${columns} .rows=${rows} striped hoverable></ml-table>
+ *
+ * <!-- Server-paginated: parent handles ordering -->
+ * <ml-table
+ *     manual-sort
+ *     .columns=${columns}
+ *     .rows=${pageRows}
+ *     .sortKey=${sortKey}
+ *     .sortDirection=${sortDirection}
+ *     @ml:sort=${handleSort}
+ * ></ml-table>
  * ```
  *
  * @fires ml:sort - Emitted when a sortable column header is clicked. Detail: { key, direction }
@@ -58,6 +68,13 @@ let TableComponent = class TableComponent {
         this.description = '';
         /** Enable virtual scrolling (renders only visible rows) */
         this.virtual = false;
+        /**
+         * Opt out of client-side row sorting. When true, `rows` is rendered in the
+         * order provided and `sortedRows` returns it untouched, but `sortKey` /
+         * `sortDirection` still update on header clicks and `ml:sort` still fires
+         * so the consumer can re-query the server with the new ordering.
+         */
+        this.manualSort = false;
         /** Column definitions */
         this.columns = [];
         /** Row data */
@@ -192,7 +209,7 @@ let TableComponent = class TableComponent {
     // ── Data ──────────────────────────────────────────────────────────────────────
     /** Rows sorted by current sort key/direction */
     get sortedRows() {
-        if (!this.sortKey)
+        if (this.manualSort || !this.sortKey)
             return this.rows;
         const key = this.sortKey;
         const dir = this.sortDirection === 'asc' ? 1 : -1;
@@ -244,7 +261,7 @@ TableComponent = __decorate([
         selector: 'ml-table',
         template: tableTemplate,
         styles: tableStyles,
-        attributes: ['selectable', 'striped', 'hoverable', 'size', 'table-title', 'description', 'sticky-header', 'virtual']
+        attributes: ['selectable', 'striped', 'hoverable', 'size', 'table-title', 'description', 'sticky-header', 'virtual', 'manual-sort']
     })
 ], TableComponent);
 export { TableComponent };

package/lib/components/overlays/dialog/dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,iDA0NxB,CAAC"}
+{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,iDA2NxB,CAAC"}

package/lib/components/overlays/dialog/dialog.styles.js

@@ -47,7 +47,7 @@ export const dialogStyles = () => css `
 	/* Dialog base */
 	dialog.ml-dialog {
 		position: fixed;
-		display: flex;
+		display: none;
 		flex-direction: column;
 		width: 100%;
 		max-width: var(--ml-dialog-max-width);
@@ -70,6 +70,7 @@ export const dialogStyles = () => css `
 	}
 
 	dialog.ml-dialog[open] {
+		display: flex;
 		transform: scale(1) translateY(0);
 		opacity: 1;
 	}

package/package.json

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