cats-data-grid 1.0.1 → 2.0.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 (27) hide show
  1. package/assets/images/check-white.svg +3 -0
  2. package/assets/images/minus-blue.svg +3 -0
  3. package/assets/images/t-arrow-down.svg +4 -0
  4. package/assets/images/t-arrow-up.svg +4 -0
  5. package/assets/images/t-choose-column.svg +3 -0
  6. package/assets/images/t-data-pipeline.svg +13 -0
  7. package/assets/images/t-filter-applied.svg +4 -0
  8. package/assets/images/t-filter.svg +3 -0
  9. package/assets/images/t-gripper.svg +8 -0
  10. package/assets/images/t-group-by-name.svg +3 -0
  11. package/assets/images/t-more-vertical.svg +5 -0
  12. package/assets/images/t-move.svg +15 -0
  13. package/assets/images/t-x.svg +4 -0
  14. package/fesm2022/cats-data-grid.mjs +1142 -108
  15. package/fesm2022/cats-data-grid.mjs.map +1 -1
  16. package/index.d.ts +421 -5
  17. package/package.json +3 -3
  18. package/styles/base/_reset.scss +1 -1
  19. package/styles/component/_form.scss +331 -204
  20. package/styles/sass-utils/_mixin.scss +31 -0
  21. package/styles/sass-utils/_variable.scss +77 -55
  22. package/lib/cats-data-grid.component.d.ts +0 -323
  23. package/lib/directives/outside-click.directive.d.ts +0 -10
  24. package/lib/directives/renderer-parser.directive.d.ts +0 -15
  25. package/lib/pipes/add-class.pipe.d.ts +0 -7
  26. package/lib/services/cats-data-grid.service.d.ts +0 -6
  27. package/public-api.d.ts +0 -2
package/assets/images/check-white.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.625 0.625L2.5 4.75L0.625 2.875" stroke="#EAF3FD" stroke-width="1.24995" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/assets/images/minus-blue.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="7" height="1" viewBox="0 0 7 1" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0.5 0.5H6.5" stroke="#2680EA" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/assets/images/t-arrow-down.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 3.33334V12.6667" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M12.6667 8L8.00004 12.6667L3.33337 8" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/assets/images/t-arrow-up.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 12.6667V3.33334" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M3.33337 8.00001L8.00004 3.33334L12.6667 8.00001" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/assets/images/t-choose-column.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 2H12.6667C13.0203 2 13.3594 2.14048 13.6095 2.39052C13.8595 2.64057 14 2.97971 14 3.33333V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H8M8 2H3.33333C2.97971 2 2.64057 2.14048 2.39052 2.39052C2.14048 2.64057 2 2.97971 2 3.33333V12.6667C2 13.0203 2.14048 13.3594 2.39052 13.6095C2.64057 13.8595 2.97971 14 3.33333 14H8M8 2V14" stroke="#040D17" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/assets/images/t-data-pipeline.svg ADDED
@@ -0,0 +1,13 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_992_11922)">
3
+ <rect x="1.33301" y="1.33334" width="3.33333" height="3.33333" rx="1.33333" fill="#E6E7E8" stroke="#434A51"/>
4
+ <rect x="5.77734" y="6.33334" width="3.33333" height="3.33333" rx="1.33333" fill="#E6E7E8" stroke="#434A51"/>
5
+ <rect x="5.77734" y="11.3333" width="3.33333" height="3.33333" rx="1.33333" fill="#E6E7E8" stroke="#434A51"/>
6
+ <path d="M6.33333 3L14.6667 3M11.3333 8H14.6667M11.3333 13H14.6667M3 4.66667V8M5.77778 13H3V8M3 8H5.77778" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
7
+ </g>
8
+ <defs>
9
+ <clipPath id="clip0_992_11922">
10
+ <rect width="16" height="16" fill="white"/>
11
+ </clipPath>
12
+ </defs>
13
+ </svg>
package/assets/images/t-filter-applied.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M15 4H3L7.79999 9.67599V13.6L10.2 14.8V9.67599L15 4Z" stroke="#2680EA" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <circle cx="14" cy="4" r="2" fill="#2680EA" stroke="#F0F0F0"/>
4
+ </svg>
package/assets/images/t-filter.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M15 4H3L7.79999 9.67599V13.6L10.2 14.8V9.67599L15 4Z" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/assets/images/t-gripper.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9.00033 5.16668C9.00033 4.79849 8.70185 4.50001 8.33366 4.50001C7.96547 4.50001 7.66699 4.79849 7.66699 5.16668C7.66699 5.53487 7.96547 5.83334 8.33366 5.83334C8.70185 5.83334 9.00033 5.53487 9.00033 5.16668Z" fill="#434A51" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M4.33333 5.16668C4.33333 4.79849 4.03486 4.50001 3.66667 4.50001C3.29848 4.50001 3 4.79849 3 5.16668C3 5.53487 3.29848 5.83334 3.66667 5.83334C4.03486 5.83334 4.33333 5.53487 4.33333 5.16668Z" fill="#434A51" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M13.6663 5.16668C13.6663 4.79849 13.3679 4.50001 12.9997 4.50001C12.6315 4.50001 12.333 4.79849 12.333 5.16668C12.333 5.53487 12.6315 5.83334 12.9997 5.83334C13.3679 5.83334 13.6663 5.53487 13.6663 5.16668Z" fill="#434A51" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M9.00033 10.8333C9.00033 10.4651 8.70185 10.1666 8.33366 10.1666C7.96547 10.1666 7.66699 10.4651 7.66699 10.8333C7.66699 11.2015 7.96547 11.5 8.33366 11.5C8.70185 11.5 9.00033 11.2015 9.00033 10.8333Z" fill="#434A51" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M4.33333 10.8333C4.33333 10.4651 4.03486 10.1666 3.66667 10.1666C3.29848 10.1666 3 10.4651 3 10.8333C3 11.2015 3.29848 11.5 3.66667 11.5C4.03486 11.5 4.33333 11.2015 4.33333 10.8333Z" fill="#434A51" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M13.6663 10.8333C13.6663 10.4651 13.3679 10.1666 12.9997 10.1666C12.6315 10.1666 12.333 10.4651 12.333 10.8333C12.333 11.2015 12.6315 11.5 12.9997 11.5C13.3679 11.5 13.6663 11.2015 13.6663 10.8333Z" fill="#434A51" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
8
+ </svg>
package/assets/images/t-group-by-name.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M2 4H14M2 8H12C12.5304 8 13.0391 8.21071 13.4142 8.58579C13.7893 8.96086 14 9.46957 14 10C14 10.5304 13.7893 11.0391 13.4142 11.4142C13.0391 11.7893 12.5304 12 12 12H9.33333M9.33333 12L10.6667 10.6667M9.33333 12L10.6667 13.3333M2 12H6.66667" stroke="#040D17" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/assets/images/t-more-vertical.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.99992 9.66666C9.36811 9.66666 9.66659 9.36818 9.66659 8.99999C9.66659 8.63181 9.36811 8.33333 8.99992 8.33333C8.63173 8.33333 8.33325 8.63181 8.33325 8.99999C8.33325 9.36818 8.63173 9.66666 8.99992 9.66666Z" fill="#434A51" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M8.99992 5.00001C9.36811 5.00001 9.66659 4.70153 9.66659 4.33334C9.66659 3.96515 9.36811 3.66667 8.99992 3.66667C8.63173 3.66667 8.33325 3.96515 8.33325 4.33334C8.33325 4.70153 8.63173 5.00001 8.99992 5.00001Z" fill="#434A51" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M8.99992 14.3333C9.36811 14.3333 9.66659 14.0349 9.66659 13.6667C9.66659 13.2985 9.36811 13 8.99992 13C8.63173 13 8.33325 13.2985 8.33325 13.6667C8.33325 14.0349 8.63173 14.3333 8.99992 14.3333Z" fill="#434A51" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
5
+ </svg>
package/assets/images/t-move.svg ADDED
@@ -0,0 +1,15 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_751_1724)">
3
+ <path d="M3.33331 6L1.33331 8L3.33331 10" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M6 3.33333L8 1.33333L10 3.33333" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M10 12.6667L8 14.6667L6 12.6667" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M12.6667 6L14.6667 8L12.6667 10" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M1.33331 8H14.6666" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
8
+ <path d="M8 1.33333V14.6667" stroke="#434A51" stroke-linecap="round" stroke-linejoin="round"/>
9
+ </g>
10
+ <defs>
11
+ <clipPath id="clip0_751_1724">
12
+ <rect width="16" height="16" fill="white"/>
13
+ </clipPath>
14
+ </defs>
15
+ </svg>
package/assets/images/t-x.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18 6L6 18" stroke="#040D17" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M6 6L18 18" stroke="#040D17" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>