@colijnit/corecomponents_v12 12.0.41 → 12.0.44

package/fesm2015/colijnit-corecomponents_v12.js

@@ -1003,6 +1003,7 @@ const CoreComponentsIconSvg = {
     "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>",
@@ -1078,6 +1079,7 @@ const CoreComponentsIconSvg = {
     "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>",
@@ -1088,6 +1090,7 @@ const CoreComponentsIconSvg = {
     "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>",
@@ -1115,6 +1118,7 @@ const CoreComponentsIconSvg = {
     "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>",
@@ -1165,6 +1169,7 @@ const CoreComponentsIconSvg = {
     "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>",
@@ -2172,6 +2177,7 @@ var CoreComponentsIcon;
     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";
@@ -2247,6 +2253,7 @@ var CoreComponentsIcon;
     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";
@@ -2257,6 +2264,7 @@ var CoreComponentsIcon;
     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";
@@ -2284,6 +2292,7 @@ var CoreComponentsIcon;
     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";
@@ -2334,6 +2343,7 @@ var CoreComponentsIcon;
     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";
@@ -5436,10 +5446,15 @@ class GridToolbarComponent {
     constructor(iconsService) {
         this.iconsService = iconsService;
         this.icons = CoreComponentsIcon;
+        this.showEdit = false;
+        this.showAdd = false;
+        this.showDelete = false;
+        this.deleteEnabled = false;
         this.editClick = new EventEmitter();
         this.cancelClick = new EventEmitter();
         this.saveClick = new EventEmitter();
         this.addClick = new EventEmitter();
+        this.deleteClick = new EventEmitter();
     }
     showClass() {
         return true;
@@ -5450,10 +5465,11 @@ GridToolbarComponent.decorators = [
                 selector: "co-grid-toolbar",
                 template: `
     <div class="grid-toolbar-wrapper">
-      <co-button [iconData]="iconsService.getIcon(icons.AddToCartDrop)" [label]="'edit'" (click)="editClick.emit($event)"></co-button>
-      <co-button [iconData]="iconsService.getIcon(icons.AddToCartDrop)" [label]="'cancel'" (click)="cancelClick.emit()"></co-button>
-      <co-button [iconData]="iconsService.getIcon(icons.AddToCartDrop)" [label]="'save'" (click)="saveClick.emit()"></co-button>
-      <co-button [iconData]="iconsService.getIcon(icons.AddToCartDrop)" [label]="'add'" (click)="addClick.emit()"></co-button>
+      <co-icon *ngIf="showEdit" [iconData]="iconsService.getIcon(icons.PenToSquareSolid)" [title]="'edit'" (click)="editClick.emit($event)"></co-icon>
+      <co-icon *ngIf="showEdit" [iconData]="iconsService.getIcon(icons.RotateLeftSolid)" [title]="'cancel'" (click)="cancelClick.emit()"></co-icon>
+      <co-icon *ngIf="showEdit" [iconData]="iconsService.getIcon(icons.FloppyDiskSolid)" [title]="'save'" (click)="saveClick.emit()"></co-icon>
+      <co-icon *ngIf="showAdd || showEdit" [iconData]="iconsService.getIcon(icons.PlusSolid)" [title]="'add'" (click)="addClick.emit()"></co-icon>
+      <co-icon *ngIf="showDelete" [iconData]="iconsService.getIcon(icons.TrashCanSolid)" [title]="'delete'" [class.disabled]="!deleteEnabled" (click)="deleteClick.emit()"></co-icon>
     </div>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -5463,10 +5479,15 @@ GridToolbarComponent.ctorParameters = () => [
     { type: IconCacheService }
 ];
 GridToolbarComponent.propDecorators = {
+    showEdit: [{ type: Input }],
+    showAdd: [{ type: Input }],
+    showDelete: [{ type: Input }],
+    deleteEnabled: [{ type: Input }],
     editClick: [{ type: Output }],
     cancelClick: [{ type: Output }],
     saveClick: [{ type: Output }],
     addClick: [{ type: Output }],
+    deleteClick: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-grid-toolbar",] }]
 };
 
@@ -5477,7 +5498,8 @@ GridToolbarModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     IconModule,
-                    ButtonModule
+                    ButtonModule,
+                    CommonModule
                 ],
                 declarations: [
                     GridToolbarComponent
@@ -8626,6 +8648,7 @@ class SimpleGridColumnDirective {
         this.elementRef = elementRef;
         this.resizable = true;
         this.required = false;
+        this.autoFit = false;
         this.readonly = false;
         this.order = 0;
         this.singleColumn = false;
@@ -8654,6 +8677,22 @@ class SimpleGridColumnDirective {
     get editTemplate() {
         return this._editTemplate;
     }
+    set width(value) {
+        if (typeof value === 'string') {
+            if (value.indexOf('%')) {
+                this.widthPercentage = value;
+            }
+            else {
+                this._width = value;
+            }
+        }
+        else {
+            this._width = value;
+        }
+    }
+    get width() {
+        return this._width;
+    }
     ngOnInit() {
         this._setSingleColumnProps();
     }
@@ -8700,6 +8739,7 @@ SimpleGridColumnDirective.propDecorators = {
     format: [{ type: Input }],
     resizable: [{ type: Input }],
     required: [{ type: Input }],
+    autoFit: [{ type: Input }],
     width: [{ type: Input }],
     readonly: [{ type: Input }],
     collection: [{ type: Input }],
@@ -8709,7 +8749,7 @@ SimpleGridColumnDirective.propDecorators = {
 
 class BaseSimpleGridComponent {
     constructor() {
-        this.MIN_COLUMN_WIDTH = 60;
+        this.MIN_COLUMN_WIDTH = 50;
         this.dragDropEnabled = false;
         this.resizable = false;
         this.inlineEdit = false;
@@ -8724,6 +8764,8 @@ class BaseSimpleGridComponent {
         this.selectRow = new EventEmitter();
         this.dblClickRow = new EventEmitter();
         this.saveRow = new EventEmitter();
+        this.deleteRow = new EventEmitter();
+        this.addRow = new EventEmitter();
         this.rowVisible = new EventEmitter();
         this.columns = [];
         this.headerColumns = [];
@@ -8746,7 +8788,7 @@ class BaseSimpleGridComponent {
     }
     handleMouseMove(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);
         }
     }
     handleMouseUp(event) {
@@ -8815,6 +8857,13 @@ class BaseSimpleGridComponent {
             }
             this._prepared = true;
         }
+        this._resizeColumnsToFit();
+    }
+    _resizeColumnsToFit() {
+        const calculateColumns = this.columns.filter(c => !c.autoFit && !c.width);
+        for (let i = 0; i < calculateColumns.length; i++) {
+            calculateColumns[i].width = `${100 / calculateColumns.length}%`;
+        }
     }
     _setWidthOfAllColumns() {
         this.columns.forEach((column) => {
@@ -8842,6 +8891,8 @@ BaseSimpleGridComponent.propDecorators = {
     selectRow: [{ type: Output }],
     dblClickRow: [{ type: Output }],
     saveRow: [{ type: Output }],
+    deleteRow: [{ type: Output }],
+    addRow: [{ type: Output }],
     rowVisible: [{ type: Output }],
     handleMouseMove: [{ type: HostListener, args: ['document:mousemove', ['$event'],] }],
     handleMouseUp: [{ type: HostListener, args: ['document:mouseup', ['$event'],] }]
@@ -8853,6 +8904,9 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this._changeDetection = _changeDetection;
         this._formMaster = _formMaster;
         this.defaultTextAlign = ColumnAlign.Left;
+        this.showAdd = false;
+        this.showDelete = false;
+        this.rightToolbar = false;
         this.editing = false;
         this.editRowIndex = -1;
         this.editCellIndex = -1;
@@ -8896,20 +8950,25 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         const singleColumn = columns.find(column => this.isSingleColumn(column) && !!row[column.field]);
         return !!singleColumn;
     }
-    addRow() {
-        const valid = this.validateAndSave();
-        this._detectChanges();
-        if (valid) {
-            this.data.push({});
-            this._newRow = true;
-            this.editRowIndex = this.data.length - 1;
-            this._nextAvailableCellToEdit(true).then((index) => {
-                this.editCellIndex = index;
-                this._detectChanges();
-            });
-            this.editing = true;
-            this.rowToEdit = this.data[this.data.length - 1];
+    addNewRow() {
+        if (this.inlineEdit) {
+            const valid = this.validateAndSave();
             this._detectChanges();
+            if (valid) {
+                this.data.push({});
+                this._newRow = true;
+                this.editRowIndex = this.data.length - 1;
+                this._nextAvailableCellToEdit(true).then((index) => {
+                    this.editCellIndex = index;
+                    this._detectChanges();
+                });
+                this.editing = true;
+                this.rowToEdit = this.data[this.data.length - 1];
+                this._detectChanges();
+            }
+        }
+        else {
+            this.addRow.next();
         }
     }
     validateAndSave(stopediting = true) {
@@ -8938,6 +8997,9 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this.editing = false;
         this._detectChanges();
     }
+    removeRow() {
+        this.deleteRow.next(this.data[this.selectedRowIndex]);
+    }
     handleClickRow(event, index) {
         setTimeout(() => {
             if (this._doubleClicked) {
@@ -9036,7 +9098,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
             let newRowIndex = 0;
             if (this.editRowIndex + 1 >= this.data.length) {
                 if (this.autoAddRow) {
-                    this.addRow();
+                    this.addNewRow();
                     newRowIndex = this.editRowIndex;
                 }
                 else {
@@ -9103,22 +9165,31 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
 }
 SimpleGridComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-simple-grid",
+                selector: 'co-simple-grid',
                 template: `
-    <co-grid-toolbar *ngIf="inlineEdit && showToolbar"
-                     (addClick)="addRow()"
+    <co-grid-toolbar *ngIf="showToolbar" [class.right]="rightToolbar"
+                     [showEdit]="inlineEdit"
+                     [showAdd]="showAdd"
+                     [showDelete]="showDelete"
+                     [deleteEnabled]="selectedRowIndex > -1"
+                     (addClick)="addNewRow()"
                      (editClick)="editRow($event)"
                      (saveClick)="validateAndSave()"
                      (cancelClick)="cancelEditRow()"
+                     (deleteClick)="removeRow()"
     ></co-grid-toolbar>
     <table class="simple-grid-table">
       <colgroup>
-        <col *ngFor="let column of headerColumns; let index = index" [attr.width]="column.width">
+        <col *ngFor="let column of headerColumns; let index = index"
+             [class.simple-grid-column-auto-fit]="column.autoFit"
+             [style.width.px]="column.width"
+             [style.min-width.px]="MIN_COLUMN_WIDTH">
       </colgroup>
       <thead>
       <tr>
         <th scope="col" #headerCell class="simple-grid-column-header" *ngFor="let column of headerColumns; let index = index">
-          <div class="simple-grid-column-header-wrapper" [class.resizable]="resizable"  [ngClass]="column.textAlign ? column.textAlign : defaultTextAlign">
+          <div class="simple-grid-column-header-wrapper" [class.resizable]="resizable"
+               [ngClass]="column.textAlign ? column.textAlign : defaultTextAlign">
             <ng-container *ngIf="column.headerTemplate; else noHeaderTemplate">
               <ng-container [ngTemplateOutlet]="column.headerTemplate"></ng-container>
             </ng-container>
@@ -9184,8 +9255,11 @@ SimpleGridComponent.ctorParameters = () => [
     { type: FormMasterService }
 ];
 SimpleGridComponent.propDecorators = {
-    headerCells: [{ type: ViewChildren, args: ["headerCell",] }],
-    showClass: [{ type: HostBinding, args: ["class.co-simple-grid",] }],
+    headerCells: [{ type: ViewChildren, args: ['headerCell',] }],
+    showAdd: [{ type: Input }],
+    showDelete: [{ type: Input }],
+    rightToolbar: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ['class.co-simple-grid',] }],
     handleKeyDown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
 };
 
@@ -9231,6 +9305,9 @@ class SimpleGridCellComponent {
             this.cellClick.next();
         }
     }
+    ngOnChanges(changes) {
+        console.log(changes);
+    }
     _setFocusComponent() {
         if (this.editMode && this.fieldEditMode) {
             const element = this._getElement();
@@ -9324,13 +9401,12 @@ SimpleGridCellComponent.decorators = [
                         [ngTemplateOutletContext]="{value: row[column.field], row: row}"></ng-container>
         </ng-container>
         <ng-template #noTemplate>
-          <div [textContent]="column.getFieldValue(row[column.field])"></div>
+          <span [textContent]="column.getFieldValue(row[column.field])"></span>
         </ng-template>
       </ng-template>
     </div>
   `,
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush
+                encapsulation: ViewEncapsulation.None
             },] }
 ];
 SimpleGridCellComponent.ctorParameters = () => [
@@ -9473,12 +9549,12 @@ class FilterItemComponent {
         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 EventEmitter();
-        this.filterTextChange = new EventEmitter();
         this.filteredCollection = [];
         this.limitTo = 10;
         this.filterText = "";
@@ -9518,26 +9594,47 @@ class FilterItemComponent {
         }
         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;
     }
+    handleModelChange(model) {
+        if (this.singleSelect) {
+            this.collection.forEach(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.
     applyFilter(text) {
         var _a, _b;
-        this.filterTextChange.emit(text);
-        if (!this.collection) {
-            return [];
-        }
-        const filterText = (_a = this.filterText) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
-        let filteredItemCount = 0;
-        this.filteredCollection = (_b = this.collection) === null || _b === void 0 ? void 0 : _b.filter((item) => {
-            var _a;
-            const labelText = (_a = item.description) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
-            const 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* () {
+            if (!isNaN(this.minSearchCharsToLoadCollection) && this.collectionLoadFn) {
+                if (text.length === this.minSearchCharsToLoadCollection && text.length > this.filterText.length) {
+                    this.collection = yield this.collectionLoadFn(text);
+                }
+                else if (text.length < this.minSearchCharsToLoadCollection) {
+                    this.collection = undefined;
+                }
             }
+            this.filterText = text;
+            if (!this.collection) {
+                return [];
+            }
+            const filterText = (_a = this.filterText) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
+            let filteredItemCount = 0;
+            this.filteredCollection = (_b = this.collection) === null || _b === void 0 ? void 0 : _b.filter((item) => {
+                var _a;
+                const labelText = (_a = item.description) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase();
+                const isHiddenByFilter = ((labelText === null || labelText === void 0 ? void 0 : labelText.indexOf(filterText)) === -1);
+                if (isHiddenByFilter) {
+                    return false;
+                }
+                else {
+                    filteredItemCount++;
+                    return true;
+                }
+            });
         });
     }
 }
@@ -9559,29 +9656,36 @@ FilterItemComponent.decorators = [
           <ng-template #collectionContent>
             <div class="co-filter-item-collection-content">
               <co-input-text
-                *ngIf="collection?.length > 10"
+                *ngIf="collection?.length > 10 || minSearchCharsToLoadCollection"
                 [placeholder]="searchPlaceholder"
-                [(model)]="filterText"
-                (modelChange)="applyFilter(filterText)"
+                [model]="filterText"
+                (modelChange)="applyFilter($event)"
               >
               </co-input-text>
               <div class="no-results" *ngIf="filteredCollection?.length === 0">
                 <span [textContent]="noResultsLabel"></span>
               </div>
               <div class="co-filter-item-collection-results">
-                <div class="co-filter-item-collection-result-items"
-                     *ngFor="let option of filteredCollection; let index = index">
+                <ng-container
+                  *ngFor="let option of filteredCollection; let index = index">
                   <div class="co-filter-item-collection-result-item" *ngIf="index < limitTo || showAllResults">
-                    <co-input-checkbox [label]="option.description"
-                                       [(model)]="option.checked"
-                                       (modelChange)="collectionChange.emit(collection)"
+                    <co-input-checkbox *ngIf="!singleSelect"
+                                       [label]="option.description"
+                                       [model]="option.checked"
+                                       (modelChange)="handleModelChange(option)"
                     ></co-input-checkbox>
+                    <co-input-radio-button *ngIf="singleSelect"
+                                           [name]="'radiogroup'"
+                                           [label]="option.description"
+                                           [model]="option.checked"
+                                           (modelChange)="handleModelChange(option)"
+                    ></co-input-radio-button>
                     <div class="co-filter-item-amount" *ngIf="option.count"
                          [textContent]="option.count.toString() | append: ')' | prepend: '      ('"
                     ></div>
                   </div>
 
-                </div>
+                </ng-container>
               </div>
               <div class="co-filter-show-more-or-less" *ngIf="!showAllResults">
                 <div class="co-filter-show-more clickable"
@@ -9617,14 +9721,16 @@ FilterItemComponent.propDecorators = {
     placeholder: [{ type: Input }],
     initialLimit: [{ type: Input }],
     expanded: [{ type: Input }],
+    minSearchCharsToLoadCollection: [{ type: Input }],
+    collectionLoadFn: [{ type: Input }],
     customContent: [{ type: Input }],
     showAllResults: [{ type: Input }],
+    singleSelect: [{ type: Input }],
     searchPlaceholder: [{ type: Input }],
     showMoreLabel: [{ type: Input }],
     showLessLabel: [{ type: Input }],
     noResultsLabel: [{ type: Input }],
     collectionChange: [{ type: Output }],
-    filterTextChange: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-filter-item",] }]
 };
 
@@ -9670,7 +9776,9 @@ FilterItemModule.decorators = [
                     IconModule,
                     ScrollingModule,
                     AppendPipeModule,
-                    PrependPipeModule
+                    PrependPipeModule,
+                    InputTextModule,
+                    InputRadioButtonModule
                 ],
                 declarations: [
                     FilterItemComponent
@@ -9681,6 +9789,216 @@ FilterItemModule.decorators = [
             },] }
 ];
 
+// Human-readable JS keyboard codes, as in KeyboardEvent.key string values.
+var KeyboardKey;
+(function (KeyboardKey) {
+    KeyboardKey["Down"] = "ArrowDown";
+    KeyboardKey["Up"] = "ArrowUp";
+    KeyboardKey["Left"] = "ArrowLeft";
+    KeyboardKey["Right"] = "ArrowRight";
+    KeyboardKey["Tab"] = "Tab";
+    KeyboardKey["Escape"] = "Escape";
+    KeyboardKey["Enter"] = "Enter";
+    KeyboardKey["Home"] = "Home";
+    KeyboardKey["End"] = "End";
+    KeyboardKey["Delete"] = "Delete";
+    KeyboardKey["Insert"] = "Insert";
+    KeyboardKey["ShiftLeft"] = "ShiftLeft";
+    KeyboardKey["ShiftRight"] = "ShiftRight";
+    KeyboardKey["Backspace"] = "Backspace";
+    KeyboardKey["SpaceBar"] = "Space";
+    KeyboardKey["Period"] = "Period";
+    KeyboardKey["DecimalPoint"] = "NumpadDecimal";
+    KeyboardKey["SemiColon"] = "Semicolon";
+    KeyboardKey["ControlRight"] = "ControlRight";
+    KeyboardKey["ControlLeft"] = "ControlLeft";
+    KeyboardKey["Comma"] = "Comma";
+    ////Minus,
+    ////MinusFireFox,
+    ////Substract,
+    KeyboardKey["Zero"] = "Digit0";
+    KeyboardKey["One"] = "Digit1";
+    KeyboardKey["Two"] = "Digit2";
+    KeyboardKey["Three"] = "Digit3";
+    KeyboardKey["Four"] = "Digit4";
+    KeyboardKey["Five"] = "Digit5";
+    KeyboardKey["Six"] = "Digit6";
+    KeyboardKey["Seven"] = "Digit7";
+    KeyboardKey["Eight"] = "Digit8";
+    KeyboardKey["Nine"] = "Digit9";
+    KeyboardKey["NumpadZero"] = "Numpad0";
+    KeyboardKey["NumpadOne"] = "Numpad1";
+    KeyboardKey["NumpadTwo"] = "Numpad2";
+    KeyboardKey["NumpadThree"] = "Numpad3";
+    KeyboardKey["NumpadFour"] = "Numpad4";
+    KeyboardKey["NumpadFive"] = "Numpad5";
+    KeyboardKey["NumpadSix"] = "Numpad6";
+    KeyboardKey["NumpadSeven"] = "Numpad7";
+    KeyboardKey["NumpadEight"] = "Numpad8";
+    KeyboardKey["NumpadNine"] = "Numpad9";
+    KeyboardKey["A"] = "KeyA";
+    KeyboardKey["B"] = "KeyB";
+    KeyboardKey["C"] = "KeyC";
+    KeyboardKey["D"] = "KeyD";
+    KeyboardKey["E"] = "KeyE";
+    KeyboardKey["F"] = "KeyF";
+    KeyboardKey["G"] = "KeyG";
+    KeyboardKey["H"] = "KeyH";
+    KeyboardKey["I"] = "KeyI";
+    KeyboardKey["J"] = "KeyJ";
+    KeyboardKey["K"] = "KeyK";
+    KeyboardKey["L"] = "KeyL";
+    KeyboardKey["M"] = "KeyM";
+    KeyboardKey["N"] = "KeyN";
+    KeyboardKey["O"] = "KeyO";
+    KeyboardKey["P"] = "KeyP";
+    KeyboardKey["Q"] = "KeyQ";
+    KeyboardKey["R"] = "KeyR";
+    KeyboardKey["S"] = "KeyS";
+    KeyboardKey["T"] = "KeyT";
+    KeyboardKey["U"] = "KeyU";
+    KeyboardKey["V"] = "KeyV";
+    KeyboardKey["W"] = "KeyW";
+    KeyboardKey["X"] = "KeyX";
+    KeyboardKey["Y"] = "KeyY";
+    KeyboardKey["Z"] = "KeyZ";
+})(KeyboardKey || (KeyboardKey = {}));
+
+class ClickOutsideMasterService {
+    constructor(_ngZone) {
+        this._ngZone = _ngZone;
+        this._clickOutsideRefs = [];
+        this.onClick = (event) => {
+            this._currentClick = event;
+            const first = this._clickOutsideRefs[0];
+            const targets = this._clickOutsideRefs.filter(co => co.alwaysTrigger);
+            if (first) {
+                targets.push(first);
+            }
+            setTimeout(() => {
+                targets.forEach(clickOutside => this.checkEmit(clickOutside, event));
+            });
+        };
+        this.onKeyDown = (event) => {
+            if (event.key === KeyboardKey.Escape) {
+                const first = this._clickOutsideRefs[0];
+                if (first) {
+                    this.checkEmit(first, event, true);
+                }
+            }
+        };
+        document.addEventListener('click', this.onClick, true);
+        window.addEventListener('keydown', this.onKeyDown, EventUtils.passiveBubble);
+    }
+    get currentClick() {
+        return this._currentClick;
+    }
+    ngOnDestroy() {
+        document.removeEventListener('click', this.onClick, true);
+        window.removeEventListener('keydown', this.onKeyDown, EventUtils.passiveBubble);
+    }
+    checkEmit(clickOutside, event, force) {
+        if (clickOutside && (clickOutside.currentClick !== this.currentClick || force) && this._clickOutsideRefs.indexOf(clickOutside) !== -1) {
+            this._ngZone.run(() => clickOutside.clickOutside.emit(event));
+        }
+    }
+    addClickOutside(clickOutside) {
+        this.removeClickOutside(clickOutside);
+        this._clickOutsideRefs.unshift(clickOutside);
+    }
+    removeClickOutside(clickOutside) {
+        ArrayUtils.RemoveElement(clickOutside, this._clickOutsideRefs);
+    }
+}
+ClickOutsideMasterService.decorators = [
+    { type: Injectable }
+];
+ClickOutsideMasterService.ctorParameters = () => [
+    { type: NgZone }
+];
+
+class ClickOutsideDirective {
+    constructor(elementRef, _ngZone, _master) {
+        this.elementRef = elementRef;
+        this._ngZone = _ngZone;
+        this._master = _master;
+        this.clickOutside = new EventEmitter();
+        this._enabled = true;
+        this._initialized = false;
+        this.onClick = (event) => {
+            if (this._enabled) {
+                this._currentClick = event;
+            }
+        };
+    }
+    get currentClick() {
+        return this._currentClick;
+    }
+    set enabled(enabled) {
+        enabled = enabled === undefined || enabled;
+        // noinspection SuspiciousTypeOfGuard
+        if (typeof enabled === 'boolean' && this._enabled !== enabled) {
+            this._enabled = enabled;
+            if (this._initialized) {
+                this._enabled ? this._master.addClickOutside(this) : this._master.removeClickOutside(this);
+            }
+        }
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this._ngZone.runOutsideAngular(() => {
+                if (this.elementRef && this.elementRef.nativeElement) {
+                    this.elementRef.nativeElement.addEventListener('click', this.onClick, EventUtils.passiveCapture);
+                    if (this._enabled) {
+                        this._master.addClickOutside(this);
+                    }
+                    this._initialized = true;
+                }
+            });
+        });
+    }
+    ngOnDestroy() {
+        this._master.removeClickOutside(this);
+        this.elementRef.nativeElement.removeEventListener('click', this.onClick, EventUtils.passiveCapture);
+        this.elementRef = undefined;
+    }
+}
+ClickOutsideDirective.decorators = [
+    { type: Directive, args: [{
+                selector: "[clickOutside]",
+                exportAs: 'clickOutside'
+            },] }
+];
+ClickOutsideDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: NgZone },
+    { type: ClickOutsideMasterService }
+];
+ClickOutsideDirective.propDecorators = {
+    enabled: [{ type: Input, args: ["clickOutside",] }],
+    alwaysTrigger: [{ type: Input }],
+    clickOutside: [{ type: Output }]
+};
+__decorate([
+    InputBoolean()
+], ClickOutsideDirective.prototype, "alwaysTrigger", void 0);
+
+class ClickoutsideModule {
+}
+ClickoutsideModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ClickOutsideDirective
+                ],
+                providers: [
+                    ClickOutsideMasterService
+                ],
+                exports: [
+                    ClickOutsideDirective
+                ]
+            },] }
+];
+
 /*
  * Public API Surface of corecomponents
  */
@@ -9689,5 +10007,5 @@ FilterItemModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ArticleTileComponent, ArticleTileModule, ButtonComponent, ButtonDropDownComponent, ButtonDropDownModule, ButtonModule, COMPONENT_INTERFACE_NAME, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CoDialogComponent, CoDialogModule, CoDialogPromptComponent, CoDialogPromptModule, CoDialogWizardComponent, CoDialogWizardModule, CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoRichTextEditorComponent, CoRichTextEditorModule, CoScheduleComponent, CoScheduleModule, CoSidebarComponent, CoSidebarModule, CoToggleComponent, CoToggleModule, CollapsibleComponent, CollapsibleModule, ColumnAlign, CoreComponentsIcon, DropDownListComponent, DropDownModule, FilterItemComponent, FilterItemModule, FormComponent, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputCheckboxMultiSelectComponent, InputCheckboxMultiSelectModule, InputComboBoxComponent, InputComboBoxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputListboxComponent, InputListboxModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, MultiSelectListComponent, MultiSelectListModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, RippleModule as ɵa, MD_RIPPLE_GLOBAL_OPTIONS as ɵb, ObserveVisibilityDirective as ɵba, SimpleGridCellComponent as ɵbb, PrependPipeModule as ɵbc, PrependPipe as ɵbd, CoRippleDirective as ɵc, CoViewportRulerService as ɵd, CoScrollDispatcherService as ɵe, CoScrollableDirective as ɵf, StopClickModule as ɵg, StopClickDirective as ɵh, InputBoolean as ɵi, BaseModule as ɵj, FormInputUserModelChangeListenerService as ɵk, NgZoneWrapperService as ɵl, BaseInputComponent as ɵm, BaseSelectionGridComponent as ɵn, BaseInlineEditGridComponent as ɵo, BaseToolbarGridComponent as ɵp, BaseGridComponent as ɵq, AppendPipeModule as ɵr, AppendPipe as ɵs, ValidationErrorModule as ɵt, ValidationErrorComponent as ɵu, CommitButtonsModule as ɵv, CommitButtonsComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityModule as ɵz };
+export { ArticleTileComponent, ArticleTileModule, ButtonComponent, ButtonDropDownComponent, ButtonDropDownModule, ButtonModule, COMPONENT_INTERFACE_NAME, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogPromptComponent, CoDialogPromptModule, CoDialogWizardComponent, CoDialogWizardModule, CoGridComponent, CoGridModule, CoKanbanComponent, CoKanbanModule, CoPivotComponent, CoPivotModule, CoRichTextEditorComponent, CoRichTextEditorModule, CoScheduleComponent, CoScheduleModule, CoSidebarComponent, CoSidebarModule, CoToggleComponent, CoToggleModule, CollapsibleComponent, CollapsibleModule, ColumnAlign, CoreComponentsIcon, DropDownListComponent, DropDownModule, FilterItemComponent, FilterItemModule, FormComponent, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputCheckboxMultiSelectComponent, InputCheckboxMultiSelectModule, InputComboBoxComponent, InputComboBoxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputListboxComponent, InputListboxModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, MultiSelectListComponent, MultiSelectListModule, ObserveVisibilityModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, RippleModule as ɵa, MD_RIPPLE_GLOBAL_OPTIONS as ɵb, SimpleGridCellComponent as ɵba, PrependPipeModule as ɵbb, PrependPipe as ɵbc, ClickOutsideDirective as ɵbd, ClickOutsideMasterService as ɵbe, CoRippleDirective as ɵc, CoViewportRulerService as ɵd, CoScrollDispatcherService as ɵe, CoScrollableDirective as ɵf, StopClickModule as ɵg, StopClickDirective as ɵh, InputBoolean as ɵi, BaseModule as ɵj, FormInputUserModelChangeListenerService as ɵk, NgZoneWrapperService as ɵl, BaseInputComponent as ɵm, BaseSelectionGridComponent as ɵn, BaseInlineEditGridComponent as ɵo, BaseToolbarGridComponent as ɵp, BaseGridComponent as ɵq, AppendPipeModule as ɵr, AppendPipe as ɵs, ValidationErrorModule as ɵt, ValidationErrorComponent as ɵu, CommitButtonsModule as ɵv, CommitButtonsComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
 //# sourceMappingURL=colijnit-corecomponents_v12.js.map