@rozie-ui/data-table-lit 0.7.0 → 0.7.2

package/dist/index.cjs

@@ -4848,6 +4848,18 @@ let DataTable = class DataTable extends (0, _lit_labs_preact_signals.SignalWatch
 		queueMicrotask(() => {
 			if (this.isConnected || this._rozieTornDown) return;
 			this._rozieTornDown = true;
+			(() => {
+				if (this.docPointerDown && typeof document !== "undefined") {
+					document.removeEventListener("pointerdown", this.docPointerDown, true);
+					this.docPointerDown = null;
+				}
+				if (this.virtualizerCleanup) this.virtualizerCleanup();
+				if (this.colVirtualizerCleanup) this.colVirtualizerCleanup();
+				this.teardownColRtlWatch();
+				this.teardownRemeasure();
+				this.teardownFillDrag();
+				this.teardownRangeDrag();
+			})();
 			for (const fn of this._disconnectCleanups) fn();
 			this._disconnectCleanups = [];
 		});
@@ -5882,6 +5894,12 @@ ${this.groupable ? lit.html`<div class="rdt-group-bar-host" data-rozie-s-d5dcab4
 	set columnPinning(v) {
 		this._columnPinningControllable.notifyPropertyWrite(v);
 	}
+	addEventListener(type, listener, options) {
+		super.addEventListener(type, listener, options);
+	}
+	removeEventListener(type, listener, options) {
+		super.removeEventListener(type, listener, options);
+	}
 };
 __decorate([(0, lit_decorators_js.property)({
 	type: Array,
@@ -5890,7 +5908,8 @@ __decorate([(0, lit_decorators_js.property)({
 __decorate([(0, lit_decorators_js.property)({ type: Array })], DataTable.prototype, "columns", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "selection-mode"
 })], DataTable.prototype, "selectionMode", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Array,
@@ -5914,11 +5933,13 @@ __decorate([(0, lit_decorators_js.property)({
 })], DataTable.prototype, "manual", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Number,
-	reflect: true
+	reflect: true,
+	attribute: "row-count"
 })], DataTable.prototype, "rowCount", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Number,
-	reflect: true
+	reflect: true,
+	attribute: "page-count"
 })], DataTable.prototype, "pageCount", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Boolean,
@@ -5928,8 +5949,14 @@ __decorate([(0, lit_decorators_js.property)({
 	type: Object,
 	attribute: "expanded"
 })], DataTable.prototype, "_expanded_attr", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Function })], DataTable.prototype, "getRowId", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Function })], DataTable.prototype, "getSubRows", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Function,
+	attribute: "get-row-id"
+})], DataTable.prototype, "getRowId", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Function,
+	attribute: "get-sub-rows"
+})], DataTable.prototype, "getSubRows", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Boolean,
 	reflect: true
@@ -5960,15 +5987,18 @@ __decorate([(0, lit_decorators_js.property)({
 })], DataTable.prototype, "_columnPinning_attr", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Boolean,
-	reflect: true
+	reflect: true,
+	attribute: "sticky-header"
 })], DataTable.prototype, "stickyHeader", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "interaction-mode"
 })], DataTable.prototype, "interactionMode", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Boolean,
-	reflect: true
+	reflect: true,
+	attribute: "single-click-edit"
 })], DataTable.prototype, "singleClickEdit", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Boolean,
@@ -5976,20 +6006,24 @@ __decorate([(0, lit_decorators_js.property)({
 })], DataTable.prototype, "undoable", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Number,
-	reflect: true
+	reflect: true,
+	attribute: "undo-limit"
 })], DataTable.prototype, "undoLimit", void 0);
 __decorate([(0, lit_decorators_js.property)({ converter: { fromAttribute: (v) => v === null ? false : v === "true" ? true : v === "false" ? false : v === "" ? true : v } })], DataTable.prototype, "virtual", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Number,
-	reflect: true
+	reflect: true,
+	attribute: "estimate-row-height"
 })], DataTable.prototype, "estimateRowHeight", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Boolean,
-	reflect: true
+	reflect: true,
+	attribute: "auto-measure"
 })], DataTable.prototype, "autoMeasure", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "max-height"
 })], DataTable.prototype, "maxHeight", void 0);
 __decorate([(0, lit_decorators_js.query)("[data-rozie-ref=\"__rozieRoot\"]")], DataTable.prototype, "_ref__rozieRoot", void 0);
 __decorate([(0, lit_decorators_js.state)()], DataTable.prototype, "_hasSlotDefault", void 0);
@@ -6179,7 +6213,7 @@ __decorate([(0, lit_decorators_js.property)({
 	type: String,
 	reflect: true
 })], Column.prototype, "pinned", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: String })], Column.prototype, "width", void 0);
+__decorate([(0, lit_decorators_js.property)({ converter: { fromAttribute: _rozie_runtime_lit.rozieNumberOrStringAttr } })], Column.prototype, "width", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Boolean,
 	reflect: true
@@ -6188,7 +6222,10 @@ __decorate([(0, lit_decorators_js.property)({
 	type: Boolean,
 	reflect: true
 })], Column.prototype, "groupable", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: String })], Column.prototype, "aggregationFn", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: String,
+	attribute: "aggregation-fn"
+})], Column.prototype, "aggregationFn", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: Boolean,
 	reflect: true
@@ -6197,7 +6234,10 @@ __decorate([(0, lit_decorators_js.property)({
 	type: String,
 	reflect: true
 })], Column.prototype, "editor", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Array })], Column.prototype, "editorOptions", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Array,
+	attribute: "editor-options"
+})], Column.prototype, "editorOptions", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Function })], Column.prototype, "validate", void 0);
 Column = __decorate([(0, lit_decorators_js.customElement)("rozie-column")], Column);
 var Column_default = Column;
@@ -6284,7 +6324,8 @@ let EditorText = class EditorText extends (0, _lit_labs_preact_signals.SignalWat
 };
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-id"
 })], EditorText.prototype, "columnId", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], EditorText.prototype, "column", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], EditorText.prototype, "row", void 0);
@@ -6297,7 +6338,8 @@ __decorate([(0, lit_decorators_js.property)({
 })], EditorText.prototype, "autofocus", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-label"
 })], EditorText.prototype, "columnLabel", void 0);
 __decorate([(0, lit_decorators_js.query)("[data-rozie-ref=\"inputEl\"]")], EditorText.prototype, "_refInputEl", void 0);
 EditorText = __decorate([(0, lit_decorators_js.customElement)("rozie-editor-text")], EditorText);
@@ -6392,7 +6434,8 @@ let EditorNumber = class EditorNumber extends (0, _lit_labs_preact_signals.Signa
 };
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-id"
 })], EditorNumber.prototype, "columnId", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], EditorNumber.prototype, "column", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], EditorNumber.prototype, "row", void 0);
@@ -6405,7 +6448,8 @@ __decorate([(0, lit_decorators_js.property)({
 })], EditorNumber.prototype, "autofocus", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-label"
 })], EditorNumber.prototype, "columnLabel", void 0);
 __decorate([(0, lit_decorators_js.query)("[data-rozie-ref=\"inputEl\"]")], EditorNumber.prototype, "_refInputEl", void 0);
 EditorNumber = __decorate([(0, lit_decorators_js.customElement)("rozie-editor-number")], EditorNumber);
@@ -6496,7 +6540,8 @@ let EditorSelect = class EditorSelect extends (0, _lit_labs_preact_signals.Signa
 };
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-id"
 })], EditorSelect.prototype, "columnId", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], EditorSelect.prototype, "column", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], EditorSelect.prototype, "row", void 0);
@@ -6510,7 +6555,8 @@ __decorate([(0, lit_decorators_js.property)({
 })], EditorSelect.prototype, "autofocus", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-label"
 })], EditorSelect.prototype, "columnLabel", void 0);
 __decorate([(0, lit_decorators_js.query)("[data-rozie-ref=\"selectEl\"]")], EditorSelect.prototype, "_refSelectEl", void 0);
 EditorSelect = __decorate([(0, lit_decorators_js.customElement)("rozie-editor-select")], EditorSelect);
@@ -6580,7 +6626,8 @@ let EditorCheckbox = class EditorCheckbox extends (0, _lit_labs_preact_signals.S
 };
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-id"
 })], EditorCheckbox.prototype, "columnId", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], EditorCheckbox.prototype, "column", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], EditorCheckbox.prototype, "row", void 0);
@@ -6593,7 +6640,8 @@ __decorate([(0, lit_decorators_js.property)({
 })], EditorCheckbox.prototype, "autofocus", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-label"
 })], EditorCheckbox.prototype, "columnLabel", void 0);
 __decorate([(0, lit_decorators_js.query)("[data-rozie-ref=\"inputEl\"]")], EditorCheckbox.prototype, "_refInputEl", void 0);
 EditorCheckbox = __decorate([(0, lit_decorators_js.customElement)("rozie-editor-checkbox")], EditorCheckbox);
@@ -6720,7 +6768,8 @@ let EditorDate = class EditorDate extends (0, _lit_labs_preact_signals.SignalWat
 };
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-id"
 })], EditorDate.prototype, "columnId", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], EditorDate.prototype, "column", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], EditorDate.prototype, "row", void 0);
@@ -6733,7 +6782,8 @@ __decorate([(0, lit_decorators_js.property)({
 })], EditorDate.prototype, "autofocus", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-label"
 })], EditorDate.prototype, "columnLabel", void 0);
 __decorate([(0, lit_decorators_js.query)("[data-rozie-ref=\"inputEl\"]")], EditorDate.prototype, "_refInputEl", void 0);
 EditorDate = __decorate([(0, lit_decorators_js.customElement)("rozie-editor-date")], EditorDate);
@@ -6818,14 +6868,19 @@ let FilterText = class FilterText extends (0, _lit_labs_preact_signals.SignalWat
 };
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-id"
 })], FilterText.prototype, "columnId", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], FilterText.prototype, "column", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], FilterText.prototype, "value", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Function })], FilterText.prototype, "setFilter", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Function,
+	attribute: "set-filter"
+})], FilterText.prototype, "setFilter", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-label"
 })], FilterText.prototype, "columnLabel", void 0);
 FilterText = __decorate([(0, lit_decorators_js.customElement)("rozie-filter-text")], FilterText);
 var FilterText_default = FilterText;
@@ -6925,15 +6980,23 @@ let FilterNumberRange = class FilterNumberRange extends (0, _lit_labs_preact_sig
 };
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-id"
 })], FilterNumberRange.prototype, "columnId", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], FilterNumberRange.prototype, "column", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], FilterNumberRange.prototype, "value", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Function })], FilterNumberRange.prototype, "setFilter", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Object })], FilterNumberRange.prototype, "minMax", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Function,
+	attribute: "set-filter"
+})], FilterNumberRange.prototype, "setFilter", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Object,
+	attribute: "min-max"
+})], FilterNumberRange.prototype, "minMax", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-label"
 })], FilterNumberRange.prototype, "columnLabel", void 0);
 FilterNumberRange = __decorate([(0, lit_decorators_js.customElement)("rozie-filter-number-range")], FilterNumberRange);
 var FilterNumberRange_default = FilterNumberRange;
@@ -6988,15 +7051,23 @@ let FilterSelect = class FilterSelect extends (0, _lit_labs_preact_signals.Signa
 };
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-id"
 })], FilterSelect.prototype, "columnId", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], FilterSelect.prototype, "column", void 0);
 __decorate([(0, lit_decorators_js.property)({ type: Object })], FilterSelect.prototype, "value", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Function })], FilterSelect.prototype, "setFilter", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Array })], FilterSelect.prototype, "uniqueValues", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Function,
+	attribute: "set-filter"
+})], FilterSelect.prototype, "setFilter", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Array,
+	attribute: "unique-values"
+})], FilterSelect.prototype, "uniqueValues", void 0);
 __decorate([(0, lit_decorators_js.property)({
 	type: String,
-	reflect: true
+	reflect: true,
+	attribute: "column-label"
 })], FilterSelect.prototype, "columnLabel", void 0);
 FilterSelect = __decorate([(0, lit_decorators_js.customElement)("rozie-filter-select")], FilterSelect);
 var FilterSelect_default = FilterSelect;
@@ -7251,9 +7322,18 @@ let GroupBar = class GroupBar extends (0, _lit_labs_preact_signals.SignalWatcher
 	}
 };
 __decorate([(0, lit_decorators_js.property)({ type: Array })], GroupBar.prototype, "grouping", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Array })], GroupBar.prototype, "groupableColumns", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Function })], GroupBar.prototype, "applyGrouping", void 0);
-__decorate([(0, lit_decorators_js.property)({ type: Function })], GroupBar.prototype, "clearGrouping", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Array,
+	attribute: "groupable-columns"
+})], GroupBar.prototype, "groupableColumns", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Function,
+	attribute: "apply-grouping"
+})], GroupBar.prototype, "applyGrouping", void 0);
+__decorate([(0, lit_decorators_js.property)({
+	type: Function,
+	attribute: "clear-grouping"
+})], GroupBar.prototype, "clearGrouping", void 0);
 GroupBar = __decorate([(0, lit_decorators_js.customElement)("rozie-group-bar")], GroupBar);
 var GroupBar_default = GroupBar;
 //#endregion