@colijnit/corecomponents_v12 12.0.42 → 12.0.45

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -1041,6 +1041,7 @@
         "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>",
         "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>",
         "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>",
+        "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>",
         "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>",
         "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>",
         "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 @@
         "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>",
         "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>",
         "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>",
+        "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>",
         "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>",
         "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>",
         "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 @@
         "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>",
         "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>",
         "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>",
+        "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>",
         "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>",
         "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>",
         "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 @@
         "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>",
         "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>",
         "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>",
+        "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>",
         "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>",
         "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>",
         "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 @@
         "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>",
         "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>",
         "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>",
+        "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>",
         "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>",
         "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>",
         "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 @@
         CoreComponentsIcon["Finish"] = "finish";
         CoreComponentsIcon["FixedOptionValueTree"] = "fixed_option_value_tree";
         CoreComponentsIcon["FixedTreeOptionValue"] = "fixed_tree_option_value";
+        CoreComponentsIcon["FloppyDiskSolid"] = "floppy_disk_solid";
         CoreComponentsIcon["FolderArrow"] = "FolderArrow";
         CoreComponentsIcon["FolderArrowIn"] = "folder_arrow_in";
         CoreComponentsIcon["Formula"] = "formula";
@@ -2681,6 +2687,7 @@
         CoreComponentsIcon["OverBooking"] = "over_booking";
         CoreComponentsIcon["PauseCircle"] = "pause_circle";
         CoreComponentsIcon["PencilRoundOpen"] = "pencil_round_open";
+        CoreComponentsIcon["PenToSquareSolid"] = "pen_to_square_solid";
         CoreComponentsIcon["Phone"] = "phone";
         CoreComponentsIcon["PhoneRoundOpen"] = "phone_round_open";
         CoreComponentsIcon["Piechart"] = "piechart";
@@ -2691,6 +2698,7 @@
         CoreComponentsIcon["PlusRoundOpen"] = "plus_round_open";
         CoreComponentsIcon["PlusSimple"] = "plus_simple";
         CoreComponentsIcon["PlusSkinny"] = "plus_skinny";
+        CoreComponentsIcon["PlusSolid"] = "plus_solid";
         CoreComponentsIcon["PlusStars"] = "plus_stars";
         CoreComponentsIcon["Pointer"] = "pointer";
         CoreComponentsIcon["Pointer3d"] = "pointer_3d";
@@ -2718,6 +2726,7 @@
         CoreComponentsIcon["ResizeUp"] = "resize_up";
         CoreComponentsIcon["Returns"] = "returns";
         CoreComponentsIcon["ReturnGoods"] = "return_goods";
+        CoreComponentsIcon["RotateLeftSolid"] = "rotate_left_solid";
         CoreComponentsIcon["SaveDisk"] = "save_disk";
         CoreComponentsIcon["SaveSkinny"] = "save_skinny";
         CoreComponentsIcon["ScaleBalanced"] = "scale_balanced";
@@ -2768,6 +2777,7 @@
         CoreComponentsIcon["Transactions"] = "transactions";
         CoreComponentsIcon["TransactionDetail"] = "transaction_detail";
         CoreComponentsIcon["TrashBin"] = "TrashBin";
+        CoreComponentsIcon["TrashCanSolid"] = "trash_can_solid";
         CoreComponentsIcon["TriangleDown"] = "triangle_down";
         CoreComponentsIcon["TriangleLarge"] = "triangle_large";
         CoreComponentsIcon["TriangleLeft"] = "triangle_left";
@@ -4919,6 +4929,7 @@
                             return [4 /*yield*/, this.commitClick()];
                         case 2:
                             _b.sent();
+                            this.enter.emit();
                             return [2 /*return*/, false];
                         case 3:
                             nextSiblingToFocus = event.shiftKey ? event.currentTarget.previousSibling : event.currentTarget.nextSibling;
@@ -5882,10 +5893,15 @@
         function GridToolbarComponent(iconsService) {
             this.iconsService = iconsService;
             this.icons = exports.CoreComponentsIcon;
+            this.showEdit = false;
+            this.showAdd = false;
+            this.showDelete = false;
+            this.deleteEnabled = false;
             this.editClick = new core.EventEmitter();
             this.cancelClick = new core.EventEmitter();
             this.saveClick = new core.EventEmitter();
             this.addClick = new core.EventEmitter();
+            this.deleteClick = new core.EventEmitter();
         }
         GridToolbarComponent.prototype.showClass = function () {
             return true;
@@ -5895,7 +5911,7 @@
     GridToolbarComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "co-grid-toolbar",
-                    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  ",
+                    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  ",
                     encapsulation: core.ViewEncapsulation.None
                 },] }
     ];
@@ -5903,10 +5919,15 @@
         { type: IconCacheService }
     ]; };
     GridToolbarComponent.propDecorators = {
+        showEdit: [{ type: core.Input }],
+        showAdd: [{ type: core.Input }],
+        showDelete: [{ type: core.Input }],
+        deleteEnabled: [{ type: core.Input }],
         editClick: [{ type: core.Output }],
         cancelClick: [{ type: core.Output }],
         saveClick: [{ type: core.Output }],
         addClick: [{ type: core.Output }],
+        deleteClick: [{ type: core.Output }],
         showClass: [{ type: core.HostBinding, args: ["class.co-grid-toolbar",] }]
     };
 
@@ -5920,7 +5941,8 @@
         { type: core.NgModule, args: [{
                     imports: [
                         IconModule,
-                        ButtonModule
+                        ButtonModule,
+                        common.CommonModule
                     ],
                     declarations: [
                         GridToolbarComponent
@@ -6391,6 +6413,7 @@
             _this.dateRangeChange = new core.EventEmitter();
             _this.close = new core.EventEmitter();
             _this.select = new core.EventEmitter();
+            _this.cleared = new core.EventEmitter();
             return _this;
         }
         InputDateRangePickerComponent.prototype.showClass = function () {
@@ -6408,7 +6431,7 @@
     InputDateRangePickerComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "co-input-date-range",
-                    template: "\n    <ejs-daterangepicker\n      [format]=\"dateFormat\"\n      [placeholder]=\"placeholder\"\n      [ngModel]=\"model\"\n      (ngModelChange)=\"rangeChange()\"\n      (close)=\"close.next($event)\"\n      (select)=\"select.next($event)\"\n      [(startDate)]=\"startDate\"\n      [(endDate)]=\"endDate\"\n    ></ejs-daterangepicker>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
+                    template: "\n    <ejs-daterangepicker\n      [format]=\"dateFormat\"\n      [placeholder]=\"placeholder\"\n      [ngModel]=\"model\"\n      (ngModelChange)=\"rangeChange()\"\n      (close)=\"close.next($event)\"\n      (select)=\"select.next($event)\"\n      (cleared)=\"cleared.next($event)\"\n      [(startDate)]=\"startDate\"\n      [(endDate)]=\"endDate\"\n    ></ejs-daterangepicker>\n    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
                     encapsulation: core.ViewEncapsulation.None
                 },] }
     ];
@@ -6422,6 +6445,7 @@
         dateRangeChange: [{ type: core.Output }],
         close: [{ type: core.Output }],
         select: [{ type: core.Output }],
+        cleared: [{ type: core.Output }],
         showClass: [{ type: core.HostBinding, args: ["class.co-input-date-range-picker",] }]
     };
 
@@ -9176,6 +9200,7 @@
             this.elementRef = elementRef;
             this.resizable = true;
             this.required = false;
+            this.autoFit = false;
             this.readonly = false;
             this.order = 0;
             this.singleColumn = false;
@@ -9216,6 +9241,26 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(SimpleGridColumnDirective.prototype, "width", {
+            get: function () {
+                return this._width;
+            },
+            set: function (value) {
+                if (typeof value === 'string') {
+                    if (value.indexOf('%')) {
+                        this.widthPercentage = value;
+                    }
+                    else {
+                        this._width = value;
+                    }
+                }
+                else {
+                    this._width = value;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         SimpleGridColumnDirective.prototype.ngOnInit = function () {
             this._setSingleColumnProps();
         };
@@ -9264,6 +9309,7 @@
         format: [{ type: core.Input }],
         resizable: [{ type: core.Input }],
         required: [{ type: core.Input }],
+        autoFit: [{ type: core.Input }],
         width: [{ type: core.Input }],
         readonly: [{ type: core.Input }],
         collection: [{ type: core.Input }],
@@ -9273,7 +9319,7 @@
 
     var BaseSimpleGridComponent = /** @class */ (function () {
         function BaseSimpleGridComponent() {
-            this.MIN_COLUMN_WIDTH = 60;
+            this.MIN_COLUMN_WIDTH = 50;
             this.dragDropEnabled = false;
             this.resizable = false;
             this.inlineEdit = false;
@@ -9288,6 +9334,8 @@
             this.selectRow = new core.EventEmitter();
             this.dblClickRow = new core.EventEmitter();
             this.saveRow = new core.EventEmitter();
+            this.deleteRow = new core.EventEmitter();
+            this.addRow = new core.EventEmitter();
             this.rowVisible = new core.EventEmitter();
             this.columns = [];
             this.headerColumns = [];
@@ -9322,7 +9370,7 @@
         });
         BaseSimpleGridComponent.prototype.handleMouseMove = function (event) {
             if (this.resizable && event.buttons === 1 && this._columnForResize) {
-                this._columnForResize.width = this._columnForResize.originalWidth - (this._startMousePositionX - event.clientX);
+                // this._columnForResize.width = this._columnForResize.originalWidth - (this._startMousePositionX - event.clientX);
             }
         };
         BaseSimpleGridComponent.prototype.handleMouseUp = function (event) {
@@ -9392,6 +9440,13 @@
                 }
                 this._prepared = true;
             }
+            this._resizeColumnsToFit();
+        };
+        BaseSimpleGridComponent.prototype._resizeColumnsToFit = function () {
+            var calculateColumns = this.columns.filter(function (c) { return !c.autoFit && !c.width; });
+            for (var i = 0; i < calculateColumns.length; i++) {
+                calculateColumns[i].width = 100 / calculateColumns.length + "%";
+            }
         };
         BaseSimpleGridComponent.prototype._setWidthOfAllColumns = function () {
             this.columns.forEach(function (column) {
@@ -9420,6 +9475,8 @@
         selectRow: [{ type: core.Output }],
         dblClickRow: [{ type: core.Output }],
         saveRow: [{ type: core.Output }],
+        deleteRow: [{ type: core.Output }],
+        addRow: [{ type: core.Output }],
         rowVisible: [{ type: core.Output }],
         handleMouseMove: [{ type: core.HostListener, args: ['document:mousemove', ['$event'],] }],
         handleMouseUp: [{ type: core.HostListener, args: ['document:mouseup', ['$event'],] }]
@@ -9432,6 +9489,9 @@
             _this._changeDetection = _changeDetection;
             _this._formMaster = _formMaster;
             _this.defaultTextAlign = exports.ColumnAlign.Left;
+            _this.showAdd = false;
+            _this.showDelete = false;
+            _this.rightToolbar = false;
             _this.editing = false;
             _this.editRowIndex = -1;
             _this.editCellIndex = -1;
@@ -9482,21 +9542,26 @@
             var singleColumn = columns.find(function (column) { return _this.isSingleColumn(column) && !!row[column.field]; });
             return !!singleColumn;
         };
-        SimpleGridComponent.prototype.addRow = function () {
+        SimpleGridComponent.prototype.addNewRow = function () {
             var _this = this;
-            var valid = this.validateAndSave();
-            this._detectChanges();
-            if (valid) {
-                this.data.push({});
-                this._newRow = true;
-                this.editRowIndex = this.data.length - 1;
-                this._nextAvailableCellToEdit(true).then(function (index) {
-                    _this.editCellIndex = index;
-                    _this._detectChanges();
-                });
-                this.editing = true;
-                this.rowToEdit = this.data[this.data.length - 1];
+            if (this.inlineEdit) {
+                var valid = this.validateAndSave();
                 this._detectChanges();
+                if (valid) {
+                    this.data.push({});
+                    this._newRow = true;
+                    this.editRowIndex = this.data.length - 1;
+                    this._nextAvailableCellToEdit(true).then(function (index) {
+                        _this.editCellIndex = index;
+                        _this._detectChanges();
+                    });
+                    this.editing = true;
+                    this.rowToEdit = this.data[this.data.length - 1];
+                    this._detectChanges();
+                }
+            }
+            else {
+                this.addRow.next();
             }
         };
         SimpleGridComponent.prototype.validateAndSave = function (stopediting) {
@@ -9526,6 +9591,9 @@
             this.editing = false;
             this._detectChanges();
         };
+        SimpleGridComponent.prototype.removeRow = function () {
+            this.deleteRow.next(this.data[this.selectedRowIndex]);
+        };
         SimpleGridComponent.prototype.handleClickRow = function (event, index) {
             var _this = this;
             setTimeout(function () {
@@ -9631,7 +9699,7 @@
                 var newRowIndex = 0;
                 if (_this.editRowIndex + 1 >= _this.data.length) {
                     if (_this.autoAddRow) {
-                        _this.addRow();
+                        _this.addNewRow();
                         newRowIndex = _this.editRowIndex;
                     }
                     else {
@@ -9701,8 +9769,8 @@
     }(BaseSimpleGridComponent));
     SimpleGridComponent.decorators = [
         { type: core.Component, args: [{
-                    selector: "co-simple-grid",
-                    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  ",
+                    selector: 'co-simple-grid',
+                    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  ",
                     providers: [
                         FormMasterService
                     ],
@@ -9715,8 +9783,11 @@
         { type: FormMasterService }
     ]; };
     SimpleGridComponent.propDecorators = {
-        headerCells: [{ type: core.ViewChildren, args: ["headerCell",] }],
-        showClass: [{ type: core.HostBinding, args: ["class.co-simple-grid",] }],
+        headerCells: [{ type: core.ViewChildren, args: ['headerCell',] }],
+        showAdd: [{ type: core.Input }],
+        showDelete: [{ type: core.Input }],
+        rightToolbar: [{ type: core.Input }],
+        showClass: [{ type: core.HostBinding, args: ['class.co-simple-grid',] }],
         handleKeyDown: [{ type: core.HostListener, args: ['keydown', ['$event'],] }]
     };
 
@@ -9778,6 +9849,9 @@
                 this.cellClick.next();
             }
         };
+        SimpleGridCellComponent.prototype.ngOnChanges = function (changes) {
+            console.log(changes);
+        };
         SimpleGridCellComponent.prototype._setFocusComponent = function () {
             if (this.editMode && this.fieldEditMode) {
                 var element = this._getElement();
@@ -9850,9 +9924,8 @@
     SimpleGridCellComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "co-simple-grid-cell",
-                    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  ",
-                    encapsulation: core.ViewEncapsulation.None,
-                    changeDetection: core.ChangeDetectionStrategy.OnPush
+                    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  ",
+                    encapsulation: core.ViewEncapsulation.None
                 },] }
     ];
     SimpleGridCellComponent.ctorParameters = function () { return [
@@ -10018,12 +10091,12 @@
             this.customContent = false;
             // Set to true to show all results. Set to false to get 'show more' and 'show less' buttons to expand and contract.
             this.showAllResults = false;
-            this.searchPlaceholder = "Search...";
+            this.singleSelect = false;
+            this.searchPlaceholder = 'Search...';
             this.showMoreLabel = 'Show more';
             this.showLessLabel = 'Show less';
             this.noResultsLabel = "No results";
             this.collectionChange = new core.EventEmitter();
-            this.filterTextChange = new core.EventEmitter();
             this.filteredCollection = [];
             this.limitTo = 10;
             this.filterText = "";
@@ -10067,26 +10140,59 @@
             }
             return ((_a = this.filteredCollection) === null || _a === void 0 ? void 0 : _a.length) <= this.limitTo && ((_b = this.filteredCollection) === null || _b === void 0 ? void 0 : _b.length) > this.initialLimit;
         };
+        FilterItemComponent.prototype.handleModelChange = function (model) {
+            if (this.singleSelect) {
+                this.collection.forEach(function (m) {
+                    if (m.code !== model.code && m.description !== model.description) {
+                        m.checked = false;
+                    }
+                });
+            }
+            model.checked = !model.checked;
+            this.collectionChange.emit(this.collection);
+        };
         // Applies filter to the collection.
         FilterItemComponent.prototype.applyFilter = function (text) {
             var _a, _b;
-            this.filterTextChange.emit(text);
-            if (!this.collection) {
-                return [];
-            }
-            var filterText = (_a = this.filterText) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
-            var filteredItemCount = 0;
-            this.filteredCollection = (_b = this.collection) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
-                var _a;
-                var labelText = (_a = item.description) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
-                var isHiddenByFilter = ((labelText === null || labelText === void 0 ? void 0 : labelText.indexOf(filterText)) === -1);
-                if (isHiddenByFilter) {
-                    return false;
-                }
-                else {
-                    filteredItemCount++;
-                    return true;
-                }
+            return __awaiter(this, void 0, void 0, function () {
+                var _c, filterText, filteredItemCount;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!(!isNaN(this.minSearchCharsToLoadCollection) && this.collectionLoadFn)) return [3 /*break*/, 3];
+                            if (!(text.length === this.minSearchCharsToLoadCollection && text.length > this.filterText.length)) return [3 /*break*/, 2];
+                            _c = this;
+                            return [4 /*yield*/, this.collectionLoadFn(text)];
+                        case 1:
+                            _c.collection = _d.sent();
+                            return [3 /*break*/, 3];
+                        case 2:
+                            if (text.length < this.minSearchCharsToLoadCollection) {
+                                this.collection = undefined;
+                            }
+                            _d.label = 3;
+                        case 3:
+                            this.filterText = text;
+                            if (!this.collection) {
+                                return [2 /*return*/, []];
+                            }
+                            filterText = (_a = this.filterText) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
+                            filteredItemCount = 0;
+                            this.filteredCollection = (_b = this.collection) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
+                                var _a;
+                                var labelText = (_a = item.description) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
+                                var isHiddenByFilter = ((labelText === null || labelText === void 0 ? void 0 : labelText.indexOf(filterText)) === -1);
+                                if (isHiddenByFilter) {
+                                    return false;
+                                }
+                                else {
+                                    filteredItemCount++;
+                                    return true;
+                                }
+                            });
+                            return [2 /*return*/];
+                    }
+                });
             });
         };
         return FilterItemComponent;
@@ -10094,7 +10200,7 @@
     FilterItemComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "co-filter-item",
-                    template: "\n    <div class=\"co-filter-item-header\">\n      <co-collapsible\n        [headerTitle]=\"placeholder\"\n        [expandButtonLast]=\"true\"\n        [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"\n        [expanded]=\"expanded\"\n      >\n        <div class=\"co-filter-item-collapsable-content\">\n          <div class=\"co-filter-item-custom-content\" *ngIf=\"customContent; else collectionContent\">\n            <ng-content></ng-content>\n          </div>\n          <ng-template #collectionContent>\n            <div class=\"co-filter-item-collection-content\">\n              <co-input-text\n                *ngIf=\"collection?.length > 10\"\n                [placeholder]=\"searchPlaceholder\"\n                [(model)]=\"filterText\"\n                (modelChange)=\"applyFilter(filterText)\"\n              >\n              </co-input-text>\n              <div class=\"no-results\" *ngIf=\"filteredCollection?.length === 0\">\n                <span [textContent]=\"noResultsLabel\"></span>\n              </div>\n              <div class=\"co-filter-item-collection-results\">\n                <div class=\"co-filter-item-collection-result-items\"\n                     *ngFor=\"let option of filteredCollection; let index = index\">\n                  <div class=\"co-filter-item-collection-result-item\" *ngIf=\"index < limitTo || showAllResults\">\n                    <co-input-checkbox [label]=\"option.description\"\n                                       [(model)]=\"option.checked\"\n                                       (modelChange)=\"collectionChange.emit(collection)\"\n                    ></co-input-checkbox>\n                    <div class=\"co-filter-item-amount\" *ngIf=\"option.count\"\n                         [textContent]=\"option.count.toString() | append: ')' | prepend: '      ('\"\n                    ></div>\n                  </div>\n\n                </div>\n              </div>\n              <div class=\"co-filter-show-more-or-less\" *ngIf=\"!showAllResults\">\n                <div class=\"co-filter-show-more clickable\"\n                     *ngIf=\"moreToShow()\">\n                  <a (click)=\"increaseLimit()\">\n                    <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"></co-icon>\n                    <span [textContent]=\"showMoreLabel\"></span>\n                  </a>\n                </div>\n                <div class=\"co-filter-show-less clickable\"\n                     *ngIf=\"lessToShow()\">\n                  <a (click)=\"setToInitialLimit()\">\n                    <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointUp)\"></co-icon>\n                    <span [textContent]=\"showLessLabel\"></span>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </co-collapsible>\n    </div>\n\n  ",
+                    template: "\n    <div class=\"co-filter-item-header\">\n      <co-collapsible\n        [headerTitle]=\"placeholder\"\n        [expandButtonLast]=\"true\"\n        [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"\n        [expanded]=\"expanded\"\n      >\n        <div class=\"co-filter-item-collapsable-content\">\n          <div class=\"co-filter-item-custom-content\" *ngIf=\"customContent; else collectionContent\">\n            <ng-content></ng-content>\n          </div>\n          <ng-template #collectionContent>\n            <div class=\"co-filter-item-collection-content\">\n              <co-input-text\n                *ngIf=\"collection?.length > 10 || minSearchCharsToLoadCollection\"\n                [placeholder]=\"searchPlaceholder\"\n                [model]=\"filterText\"\n                (modelChange)=\"applyFilter($event)\"\n              >\n              </co-input-text>\n              <div class=\"no-results\" *ngIf=\"filteredCollection?.length === 0\">\n                <span [textContent]=\"noResultsLabel\"></span>\n              </div>\n              <div class=\"co-filter-item-collection-results\">\n                <ng-container\n                  *ngFor=\"let option of filteredCollection; let index = index\">\n                  <div class=\"co-filter-item-collection-result-item\" *ngIf=\"index < limitTo || showAllResults\">\n                    <co-input-checkbox *ngIf=\"!singleSelect\"\n                                       [label]=\"option.description\"\n                                       [model]=\"option.checked\"\n                                       (modelChange)=\"handleModelChange(option)\"\n                    ></co-input-checkbox>\n                    <co-input-radio-button *ngIf=\"singleSelect\"\n                                           [name]=\"'radiogroup'\"\n                                           [label]=\"option.description\"\n                                           [model]=\"option.checked\"\n                                           (modelChange)=\"handleModelChange(option)\"\n                    ></co-input-radio-button>\n                    <div class=\"co-filter-item-amount\" *ngIf=\"option.count\"\n                         [textContent]=\"option.count.toString() | append: ')' | prepend: '      ('\"\n                    ></div>\n                  </div>\n\n                </ng-container>\n              </div>\n              <div class=\"co-filter-show-more-or-less\" *ngIf=\"!showAllResults\">\n                <div class=\"co-filter-show-more clickable\"\n                     *ngIf=\"moreToShow()\">\n                  <a (click)=\"increaseLimit()\">\n                    <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointDown)\"></co-icon>\n                    <span [textContent]=\"showMoreLabel\"></span>\n                  </a>\n                </div>\n                <div class=\"co-filter-show-less clickable\"\n                     *ngIf=\"lessToShow()\">\n                  <a (click)=\"setToInitialLimit()\">\n                    <co-icon [iconData]=\"iconService.getIcon(icons.ArrowPointUp)\"></co-icon>\n                    <span [textContent]=\"showLessLabel\"></span>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </co-collapsible>\n    </div>\n\n  ",
                     encapsulation: core.ViewEncapsulation.None
                 },] }
     ];
@@ -10106,14 +10212,16 @@
         placeholder: [{ type: core.Input }],
         initialLimit: [{ type: core.Input }],
         expanded: [{ type: core.Input }],
+        minSearchCharsToLoadCollection: [{ type: core.Input }],
+        collectionLoadFn: [{ type: core.Input }],
         customContent: [{ type: core.Input }],
         showAllResults: [{ type: core.Input }],
+        singleSelect: [{ type: core.Input }],
         searchPlaceholder: [{ type: core.Input }],
         showMoreLabel: [{ type: core.Input }],
         showLessLabel: [{ type: core.Input }],
         noResultsLabel: [{ type: core.Input }],
         collectionChange: [{ type: core.Output }],
-        filterTextChange: [{ type: core.Output }],
         showClass: [{ type: core.HostBinding, args: ["class.co-filter-item",] }]
     };
 
@@ -10168,7 +10276,9 @@
                         IconModule,
                         scrolling.ScrollingModule,
                         AppendPipeModule,
-                        PrependPipeModule
+                        PrependPipeModule,
+                        InputTextModule,
+                        InputRadioButtonModule
                     ],
                     declarations: [
                         FilterItemComponent