@colijnit/corecomponents_v12 258.1.5 → 258.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-corecomponents_v12.umd.js +43 -41
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/simple-grid/simple-grid.component.js +48 -43
- package/esm2015/lib/core/enum/core-components-icon.enum.js +3 -1
- package/esm2015/lib/core/model/core-components-icon-svg.js +3 -1
- package/fesm2015/colijnit-corecomponents_v12.js +51 -42
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/simple-grid/simple-grid.component.d.ts +2 -0
- package/lib/components/simple-grid/style/_layout.scss +31 -0
- package/lib/core/enum/core-components-icon.enum.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1395,6 +1395,7 @@
|
|
|
1395
1395
|
CoreComponentsIcon["ArrowScrollRight"] = "arrow_scroll_right";
|
|
1396
1396
|
CoreComponentsIcon["ArrowScrollUp"] = "arrow_scroll_up";
|
|
1397
1397
|
CoreComponentsIcon["ArrowUp"] = "arrow_up";
|
|
1398
|
+
CoreComponentsIcon["ArrowUpArrowDown"] = "arrow_up_arrow_down";
|
|
1398
1399
|
CoreComponentsIcon["Article"] = "article";
|
|
1399
1400
|
CoreComponentsIcon["ArticleWithFold"] = "article_with_fold";
|
|
1400
1401
|
CoreComponentsIcon["AsteriskSmall"] = "asterisk_small";
|
|
@@ -1492,6 +1493,7 @@
|
|
|
1492
1493
|
CoreComponentsIcon["GlobalSearch"] = "global_search";
|
|
1493
1494
|
CoreComponentsIcon["Globe"] = "globe";
|
|
1494
1495
|
CoreComponentsIcon["GreaterThan"] = "greater_than";
|
|
1496
|
+
CoreComponentsIcon["GripDotsVerticalSolid"] = "grip_dots_vertical_solid";
|
|
1495
1497
|
CoreComponentsIcon["Groupby"] = "groupby";
|
|
1496
1498
|
CoreComponentsIcon["Hamburger"] = "hamburger";
|
|
1497
1499
|
CoreComponentsIcon["HandPointer"] = "hand_pointer";
|
|
@@ -1696,6 +1698,7 @@
|
|
|
1696
1698
|
"arrow_scroll_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 50 50\" viewBox=\"0 0 50 50\" y=\"0px\" x=\"0px\" version=\"1.1\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><polygon fill=\"#000000\" transform=\"matrix(0,-1,1,0,0,50)\" points=\"41.5,15.8 45,19.4 25,34.2 5,19.4 8.5,15.8 25,27.3 \" /></svg>",
|
|
1697
1699
|
"arrow_scroll_up": "<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\" ><polygon fill=\"#29363E\" points=\"5,30.6 8.5,34.2 25,22.7 41.5,34.2 45,30.6 25,15.8 \"/></svg>",
|
|
1698
1700
|
"arrow_up": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><polygon points=\"27.5 19.4 27.5 38 23.4 38 23.4 19.4 23.4 19.4 19.1 19.4 25.4 13 31.8 19.4 27.5 19.4\" fill=\"#2a363b\"/></svg>",
|
|
1701
|
+
"arrow_up_arrow_down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M529 377c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-55 55L440 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 342.1-55-55c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l96 96c9.4 9.4 24.6 9.4 33.9 0l96-96zM177 39c-9.4-9.4-24.6-9.4-33.9 0L47 135c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l55-55L136 456c0 13.3 10.7 24 24 24s24-10.7 24-24l0-342.1 55 55c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L177 39z\"/></svg>",
|
|
1699
1702
|
"article": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M37.43,15.14H12.57A2.57,2.57,0,0,0,10,17.71V32.29a2.57,2.57,0,0,0,2.57,2.57H37.43A2.57,2.57,0,0,0,40,32.29V17.71A2.57,2.57,0,0,0,37.43,15.14ZM14.29,32.71H12.15V17.29h2.14Zm2,0H15V17.29h1.29Zm2.57,0H17.54V17.29h1.29Zm3.52,0H20.2V17.29h2.15Zm2,0H23.11V17.29H24.4Zm2.06,0H25.17V17.29h1.29Zm2.66,0H27.83V17.29h1.29Zm3.51,0H31.34V17.29h1.29Zm3.34,0H33.4V17.29H36Zm2.32,0H37V17.29h1.29Z\" fill=\"#484f60\"/></svg>",
|
|
1700
1703
|
"article_with_fold": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.51,35.5H12a.5.5,0,0,1-.5-.5V15a.5.5,0,0,1,.5-.5H38a.5.5,0,0,1,.5.5V28.73H40V15a2,2,0,0,0-2-2H12a2,2,0,0,0-2,2V35a2,2,0,0,0,2,2H31.51Z\" fill=\"#484f60\"/><path d=\"M40,28.73H33.56c-1.78,0-2.05.27-2.05,2.05V37Z\" fill=\"#484f60\"/><rect x=\"14.5\" y=\"18.5\" width=\"6\" height=\"5\" fill=\"#484f60\"/><rect x=\"14.5\" y=\"30.5\" width=\"15\" height=\"1\" fill=\"#484f60\"/><rect x=\"14.5\" y=\"26.5\" width=\"15\" height=\"1\" fill=\"#484f60\"/><rect x=\"22.5\" y=\"22.5\" width=\"13\" height=\"1\" fill=\"#484f60\"/><rect x=\"22.5\" y=\"18.5\" width=\"13\" height=\"1\" fill=\"#484f60\"/></svg>",
|
|
1701
1704
|
"asterisk_small": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"22\" width=\"30\" height=\"6\" transform=\"translate(15.85 -9.15) rotate(30)\" fill=\"#484f60\"/><rect x=\"10\" y=\"22\" width=\"30\" height=\"6\" transform=\"translate(0 50) rotate(-90)\" fill=\"#484f60\"/><rect x=\"10\" y=\"22\" width=\"30\" height=\"6\" transform=\"translate(-9.15 15.85) rotate(-30)\" fill=\"#484f60\"/></svg>",
|
|
@@ -1793,6 +1796,7 @@
|
|
|
1793
1796
|
"global_search": "<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 opacity=\"0.75\" fill=\"#29363E\" d=\"M33.5,21.5c0.1-0.1,0.2-0.1,0.3,0l0.8,0.6c0.1,0.1,0.1,0,0.1-0.1l-0.3-0.9c0-0.1,0-0.2,0.1-0.3l0.8-0.6c0.1-0.1,0.1-0.1,0-0.1l-1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.3-0.9c0-0.1-0.1-0.1-0.1,0l-0.3,0.9c0,0.1-0.1,0.2-0.2,0.2l-1,0c-0.1,0-0.1,0.1,0,0.1l0.8,0.6c0.1,0.1,0.1,0.2,0.1,0.3L32.6,22c0,0.1,0,0.1,0.1,0.1L33.5,21.5z\"/><path opacity=\"0.5\" fill=\"#29363E\" d=\"M34.7,16.3L34,16.8c-0.1,0-0.1,0-0.1-0.1l0.3-0.8c0-0.1,0-0.2-0.1-0.2l-0.7-0.5c-0.1-0.1-0.1-0.1,0-0.1l0.9,0c0.1,0,0.2-0.1,0.2-0.2l0.3-0.8c0-0.1,0.1-0.1,0.1,0l0.3,0.8c0,0.1,0.1,0.1,0.2,0.2l0.9,0c0.1,0,0.1,0,0,0.1l-0.7,0.5c-0.1,0.1-0.1,0.2-0.1,0.2l0.2,0.8c0,0.1,0,0.1-0.1,0.1L35,16.3C34.9,16.3,34.8,16.3,34.7,16.3z\"/><path opacity=\"0.75\" fill=\"#29363E\" d=\"M30.5,26.2c0.1-0.1,0.2-0.1,0.3,0l0.9,0.6c0.1,0.1,0.1,0,0.1-0.1l-0.3-1.1c0-0.1,0-0.2,0.1-0.3l0.9-0.7c0.1-0.1,0.1-0.1,0-0.1l-1.1,0c-0.1,0-0.2-0.1-0.3-0.2l-0.4-1.1c0-0.1-0.1-0.1-0.1,0l-0.4,1.1c0,0.1-0.2,0.2-0.3,0.2l-1.1,0c-0.1,0-0.1,0.1,0,0.1l0.9,0.7c0.1,0.1,0.1,0.2,0.1,0.3l-0.3,1.1c0,0.1,0,0.1,0.1,0.1L30.5,26.2z\"/><path opacity=\"0.75\" fill=\"#29363E\" d=\"M26.2,30.6c0.1-0.1,0.3-0.1,0.4,0l1,0.7c0.1,0.1,0.2,0,0.1-0.1l-0.4-1.2c0-0.1,0-0.3,0.1-0.3l1-0.7c0.1-0.1,0.1-0.1,0-0.1l-1.2,0c-0.1,0-0.3-0.1-0.3-0.2l-0.4-1.2c0-0.1-0.1-0.1-0.1,0l-0.4,1.2c0,0.1-0.2,0.2-0.3,0.2l-1.2,0c-0.1,0-0.1,0.1,0,0.1l1,0.7c0.1,0.1,0.1,0.2,0.1,0.3l-0.4,1.2c0,0.1,0,0.2,0.1,0.1L26.2,30.6z\"/><path opacity=\"0.5\" fill=\"#29363E\" d=\"M14.9,36.4c0.1-0.1,0.2-0.1,0.3,0L16,37c0.1,0.1,0.1,0,0.1-0.1L15.8,36c0-0.1,0-0.2,0.1-0.3l0.8-0.6c0.1-0.1,0.1-0.1,0-0.1l-1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.3-0.9c0-0.1-0.1-0.1-0.1,0l-0.3,0.9c0,0.1-0.1,0.2-0.2,0.2l-1,0c-0.1,0-0.1,0.1,0,0.1l0.8,0.6c0.1,0.1,0.1,0.2,0.1,0.3L14,36.9c0,0.1,0,0.1,0.1,0.1L14.9,36.4z\"/><path opacity=\"0.25\" fill=\"#29363E\" d=\"M19.3,25.3c0.1,0,0.2,0,0.2,0l0.6,0.4c0.1,0,0.1,0,0.1-0.1L20,25c0-0.1,0-0.2,0.1-0.2l0.6-0.4c0.1,0,0-0.1,0-0.1l-0.7,0c-0.1,0-0.2-0.1-0.2-0.1l-0.2-0.7c0-0.1-0.1-0.1-0.1,0l-0.2,0.7c0,0.1-0.1,0.1-0.2,0.1l-0.7,0c-0.1,0-0.1,0,0,0.1l0.6,0.4c0.1,0,0.1,0.1,0.1,0.2l-0.2,0.7c0,0.1,0,0.1,0.1,0.1L19.3,25.3z\"/><path opacity=\"0.4\" fill=\"#29363E\" d=\"M29.6,16.8c0.1,0,0.2,0,0.2,0l0.6,0.4c0.1,0,0.1,0,0.1-0.1l-0.2-0.7c0-0.1,0-0.2,0.1-0.2l0.6-0.4c0.1,0,0-0.1,0-0.1l-0.7,0c-0.1,0-0.2-0.1-0.2-0.1l-0.2-0.7c0-0.1-0.1-0.1-0.1,0l-0.2,0.7c0,0.1-0.1,0.1-0.2,0.1l-0.7,0c-0.1,0-0.1,0,0,0.1l0.6,0.4c0.1,0,0.1,0.1,0.1,0.2l-0.2,0.7c0,0.1,0,0.1,0.1,0.1L29.6,16.8z\"/><path opacity=\"0.4\" fill=\"#29363E\" d=\"M14.9,31.7c0.1,0,0.2,0,0.3,0l0.7,0.5c0.1,0,0.1,0,0.1-0.1l-0.3-0.8c0-0.1,0-0.2,0.1-0.2l0.7-0.5c0.1-0.1,0.1-0.1,0-0.1l-0.9,0c-0.1,0-0.2-0.1-0.2-0.2l-0.3-0.8c0-0.1-0.1-0.1-0.1,0l-0.3,0.8c0,0.1-0.1,0.1-0.2,0.2l-0.9,0c-0.1,0-0.1,0,0,0.1l0.7,0.5c0.1,0.1,0.1,0.2,0.1,0.2l-0.3,0.8c0,0.1,0,0.1,0.1,0.1L14.9,31.7z\"/><path opacity=\"0.75\" fill=\"#29363E\" d=\"M20.5,35c0.1-0.1,0.3-0.1,0.4,0l1,0.7c0.1,0.1,0.2,0,0.1-0.1l-0.4-1.2c0-0.1,0-0.3,0.1-0.3l1-0.7c0.1-0.1,0.1-0.1,0-0.1l-1.2,0c-0.1,0-0.3-0.1-0.3-0.2l-0.4-1.2c0-0.1-0.1-0.1-0.1,0L20.2,33c0,0.1-0.2,0.2-0.3,0.2l-1.2,0c-0.1,0-0.1,0.1,0,0.1l1,0.7c0.1,0.1,0.1,0.2,0.1,0.3l-0.4,1.2c0,0.1,0,0.2,0.1,0.1L20.5,35z\"/><path opacity=\"0.25\" fill=\"#29363E\" d=\"M24,20.8c0.1,0,0.2,0,0.2,0l0.6,0.4c0.1,0,0.1,0,0.1-0.1l-0.2-0.7c0-0.1,0-0.2,0.1-0.2l0.6-0.4c0.1,0,0-0.1,0-0.1l-0.7,0c-0.1,0-0.2-0.1-0.2-0.1l-0.2-0.7c0-0.1-0.1-0.1-0.1,0l-0.2,0.7c0,0.1-0.1,0.1-0.2,0.1l-0.7,0c-0.1,0-0.1,0,0,0.1l0.6,0.4c0.1,0,0.1,0.1,0.1,0.2l-0.2,0.7c0,0.1,0,0.1,0.1,0.1L24,20.8z\"/><path fill=\"#29363E\" d=\"M25.5,27.7l0.3-0.8c-0.8,0.6-1.7,1-2.6,1.2l1.7,0C25.1,28.1,25.4,27.9,25.5,27.7z\"/><path fill=\"#29363E\" d=\"M22.5,28.4c-0.1-0.1-0.1-0.1-0.1-0.1c-1.9,0.2-3.9-0.4-5.4-1.9c-2.6-2.6-2.6-6.8,0-9.4c2.6-2.6,6.8-2.6,9.4,0c1.8,1.8,2.4,4.5,1.6,6.8l1.3,0c0.2,0,0.5-0.2,0.5-0.4l0.5-1.4c0.1-2.3-0.8-4.7-2.5-6.4c-3.4-3.4-8.9-3.4-12.3,0c-3.4,3.4-3.4,8.9,0,12.3c2.4,2.4,5.9,3.1,8.9,2.1c0,0,0,0-0.1-0.1L22.5,28.4z\"/><path fill=\"#29363E\" d=\"M27.6,28c0.1-0.1,0.2-0.1,0.2-0.2c0.4-0.4,0.7-0.8,1-1.2L29,26c0.1-0.2,0-0.5-0.2-0.6l-1.1-0.8c-0.2,0.5-0.6,1-1,1.4l0.6,1.7C27.3,27.8,27.4,27.9,27.6,28z\"/><path fill=\"#29363E\" d=\"M36.4,32.8l-4.3-4.3c-0.6-0.6-1.6-0.7-2.3-0.4l0.4,0c0.2,0,0.3,0.1,0.1,0.3l-1.9,1.4c-0.2,0.1-0.3,0.4-0.2,0.7l0.6,1.8l4.1,4.1c0.8,0.8,2.1,0.8,2.9,0l0.7-0.7C37.2,34.9,37.2,33.6,36.4,32.8z\"/></g></svg>",
|
|
1794
1797
|
"globe": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25.86,37.19a14.53,14.53,0,0,1-8.31-2.75V40H34.18V34.44A14.54,14.54,0,0,1,25.86,37.19Z\" fill=\"#484f60\"/><path d=\"M25.81,36a12.39,12.39,0,0,1-12-9.41l0-.13L15,24.83l.11.65A10.92,10.92,0,1,0,21.22,13.7l-.21.1-.87-1.24.3-.14a12.14,12.14,0,0,1,5.37-1.24,12.42,12.42,0,1,1,0,24.83Z\" fill=\"#484f60\"/><polygon points=\"19.48 13.58 18.1 17.41 14.21 18.59 17.42 21.09 17.34 25.15 20.71 22.86 24.55 24.2 23.42 20.29 25.86 17.05 21.8 16.92 19.48 13.58\" fill=\"#484f60\"/><polygon points=\"11.9 14.69 13.84 14.34 15.27 15.68 15.54 13.73 17.26 12.79 15.49 11.93 15.12 10 13.76 11.42 11.81 11.17 12.74 12.91 11.9 14.69\" fill=\"#484f60\"/><polygon points=\"15.02 21.84 13.82 22.23 12.79 21.49 12.78 22.75 11.77 23.5 12.96 23.9 13.36 25.09 14.11 24.08 15.37 24.07 14.63 23.05 15.02 21.84\" fill=\"#484f60\"/><path d=\"M33.27,29.27l-.74-.56a8.46,8.46,0,0,0-2.36-12.35l.48-.8a9.32,9.32,0,0,1,4.54,8A9.23,9.23,0,0,1,33.27,29.27Z\" fill=\"#484f60\"/><rect x=\"14.36\" y=\"38\" width=\"23\" height=\"2\" fill=\"#484f60\"/></svg>",
|
|
1795
1798
|
"greater_than": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M18.63,13.81l14.65,9.58a.48.48,0,0,1,.23.42v2.38a.48.48,0,0,1-.23.42L18.63,36.19a.5.5,0,0,1-.69-.14L16.57,34a.49.49,0,0,1,.15-.69l12-7.84a.5.5,0,0,0,0-.84l-12-7.84a.49.49,0,0,1-.15-.69L17.94,14A.5.5,0,0,1,18.63,13.81Z\" fill=\"#484f60\"/></svg>",
|
|
1799
|
+
"grip_dots_vertical_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 512\"><path d=\"M48 144c26.5 0 48-21.5 48-48s-21.5-48-48-48S0 69.5 0 96s21.5 48 48 48zm0 160c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zM96 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM208 144c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm48 112c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM208 464c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48z\"/></svg>",
|
|
1796
1800
|
"groupby": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"11.17\" width=\"8\" height=\"3\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"8\" height=\"3\" fill=\"#484f60\"/><rect x=\"22\" y=\"11.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"22\" y=\"16.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"22\" y=\"21.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"22\" y=\"26.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"22\" y=\"31.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"32\" y=\"11.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"32\" y=\"16.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"32\" y=\"21.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"32\" y=\"26.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"32\" y=\"31.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"22\" y=\"36.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"32\" y=\"36.17\" width=\"8\" height=\"3\" fill=\"#484f60\" opacity=\"0.25\"/><rect x=\"19.5\" y=\"11.17\" width=\"1\" height=\"28\" fill=\"#484f60\"/></svg>",
|
|
1797
1801
|
"hamburger": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"14\" y=\"15.17\" width=\"22\" height=\"4\" fill=\"#484f60\"/><rect x=\"14\" y=\"23.17\" width=\"22\" height=\"4\" fill=\"#484f60\"/><rect x=\"14\" y=\"31.17\" width=\"22\" height=\"4\" fill=\"#484f60\"/></svg>",
|
|
1798
1802
|
"hand_pointer": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M24.16,20.4,23,19.8l-2-3.19-1.56-2-.82-1.08-1.93-2L14,10H12.58l-.89.89L12.21,12l3.11,2.79L16,16.34l2.15,3.42,1,2.86.08.93.11,3-.3-1.08-1.22-1.19-1-1.22-2.22-2.23-1.34-.44-1.11.29-.89.78L13,23.29l2,2.49,2.71,4.71L20.45,33l2.3,1.45,3.08,1.33,2.41,1.27,2.53,1.3.3,1.63,7.61-7.57V31.27S37.53,30,37.42,30a20.15,20.15,0,0,1-1-2.08l-.6-2.42-.44-1.22-1.67-2.12-1.08-1.41-.63-1-1.12-1.45-1-1-1.68-1.09-.27.54,1.75,2.68-1.18-.59-1.09-1.87-1.69-1.75L24.35,15l0,.76L27,19.65l-1.19-.6L23.5,15.39,22,14.3l-1.63.15.22.71Z\" fill=\"#484f60\"/></svg>",
|
|
@@ -10100,6 +10104,7 @@
|
|
|
10100
10104
|
_this.rightToolbar = false;
|
|
10101
10105
|
_this.showGridSettings = false;
|
|
10102
10106
|
_this.rowsPerPage = 1000;
|
|
10107
|
+
_this.showColumnSort = false;
|
|
10103
10108
|
_this.editing = false;
|
|
10104
10109
|
_this.isSettingsMenuOpen = false;
|
|
10105
10110
|
_this.editRowIndex = -1;
|
|
@@ -10366,46 +10371,42 @@
|
|
|
10366
10371
|
return obj !== col;
|
|
10367
10372
|
});
|
|
10368
10373
|
};
|
|
10369
|
-
|
|
10370
|
-
|
|
10371
|
-
|
|
10372
|
-
|
|
10373
|
-
|
|
10374
|
-
|
|
10375
|
-
|
|
10376
|
-
|
|
10377
|
-
|
|
10378
|
-
|
|
10379
|
-
|
|
10380
|
-
|
|
10381
|
-
|
|
10382
|
-
|
|
10383
|
-
|
|
10384
|
-
|
|
10385
|
-
|
|
10386
|
-
|
|
10387
|
-
|
|
10388
|
-
|
|
10389
|
-
|
|
10390
|
-
|
|
10391
|
-
|
|
10392
|
-
|
|
10393
|
-
|
|
10394
|
-
|
|
10395
|
-
|
|
10396
|
-
|
|
10397
|
-
|
|
10398
|
-
|
|
10399
|
-
|
|
10400
|
-
|
|
10401
|
-
|
|
10402
|
-
|
|
10403
|
-
|
|
10404
|
-
|
|
10405
|
-
// this._detectChanges();
|
|
10406
|
-
// // this.data.sort((a, b) => a[this.sortColumnValue] - b[this.sortColumnValue]);
|
|
10407
|
-
// console.log(this.data);
|
|
10408
|
-
// }
|
|
10374
|
+
SimpleGridComponent.prototype.sortColumn = function (col, columnValue) {
|
|
10375
|
+
col.isSelected = false;
|
|
10376
|
+
if (this.sortColumnValue === columnValue) {
|
|
10377
|
+
this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';
|
|
10378
|
+
}
|
|
10379
|
+
else {
|
|
10380
|
+
this.sortColumnValue = columnValue;
|
|
10381
|
+
this.sortDirection = 'asc';
|
|
10382
|
+
}
|
|
10383
|
+
var direction = this.sortDirection === 'asc' ? 1 : -1;
|
|
10384
|
+
var sorted = __spreadArray([], __read(this.data)).sort(function (a, b) {
|
|
10385
|
+
var valA = a[columnValue];
|
|
10386
|
+
var valB = b[columnValue];
|
|
10387
|
+
if (valA == null && valB == null)
|
|
10388
|
+
return 0;
|
|
10389
|
+
if (valA == null)
|
|
10390
|
+
return -1 * direction;
|
|
10391
|
+
if (valB == null)
|
|
10392
|
+
return 1 * direction;
|
|
10393
|
+
// Handle ISO date string
|
|
10394
|
+
var isDateA = typeof valA === 'string' && /^\d{4}-\d{2}-\d{2}T/.test(valA);
|
|
10395
|
+
var isDateB = typeof valB === 'string' && /^\d{4}-\d{2}-\d{2}T/.test(valB);
|
|
10396
|
+
if (isDateA && isDateB) {
|
|
10397
|
+
var timeA = new Date(valA).getTime();
|
|
10398
|
+
var timeB = new Date(valB).getTime();
|
|
10399
|
+
return (timeA - timeB) * direction;
|
|
10400
|
+
}
|
|
10401
|
+
// Fallback for numbers/strings
|
|
10402
|
+
if (typeof valA === 'string' && typeof valB === 'string') {
|
|
10403
|
+
return valA.localeCompare(valB) * direction;
|
|
10404
|
+
}
|
|
10405
|
+
return (valA > valB ? 1 : valA < valB ? -1 : 0) * direction;
|
|
10406
|
+
});
|
|
10407
|
+
this.data = sorted;
|
|
10408
|
+
this._detectChanges();
|
|
10409
|
+
};
|
|
10409
10410
|
SimpleGridComponent.prototype._sortData = function (tableData) {
|
|
10410
10411
|
var _this = this;
|
|
10411
10412
|
return tableData.sort(function (a, b) {
|
|
@@ -10587,7 +10588,7 @@
|
|
|
10587
10588
|
SimpleGridComponent.decorators = [
|
|
10588
10589
|
{ type: i0.Component, args: [{
|
|
10589
10590
|
selector: 'co-simple-grid',
|
|
10590
|
-
template: "\n <co-grid-toolbar *ngIf=\"showToolbar\" [class.right]=\"rightToolbar\"\n [showEdit]=\"showEdit\"\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\n id=\"simple-grid-table\"\n class=\"simple-grid-table\"\n [clickOutside]=\"editing\"\n (clickOutside)=\"handleClickOutsideRow()\">\n <colgroup>\n <col *ngFor=\"let column of headerColumnsCopy; 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\n scope=\"col\"\n #headerCell\n class=\"simple-grid-column-header\"\n *ngFor=\"let column of headerColumnsCopy; let index = index\">\n <div\n class=\"simple-grid-column-header-wrapper\"\n [class.resizable]=\"resizable\"\n [class.selected]=\"column.isSelected\"\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\"\n [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\"\n [class.with-menu]=\"showGridSettings\"\n [textContent]=\"column.headerText || ' '\"\n (click)=\"toggleColumnMenu(column)\">\n </div>\n\n <div class=\"column-menu\" *ngIf=\"column.isSelected\">\n <h3 [textContent]=\"'COLUMN_OPTIONS' | coreLocalize\"></h3>\n <ul>\n <li (click)=\"hideColumn(column)\">Hide Column</li>\n
|
|
10591
|
+
template: "\n <co-grid-toolbar *ngIf=\"showToolbar\" [class.right]=\"rightToolbar\"\n [showEdit]=\"showEdit\"\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\n id=\"simple-grid-table\"\n class=\"simple-grid-table\"\n [clickOutside]=\"editing\"\n (clickOutside)=\"handleClickOutsideRow()\">\n <colgroup>\n <col *ngFor=\"let column of headerColumnsCopy; 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\n scope=\"col\"\n #headerCell\n class=\"simple-grid-column-header\"\n *ngFor=\"let column of headerColumnsCopy; let index = index\">\n <div\n class=\"simple-grid-column-header-wrapper\"\n [class.resizable]=\"resizable\"\n [class.selected]=\"column.isSelected\"\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\"\n [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\"\n [class.with-menu]=\"showGridSettings\"\n [class.with-sort]=\"showColumnSort\"\n [textContent]=\"column.headerText || ' '\"\n (click)=\"showColumnSort ? sortColumn(column, column.field) : toggleColumnMenu(column)\">\n </div>\n\n <div class=\"sort-column\" *ngIf=\"showColumnSort\">\n <co-button (click)=\"sortColumn(column, column?.field)\"\n [iconData]=\"icons.getIcon(Icons.ArrowUpArrowDown)\">\n </co-button>\n </div>\n\n <div class=\"column-menu\" *ngIf=\"column.isSelected\">\n <h3 [textContent]=\"'COLUMN_OPTIONS' | coreLocalize\"></h3>\n <ul>\n <li (click)=\"hideColumn(column)\">Hide Column</li>\n <li (click)=\"sortColumn(column, column.field)\">Sort Column</li>\n </ul>\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 <th *ngIf=\"showGridSettings\" class=\"simple-grid-column-header grid-settings\">\n <co-button\n [class.selected]=\"isSettingsMenuOpen\"\n [iconData]=\"icons.getIcon(Icons.CogWheels)\"\n (click)=\"toggleSettingsMenu()\">\n </co-button>\n\n <div class=\"settings-menu\" *ngIf=\"isSettingsMenuOpen\">\n <h3 [textContent]=\"'GRID_OPTIONS' | coreLocalize\"></h3>\n <ul>\n <li (click)=\"exportToExcel()\">Export to Excel</li>\n <li *ngIf=\"headerColumnsCopy.length !== headerColumns.length\" (click)=\"showAllColumns()\">Show All\n Columns\n </li>\n </ul>\n </div>\n </th>\n </tr>\n </thead>\n <tbody #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"simple-grid-drag-drop-list\"\n [cdkDropListDisabled]=\"!dragDropEnabled || editing\"\n [cdkDropListData]=\"data\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\">\n <tr\n class=\"simple-grid-row\"\n [class.selected]=\"rowIndex === selectedRowIndex && !editing\" observeVisibility\n [class.disabled]=\"getIsRowDisabled(rowIndex)\"\n [class.editing]=\"rowIndex === editRowIndex\"\n *ngFor=\"let row of (!!rowsPerPage ? (data | paginate: {itemsPerPage: rowsPerPage, currentPage: currentPage}) : data); last as last; let rowIndex = index\"\n cdkDrag\n (click)=\"handleClickRow($event, rowIndex, row)\" (dblclick)=\"handleDblClickRow($event, rowIndex, row)\"\n (visibilityChange)=\"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]=\"headerColumnsCopy.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 headerColumnsCopy; 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 && rowIndex === editRowIndex\"\n (cellClick)=\"handleCellClick($event, row, rowIndex, 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 <td *ngIf=\"showGridSettings\"></td>\n </co-form>\n </tr>\n </tbody>\n </table>\n <co-pagination-bar *ngIf=\"data?.length > rowsPerPage\" class=\"pagination-bar\"\n [itemsPerPage]=\"rowsPerPage\"\n [currentPage]=\"currentPage\"\n [totalItems]=\"data.length\"\n [autoHide]=\"true\"\n (previousClick)=\"goToPreviousPage()\"\n (nextClick)=\"goToNextPage()\"\n (pageClick)=\"setCurrentPage($event)\"\n ></co-pagination-bar>\n ",
|
|
10591
10592
|
providers: [
|
|
10592
10593
|
FormMasterService
|
|
10593
10594
|
],
|
|
@@ -10609,6 +10610,7 @@
|
|
|
10609
10610
|
showGridSettings: [{ type: i0.Input }],
|
|
10610
10611
|
rowsPerPage: [{ type: i0.Input }],
|
|
10611
10612
|
rowDisabledFn: [{ type: i0.Input }],
|
|
10613
|
+
showColumnSort: [{ type: i0.Input }],
|
|
10612
10614
|
canRowBeEdittedFn: [{ type: i0.Input }],
|
|
10613
10615
|
showClass: [{ type: i0.HostBinding, args: ['class.co-simple-grid',] }],
|
|
10614
10616
|
handleKeyDown: [{ type: i0.HostListener, args: ['keydown', ['$event'],] }]
|