@colijnit/corecomponents_v12 12.0.43 → 12.0.44

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 (24) hide show
  1. package/bundles/colijnit-corecomponents_v12.umd.js +95 -25
  2. package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
  3. package/colijnit-corecomponents_v12.metadata.json +1 -1
  4. package/esm2015/lib/components/grid-toolbar/grid-toolbar.component.js +17 -6
  5. package/esm2015/lib/components/grid-toolbar/grid-toolbar.module.js +4 -2
  6. package/esm2015/lib/components/simple-grid/base-simple-grid.component.js +14 -3
  7. package/esm2015/lib/components/simple-grid/simple-grid-cell.component.js +7 -5
  8. package/esm2015/lib/components/simple-grid/simple-grid-column.directive.js +19 -1
  9. package/esm2015/lib/components/simple-grid/simple-grid.component.js +49 -26
  10. package/esm2015/lib/core/enum/core-components-icon.enum.js +6 -1
  11. package/esm2015/lib/core/model/core-components-icon-svg.js +6 -1
  12. package/fesm2015/colijnit-corecomponents_v12.js +107 -31
  13. package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
  14. package/lib/components/grid-toolbar/grid-toolbar.component.d.ts +6 -1
  15. package/lib/components/grid-toolbar/style/_layout.scss +28 -0
  16. package/lib/components/grid-toolbar/style/_material-definition.scss +15 -0
  17. package/lib/components/grid-toolbar/style/_theme.scss +12 -0
  18. package/lib/components/simple-grid/base-simple-grid.component.d.ts +4 -1
  19. package/lib/components/simple-grid/simple-grid-cell.component.d.ts +3 -2
  20. package/lib/components/simple-grid/simple-grid-column.directive.d.ts +6 -2
  21. package/lib/components/simple-grid/simple-grid.component.d.ts +8 -4
  22. package/lib/components/simple-grid/style/_layout.scss +5 -1
  23. package/lib/core/enum/core-components-icon.enum.d.ts +5 -0
  24. package/package.json +1 -1
package/bundles/colijnit-corecomponents_v12.umd.js CHANGED
@@ -1041,6 +1041,7 @@
1041
1041
  "finish": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"3.2\" y=\"24.12\" width=\"26.3\" height=\"1.75\" transform=\"translate(-13.22 29.26) rotate(-65)\" fill=\"#484f60\"/><path d=\"M27,16.77a4.75,4.75,0,0,0-4,.36l1.56-3.33a5.8,5.8,0,0,1,3.65.48Z\" fill=\"#484f60\"/><path d=\"M29.67,19.27A6.91,6.91,0,0,0,27,16.77l1.17-2.49A10.31,10.31,0,0,1,31,16.47Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M31.92,22.73c-.77-1.11-1.48-2.37-2.25-3.46l1.3-2.8c.88.89,1.71,1.87,2.58,2.77Z\" fill=\"#484f60\"/><path d=\"M34.6,25.27a7.18,7.18,0,0,1-2.68-2.54l1.63-3.49a11.18,11.18,0,0,0,2.83,2.22C35.76,22.79,35.17,24.06,34.6,25.27Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M38.59,25a4.56,4.56,0,0,1-4,.25c.57-1.21,1.16-2.48,1.78-3.81A5.84,5.84,0,0,0,40,22Z\" fill=\"#484f60\"/><path d=\"M25.61,19.66c-1.09-.42-2.45-.28-4.24.81.52-1.11,1-2.22,1.55-3.34a4.75,4.75,0,0,1,4-.36Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M28.26,22.27a5.89,5.89,0,0,0-2.65-2.61L27,16.77a6.91,6.91,0,0,1,2.71,2.5C29.21,20.24,28.75,21.24,28.26,22.27Z\" fill=\"#484f60\"/><path d=\"M30.37,26.05c-.73-1.2-1.37-2.59-2.11-3.78.49-1,.95-2,1.41-3,.77,1.09,1.48,2.35,2.25,3.46C31.39,23.86,30.88,25,30.37,26.05Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M33,28.72a6.22,6.22,0,0,1-2.63-2.67c.51-1.08,1-2.19,1.55-3.32a7.18,7.18,0,0,0,2.68,2.54C34,26.48,33.5,27.63,33,28.72Z\" fill=\"#484f60\"/><path d=\"M37.18,28c-1.77,1-3.11,1.14-4.18.68.5-1.09,1-2.24,1.6-3.45a4.56,4.56,0,0,0,4-.25Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M24.09,22.94c-1.11-.41-2.47-.24-4.28.87l1.56-3.34c1.79-1.09,3.15-1.23,4.24-.81Z\" fill=\"#484f60\"/><path d=\"M26.77,25.48a5.87,5.87,0,0,0-2.68-2.54l1.52-3.28a5.89,5.89,0,0,1,2.65,2.61Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M28.91,29.19c-.74-1.17-1.4-2.54-2.14-3.71l1.49-3.21c.74,1.19,1.38,2.58,2.11,3.78Z\" fill=\"#484f60\"/><path d=\"M31.56,31.81a6.12,6.12,0,0,1-2.65-2.62l1.46-3.14A6.22,6.22,0,0,0,33,28.72Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M35.78,31.06c-1.79,1.06-3.14,1.18-4.22.75L33,28.72c1.07.46,2.41.36,4.18-.68C36.71,29,36.24,30.05,35.78,31.06Z\" fill=\"#484f60\"/><path d=\"M22.38,26.6a5.07,5.07,0,0,0-4.13.54l1.56-3.33c1.81-1.11,3.17-1.28,4.28-.87Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M25.18,28.9a6.5,6.5,0,0,0-2.8-2.3l1.71-3.66a5.87,5.87,0,0,1,2.68,2.54Z\" fill=\"#484f60\"/><path d=\"M27.52,32.17c-.8-1-1.54-2.24-2.34-3.27l1.59-3.42c.74,1.17,1.4,2.54,2.14,3.71Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M30.29,34.52a6.78,6.78,0,0,1-2.77-2.35l1.39-3a6.12,6.12,0,0,0,2.65,2.62C31.11,32.77,30.69,33.68,30.29,34.52Z\" fill=\"#484f60\"/><path d=\"M34.37,34.08a4.91,4.91,0,0,1-4.08.44c.4-.84.82-1.75,1.27-2.71,1.08.43,2.43.31,4.22-.75Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M20.49,30.64a6.4,6.4,0,0,0-3.79-.16c.52-1.11,1-2.22,1.55-3.34a5.07,5.07,0,0,1,4.13-.54Z\" fill=\"#484f60\"/><path d=\"M23.49,32.52a10.08,10.08,0,0,0-3-1.88l1.89-4a6.5,6.5,0,0,1,2.8,2.3Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M26.21,35c-.92-.79-1.8-1.67-2.72-2.45l1.69-3.62c.8,1,1.54,2.23,2.34,3.27C27.07,33.13,26.63,34.06,26.21,35Z\" fill=\"#484f60\"/><path d=\"M29.2,36.87a10.23,10.23,0,0,1-3-1.9c.42-.91.86-1.84,1.31-2.8a6.78,6.78,0,0,0,2.77,2.35Z\" fill=\"#484f60\" opacity=\"0\"/><path d=\"M33,37.1a6.27,6.27,0,0,1-3.76-.23l1.09-2.35a4.91,4.91,0,0,0,4.08-.44Z\" fill=\"#484f60\"/></svg>",
1042
1042
  "fixed_option_value_tree": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"21.92 38.92 21.7 13.06 22.57 13.06 23.89 38.92 21.92 38.92\" fill=\"#484f60\"/><polygon points=\"21.56 28.7 17.71 26.89 17.01 25.01 17.62 24.78 18.23 26.41 21.84 28.1 21.56 28.7 21.56 28.7\" fill=\"#484f60\"/><polygon points=\"13.82 30.17 13.36 29.7 14.56 28.5 17.86 28.72 19.29 27.5 19.72 27.99 18.09 29.39 14.81 29.18 13.82 30.17 13.82 30.17\" fill=\"#484f60\"/><polygon points=\"16.26 27.2 16.18 26.54 17.93 26.32 18.01 26.98 16.26 27.2 16.26 27.2\" fill=\"#484f60\"/><polygon points=\"15.87 30.72 15.26 30.46 15.92 28.93 16.52 29.19 15.87 30.72 15.87 30.72\" fill=\"#484f60\"/><polygon points=\"21.7 19.64 16 16.57 21.48 20.95 21.7 19.64\" fill=\"#484f60\"/><polygon points=\"19.4 18.39 18.5 13.62 19.93 12.18 20.39 12.64 19.2 13.83 20.05 18.26 19.4 18.39 19.4 18.39\" fill=\"#484f60\"/><polygon points=\"10.3 18.57 9.88 18.07 11.26 16.91 15.69 16.28 15.9 12.05 17.3 10.64 17.77 11.11 16.54 12.33 16.32 16.86 11.54 17.54 10.3 18.57 10.3 18.57\" fill=\"#484f60\"/><polygon points=\"13.98 16.98 12.89 15.45 13.42 15.06 14.52 16.6 13.98 16.98 13.98 16.98\" fill=\"#484f60\"/><polygon points=\"15.92 12.32 15.26 10.79 15.87 10.53 16.52 12.06 15.92 12.32 15.92 12.32\" fill=\"#484f60\"/><polygon points=\"15.78 15.5 13.46 13.41 13.71 11.71 14.36 11.79 14.16 13.16 16.22 15.01 15.78 15.5 15.78 15.5\" fill=\"#484f60\"/><polygon points=\"22.64 13.54 18.86 10.47 19.28 9.96 22.51 12.59 24.39 9.86 25.91 10.11 25.81 10.76 24.7 10.57 22.64 13.54 22.64 13.54\" fill=\"#484f60\"/><polygon points=\"22.02 12.05 21.38 11.89 21.82 10.14 22.46 10.29 22.02 12.05 22.02 12.05\" fill=\"#484f60\"/><polygon points=\"24.29 10.42 23.41 9.33 23.93 8.92 24.8 10.01 24.29 10.42 24.29 10.42\" fill=\"#484f60\"/><polygon points=\"23.27 17.21 22.75 16.81 24.88 14.05 24.88 11.75 25.53 11.75 25.53 14.27 23.27 17.21 23.27 17.21\" fill=\"#484f60\"/><polygon points=\"26.52 14.49 25.2 14.49 25.2 13.83 26.52 13.83 26.52 14.49 26.52 14.49\" fill=\"#484f60\"/><polygon points=\"28.49 15.04 26.74 17.23 23.23 23.14 23.45 25.11 27.61 17.45 28.49 15.04\" fill=\"#484f60\"/><polygon points=\"28.21 15.39 27.73 12.05 27.09 10.33 27.7 10.1 28.38 11.92 28.77 14.68 30.87 14.49 33.99 14.71 33.94 15.37 30.88 15.15 28.21 15.39 28.21 15.39\" fill=\"#484f60\"/><polygon points=\"28.27 12.22 27.84 11.72 29.59 10.19 30.02 10.68 28.27 12.22 28.27 12.22\" fill=\"#484f60\"/><polygon points=\"31.15 15.03 30.65 14.6 32.18 12.85 32.68 13.28 31.15 15.03 31.15 15.03\" fill=\"#484f60\"/><polygon points=\"26.19 17.67 25.53 17.67 25.53 15.69 26.19 15.69 26.19 17.67 26.19 17.67\" fill=\"#484f60\"/><polygon points=\"29.24 19.31 26.74 19.31 26.74 18.65 29.05 18.65 31.17 17.38 31.51 17.95 29.24 19.31 29.24 19.31\" fill=\"#484f60\"/><rect x=\"29.48\" y=\"18.63\" width=\"0.66\" height=\"1.58\" transform=\"translate(-2.87 33.48) rotate(-56.37)\" fill=\"#484f60\"/><path d=\"M26.8,24.44l-3.57,2.65.22,2.19,3.23-3.23v-.21A7.77,7.77,0,0,1,26.8,24.44Z\" fill=\"#484f60\"/><path d=\"M28,20.22l-.3.59.92.45a5.32,5.32,0,0,1,.59-.44Z\" fill=\"#484f60\"/><path d=\"M33.13,19.93l.76-.84h1.39v-.66H33.6L32.2,20c.26,0,.51,0,.78,0Z\" fill=\"#484f60\"/><polygon points=\"34.07 18.8 33.42 18.72 33.64 16.97 34.29 17.05 34.07 18.8 34.07 18.8\" fill=\"#484f60\"/><path d=\"M36,20.31l-.46-.47-.35.35q.38.09.72.21Z\" fill=\"#484f60\"/><path d=\"M32.71,24.63l.11.06.4,1.19.62-.21-.34-1h-.79Z\" fill=\"#484f60\"/><polygon points=\"26.6 26.29 26.68 26.32 26.68 26.13 26.6 26.29\" fill=\"#484f60\"/><polygon points=\"21.7 25.99 17.32 23.36 14.69 21.39 18.19 22.92 21.7 24.02 21.7 25.99\" fill=\"#484f60\"/><polygon points=\"18.52 22.92 17.86 22.92 17.86 20.07 18.52 20.07 18.52 22.92 18.52 22.92\" fill=\"#484f60\"/><polygon points=\"15.75 21.61 14.24 19.88 12.52 18.59 12.91 18.06 14.71 19.42 16.25 21.17 15.75 21.61 15.75 21.61\" fill=\"#484f60\"/><polygon points=\"14.78 19.73 14.15 19.55 14.59 18.01 15.22 18.2 14.78 19.73 14.78 19.73\" fill=\"#484f60\"/><polygon points=\"14.69 21.72 11.7 21.72 10.07 20.09 10.54 19.63 11.97 21.06 14.69 21.06 14.69 21.72 14.69 21.72\" fill=\"#484f60\"/><polygon points=\"11 22.91 10.49 22.49 11.59 21.18 12.09 21.6 11 22.91 11 22.91\" fill=\"#484f60\"/><polygon points=\"13.7 28.21 13.04 28.15 13.3 25.61 14.26 23.98 16.67 22.01 17.08 22.52 14.72 24.45 13.91 25.87 13.7 28.21 13.7 28.21\" fill=\"#484f60\"/><polygon points=\"13.59 26.1 11.84 26.1 11.84 25.44 13.59 25.44 13.59 26.1 13.59 26.1\" fill=\"#484f60\"/><polygon points=\"14.3 24.52 12.77 23.65 13.1 23.08 14.63 23.95 14.3 24.52 14.3 24.52\" fill=\"#484f60\"/><path d=\"M38.08,29.2H27.88c-1.87,0-2,1.52-2,3.41V38c0,1.89.17,3.42,2,3.42h10.2c1.88,0,2-1.53,2-3.42V32.61C40.12,30.72,40,29.2,38.08,29.2ZM29.8,39.75l1.73-4.22a2.55,2.55,0,1,1,2.9,0l1.74,4.22Z\" fill=\"#484f60\"/><path d=\"M36,25.84c0-2.4-1.35-2.71-3-2.71h0c-1.66,0-3,.31-3,2.71v2h-1.8v-2c0-3.34,2.15-4.42,4.8-4.42h0c2.66,0,4.81,1.08,4.81,4.42v2H36Z\" fill=\"#484f60\"/></svg>",
1043
1043
  "fixed_tree_option_value": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,27.8H27.76c-1.88,0-2.05,1.53-2.05,3.41v5.4c0,1.88.17,3.41,2.05,3.41H38c1.88,0,2-1.53,2-3.41v-5.4C40,29.33,39.83,27.8,38,27.8ZM29.67,38.35l1.74-4.22a2.56,2.56,0,0,1,1.45-4.66,2.56,2.56,0,0,1,1.45,4.66L36,38.35Z\" fill=\"#484f60\"/><path d=\"M35.86,24.44c0-2.4-1.34-2.71-3-2.71h0c-1.66,0-3,.31-3,2.71v2h-1.8v-2c0-3.34,2.15-4.42,4.81-4.42h0c2.65,0,4.8,1.08,4.8,4.42v2h-1.8Z\" fill=\"#484f60\"/><path d=\"M29.19,19.36l-1.43,0A2.12,2.12,0,0,1,25.94,18l-2.49-7.16c-.25-.71-.65-.71-.9,0L20.06,18a2.12,2.12,0,0,1-1.82,1.32l-7.58.16c-.76,0-.88.4-.28.85l6,4.58a2.14,2.14,0,0,1,.7,2.15l-2.2,7.25c-.22.72.11,1,.73.53l6.22-4.33a2.14,2.14,0,0,1,2.26,0l.09.07c.05-1.35.35-3.5,2.33-4.12v-2A5.41,5.41,0,0,1,29.19,19.36Z\" fill=\"#484f60\"/></svg>",
1044
+ "floppy_disk_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M433.1 129.1l-83.9-83.9C342.3 38.32 327.1 32 316.1 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V163.9C448 152.9 441.7 137.7 433.1 129.1zM224 416c-35.34 0-64-28.66-64-64s28.66-64 64-64s64 28.66 64 64S259.3 416 224 416zM320 208C320 216.8 312.8 224 304 224h-224C71.16 224 64 216.8 64 208v-96C64 103.2 71.16 96 80 96h224C312.8 96 320 103.2 320 112V208z\"/></svg>",
1044
1045
  "FolderArrow": "<svg preserveAspectRatio=\"none\" version=\"1.1\" viewBox=\"0 0 50 50\" x=\"0px\" xmlns=\"http://www.w3.org/2000/svg\" y=\"0px\"><g transform=\" translate(11 11)\"><path d=\"M 7.695 3.589 L 7.695 0 L 1.591 0 C 0.711 0 0 0.711 0 1.59 L 0 11.109 L 2.535 6.039 C 2.688 4.703 3.793 3.66 7.695 3.589 Z\" fill=\"#1E2930\" transform=\" translate(0.463 10.031)\" /><path d=\"M 7.7 1.59 C 7.7 0.711 6.988 0 6.109 0 L 0 0 L 0 3.574 L 7.7 3.574 L 7.7 1.59 Z\" fill=\"#1E2930\" transform=\" translate(16.924 10.031)\" /><path d=\"M 22.566 11.285 C 22.566 12.164 21.856 12.875 20.981 12.875 L 1.59 12.875 C 0.711 12.875 0 12.164 0 11.285 L 3.973 1.59 C 3.973 0.711 4.684 0 5.563 0 L 24.953 0 C 25.828 0 26.543 0.711 26.543 1.59 L 22.566 11.285 Z\" fill=\"#1E2930\" transform=\" translate(0.994 15.593)\" /><path d=\"M 6.331 0 L 0 6.332 L 3.938 6.332 L 3.938 12.871 L 8.729 12.871 L 8.729 6.332 L 12.663 6.332 L 6.331 0 Z\" fill=\"#1E2930\" transform=\" translate(6.21 0.468)\" /></g></svg>",
1045
1046
  "folder_arrow_in": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><path d=\"M286.1,417a1.6,1.6,0,0,0-1.6,1.6v9.5l2.5-5.1c0.2-1.3,1.3-2.4,5.2-2.4H294l-3.6-3.6h-4.3Z\" transform=\"translate(-272.5 -396)\" fill=\"#4d5050\"/><path d=\"M307,417h-4.4l-3.6,3.6h9.5v-2A1.6,1.6,0,0,0,307,417Z\" transform=\"translate(-272.5 -396)\" fill=\"#4d5050\"/><path d=\"M307.6,433.9a1.6,1.6,0,0,1-1.6,1.6H286.6a1.6,1.6,0,0,1-1.6-1.6l4-9.7a1.6,1.6,0,0,1,1.6-1.6h19.4a1.6,1.6,0,0,1,1.6,1.6Z\" transform=\"translate(-272.5 -396)\" fill=\"#4d5050\"/><polygon points=\"24 24.4 30.4 18 26.4 18 26.4 11.5 21.6 11.5 21.6 18 17.7 18 24 24.4\" fill=\"#4d5050\"/></svg>",
1046
1047
  "formula": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M14.85,15.24a16.12,16.12,0,0,0-3,10,16.45,16.45,0,0,0,3,9.86H13.19A15.77,15.77,0,0,1,10,25.2a16.12,16.12,0,0,1,3.19-10Z\" fill=\"#484f60\"/><path d=\"M35.15,35.09a16.11,16.11,0,0,0,3.05-10,16.46,16.46,0,0,0-3.05-9.87h1.66A15.77,15.77,0,0,1,40,25.13a16.1,16.1,0,0,1-3.19,10Z\" fill=\"#484f60\"/><path d=\"M32.26,30.25c-.82,1.84-3.08,2.12-4.88,2.18-2.8.1-3.3-2.53-4.2-4.62-1.12,1.56-2.48,4.44-4.73,4.55-3.31.16-2.54-4.67.72-4.58,3.67.1,3.93-1.43,3-4.68-.79-2.68-1.5-3.43-4.28-2.9.36-2.05,3.29-2.3,4.91-2.23,2.43.11,3.17,2.66,3.82,4.6,1.16-1.67,3.49-6.08,6.18-4.22,2.34,1.61-.28,4.22-2.26,4.09-3.81-.26-3.72,2-2.71,5.1.86,2.67,1.72,3,4.47,2.71C31.41,32.14,29,30.64,32.26,30.25Z\" fill=\"#484f60\"/></svg>",
@@ -1116,6 +1117,7 @@
1116
1117
  "over_booking": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"31.66 31 27.76 27.1 27.76 29.73 25.86 29.74 23.34 29.73 23.34 32.27 24.59 32.27 27.76 32.26 27.76 34.9 31.66 31\" fill=\"#484f60\"/><rect x=\"12.27\" y=\"30.23\" width=\"2.39\" height=\"4.77\" fill=\"#484f60\" opacity=\"0.75\"/><rect x=\"15.34\" y=\"30.23\" width=\"2.39\" height=\"4.77\" fill=\"#484f60\" opacity=\"0.75\"/><polygon points=\"21.34 27.73 22.5 27.73 22.5 23.41 15 20 7.5 23.41 7.5 35 10.91 35 10.91 28.86 19.09 28.86 19.09 35 22.5 35 22.5 34.27 21.34 34.27 21.34 27.73\" fill=\"#484f60\" opacity=\"0.75\"/><rect x=\"38.86\" y=\"28.64\" width=\"3.18\" height=\"6.36\" fill=\"#484f60\"/><polygon points=\"32.5 19.54 32.5 29.01 34.49 31 32.5 32.99 32.5 35 37.05 35 37.05 26.82 42.5 26.82 42.5 15 32.5 19.54\" fill=\"#484f60\"/></svg>",
1117
1118
  "pause_circle": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><g><g><path fill=\"#484F5F\" d=\"M23.5,18.5v14h-3.1v-14H23.5z M30.6,18.5v14h-3.1v-14H30.6z\"/></g><path fill=\"#484F5F\" d=\"M25.5,39.5c-7.7,0-14-6.3-14-14s6.3-14,14-14s14,6.3,14,14S33.2,39.5,25.5,39.5 M25.5,40.5c8.3,0,15-6.7,15-15c0-8.3-6.7-15-15-15c-8.3,0-15,6.7-15,15C10.5,33.8,17.2,40.5,25.5,40.5L25.5,40.5z\"/></g></svg>",
1118
1119
  "pencil_round_open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><rect x=\"290.8\" y=\"419.4\" width=\"10.4\" height=\"0.49\" transform=\"translate(-482.6 -62.8) rotate(-45)\" fill=\"#fff\"/><rect x=\"292.6\" y=\"420\" width=\"10.4\" height=\"3.1\" transform=\"translate(-483.4 -60.6) rotate(-45)\" fill=\"#fff\"/><path d=\"M305.8,414.7l-2.1-2.1a0.8,0.8,0,0,0-1.1,0l-0.8.8,3.1,3.1,0.8-.8A0.8,0.8,0,0,0,305.8,414.7Z\" transform=\"translate(-272.5 -395)\" fill=\"#fff\"/><rect x=\"301.6\" y=\"414\" width=\"1.3\" height=\"4.44\" transform=\"translate(-478.3 -59.3) rotate(-45)\" fill=\"#fff\"/><polygon points=\"18.8 29.3 17.5 33.1 17.9 33.5 21.7 32.2 18.8 29.3\" fill=\"#fff\"/><path d=\"M298,436a15.5,15.5,0,1,1,15.5-15.5A15.5,15.5,0,0,1,298,436Zm0-30a14.5,14.5,0,1,0,14.5,14.5A14.5,14.5,0,0,0,298,406Z\" transform=\"translate(-272.5 -395)\" fill=\"#fff\"/></svg>",
1120
+ "pen_to_square_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M490.3 40.4C512.2 62.27 512.2 97.73 490.3 119.6L460.3 149.7L362.3 51.72L392.4 21.66C414.3-.2135 449.7-.2135 471.6 21.66L490.3 40.4zM172.4 241.7L339.7 74.34L437.7 172.3L270.3 339.6C264.2 345.8 256.7 350.4 248.4 353.2L159.6 382.8C150.1 385.6 141.5 383.4 135 376.1C128.6 370.5 126.4 361 129.2 352.4L158.8 263.6C161.6 255.3 166.2 247.8 172.4 241.7V241.7zM192 63.1C209.7 63.1 224 78.33 224 95.1C224 113.7 209.7 127.1 192 127.1H96C78.33 127.1 64 142.3 64 159.1V416C64 433.7 78.33 448 96 448H352C369.7 448 384 433.7 384 416V319.1C384 302.3 398.3 287.1 416 287.1C433.7 287.1 448 302.3 448 319.1V416C448 469 405 512 352 512H96C42.98 512 0 469 0 416V159.1C0 106.1 42.98 63.1 96 63.1H192z\"/></svg>",
1119
1121
  "phone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M28.23,38.17a4,4,0,0,1-2.06-.62A16.35,16.35,0,0,1,22,33.89,31.57,31.57,0,0,1,16,23a15.48,15.48,0,0,1-.75-4.38,3.7,3.7,0,0,1,1.69-3.31l1-.65c.16-.1.26-.07.36.1l3.35,5.8c.07.13.13.24,0,.36a2.78,2.78,0,0,0-1,2.69A10.07,10.07,0,0,0,23.78,30a4,4,0,0,0,2.33,1.19,2.24,2.24,0,0,0,1.2-.19c.19-.09.28,0,.38.13Q29.36,34,31,36.89c.07.12.13.23,0,.33A5.74,5.74,0,0,1,28.23,38.17Z\" fill=\"#484f60\"/><path d=\"M28,30.19a.81.81,0,0,1,.39-.68c.62-.36,1.23-.73,1.86-1.07a.78.78,0,0,1,1.09.38c.58,1,1.14,2,1.71,2.95l1.54,2.67c.4.71.31,1.06-.39,1.47-.5.29-1,.59-1.5.86a.79.79,0,0,1-1.2-.31c-1.13-1.94-2.25-3.89-3.38-5.85A1,1,0,0,1,28,30.19Z\" fill=\"#484f60\"/><path d=\"M21.18,12.17a.83.83,0,0,1,.82.53q1.16,2,2.29,4c.33.56.66,1.13,1,1.7a.85.85,0,0,1-.34,1.29l-1.58.91a.82.82,0,0,1-1.26-.34c-1.11-1.91-2.21-3.81-3.3-5.72a.81.81,0,0,1,.33-1.26c.53-.32,1.07-.62,1.61-.93A.77.77,0,0,1,21.18,12.17Z\" fill=\"#484f60\"/></svg>",
1120
1122
  "phone_round_open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><path d=\"M300.5,431.5a3.1,3.1,0,0,1-1.6-.5,12.6,12.6,0,0,1-3.2-2.8,24.3,24.3,0,0,1-4.7-8.4,11.8,11.8,0,0,1-.6-3.4,2.9,2.9,0,0,1,1.3-2.5l0.8-.5a0.2,0.2,0,0,1,.3.1l2.6,4.5a0.2,0.2,0,0,1,0,.3,2.1,2.1,0,0,0-.7,2.1,7.7,7.7,0,0,0,2.4,4.9,3,3,0,0,0,1.8.9h0.9a0.2,0.2,0,0,1,.3.1l2.6,4.5c0.1,0.1.1,0.2,0,.3A4.4,4.4,0,0,1,300.5,431.5Z\" transform=\"translate(-272.5 -396)\" fill=\"#fff\"/><path d=\"M300.3,425.3a0.6,0.6,0,0,1,.3-0.5l1.4-.8a0.6,0.6,0,0,1,.8.3l1.3,2.3,1.2,2.1a0.7,0.7,0,0,1-.3,1.1l-1.2.7a0.6,0.6,0,0,1-.9-0.2l-2.6-4.5A0.7,0.7,0,0,1,300.3,425.3Z\" transform=\"translate(-272.5 -396)\" fill=\"#fff\"/><path d=\"M295.1,411.5a0.7,0.7,0,0,1,.6.4l1.8,3,0.8,1.3a0.6,0.6,0,0,1-.3,1l-1.2.7a0.6,0.6,0,0,1-1-.3l-2.5-4.4a0.6,0.6,0,0,1,.3-1l1.2-.7h0.3Z\" transform=\"translate(-272.5 -396)\" fill=\"#fff\"/><path d=\"M298,437a15.5,15.5,0,1,1,15.5-15.5A15.5,15.5,0,0,1,298,437Zm0-30a14.5,14.5,0,1,0,14.5,14.5A14.5,14.5,0,0,0,298,407Z\" transform=\"translate(-272.5 -396)\" fill=\"#fff\"/></svg>",
1121
1123
  "piechart": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><g opacity=\"0.25\"><path d=\"M25,22.17,19.16,8.35a14.91,14.91,0,0,0-4.77,3.21L25,22.17Z\" fill=\"#4c5050\"/><path d=\"M25,7.17a15,15,0,0,0-5.84,1.18L25,22.17Z\" fill=\"#4c5050\"/><path d=\"M25,22.17,14.39,11.56a15.13,15.13,0,0,0-3.21,4.77L25,22.17Z\" fill=\"#4c5050\"/></g><path d=\"M38.82,16.33a15.13,15.13,0,0,0-3.21-4.77L25,22.17h0Z\" fill=\"#4c5050\"/><path d=\"M25,7.17v15L30.84,8.35A15,15,0,0,0,25,7.17Z\" fill=\"#4c5050\"/><path d=\"M30.84,8.35,25,22.17,35.61,11.56A14.91,14.91,0,0,0,30.84,8.35Z\" fill=\"#4c5050\"/><path d=\"M38.82,16.33,25,22.17H40A14.93,14.93,0,0,0,38.82,16.33Z\" fill=\"#4c5050\"/><g opacity=\"0.6\"><path d=\"M11.18,16.33A14.93,14.93,0,0,0,10,22.17H25Z\" fill=\"#4c5050\"/><path d=\"M14.39,32.77,25,22.17,11.18,28A15.08,15.08,0,0,0,14.39,32.77Z\" fill=\"#4c5050\"/><path d=\"M25,22.17H10A15,15,0,0,0,11.18,28L25,22.17Z\" fill=\"#4c5050\"/><path d=\"M19.16,36,25,22.17,14.39,32.77A15.1,15.1,0,0,0,19.16,36Z\" fill=\"#4c5050\"/><path d=\"M25,22.17h0L19.16,36A15,15,0,0,0,25,37.17v-15Z\" fill=\"#4c5050\"/><path d=\"M25,37.17A15,15,0,0,0,30.84,36L25,22.17Z\" fill=\"#4c5050\"/></g><path d=\"M30.84,36a15.1,15.1,0,0,0,4.77-3.22L25,22.17Z\" fill=\"#4c5050\"/><path d=\"M25,22.17l10.61,10.6A15.08,15.08,0,0,0,38.82,28L25,22.17Z\" fill=\"#4c5050\"/><path d=\"M25,22.17h0L38.82,28A15,15,0,0,0,40,22.17Z\" fill=\"#4c5050\"/><polygon points=\"25 22.17 25 22.17 25 22.17 25 22.17\" fill=\"#4c5050\"/><polygon points=\"25 22.17 25 22.17 25 22.17 25 22.17\" fill=\"#4c5050\"/></svg>",
@@ -1126,6 +1128,7 @@
1126
1128
  "plus_round_open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M24.34,32.17a.34.34,0,0,1-.34-.34V26.17H18.34a.34.34,0,0,1-.34-.34V24.5a.34.34,0,0,1,.34-.33H24V18.5a.34.34,0,0,1,.34-.33h1.33a.33.33,0,0,1,.33.33v5.67h5.67a.33.33,0,0,1,.33.33v1.33a.34.34,0,0,1-.33.34H26v5.66a.34.34,0,0,1-.33.34Z\" fill=\"#484f60\"/><path d=\"M25,11.17a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z\" fill=\"#484f60\"/></svg>",
1127
1129
  "plus_simple": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M23.86,37a.58.58,0,0,1-.57-.57V26.71H13.58a.57.57,0,0,1-.58-.56v-2.3a.57.57,0,0,1,.58-.56h9.71V13.57a.58.58,0,0,1,.57-.57h2.28a.57.57,0,0,1,.57.57v9.72h9.72a.57.57,0,0,1,.57.56v2.3a.57.57,0,0,1-.57.56H26.71v9.72a.57.57,0,0,1-.57.57Z\" fill=\"#484f60\"/></svg>",
1128
1130
  "plus_skinny": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M24.4,37.5c-0.3,0-0.6-0.3-0.6-0.6v-9.7h-9.7c-0.3,0-0.6-0.3-0.6-0.6v-2.3c0-0.3,0.3-0.6,0.6-0.6h9.7v-9.7c0-0.3,0.3-0.6,0.6-0.6h2.3c0.3,0,0.6,0.3,0.6,0.6v9.7h9.7c0.3,0,0.6,0.3,0.6,0.6v2.3c0,0.3-0.3,0.6-0.6,0.6h-9.7v9.7c0,0.3-0.3,0.6-0.6,0.6H24.4z\"/></svg>",
1131
+ "plus_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"/></svg>",
1129
1132
  "plus_stars": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"24.09 10 23.32 12.15 21.13 12.82 22.93 14.22 22.89 16.51 24.79 15.23 26.95 15.98 26.31 13.78 27.69 11.95 25.4 11.88 24.09 10\" fill=\"#484f60\" opacity=\"0.8\"/><polygon points=\"15.69 13.56 16.49 15.05 15.77 16.58 17.43 16.28 18.67 17.43 18.9 15.76 20.38 14.94 18.86 14.21 18.54 12.55 17.37 13.77 15.69 13.56\" fill=\"#484f60\" opacity=\"0.6\"/><polygon points=\"12.16 19.48 13 20.08 13.02 21.11 13.85 20.49 14.83 20.79 14.5 19.81 15.09 18.97 14.06 18.98 13.44 18.16 13.13 19.14 12.16 19.48\" fill=\"#484f60\" opacity=\"0.4\"/><polygon points=\"25.91 40 26.68 37.85 28.87 37.18 27.07 35.77 27.11 33.49 25.21 34.77 23.05 34.02 23.69 36.22 22.31 38.05 24.6 38.12 25.91 40\" fill=\"#484f60\" opacity=\"0.8\"/><polygon points=\"34.31 36.44 33.51 34.95 34.23 33.42 32.56 33.72 31.33 32.57 31.1 34.24 29.62 35.06 31.14 35.79 31.46 37.45 32.63 36.23 34.31 36.44\" fill=\"#484f60\" opacity=\"0.6\"/><polygon points=\"37.84 30.52 37 29.92 36.98 28.89 36.15 29.51 35.17 29.21 35.5 30.19 34.91 31.03 35.94 31.02 36.56 31.84 36.87 30.86 37.84 30.52\" fill=\"#484f60\" opacity=\"0.4\"/><path d=\"M24.15,31.49a.31.31,0,0,1-.31-.31V25.92H18.58a.31.31,0,0,1-.31-.31V24.37a.31.31,0,0,1,.31-.31h5.26V18.8a.31.31,0,0,1,.31-.31h1.24a.31.31,0,0,1,.31.31v5.26H31a.31.31,0,0,1,.31.31v1.24a.31.31,0,0,1-.31.31H25.7v5.26a.31.31,0,0,1-.31.31Z\" fill=\"#484f60\"/></svg>",
1130
1133
  "pointer": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 372 50 50\" enable-background=\"new -280 372 50 50\" ><path fill=\"#4C5050\" d=\"M-255,384.5c-4.6,0-8.3,3.7-8.3,8.3s8.3,16.7,8.3,16.7s8.3-12.1,8.3-16.7S-250.4,384.5-255,384.5z M-255,394.9c-1.2,0-2.1-0.9-2.1-2.1c0-1.2,0.9-2.1,2.1-2.1c1.2,0,2.1,0.9,2.1,2.1C-252.9,394-253.8,394.9-255,394.9z\"/></svg>",
1131
1134
  "pointer_3d": "<svg width=\"512\" height=\"512\" xmlns=\"http://www.w3.org/2000/svg\"><g><g stroke=\"null\"><path fill=\"#06B7FC\" d=\"m256,18.34937c-87.45543,0 -157.80002,70.34459 -157.80002,157.80002s157.80002,317.50125 157.80002,317.50125s157.80002,-230.04581 157.80002,-317.50125s-70.34459,-157.80002 -157.80002,-157.80002zm0,197.72533c-22.81446,0 -39.92531,-17.11085 -39.92531,-39.92531c0,-22.81446 17.11085,-39.92531 39.92531,-39.92531c22.81446,0 39.92531,17.11085 39.92531,39.92531c0,22.81446 -17.11085,39.92531 -39.92531,39.92531z\" stroke=\"null\"/></g></g></svg>",
@@ -1153,6 +1156,7 @@
1153
1156
  "resize_up": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"20.5 22.75 25 18.25 29.5 22.75 20.5 22.75\" fill=\"#484f60\"/><rect x=\"23\" y=\"25.75\" width=\"4\" height=\"4\" fill=\"#484f60\"/><rect x=\"29\" y=\"25.75\" width=\"4\" height=\"4\" fill=\"#484f60\"/><rect x=\"17\" y=\"25.75\" width=\"4\" height=\"4\" fill=\"#484f60\"/></svg>",
1154
1157
  "returns": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M33.63,16.88H29.25A1.25,1.25,0,0,0,28,18.13v.65A1.25,1.25,0,0,0,29.25,20h9.5A1.25,1.25,0,0,0,40,18.78v-.65a1.25,1.25,0,0,0-1.25-1.25H33.63Z\" fill=\"#484f60\"/><path d=\"M35.36,22.45H20.53v1.79a3.21,3.21,0,0,1-.67,1.94V37.09H18.79v-10a3.24,3.24,0,0,1-1.08.33v9.68H16.64V27.45a3.68,3.68,0,0,1-.57-.06v9.7H14.29V26.36a3.17,3.17,0,0,1-.82-2.12V22.81a2.14,2.14,0,0,0-1,1.78V36.74a2.14,2.14,0,0,0,2.14,2.14H35.36a2.14,2.14,0,0,0,2.14-2.14V24.59A2.14,2.14,0,0,0,35.36,22.45ZM22.79,37.09H21V24.24h1.79Zm1.71,0H23.43V24.24H24.5Zm1.72,0H25.15V24.24h1.07Zm2.21,0H27.36V24.24h1.07Zm2.93,0H30.29V24.24h1.07Zm2.79,0H32V24.24h2.15Zm1.92,0H35V24.24h1.07Z\" fill=\"#484f60\"/><path d=\"M22.79,16.92H18.53V12.67a1.22,1.22,0,0,0-1.21-1.22h-.63a1.22,1.22,0,0,0-1.22,1.22v4.25H11.22A1.22,1.22,0,0,0,10,18.13v.64A1.21,1.21,0,0,0,11.22,20h4.25v4.26a1.21,1.21,0,0,0,1.22,1.21h.63a1.21,1.21,0,0,0,1.21-1.21V20h4.26A1.21,1.21,0,0,0,24,18.77v-.64A1.21,1.21,0,0,0,22.79,16.92Z\" fill=\"#484f60\" opacity=\"0.5\"/></svg>",
1155
1158
  "return_goods": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><path d=\"M298,407.7a15,15,0,0,0-5.1.9l-2.7-3.5-2.5,9.7,10-.3-2-2.6,2.4-.3a11,11,0,1,1-11,11h-4A15,15,0,1,0,298,407.7Z\" transform=\"translate(-272.5 -396)\" fill=\"#fff\"/></svg>",
1159
+ "rotate_left_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M480 256c0 123.4-100.5 223.9-223.9 223.9c-48.84 0-95.17-15.58-134.2-44.86c-14.12-10.59-16.97-30.66-6.375-44.81c10.59-14.12 30.62-16.94 44.81-6.375c27.84 20.91 61 31.94 95.88 31.94C344.3 415.8 416 344.1 416 256s-71.69-159.8-159.8-159.8c-37.46 0-73.09 13.49-101.3 36.64l45.12 45.14c17.01 17.02 4.955 46.1-19.1 46.1H35.17C24.58 224.1 16 215.5 16 204.9V59.04c0-24.04 29.07-36.08 46.07-19.07l47.6 47.63C149.9 52.71 201.5 32.11 256.1 32.11C379.5 32.11 480 132.6 480 256z\"/></svg>",
1156
1160
  "save_disk": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-288 379 35 35\" enable-background=\"new -288 379 35 35\" ><g opacity=\"0.95\"><path fill=\"#29363E\" d=\"M-259.5,384.4h-2.1v6.8c0,0.4-0.3,0.7-0.7,0.7h-16.6c-0.4,0-0.7-0.3-0.7-0.7v-6.8h-2c-0.6,0-1.1,0.5-1.1,1.1v22.4c0,0.6,0.5,1.1,1.1,1.1h2v-14c0-0.4,0.3-0.7,0.7-0.7h16.7c0.4,0,0.7,0.3,0.7,0.7v14h2c0.6,0,1.1-0.5,1.1-1.1v-22.4C-258.4,384.9-258.9,384.4-259.5,384.4z M-280.1,406.6h-1.7V405h1.7V406.6z M-259.2,406.6h-1.7V405h1.7V406.6z\"/><rect x=\"-278.4\" y=\"395.4\" fill=\"#29363E\" width=\"15.8\" height=\"13.5\"/><path fill=\"#29363E\" d=\"M-263.4,384h-12c-0.1,0-0.3,0.1-0.3,0.3v6.5c0,0.1,0.1,0.3,0.3,0.3h12c0.1,0,0.2-0.1,0.2-0.3v-6.5C-263.1,384.1-263.2,384-263.4,384z M-265.6,390c0,0.1-0.1,0.3-0.3,0.3h-2.4c-0.1,0-0.2-0.1-0.2-0.3v-4.8c0-0.1,0.1-0.3,0.2-0.3h2.4c0.1,0,0.3,0.1,0.3,0.3V390z\"/></g></svg>",
1157
1161
  "save_skinny": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><polygon points=\"23.8 38.1 14.9 25.6 15.7 25 23.6 36.2 35.2 12.9 36.1 13.4 23.8 38.1\" fill=\"#fff\"/></svg>",
1158
1162
  "scale_balanced": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path style=\"fill:#484f60\" d=\"M554.9 154.5c-17.62-35.25-68.12-35.38-85.87 0c-87 174.3-84.1 165.9-84.1 181.5c0 44.13 57.25 80 128 80s127.1-35.88 127.1-80C639.1 319.9 641.4 327.3 554.9 154.5zM439.1 320l71.96-144l72.17 144H439.1zM256 336c0-16.12 1.375-8.75-85.12-181.5c-17.62-35.25-68.12-35.38-85.87 0c-87 174.3-84.1 165.9-84.1 181.5c0 44.13 57.25 80 127.1 80S256 380.1 256 336zM127.9 176L200.1 320H55.96L127.9 176zM495.1 448h-143.1V153.3C375.5 143 393.1 121.8 398.4 96h113.6c17.67 0 31.1-14.33 31.1-32s-14.33-32-31.1-32h-128.4c-14.62-19.38-37.5-32-63.62-32S270.1 12.62 256.4 32H128C110.3 32 96 46.33 96 64S110.3 96 127.1 96h113.6c5.25 25.75 22.87 47 46.37 57.25V448H144c-26.51 0-48.01 21.49-48.01 48c0 8.836 7.165 16 16 16h416c8.836 0 16-7.164 16-16C544 469.5 522.5 448 495.1 448z\"/></svg>",
@@ -1203,6 +1207,7 @@
1203
1207
  "transactions": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#333333\" d=\"M29.8,18.9c-1.9,0-2.1-0.3-2.1-2.1v-6.3l8.2,8.4H29.8z\"/><path fill=\"#333333\" d=\"M15.8,40c-1.9,0-2.1-0.3-2.1-2.1V12.1c0-1.9,0.3-2.1,2.1-2.1h10v6.7c0,2.9,1.1,4,4,4h6.5v17.1c0,1.9-0.3,2.1-2.1,2.1H15.8z M29.4,32h4.1v-1.8h-4.1V32z M29.4,28.4h4.1v-1.8h-4.1V28.4z M29.4,24.7h4.1v-1.8h-4.1V24.7z M16.3,32h11.5v-1.8H16.3V32z M16.3,28.4h11.5v-1.8H16.3V28.4z M16.3,24.7h11.5v-1.8H16.3V24.7z M27.4,36.9h6.1v-1.8h-6.1V36.9z M16.3,14.3h6.1v-1.8h-6.1V14.3z M16.3,16.7h6.1v-1.8h-6.1V16.7z\"/></g></svg>",
1204
1208
  "transaction_detail": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><g opacity=\"0.5\"><rect x=\"15.5\" y=\"18\" width=\"6\" height=\"1\" fill=\"#4d5050\"/><rect x=\"15.5\" y=\"22\" width=\"10\" height=\"1\" fill=\"#4d5050\"/><rect x=\"15.5\" y=\"26\" width=\"10\" height=\"1\" fill=\"#4d5050\"/><rect x=\"15.5\" y=\"30\" width=\"10\" height=\"1\" fill=\"#4d5050\"/><polygon points=\"35 18.98 33.5 18.98 33.5 25.52 35 27.02 35 18.98\" fill=\"#4d5050\"/><path d=\"M671,398V372a.5.5,0,0,1,.5-.5h13.73V370H671.5a2,2,0,0,0-2,2v26a2,2,0,0,0,2,2h19.14v-1.5H671.5A.5.5,0,0,1,671,398Z\" transform=\"translate(-658.5 -359.5)\" fill=\"#4d5050\"/><path d=\"M685.23,370v6.44c0,1.78.27,2,2,2h6.22Z\" transform=\"translate(-658.5 -359.5)\" fill=\"#4d5050\"/><rect x=\"15.5\" y=\"15\" width=\"6\" height=\"1\" fill=\"#4d5050\"/><rect x=\"27.5\" y=\"22\" width=\"3\" height=\"1\" fill=\"#4d5050\"/><rect x=\"27.5\" y=\"26\" width=\"3\" height=\"1\" fill=\"#4d5050\"/><rect x=\"27.5\" y=\"30\" width=\"3\" height=\"0.57\" fill=\"#4d5050\"/><path d=\"M684.69,392.66a.5.5,0,0,0-.29-.28.51.51,0,0,0-.4,0l-2.23,1.16a.5.5,0,0,0,.46.89l1.75-.9.79,1.93a.49.49,0,0,0,.23.24V393.4Z\" transform=\"translate(-658.5 -359.5)\" fill=\"#4d5050\"/></g><polygon points=\"33.64 32.07 28 32.07 28 36.2 33.64 36.2 33.64 36.2 33.64 40.5 40 34.14 33.64 27.77 33.64 32.07\" fill=\"#4d5050\"/></svg>",
1205
1209
  "TrashBin": "<svg preserveAspectRatio=\"none\" version=\"1.1\" viewBox=\"0 0 50 50\" x=\"0px\" xmlns=\"http://www.w3.org/2000/svg\" y=\"0px\"><g transform=\" translate(14 10)\"><path d=\"M 0 0 L 0 18.215 C 0 19.99 1.439 21.429 3.215 21.429 L 15 21.429 C 16.775 21.429 18.215 19.99 18.215 18.215 L 18.215 0 L 0 0 Z M 4.287 19.286 L 2.143 19.286 L 2.143 2.143 L 4.287 2.143 L 4.287 19.286 Z M 10.18 19.286 L 8.037 19.286 L 8.037 2.143 L 10.18 2.143 L 10.18 19.286 Z M 16.072 19.286 L 13.93 19.286 L 13.93 2.143 L 16.072 2.143 L 16.072 19.286 Z\" fill=\"#1E2930\" transform=\" translate(1.891 8.571)\" /><path d=\"M 18.213 2.143 L 10.713 2.143 C 11.305 2.143 11.785 1.664 11.785 1.071 C 11.785 0.479 11.305 0 10.713 0 L 9.643 0 C 9.051 0 8.57 0.479 8.57 1.071 C 8.57 1.664 9.051 2.143 9.643 2.143 L 2.143 2.143 C 0.959 2.143 0 3.103 0 4.286 L 0 5.357 C 0 6.541 0.959 6.429 2.143 6.429 L 18.213 6.429 C 19.397 6.429 20.357 6.541 20.357 5.357 L 20.357 4.286 C 20.357 3.103 19.397 2.143 18.213 2.143 Z\" fill=\"#1E2930\" transform=\" translate(0.821 0)\" /></g></svg>",
1210
+ "trash_can_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM31.1 128H416V448C416 483.3 387.3 512 352 512H95.1C60.65 512 31.1 483.3 31.1 448V128zM111.1 208V432C111.1 440.8 119.2 448 127.1 448C136.8 448 143.1 440.8 143.1 432V208C143.1 199.2 136.8 192 127.1 192C119.2 192 111.1 199.2 111.1 208zM207.1 208V432C207.1 440.8 215.2 448 223.1 448C232.8 448 240 440.8 240 432V208C240 199.2 232.8 192 223.1 192C215.2 192 207.1 199.2 207.1 208zM304 208V432C304 440.8 311.2 448 320 448C328.8 448 336 440.8 336 432V208C336 199.2 328.8 192 320 192C311.2 192 304 199.2 304 208z\"/></svg>",
1206
1211
  "triangle_down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"29.06 18.75 37.5 18.75 25 31.25 12.5 18.75 20.95 18.75 29.06 18.75\" fill=\"#484f60\"/></svg>",
1207
1212
  "triangle_large": "<svg version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\"><g><polygon fill=\"green\" points=\"0 0, 100 100, 0 100\"/></g></svg>",
1208
1213
  "triangle_left": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"31.25 29.06 31.25 37.5 18.75 25 31.25 12.5 31.25 20.95 31.25 29.06\" fill=\"#484f60\"/></svg>",
@@ -2606,6 +2611,7 @@
2606
2611
  CoreComponentsIcon["Finish"] = "finish";
2607
2612
  CoreComponentsIcon["FixedOptionValueTree"] = "fixed_option_value_tree";
2608
2613
  CoreComponentsIcon["FixedTreeOptionValue"] = "fixed_tree_option_value";
2614
+ CoreComponentsIcon["FloppyDiskSolid"] = "floppy_disk_solid";
2609
2615
  CoreComponentsIcon["FolderArrow"] = "FolderArrow";
2610
2616
  CoreComponentsIcon["FolderArrowIn"] = "folder_arrow_in";
2611
2617
  CoreComponentsIcon["Formula"] = "formula";
@@ -2681,6 +2687,7 @@
2681
2687
  CoreComponentsIcon["OverBooking"] = "over_booking";
2682
2688
  CoreComponentsIcon["PauseCircle"] = "pause_circle";
2683
2689
  CoreComponentsIcon["PencilRoundOpen"] = "pencil_round_open";
2690
+ CoreComponentsIcon["PenToSquareSolid"] = "pen_to_square_solid";
2684
2691
  CoreComponentsIcon["Phone"] = "phone";
2685
2692
  CoreComponentsIcon["PhoneRoundOpen"] = "phone_round_open";
2686
2693
  CoreComponentsIcon["Piechart"] = "piechart";
@@ -2691,6 +2698,7 @@
2691
2698
  CoreComponentsIcon["PlusRoundOpen"] = "plus_round_open";
2692
2699
  CoreComponentsIcon["PlusSimple"] = "plus_simple";
2693
2700
  CoreComponentsIcon["PlusSkinny"] = "plus_skinny";
2701
+ CoreComponentsIcon["PlusSolid"] = "plus_solid";
2694
2702
  CoreComponentsIcon["PlusStars"] = "plus_stars";
2695
2703
  CoreComponentsIcon["Pointer"] = "pointer";
2696
2704
  CoreComponentsIcon["Pointer3d"] = "pointer_3d";
@@ -2718,6 +2726,7 @@
2718
2726
  CoreComponentsIcon["ResizeUp"] = "resize_up";
2719
2727
  CoreComponentsIcon["Returns"] = "returns";
2720
2728
  CoreComponentsIcon["ReturnGoods"] = "return_goods";
2729
+ CoreComponentsIcon["RotateLeftSolid"] = "rotate_left_solid";
2721
2730
  CoreComponentsIcon["SaveDisk"] = "save_disk";
2722
2731
  CoreComponentsIcon["SaveSkinny"] = "save_skinny";
2723
2732
  CoreComponentsIcon["ScaleBalanced"] = "scale_balanced";
@@ -2768,6 +2777,7 @@
2768
2777
  CoreComponentsIcon["Transactions"] = "transactions";
2769
2778
  CoreComponentsIcon["TransactionDetail"] = "transaction_detail";
2770
2779
  CoreComponentsIcon["TrashBin"] = "TrashBin";
2780
+ CoreComponentsIcon["TrashCanSolid"] = "trash_can_solid";
2771
2781
  CoreComponentsIcon["TriangleDown"] = "triangle_down";
2772
2782
  CoreComponentsIcon["TriangleLarge"] = "triangle_large";
2773
2783
  CoreComponentsIcon["TriangleLeft"] = "triangle_left";
@@ -5882,10 +5892,15 @@
5882
5892
  function GridToolbarComponent(iconsService) {
5883
5893
  this.iconsService = iconsService;
5884
5894
  this.icons = exports.CoreComponentsIcon;
5895
+ this.showEdit = false;
5896
+ this.showAdd = false;
5897
+ this.showDelete = false;
5898
+ this.deleteEnabled = false;
5885
5899
  this.editClick = new core.EventEmitter();
5886
5900
  this.cancelClick = new core.EventEmitter();
5887
5901
  this.saveClick = new core.EventEmitter();
5888
5902
  this.addClick = new core.EventEmitter();
5903
+ this.deleteClick = new core.EventEmitter();
5889
5904
  }
5890
5905
  GridToolbarComponent.prototype.showClass = function () {
5891
5906
  return true;
@@ -5895,7 +5910,7 @@
5895
5910
  GridToolbarComponent.decorators = [
5896
5911
  { type: core.Component, args: [{
5897
5912
  selector: "co-grid-toolbar",
5898
- template: "\n <div class=\"grid-toolbar-wrapper\">\n <co-button [iconData]=\"iconsService.getIcon(icons.AddToCartDrop)\" [label]=\"'edit'\" (click)=\"editClick.emit($event)\"></co-button>\n <co-button [iconData]=\"iconsService.getIcon(icons.AddToCartDrop)\" [label]=\"'cancel'\" (click)=\"cancelClick.emit()\"></co-button>\n <co-button [iconData]=\"iconsService.getIcon(icons.AddToCartDrop)\" [label]=\"'save'\" (click)=\"saveClick.emit()\"></co-button>\n <co-button [iconData]=\"iconsService.getIcon(icons.AddToCartDrop)\" [label]=\"'add'\" (click)=\"addClick.emit()\"></co-button>\n </div>\n ",
5913
+ template: "\n <div class=\"grid-toolbar-wrapper\">\n <co-icon *ngIf=\"showEdit\" [iconData]=\"iconsService.getIcon(icons.PenToSquareSolid)\" [title]=\"'edit'\" (click)=\"editClick.emit($event)\"></co-icon>\n <co-icon *ngIf=\"showEdit\" [iconData]=\"iconsService.getIcon(icons.RotateLeftSolid)\" [title]=\"'cancel'\" (click)=\"cancelClick.emit()\"></co-icon>\n <co-icon *ngIf=\"showEdit\" [iconData]=\"iconsService.getIcon(icons.FloppyDiskSolid)\" [title]=\"'save'\" (click)=\"saveClick.emit()\"></co-icon>\n <co-icon *ngIf=\"showAdd || showEdit\" [iconData]=\"iconsService.getIcon(icons.PlusSolid)\" [title]=\"'add'\" (click)=\"addClick.emit()\"></co-icon>\n <co-icon *ngIf=\"showDelete\" [iconData]=\"iconsService.getIcon(icons.TrashCanSolid)\" [title]=\"'delete'\" [class.disabled]=\"!deleteEnabled\" (click)=\"deleteClick.emit()\"></co-icon>\n </div>\n ",
5899
5914
  encapsulation: core.ViewEncapsulation.None
5900
5915
  },] }
5901
5916
  ];
@@ -5903,10 +5918,15 @@
5903
5918
  { type: IconCacheService }
5904
5919
  ]; };
5905
5920
  GridToolbarComponent.propDecorators = {
5921
+ showEdit: [{ type: core.Input }],
5922
+ showAdd: [{ type: core.Input }],
5923
+ showDelete: [{ type: core.Input }],
5924
+ deleteEnabled: [{ type: core.Input }],
5906
5925
  editClick: [{ type: core.Output }],
5907
5926
  cancelClick: [{ type: core.Output }],
5908
5927
  saveClick: [{ type: core.Output }],
5909
5928
  addClick: [{ type: core.Output }],
5929
+ deleteClick: [{ type: core.Output }],
5910
5930
  showClass: [{ type: core.HostBinding, args: ["class.co-grid-toolbar",] }]
5911
5931
  };
5912
5932
 
@@ -5920,7 +5940,8 @@
5920
5940
  { type: core.NgModule, args: [{
5921
5941
  imports: [
5922
5942
  IconModule,
5923
- ButtonModule
5943
+ ButtonModule,
5944
+ common.CommonModule
5924
5945
  ],
5925
5946
  declarations: [
5926
5947
  GridToolbarComponent
@@ -9176,6 +9197,7 @@
9176
9197
  this.elementRef = elementRef;
9177
9198
  this.resizable = true;
9178
9199
  this.required = false;
9200
+ this.autoFit = false;
9179
9201
  this.readonly = false;
9180
9202
  this.order = 0;
9181
9203
  this.singleColumn = false;
@@ -9216,6 +9238,26 @@
9216
9238
  enumerable: false,
9217
9239
  configurable: true
9218
9240
  });
9241
+ Object.defineProperty(SimpleGridColumnDirective.prototype, "width", {
9242
+ get: function () {
9243
+ return this._width;
9244
+ },
9245
+ set: function (value) {
9246
+ if (typeof value === 'string') {
9247
+ if (value.indexOf('%')) {
9248
+ this.widthPercentage = value;
9249
+ }
9250
+ else {
9251
+ this._width = value;
9252
+ }
9253
+ }
9254
+ else {
9255
+ this._width = value;
9256
+ }
9257
+ },
9258
+ enumerable: false,
9259
+ configurable: true
9260
+ });
9219
9261
  SimpleGridColumnDirective.prototype.ngOnInit = function () {
9220
9262
  this._setSingleColumnProps();
9221
9263
  };
@@ -9264,6 +9306,7 @@
9264
9306
  format: [{ type: core.Input }],
9265
9307
  resizable: [{ type: core.Input }],
9266
9308
  required: [{ type: core.Input }],
9309
+ autoFit: [{ type: core.Input }],
9267
9310
  width: [{ type: core.Input }],
9268
9311
  readonly: [{ type: core.Input }],
9269
9312
  collection: [{ type: core.Input }],
@@ -9273,7 +9316,7 @@
9273
9316
 
9274
9317
  var BaseSimpleGridComponent = /** @class */ (function () {
9275
9318
  function BaseSimpleGridComponent() {
9276
- this.MIN_COLUMN_WIDTH = 60;
9319
+ this.MIN_COLUMN_WIDTH = 50;
9277
9320
  this.dragDropEnabled = false;
9278
9321
  this.resizable = false;
9279
9322
  this.inlineEdit = false;
@@ -9288,6 +9331,8 @@
9288
9331
  this.selectRow = new core.EventEmitter();
9289
9332
  this.dblClickRow = new core.EventEmitter();
9290
9333
  this.saveRow = new core.EventEmitter();
9334
+ this.deleteRow = new core.EventEmitter();
9335
+ this.addRow = new core.EventEmitter();
9291
9336
  this.rowVisible = new core.EventEmitter();
9292
9337
  this.columns = [];
9293
9338
  this.headerColumns = [];
@@ -9322,7 +9367,7 @@
9322
9367
  });
9323
9368
  BaseSimpleGridComponent.prototype.handleMouseMove = function (event) {
9324
9369
  if (this.resizable && event.buttons === 1 && this._columnForResize) {
9325
- this._columnForResize.width = this._columnForResize.originalWidth - (this._startMousePositionX - event.clientX);
9370
+ // this._columnForResize.width = this._columnForResize.originalWidth - (this._startMousePositionX - event.clientX);
9326
9371
  }
9327
9372
  };
9328
9373
  BaseSimpleGridComponent.prototype.handleMouseUp = function (event) {
@@ -9392,6 +9437,13 @@
9392
9437
  }
9393
9438
  this._prepared = true;
9394
9439
  }
9440
+ this._resizeColumnsToFit();
9441
+ };
9442
+ BaseSimpleGridComponent.prototype._resizeColumnsToFit = function () {
9443
+ var calculateColumns = this.columns.filter(function (c) { return !c.autoFit && !c.width; });
9444
+ for (var i = 0; i < calculateColumns.length; i++) {
9445
+ calculateColumns[i].width = 100 / calculateColumns.length + "%";
9446
+ }
9395
9447
  };
9396
9448
  BaseSimpleGridComponent.prototype._setWidthOfAllColumns = function () {
9397
9449
  this.columns.forEach(function (column) {
@@ -9420,6 +9472,8 @@
9420
9472
  selectRow: [{ type: core.Output }],
9421
9473
  dblClickRow: [{ type: core.Output }],
9422
9474
  saveRow: [{ type: core.Output }],
9475
+ deleteRow: [{ type: core.Output }],
9476
+ addRow: [{ type: core.Output }],
9423
9477
  rowVisible: [{ type: core.Output }],
9424
9478
  handleMouseMove: [{ type: core.HostListener, args: ['document:mousemove', ['$event'],] }],
9425
9479
  handleMouseUp: [{ type: core.HostListener, args: ['document:mouseup', ['$event'],] }]
@@ -9432,6 +9486,9 @@
9432
9486
  _this._changeDetection = _changeDetection;
9433
9487
  _this._formMaster = _formMaster;
9434
9488
  _this.defaultTextAlign = exports.ColumnAlign.Left;
9489
+ _this.showAdd = false;
9490
+ _this.showDelete = false;
9491
+ _this.rightToolbar = false;
9435
9492
  _this.editing = false;
9436
9493
  _this.editRowIndex = -1;
9437
9494
  _this.editCellIndex = -1;
@@ -9482,21 +9539,26 @@
9482
9539
  var singleColumn = columns.find(function (column) { return _this.isSingleColumn(column) && !!row[column.field]; });
9483
9540
  return !!singleColumn;
9484
9541
  };
9485
- SimpleGridComponent.prototype.addRow = function () {
9542
+ SimpleGridComponent.prototype.addNewRow = function () {
9486
9543
  var _this = this;
9487
- var valid = this.validateAndSave();
9488
- this._detectChanges();
9489
- if (valid) {
9490
- this.data.push({});
9491
- this._newRow = true;
9492
- this.editRowIndex = this.data.length - 1;
9493
- this._nextAvailableCellToEdit(true).then(function (index) {
9494
- _this.editCellIndex = index;
9495
- _this._detectChanges();
9496
- });
9497
- this.editing = true;
9498
- this.rowToEdit = this.data[this.data.length - 1];
9544
+ if (this.inlineEdit) {
9545
+ var valid = this.validateAndSave();
9499
9546
  this._detectChanges();
9547
+ if (valid) {
9548
+ this.data.push({});
9549
+ this._newRow = true;
9550
+ this.editRowIndex = this.data.length - 1;
9551
+ this._nextAvailableCellToEdit(true).then(function (index) {
9552
+ _this.editCellIndex = index;
9553
+ _this._detectChanges();
9554
+ });
9555
+ this.editing = true;
9556
+ this.rowToEdit = this.data[this.data.length - 1];
9557
+ this._detectChanges();
9558
+ }
9559
+ }
9560
+ else {
9561
+ this.addRow.next();
9500
9562
  }
9501
9563
  };
9502
9564
  SimpleGridComponent.prototype.validateAndSave = function (stopediting) {
@@ -9526,6 +9588,9 @@
9526
9588
  this.editing = false;
9527
9589
  this._detectChanges();
9528
9590
  };
9591
+ SimpleGridComponent.prototype.removeRow = function () {
9592
+ this.deleteRow.next(this.data[this.selectedRowIndex]);
9593
+ };
9529
9594
  SimpleGridComponent.prototype.handleClickRow = function (event, index) {
9530
9595
  var _this = this;
9531
9596
  setTimeout(function () {
@@ -9631,7 +9696,7 @@
9631
9696
  var newRowIndex = 0;
9632
9697
  if (_this.editRowIndex + 1 >= _this.data.length) {
9633
9698
  if (_this.autoAddRow) {
9634
- _this.addRow();
9699
+ _this.addNewRow();
9635
9700
  newRowIndex = _this.editRowIndex;
9636
9701
  }
9637
9702
  else {
@@ -9701,8 +9766,8 @@
9701
9766
  }(BaseSimpleGridComponent));
9702
9767
  SimpleGridComponent.decorators = [
9703
9768
  { type: core.Component, args: [{
9704
- selector: "co-simple-grid",
9705
- template: "\n <co-grid-toolbar *ngIf=\"inlineEdit && showToolbar\"\n (addClick)=\"addRow()\"\n (editClick)=\"editRow($event)\"\n (saveClick)=\"validateAndSave()\"\n (cancelClick)=\"cancelEditRow()\"\n ></co-grid-toolbar>\n <table class=\"simple-grid-table\">\n <colgroup>\n <col *ngFor=\"let column of headerColumns; let index = index\" [attr.width]=\"column.width\">\n </colgroup>\n <thead>\n <tr>\n <th scope=\"col\" #headerCell class=\"simple-grid-column-header\" *ngFor=\"let column of headerColumns; let index = index\">\n <div class=\"simple-grid-column-header-wrapper\" [class.resizable]=\"resizable\" [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\">\n <ng-container *ngIf=\"column.headerTemplate; else noHeaderTemplate\">\n <ng-container [ngTemplateOutlet]=\"column.headerTemplate\"></ng-container>\n </ng-container>\n <ng-template #noHeaderTemplate>\n <div class=\"simple-grid-column-header-label\" [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\"\n [textContent]=\"column.headerText || '&nbsp;'\"\n ></div>\n </ng-template>\n <div *ngIf=\"resizable && column.resizable\" class=\"simple-grid-column-sizer\"\n (mousedown)=\"handleSizerMouseDown($event, column)\"\n ></div>\n </div>\n </th>\n </tr>\n </thead>\n <tbody #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"simple-grid-drag-drop-list\"\n [cdkDropListDisabled]=\"!dragDropEnabled\"\n [cdkDropListData]=\"data\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\">\n <tr class=\"simple-grid-row\" [class.selected]=\"rowIndex === selectedRowIndex && !editing\" observeVisibility\n [class.editing]=\"rowIndex === editRowIndex\" *ngFor=\"let row of data; let rowIndex = index\" cdkDrag\n (click)=\"handleClickRow($event, rowIndex)\" (dblclick)=\"handleDblClickRow($event, rowIndex)\" (visible)=\"rowVisible.next(row)\">\n <co-form class=\"simple-grid-row-form\">\n <ng-container *ngIf=\"isSingleColumnRow(row)\">\n <td class=\"simple-grid-single-column-cell\" [attr.colspan]=\"headerColumns.length\">\n <co-simple-grid-cell\n [column]=\"columns[singleColumnIndex(row)]\"\n [row]=\"row\"\n [editMode]=\"false\"\n ></co-simple-grid-cell>\n </td>\n </ng-container>\n <ng-container *ngIf=\"!isSingleColumnRow(row)\">\n <ng-container *ngFor=\"let column of headerColumns; let columnIndex = index\">\n <td class=\"simple-grid-column-cell\" *ngIf=\"columnIndex !== singleColumnIndex(row)\">\n <co-simple-grid-cell\n [column]=\"column\"\n [row]=\"row\"\n [editMode]=\"inlineEdit && editing && rowIndex === editRowIndex\"\n [fieldEditMode]=\"editCellIndex === columnIndex\"\n (cellClick)=\"handleCellClick(columnIndex)\"\n ></co-simple-grid-cell>\n <div *ngIf=\"column.resizable\" class=\"simple-grid-column-sizer-placeholder\"></div>\n </td>\n </ng-container>\n </ng-container>\n </co-form>\n </tr>\n </tbody>\n </table>\n ",
9769
+ selector: 'co-simple-grid',
9770
+ template: "\n <co-grid-toolbar *ngIf=\"showToolbar\" [class.right]=\"rightToolbar\"\n [showEdit]=\"inlineEdit\"\n [showAdd]=\"showAdd\"\n [showDelete]=\"showDelete\"\n [deleteEnabled]=\"selectedRowIndex > -1\"\n (addClick)=\"addNewRow()\"\n (editClick)=\"editRow($event)\"\n (saveClick)=\"validateAndSave()\"\n (cancelClick)=\"cancelEditRow()\"\n (deleteClick)=\"removeRow()\"\n ></co-grid-toolbar>\n <table class=\"simple-grid-table\">\n <colgroup>\n <col *ngFor=\"let column of headerColumns; let index = index\"\n [class.simple-grid-column-auto-fit]=\"column.autoFit\"\n [style.width.px]=\"column.width\"\n [style.min-width.px]=\"MIN_COLUMN_WIDTH\">\n </colgroup>\n <thead>\n <tr>\n <th scope=\"col\" #headerCell class=\"simple-grid-column-header\" *ngFor=\"let column of headerColumns; let index = index\">\n <div class=\"simple-grid-column-header-wrapper\" [class.resizable]=\"resizable\"\n [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\">\n <ng-container *ngIf=\"column.headerTemplate; else noHeaderTemplate\">\n <ng-container [ngTemplateOutlet]=\"column.headerTemplate\"></ng-container>\n </ng-container>\n <ng-template #noHeaderTemplate>\n <div class=\"simple-grid-column-header-label\" [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\"\n [textContent]=\"column.headerText || '&nbsp;'\"\n ></div>\n </ng-template>\n <div *ngIf=\"resizable && column.resizable\" class=\"simple-grid-column-sizer\"\n (mousedown)=\"handleSizerMouseDown($event, column)\"\n ></div>\n </div>\n </th>\n </tr>\n </thead>\n <tbody #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"simple-grid-drag-drop-list\"\n [cdkDropListDisabled]=\"!dragDropEnabled\"\n [cdkDropListData]=\"data\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\">\n <tr class=\"simple-grid-row\" [class.selected]=\"rowIndex === selectedRowIndex && !editing\" observeVisibility\n [class.editing]=\"rowIndex === editRowIndex\" *ngFor=\"let row of data; let rowIndex = index\" cdkDrag\n (click)=\"handleClickRow($event, rowIndex)\" (dblclick)=\"handleDblClickRow($event, rowIndex)\" (visible)=\"rowVisible.next(row)\">\n <co-form class=\"simple-grid-row-form\">\n <ng-container *ngIf=\"isSingleColumnRow(row)\">\n <td class=\"simple-grid-single-column-cell\" [attr.colspan]=\"headerColumns.length\">\n <co-simple-grid-cell\n [column]=\"columns[singleColumnIndex(row)]\"\n [row]=\"row\"\n [editMode]=\"false\"\n ></co-simple-grid-cell>\n </td>\n </ng-container>\n <ng-container *ngIf=\"!isSingleColumnRow(row)\">\n <ng-container *ngFor=\"let column of headerColumns; let columnIndex = index\">\n <td class=\"simple-grid-column-cell\" *ngIf=\"columnIndex !== singleColumnIndex(row)\">\n <co-simple-grid-cell\n [column]=\"column\"\n [row]=\"row\"\n [editMode]=\"inlineEdit && editing && rowIndex === editRowIndex\"\n [fieldEditMode]=\"editCellIndex === columnIndex\"\n (cellClick)=\"handleCellClick(columnIndex)\"\n ></co-simple-grid-cell>\n <div *ngIf=\"column.resizable\" class=\"simple-grid-column-sizer-placeholder\"></div>\n </td>\n </ng-container>\n </ng-container>\n </co-form>\n </tr>\n </tbody>\n </table>\n ",
9706
9771
  providers: [
9707
9772
  FormMasterService
9708
9773
  ],
@@ -9715,8 +9780,11 @@
9715
9780
  { type: FormMasterService }
9716
9781
  ]; };
9717
9782
  SimpleGridComponent.propDecorators = {
9718
- headerCells: [{ type: core.ViewChildren, args: ["headerCell",] }],
9719
- showClass: [{ type: core.HostBinding, args: ["class.co-simple-grid",] }],
9783
+ headerCells: [{ type: core.ViewChildren, args: ['headerCell',] }],
9784
+ showAdd: [{ type: core.Input }],
9785
+ showDelete: [{ type: core.Input }],
9786
+ rightToolbar: [{ type: core.Input }],
9787
+ showClass: [{ type: core.HostBinding, args: ['class.co-simple-grid',] }],
9720
9788
  handleKeyDown: [{ type: core.HostListener, args: ['keydown', ['$event'],] }]
9721
9789
  };
9722
9790
 
@@ -9778,6 +9846,9 @@
9778
9846
  this.cellClick.next();
9779
9847
  }
9780
9848
  };
9849
+ SimpleGridCellComponent.prototype.ngOnChanges = function (changes) {
9850
+ console.log(changes);
9851
+ };
9781
9852
  SimpleGridCellComponent.prototype._setFocusComponent = function () {
9782
9853
  if (this.editMode && this.fieldEditMode) {
9783
9854
  var element = this._getElement();
@@ -9850,9 +9921,8 @@
9850
9921
  SimpleGridCellComponent.decorators = [
9851
9922
  { type: core.Component, args: [{
9852
9923
  selector: "co-simple-grid-cell",
9853
- template: "\n <div class=\"simple-grid-column-cell-value\" [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\">\n <ng-container *ngIf=\"editMode; else noInlineEdit\">\n <ng-container #editTemplate *ngIf=\"column.editTemplate; else noEditTemplate\"\n [ngTemplateOutlet]=\"column.editTemplate\"\n [ngTemplateOutletContext]=\"{value: row[column.field], row: row}\"></ng-container>\n <ng-template #noEditTemplate>\n <ng-container *ngIf=\"column.template; else noTemplate\">\n <ng-container [ngTemplateOutlet]=\"column.template\"\n [ngTemplateOutletContext]=\"{value: row[column.field], row: row}\"></ng-container>\n </ng-container>\n <ng-template #noTemplate>\n <co-input-text [(model)]=\"row[column.field]\" [required]=\"column.required\"></co-input-text>\n </ng-template>\n </ng-template>\n </ng-container>\n <ng-template #noInlineEdit>\n <ng-container *ngIf=\"column.template; else noTemplate\">\n <ng-container [ngTemplateOutlet]=\"column.template\"\n [ngTemplateOutletContext]=\"{value: row[column.field], row: row}\"></ng-container>\n </ng-container>\n <ng-template #noTemplate>\n <div [textContent]=\"column.getFieldValue(row[column.field])\"></div>\n </ng-template>\n </ng-template>\n </div>\n ",
9854
- encapsulation: core.ViewEncapsulation.None,
9855
- changeDetection: core.ChangeDetectionStrategy.OnPush
9924
+ template: "\n <div class=\"simple-grid-column-cell-value\" [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\">\n <ng-container *ngIf=\"editMode; else noInlineEdit\">\n <ng-container #editTemplate *ngIf=\"column.editTemplate; else noEditTemplate\"\n [ngTemplateOutlet]=\"column.editTemplate\"\n [ngTemplateOutletContext]=\"{value: row[column.field], row: row}\"></ng-container>\n <ng-template #noEditTemplate>\n <ng-container *ngIf=\"column.template; else noTemplate\">\n <ng-container [ngTemplateOutlet]=\"column.template\"\n [ngTemplateOutletContext]=\"{value: row[column.field], row: row}\"></ng-container>\n </ng-container>\n <ng-template #noTemplate>\n <co-input-text [(model)]=\"row[column.field]\" [required]=\"column.required\"></co-input-text>\n </ng-template>\n </ng-template>\n </ng-container>\n <ng-template #noInlineEdit>\n <ng-container *ngIf=\"column.template; else noTemplate\">\n <ng-container [ngTemplateOutlet]=\"column.template\"\n [ngTemplateOutletContext]=\"{value: row[column.field], row: row}\"></ng-container>\n </ng-container>\n <ng-template #noTemplate>\n <span [textContent]=\"column.getFieldValue(row[column.field])\"></span>\n </ng-template>\n </ng-template>\n </div>\n ",
9925
+ encapsulation: core.ViewEncapsulation.None
9856
9926
  },] }
9857
9927
  ];
9858
9928
  SimpleGridCellComponent.ctorParameters = function () { return [