@den4ik92/ng2-smart-table 19.3.1 → 19.4.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.
Files changed (42) hide show
  1. package/README.md +16 -17
  2. package/fesm2022/den4ik92-ng2-smart-table.mjs +1277 -1499
  3. package/fesm2022/den4ik92-ng2-smart-table.mjs.map +1 -1
  4. package/lib/components/cell/cell-edit-mode/edit-cell.component.d.ts +1 -2
  5. package/lib/components/cell/cell-editors/base-editor.component.d.ts +2 -3
  6. package/lib/components/cell/cell-view-mode/custom-view.component.d.ts +1 -1
  7. package/lib/components/cell/cell-view-mode/view-cell.component.d.ts +1 -1
  8. package/lib/components/cell/cell.component.d.ts +2 -3
  9. package/lib/components/filter/filter-types/checkbox-filter.component.d.ts +5 -6
  10. package/lib/components/filter/filter.component.d.ts +2 -5
  11. package/lib/components/table-columns-editor/column-editor.directive.d.ts +2 -2
  12. package/lib/components/tbody/create-cancel/create-cancel.component.d.ts +13 -0
  13. package/lib/components/tbody/row-actions/row-actions.component.d.ts +23 -0
  14. package/lib/components/tbody/tbody.component.d.ts +16 -18
  15. package/lib/components/tbody/trow/trow.component.d.ts +23 -0
  16. package/lib/components/thead/cells/actions-title.component.d.ts +1 -1
  17. package/lib/components/thead/cells/add-button.component.d.ts +3 -5
  18. package/lib/components/thead/cells/checkbox-select-all.component.d.ts +1 -1
  19. package/lib/components/thead/cells/title/title.component.d.ts +5 -7
  20. package/lib/components/thead/rows/thead-filters-row.component.d.ts +3 -2
  21. package/lib/components/thead/thead.component.d.ts +13 -5
  22. package/lib/lib/data-set/cell.d.ts +7 -11
  23. package/lib/lib/data-set/column.d.ts +2 -1
  24. package/lib/lib/data-set/data-set.d.ts +8 -8
  25. package/lib/lib/data-set/row.d.ts +6 -9
  26. package/lib/lib/data-source/data-source.d.ts +6 -6
  27. package/lib/lib/data-source/local/local.data-source.d.ts +1 -3
  28. package/lib/lib/data-source/local/local.filter.d.ts +2 -2
  29. package/lib/lib/data-source/local/local.sorter.d.ts +1 -1
  30. package/lib/lib/data-source/server/server.data-source.d.ts +0 -2
  31. package/lib/lib/grid.d.ts +3 -5
  32. package/lib/lib/helpers.d.ts +2 -1
  33. package/lib/lib/interfaces/smart-table.models.d.ts +52 -30
  34. package/lib/ng2-smart-table.component.d.ts +36 -18
  35. package/package.json +1 -1
  36. package/public-api.d.ts +1 -1
  37. package/lib/components/tbody/cells/create-cancel.component.d.ts +0 -16
  38. package/lib/components/tbody/cells/custom.component.d.ts +0 -15
  39. package/lib/components/tbody/cells/edit-delete.component.d.ts +0 -25
  40. package/lib/components/thead/cells/actions.component.d.ts +0 -10
  41. package/lib/components/thead/cells/column-title.component.d.ts +0 -9
  42. package/lib/components/thead/rows/thead-form-row.component.d.ts +0 -14
package/README.md CHANGED
@@ -39,9 +39,9 @@ Then register it by adding to the list of directives of your module:
39
39
  @NgModule({
40
40
  imports: [
41
41
  // ...
42
-
42
+
43
43
  Ng2SmartTableModule,
44
-
44
+
45
45
  // ...
46
46
  ],
47
47
  declarations: [ ... ]
@@ -51,7 +51,7 @@ Then register it by adding to the list of directives of your module:
51
51
 
52
52
  Now, we need to configure the table and add it into the template. The only <strong>required</strong> setting for the component to start working is a columns configuration.
53
53
  Let's register <i>settings</i> property inside of the component where we want to have the table and configure some columns [Settings documentation](https://akveo.github.io/ng2-smart-table/#/documentation):
54
-
54
+
55
55
  ```
56
56
  settings = {
57
57
  columns: {
@@ -84,7 +84,7 @@ Finally let's put the ng2-smart-table component inside of the template:
84
84
  // ...
85
85
  ```
86
86
  At this step you will have a minimal configured table. All functions are available by default and you don't need to configure them anyhow, so now you can add/edit/delete rows, sort or filter the table, etc.
87
-
87
+
88
88
  Still it seems like something is missing... Right, there is no data in the table by default. To add some, let's create an array property with a list of objects in the component. Please note that object keys are the same as in the columns configuration.
89
89
 
90
90
  ```
@@ -101,9 +101,9 @@ data = [
101
101
  username: "Antonette",
102
102
  email: "Shanna@melissa.tv"
103
103
  },
104
-
104
+
105
105
  // ... list of items
106
-
106
+
107
107
  {
108
108
  id: 11,
109
109
  name: "Nicholas DuBuque",
@@ -127,7 +127,7 @@ And pass the data to the table:
127
127
  ```
128
128
 
129
129
  Now you have some data in the table.
130
-
130
+
131
131
  ## Further Documentation
132
132
  Installation, customization and other useful articles: https://akveo.github.io/ng2-smart-table/
133
133
 
@@ -155,13 +155,12 @@ Yes! Visit [our homepage](http://akveo.com/) or simply leave us a note to [cont
155
155
  ## License
156
156
  [MIT](LICENSE.txt) license.
157
157
 
158
- ## Special thanks to our awesome contributors!
159
-
160
- [<img alt="nnixaa" src="https://avatars0.githubusercontent.com/u/230527?v=3&s=60" width="60">](https://github.com/nnixaa)[<img alt="lexzhukov" src="https://avatars0.githubusercontent.com/u/12192373?v=3&s=60" width="60">](https://github.com/lexzhukov)[<img alt="damnko" src="https://avatars2.githubusercontent.com/u/680205?v=3&s=60" width="60">](https://github.com/damnko)[<img alt="Tibing" src="https://avatars2.githubusercontent.com/u/17410089?v=3&s=60" width="60">](https://github.com/Tibing)[<img alt="Ezeon" src="https://avatars0.githubusercontent.com/u/21973741?v=3&s=60" width="60">](https://github.com/Ezeon)[<img alt="Deilan" src="https://avatars1.githubusercontent.com/u/4777512?v=3&s=60" width="60">](https://github.com/Deilan)[<img alt="hoswey" src="https://avatars0.githubusercontent.com/u/3689445?v=3&s=60" width="60">](https://github.com/hoswey)[<img alt="stacyakveo" src="https://avatars2.githubusercontent.com/u/27723447?v=3&s=60" width="60">](https://github.com/stacyakveo)[<img alt="Akshaymisal5" src="https://avatars3.githubusercontent.com/u/15906551?v=3&s=60" width="60">](https://github.com/Akshaymisal5)[<img alt="geneeblack" src="https://avatars0.githubusercontent.com/u/282525?v=3&s=60" width="60">](https://github.com/geneeblack)[<img alt="vvandoorne" src="https://avatars2.githubusercontent.com/u/26658175?v=3&s=60" width="60">](https://github.com/vvandoorne)[<img alt="ananthhh" src="https://avatars1.githubusercontent.com/u/3583234?v=3&s=60" width="60">](https://github.com/ananthhh)[<img alt="bis-sb" src="https://avatars1.githubusercontent.com/u/22668001?v=3&s=60" width="60">](https://github.com/bis-sb)[<img alt="tadashi-aikawa" src="https://avatars1.githubusercontent.com/u/9500018?v=3&s=60" width="60">](https://github.com/tadashi-aikawa)
161
-
162
- [<img alt="nureha" src="https://avatars2.githubusercontent.com/u/7064537?v=3&s=60" width="60">](https://github.com/nureha)[<img alt="vlupu10" src="https://avatars1.githubusercontent.com/u/3597512?v=3&s=60" width="60">](https://github.com/vlupu10)[<img alt="zhouhao27" src="https://avatars1.githubusercontent.com/u/8099731?v=3&s=60" width="60">](https://github.com/zhouhao27)[<img alt="hkb1990" src="https://avatars1.githubusercontent.com/u/2637138?v=3&s=60" width="60">](https://github.com/hkb1990)[<img alt="liaosong" src="https://avatars0.githubusercontent.com/u/3927282?v=3&s=60" width="60">](https://github.com/liaosong)[<img alt="ktriek" src="https://avatars2.githubusercontent.com/u/4461059?v=3&s=60" width="60">](https://github.com/ktriek)
163
-
164
- ### From akveo
165
-
166
- Enjoy :metal:
167
- We're always happy to hear your feedback!
158
+ ## Custom css var for styling with default value
159
+ --table-header-dropdown-background: #ffffff
160
+ --table-card-shadow:0 0 8px 5px #d7d7d791
161
+ --table-card-background-color: #ffffff
162
+ --table-header-dropdown-max-height: 60dvh
163
+ --table-header-dropdown-width: 80dvw
164
+ --table-border-primary: #d5d5d5
165
+ --table-header-dropdown-close-button-color: #000
166
+ --table-header-dropdown-overlay-background: #cbcbcb53