@prefabs.tech/vue3-tanstack-table 0.14.0 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -38,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
38
38
  default: boolean;
39
39
  type: BooleanConstructor;
40
40
  };
41
+ highlightActiveHeaderColumn: BooleanConstructor;
41
42
  id: {
42
43
  default: undefined;
43
44
  type: StringConstructor;
@@ -145,6 +146,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
145
146
  default: boolean;
146
147
  type: BooleanConstructor;
147
148
  };
149
+ highlightActiveHeaderColumn: BooleanConstructor;
148
150
  id: {
149
151
  default: undefined;
150
152
  type: StringConstructor;
@@ -233,6 +235,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
233
235
  showResetButton: boolean;
234
236
  columnActionButtonLabel: string;
235
237
  resetButtonLabel: string;
238
+ highlightActiveHeaderColumn: boolean;
236
239
  isLoading: boolean;
237
240
  isServerTable: boolean;
238
241
  persistState: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Table.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Table.vue.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,mBAAmB,EAAwB,MAAM,UAAU,CAAC;AAE1E,OAAO,KAAK,EACV,SAAS,EACT,kBAAkB,EAElB,YAAY,EAEb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;cAgejB,QAAQ,CAAC,mBAAmB,EAAE,CAAC;;;;;;;cAQ/B,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;;;;;cAKzB,MAAM,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;;;;;;;;cAQpC,QAAQ,CACnC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CACtC;;;;;;;;;;;;;;;;;;;;cAoBc,QAAQ,CAAC,kBAAkB,CAAC;;;;cAI5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;2BAoBlB,MAAM;;;;;;;;;;;;cAaV,MAAM,MAAM,EAAE;;;;;;;2BAOV,MAAM;;;;;;;;cAQT,MAAM;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE;;;;;;;;cAQvC,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;cAvGlB,QAAQ,CAAC,mBAAmB,EAAE,CAAC;;;;;;;cAQ/B,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;;;;;cAKzB,MAAM,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;;;;;;;;cAQpC,QAAQ,CACnC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CACtC;;;;;;;;;;;;;;;;;;;;cAoBc,QAAQ,CAAC,kBAAkB,CAAC;;;;cAI5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;2BAoBlB,MAAM;;;;;;;;;;;;cAaV,MAAM,MAAM,EAAE;;;;;;;2BAOV,MAAM;;;;;;;;cAQT,MAAM;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE;;;;;;;;cAQvC,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;6CA1FY,OAAO,KAAK,OAAO;;;sCAS5C,MAAM,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;;cAyER,MAAM;gBAAU,MAAM;;;;;aAwM/C,CAAC,CAAC,IAAgB,KAAK,GAAG;YAC3B,CAAC,CAAC,IAAiB,KAAK,GAAG;gBACvB,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAtwBvC,wBA8xBc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"Table.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Table.vue.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,mBAAmB,EAAwB,MAAM,UAAU,CAAC;AAE1E,OAAO,KAAK,EACV,SAAS,EACT,kBAAkB,EAElB,YAAY,EAEb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;cAiejB,QAAQ,CAAC,mBAAmB,EAAE,CAAC;;;;;;;cAQ/B,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;;;;;cAKzB,MAAM,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;;;;;;;;cAQpC,QAAQ,CACnC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CACtC;;;;;;;;;;;;;;;;;;;;;cAqBc,QAAQ,CAAC,kBAAkB,CAAC;;;;cAI5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;2BAoBlB,MAAM;;;;;;;;;;;;cAaV,MAAM,MAAM,EAAE;;;;;;;2BAOV,MAAM;;;;;;;;cAQT,MAAM;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE;;;;;;;;cAQvC,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;cAxGlB,QAAQ,CAAC,mBAAmB,EAAE,CAAC;;;;;;;cAQ/B,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;;;;;cAKzB,MAAM,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;;;;;;;;cAQpC,QAAQ,CACnC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CACtC;;;;;;;;;;;;;;;;;;;;;cAqBc,QAAQ,CAAC,kBAAkB,CAAC;;;;cAI5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;2BAoBlB,MAAM;;;;;;;;;;;;cAaV,MAAM,MAAM,EAAE;;;;;;;2BAOV,MAAM;;;;;;;;cAQT,MAAM;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE;;;;;;;;cAQvC,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;;;;;;;;6CA3FY,OAAO,KAAK,OAAO;;;sCAS5C,MAAM,KAAK,OAAO;;;;;;;;;;;;;;;;;;;;;;cA0ER,MAAM;gBAAU,MAAM;;;;;aAwM/C,CAAC,CAAC,IAAgB,KAAK,GAAG;YAC3B,CAAC,CAAC,IAAiB,KAAK,GAAG;gBACvB,CAAC,CAAC,IAAiB,KAAK,GAAG;;AAxwBvC,wBAgyBc;AACd,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import type { Table } from "@tanstack/vue-table";
2
2
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
3
+ highlightActiveColumn: BooleanConstructor;
3
4
  inputDebounceTime: {
4
5
  default: undefined;
5
6
  type: NumberConstructor;
@@ -13,6 +14,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
13
14
  type: () => Table<unknown>;
14
15
  };
15
16
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
17
+ highlightActiveColumn: BooleanConstructor;
16
18
  inputDebounceTime: {
17
19
  default: undefined;
18
20
  type: NumberConstructor;
@@ -27,6 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
27
29
  };
28
30
  }>> & Readonly<{}>, {
29
31
  inputDebounceTime: number;
32
+ highlightActiveColumn: boolean;
30
33
  isFilterRowVisible: boolean;
31
34
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
32
35
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"TableHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TableHeader.vue.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,qBAAqB,CAAC;;;;;;;;;;;;cAgFrC,MAAM,KAAK,CAAC,OAAO,CAAC;;;;;;;;;;;;;cAApB,MAAM,KAAK,CAAC,OAAO,CAAC;;;;;;AA7ExC,wBA8cc"}
1
+ {"version":3,"file":"TableHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TableHeader.vue.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,qBAAqB,CAAC;;;;;;;;;;;;;cAmFrC,MAAM,KAAK,CAAC,OAAO,CAAC;;;;;;;;;;;;;;cAApB,MAAM,KAAK,CAAC,OAAO,CAAC;;;;;;;AAhFxC,wBA6dc"}
@@ -0,0 +1,37 @@
1
+ export declare enum FILTER_FUNCTIONS_ENUM {
2
+ BETWEEN = "between",
3
+ CONTAINS = "contains",
4
+ ENDS_WITH = "endsWith",
5
+ EQUALS = "equals",
6
+ GREATER_THAN = "greaterThan",
7
+ GREATER_THAN_OR_EQUAL = "greaterThanOrEqual",
8
+ IN = "in",
9
+ IS_EMPTY = "isEmpty",
10
+ IS_NOT_EMPTY = "isNotEmpty",
11
+ IS_NOT_NULL = "isNotNull",
12
+ IS_NULL = "isNull",
13
+ LESS_THAN = "lessThan",
14
+ LESS_THAN_OR_EQUAL = "lessThanOrEqual",
15
+ LIKE = "like",
16
+ NOT_BETWEEN = "notBetween",
17
+ NOT_EQUAL = "notEqual",
18
+ NOT_IN = "notIn",
19
+ NOT_LIKE = "notLike",
20
+ STARTS_WITH = "startsWith"
21
+ }
22
+ export declare enum FILTER_OPERATORS_ENUM {
23
+ BETWEEN = "bt",
24
+ CONTAINS = "ct",
25
+ EMPTY = "empty",
26
+ ENDS_WITH = "ew",
27
+ EQUALS = "eq",
28
+ GREATER_THAN = "gt",
29
+ GREATER_THAN_OR_EQUAL = "gte",
30
+ IN = "in",
31
+ LESS_THAN = "lt",
32
+ LESS_THAN_OR_EQUAL = "lte",
33
+ LIKE = "like",
34
+ NULL = "null",
35
+ STARTS_WITH = "sw"
36
+ }
37
+ //# sourceMappingURL=enums.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../src/enums.ts"],"names":[],"mappings":"AAAA,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,SAAS,aAAa;IACtB,MAAM,WAAW;IACjB,YAAY,gBAAgB;IAC5B,qBAAqB,uBAAuB;IAC5C,EAAE,OAAO;IACT,QAAQ,YAAY;IACpB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,OAAO,WAAW;IAClB,SAAS,aAAa;IACtB,kBAAkB,oBAAoB;IACtC,IAAI,SAAS;IACb,WAAW,eAAe;IAC1B,SAAS,aAAa;IACtB,MAAM,UAAU;IAChB,QAAQ,YAAY;IACpB,WAAW,eAAe;CAC3B;AAED,oBAAY,qBAAqB;IAC/B,OAAO,OAAO;IACd,QAAQ,OAAO;IACf,KAAK,UAAU;IACf,SAAS,OAAO;IAChB,MAAM,OAAO;IACb,YAAY,OAAO;IACnB,qBAAqB,QAAQ;IAC7B,EAAE,OAAO;IACT,SAAS,OAAO;IAChB,kBAAkB,QAAQ;IAC1B,IAAI,SAAS;IACb,IAAI,SAAS;IACb,WAAW,OAAO;CACnB"}
@@ -1,4 +1,4 @@
1
- import type { CellAlignmentType, CellDataType, FormatNumberType, PersistentTableState, TRequestJSON } from "./types";
1
+ import type { CellAlignmentType, CellDataType, FormatNumberType, PersistentTableState, TFilterFn as TFilterFunction, TRequestJSON } from "./types";
2
2
  import type { StorageType } from "@prefabs.tech/vue3-ui";
3
3
  import type { ColumnFiltersState, PaginationState, SortingState } from "@tanstack/vue-table";
4
4
  export declare const formatNumber: ({ value, locale, formatOptions, }: FormatNumberType) => string | number;
@@ -10,4 +10,6 @@ export declare const getRequestJSON: (sortingState?: SortingState, filterState?:
10
10
  export declare const getSavedTableState: (id: string, storage: Storage) => PersistentTableState | null;
11
11
  export declare const saveTableState: (id: string, value: PersistentTableState, storage: Storage) => void;
12
12
  export declare const clearSavedTableStates: (storageType?: StorageType) => void;
13
+ export declare const isRangeFilter: (filterFunction: TFilterFunction) => boolean;
14
+ export declare const isDefined: <T>(value: T | undefined | null) => value is T & {};
13
15
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EAEpB,YAAY,EAEb,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,YAAY,EACb,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,YAAY,sCAItB,gBAAgB,oBAOlB,CAAC;AA6DF,eAAO,MAAM,aAAa,yBAGvB;IACD,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,sBAYA,CAAC;AAEF,eAAO,MAAM,cAAc,kBACV,YAAY,gBACb,kBAAkB,oBACd,eAAe,KAChC,YAiGF,CAAC;AAEF,eAAO,MAAM,kBAAkB,OACzB,MAAM,WACD,OAAO,KACf,oBAAoB,GAAG,IAWzB,CAAC;AAEF,eAAO,MAAM,cAAc,OACrB,MAAM,SACH,oBAAoB,WAClB,OAAO,SAQjB,CAAC;AAEF,eAAO,MAAM,qBAAqB,iBACnB,WAAW,SASzB,CAAC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,IAAI,eAAe,EAC5B,YAAY,EAEb,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAEV,kBAAkB,EAClB,eAAe,EACf,YAAY,EACb,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,YAAY,sCAItB,gBAAgB,oBAOlB,CAAC;AA2DF,eAAO,MAAM,aAAa,yBAGvB;IACD,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,sBAYA,CAAC;AAoCF,eAAO,MAAM,cAAc,kBACV,YAAY,gBACb,kBAAkB,oBACd,eAAe,KAChC,YA2FF,CAAC;AAEF,eAAO,MAAM,kBAAkB,OACzB,MAAM,WACD,OAAO,KACf,oBAAoB,GAAG,IAWzB,CAAC;AAEF,eAAO,MAAM,cAAc,OACrB,MAAM,SACH,oBAAoB,WAClB,OAAO,SAQjB,CAAC;AAEF,eAAO,MAAM,qBAAqB,iBACnB,WAAW,SASzB,CAAC;AAEF,eAAO,MAAM,aAAa,mBAAoB,eAAe,YAO5D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,CAAC,GAAG,SAAS,GAAG,IAAI,oBAEvD,CAAC"}
@@ -1 +1 @@
1
- :root{--pagination-bg-color: #f8f9fa;--pagination-padding: .8rem;--pagination-gap: .5rem;--pagination-buttons-bg-color: var(--dz-primary-color);--pagination-buttons-bg-color-hover: #0056b3;--pagination-buttons-bg-color-active: #0056b3;--pagination-buttons-bg-color-disabled: #e4e4e4;--pagination-buttons-color-disabled: inherit;--pagination-border-color: var(--dz-primary-color)}.pagination{align-items:center;background-color:var(--pagination-bg-color);display:flex;flex-wrap:wrap-reverse;justify-content:space-between;gap:var(--pagination-gap);list-style:none;padding:var(--pagination-padding)}.pagination .pagination-buttons-wrapper,.pagination .pagination-buttons-wrapper>div{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pagination-gap);justify-content:center;width:fit-content}.pagination .pagination-buttons-wrapper{margin-left:auto;padding:.5rem 0}.pagination .pagination-buttons-wrapper svg{font-size:1.5rem;max-width:fit-content}.page-button.active{background-color:var(--pagination-buttons-bg-color-active)}.items-per-page-control,.page-input-control{align-items:center;color:#495057;display:flex}.items-per-page-control span,.page-input-control span{margin-right:8px}.items-per-page-control select,.page-input-control input{padding:.375rem;width:4rem}.items-per-page-control select{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px}.items-per-page-control select:focus{border-color:var(--pagination-border-color);box-shadow:0 0 0 .2rem #007bff40;outline:none}:root{--table-border: 1px solid rgb(226, 226, 226);--table-header-bg: #f0f2f7ad;--table-overlay-bg: rgba(255, 255, 255, .6);--table-header-active-bg: rgb(232, 240, 255);--table-row-hover-bg: #318aff0f;--table-column-padding: .8rem;--table-row-selected-bg: rgb(240, 245, 255);--table-body-bg: transparent;--table-stripe-color: transparent;--table-actions-column-width: 4rem;--table-loading-icon-color: black}.table-container{display:flex;flex-direction:column;width:100%;position:relative}.table-container>span{font-weight:700;text-align:center;padding:.2rem 0;margin:0;font-size:1rem}.table-container>span[data-align=left]{text-align:left}.table-container>span[data-align=right]{text-align:right}.table-container .loading-overlay{align-items:center;background:var(--table-overlay-bg);display:flex;justify-content:center;inset:0;position:absolute;z-index:1}.table-container .loading-overlay>.loading{color:var(--table-loading-icon-color, #ffffff);font-size:.5rem}.table-container .toolbar{align-items:center;background:var(--table-header-bg);display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding:var(--table-column-padding);width:100%}.table-container .table-wrapper{width:100%;overflow-x:auto}.table-container .table-wrapper>table{min-width:100%;border-collapse:collapse}.table-container .table-wrapper>table>tbody{background:var(--table-body-bg)}.table-container .toolbar,.table-container .table-wrapper>table,.table-container .table-wrapper>table tr,.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th,.table-container .pagination{border:var(--table-border)}.table-container .pagination{border-top:none}.table-container .toolbar{border-bottom:none}.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th{overflow:hidden}.table-container .table-wrapper>table>tbody>tr>td>.tooltip-container{height:100%;width:100%}.table-container .table-wrapper>table>thead>tr>th.filter{overflow:visible}.table-container .table-wrapper>table tr>td[data-align=center]>*{margin:auto}.table-container .table-wrapper>table tr>th{text-align:left}.table-container .table-wrapper>table tr>td[data-align=center],.table-container .table-wrapper>table tr>th[data-align=center]{text-align:center}.table-container .table-wrapper>table tr>td[data-align=center]>svg,.table-container .table-wrapper>table tr>th[data-align=center]>svg{display:inline-flex;width:100%}.table-container .table-wrapper>table tr>td .dropdown-menu-trigger>svg{max-width:max-content}.table-container .table-wrapper>table tr>td[data-align=right]{text-align:right;padding-right:2rem}.table-container .table-wrapper>table tr>th.sortable{cursor:pointer}.table-container .table-wrapper>table tr>th .sort-state{margin-left:.5rem}.table-container .table-wrapper>table tr>th .sort-state .sort-icon{display:inline-block;vertical-align:text-bottom}.table-container .table-wrapper>table tr>th.sortable:active{background:var(--table-header-active-bg)}.table-container .table-wrapper>table tr>th.highlight,.table-container .table-wrapper>table tr>td.highlight{background:var(--table-header-active-bg)}.table-container .table-wrapper>table>tbody>tr:nth-child(2n){background:var(--table-stripe-color)}.table-container .table-wrapper>table>tbody>tr[data-selected=true]{background:var(--table-row-selected-bg)!important}.table-container .table-wrapper>table>tbody>tr[data-selected=true]:hover,.table-wrapper>table>tbody>tr:hover{background:var(--table-row-hover-bg)!important;transition:background var(--transition-duration) ease}.table-wrapper>table .header-row{background:var(--table-header-bg);font-size:1rem}.table-wrapper>table tr.filters>th.range>.number-range-filter{display:flex;gap:.25rem}.table-wrapper>table tr.filters>th>div input{width:100%;min-width:fit-content;font-weight:400;background:#fff}.table-wrapper>table tr.filters>th.multiselect>div,.table-wrapper>table tr.filters>th.select>div{background:#fff;font-weight:400}.table-wrapper>table tr.filters>th:last-child .multiselect>ul{right:0}.table-wrapper>table tr.filters>th.multiselect>div .input-field-select{margin-top:0}.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th{padding:var(--table-column-padding)}.table-container .table-wrapper>table>thead>tr>th.column-actions,.table-container .table-wrapper>table>thead>tr>th.column-select{width:var(--table-actions-column-width);max-width:var(--table-actions-column-width);min-width:var(--table-actions-column-width)}.table-container tbody td.cell-actions ul.dropdown-menu{text-align:left}.table-container tbody td.cell-select .checkbox-wrapper:not(:has(label)),.table-container thead th.column-select .checkbox-wrapper:not(:has(label)){display:block}.table-container .pagination .page-input-control input{background:#fff}.table-files .column-description{max-width:15rem;min-width:15rem;width:15rem}.table-files .column-downloadCount{max-width:12rem;min-width:12rem;width:12rem}.table-files .column-lastDownloadedAt{max-width:13rem;min-width:13rem;width:13rem}.table-files .column-uploadedAt{max-width:12rem;min-width:12rem;width:12rem}.table-files .column-uploadedBy{max-width:10rem;min-width:10rem;width:10rem}.table-files .column-actions{max-width:4rem;min-width:4rem;width:4rem}
1
+ :root{--pagination-bg-color: #f8f9fa;--pagination-padding: .8rem;--pagination-gap: .5rem;--pagination-buttons-bg-color: var(--dz-primary-color);--pagination-buttons-bg-color-hover: #0056b3;--pagination-buttons-bg-color-active: #0056b3;--pagination-buttons-bg-color-disabled: #e4e4e4;--pagination-buttons-color-disabled: inherit;--pagination-border-color: var(--dz-primary-color)}.pagination{align-items:center;background-color:var(--pagination-bg-color);display:flex;flex-wrap:wrap-reverse;justify-content:space-between;gap:var(--pagination-gap);list-style:none;padding:var(--pagination-padding)}.pagination .pagination-buttons-wrapper,.pagination .pagination-buttons-wrapper>div{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pagination-gap);justify-content:center;width:fit-content}.pagination .pagination-buttons-wrapper{margin-left:auto;padding:.5rem 0}.pagination .pagination-buttons-wrapper svg{font-size:1.5rem;max-width:fit-content}.page-button.active{background-color:var(--pagination-buttons-bg-color-active)}.items-per-page-control,.page-input-control{align-items:center;color:#495057;display:flex}.items-per-page-control span,.page-input-control span{margin-right:8px}.items-per-page-control select,.page-input-control input{padding:.375rem;width:4rem}.items-per-page-control select{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px}.items-per-page-control select:focus{border-color:var(--pagination-border-color);box-shadow:0 0 0 .2rem #007bff40;outline:none}:root{--table-border: 1px solid rgb(226, 226, 226);--table-header-bg: var(--hover-bg, #f0f2f7ad);--table-overlay-bg: rgba(255, 255, 255, .6);--table-header-active-bg: var(--active-bg, #eff6ff);--table-row-hover-bg: var(--hover-bg, #f0f2f7ad);--table-column-padding: .8rem;--table-row-selected-bg: var(--active-bg, #eff6ff);--table-body-bg: transparent;--table-stripe-color: transparent;--table-actions-column-width: 4rem;--table-loading-icon-color: black}.table-container{display:flex;flex-direction:column;width:100%;position:relative}.table-container>span{font-weight:700;text-align:center;padding:.2rem 0;margin:0;font-size:1rem}.table-container>span[data-align=left]{text-align:left}.table-container>span[data-align=right]{text-align:right}.table-container .loading-overlay{align-items:center;background:var(--table-overlay-bg);display:flex;justify-content:center;inset:0;position:absolute;z-index:1}.table-container .loading-overlay>.loading{color:var(--table-loading-icon-color, #ffffff);font-size:.5rem}.table-container .toolbar{align-items:center;background:var(--table-header-bg);display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding:var(--table-column-padding);width:100%}.table-container .table-wrapper{width:100%;overflow-x:auto}.table-container .table-wrapper>table{min-width:100%;border-collapse:collapse}.table-container .table-wrapper>table>tbody{background:var(--table-body-bg)}.table-container .toolbar,.table-container .table-wrapper>table,.table-container .table-wrapper>table tr,.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th,.table-container .pagination{border:var(--table-border)}.table-container .pagination{border-top:none}.table-container .toolbar{border-bottom:none}.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th{overflow:hidden}.table-container .table-wrapper>table>tbody>tr>td>.tooltip-container{height:100%;width:100%}.table-container .table-wrapper>table>thead>tr>th.filter{overflow:visible}.table-container .table-wrapper>table tr>td[data-align=center]>*{margin:auto}.table-container .table-wrapper>table tr>th{text-align:left}.table-container .table-wrapper>table tr>td[data-align=center],.table-container .table-wrapper>table tr>th[data-align=center]{text-align:center}.table-container .table-wrapper>table tr>td[data-align=center]>svg,.table-container .table-wrapper>table tr>th[data-align=center]>svg{display:inline-flex;width:100%}.table-container .table-wrapper>table tr>td .dropdown-menu-trigger>svg{max-width:max-content}.table-container .table-wrapper>table tr>td[data-align=right]{text-align:right;padding-right:2rem}.table-container .table-wrapper>table tr>th.sortable{cursor:pointer}.table-container .table-wrapper>table tr>th .sort-state{margin-left:.5rem}.table-container .table-wrapper>table tr>th .sort-state .sort-icon{display:inline-block;vertical-align:text-bottom}.table-container .table-wrapper>table tr>th.sortable:active{background:var(--table-header-active-bg)}.table-container .table-wrapper>table tr>th.highlight,.table-container .table-wrapper>table tr>td.highlight{background:var(--table-header-active-bg)}.table-container .table-wrapper>table>tbody>tr:nth-child(2n){background:var(--table-stripe-color)}.table-container .table-wrapper>table>tbody>tr[data-selected=true]{background:var(--table-row-selected-bg)!important}.table-container .table-wrapper>table>tbody>tr[data-selected=true]:hover,.table-wrapper>table>tbody>tr:hover{background:var(--table-row-hover-bg)!important;transition:background var(--transition-duration) ease}.table-wrapper>table .header-row{background:var(--table-header-bg);font-size:1rem}.table-wrapper>table tr.filters>th.range>.number-range-filter{display:flex;gap:.25rem}.table-wrapper>table tr.filters>th>div input{width:100%;min-width:fit-content;font-weight:400;background:#fff}.table-wrapper>table tr.filters>th.multiselect>div,.table-wrapper>table tr.filters>th.select>div{background:#fff;font-weight:400}.table-wrapper>table tr.filters>th:last-child .multiselect>ul{right:0}.table-wrapper>table tr.filters>th.multiselect>div .input-field-select{margin-top:0}.table-container .table-wrapper>table>tbody>tr>td,.table-container .table-wrapper>table>thead>tr>th{padding:var(--table-column-padding)}.table-container .table-wrapper>table>thead>tr>th.column-actions,.table-container .table-wrapper>table>thead>tr>th.column-select{width:var(--table-actions-column-width);max-width:var(--table-actions-column-width);min-width:var(--table-actions-column-width)}.table-container tbody td.cell-actions ul.dropdown-menu{text-align:left}.table-container tbody td.cell-select .checkbox-wrapper:not(:has(label)),.table-container thead th.column-select .checkbox-wrapper:not(:has(label)){display:block}.table-container .pagination .page-input-control input{background:#fff}.table-files .column-description{max-width:15rem;min-width:15rem;width:15rem}.table-files .column-downloadCount{max-width:12rem;min-width:12rem;width:12rem}.table-files .column-lastDownloadedAt{max-width:13rem;min-width:13rem;width:13rem}.table-files .column-uploadedAt{max-width:12rem;min-width:12rem;width:12rem}.table-files .column-uploadedBy{max-width:10rem;min-width:10rem;width:10rem}.table-files .column-actions{max-width:4rem;min-width:4rem;width:4rem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prefabs.tech/vue3-tanstack-table",
3
- "version": "0.14.0",
3
+ "version": "0.15.0",
4
4
  "description": "Vue3 Tanstack Table Component Library",
5
5
  "type": "module",
6
6
  "exports": {
@@ -22,8 +22,8 @@
22
22
  "devDependencies": {
23
23
  "@prefabs.tech/eslint-config": "0.2.0",
24
24
  "@prefabs.tech/tsconfig": "0.2.0",
25
- "@prefabs.tech/vue3-form": "0.14.0",
26
- "@prefabs.tech/vue3-ui": "0.14.0",
25
+ "@prefabs.tech/vue3-form": "0.15.0",
26
+ "@prefabs.tech/vue3-ui": "0.15.0",
27
27
  "@iconify/vue": "4.3.0",
28
28
  "@types/node": "22.13.5",
29
29
  "@typescript-eslint/eslint-plugin": "8.24.1",
@@ -50,8 +50,8 @@
50
50
  "vue-tsc": "1.2.0"
51
51
  },
52
52
  "peerDependencies": {
53
- "@prefabs.tech/vue3-form": "0.14.0",
54
- "@prefabs.tech/vue3-ui": "0.14.0",
53
+ "@prefabs.tech/vue3-form": "0.15.0",
54
+ "@prefabs.tech/vue3-ui": "0.15.0",
55
55
  "vue": ">=3.2"
56
56
  },
57
57
  "engines": {