@colijnit/sharedcomponents 255.1.17 → 255.1.18
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-sharedcomponents.umd.js +49 -15
- package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
- package/colijnit-sharedcomponents.metadata.json +1 -1
- package/esm2015/lib/components/email-selector/email-selector.component.js +19 -7
- package/esm2015/lib/components/file-upload/file-upload.component.js +4 -1
- package/esm2015/lib/components/files-upload/files-upload.component.js +30 -20
- package/esm2015/lib/components/role-email-selector/role-email-selector.component.js +42 -19
- package/esm2015/lib/components/task-creator/task-creator.component.js +34 -25
- package/esm2015/lib/components/task-creator/task-creator.module.js +4 -3
- package/esm2015/lib/enum/icon.enum.js +3 -1
- package/esm2015/lib/enum/keyboard-code.enum.js +2 -1
- package/esm2015/lib/model/icon-svg.js +3 -1
- package/fesm2015/colijnit-sharedcomponents.js +130 -67
- package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
- package/lib/components/activity-list/style/_layout.scss +1 -1
- package/lib/components/email-selector/style/_layout.scss +34 -1
- package/lib/components/file-upload/file-upload.component.d.ts +1 -0
- package/lib/components/file-upload/style/_layout.scss +11 -1
- package/lib/components/files-upload/style/_layout.scss +35 -2
- package/lib/components/role-email-selector/role-email-selector.component.d.ts +10 -3
- package/lib/components/role-email-selector/style/_layout.scss +9 -2
- package/lib/components/role-email-selector/style/_material-definition.scss +4 -4
- package/lib/components/task-creator/style/_layout.scss +39 -10
- package/lib/enum/icon.enum.d.ts +2 -0
- package/lib/enum/keyboard-code.enum.d.ts +2 -1
- package/package.json +1 -1
|
@@ -2406,6 +2406,7 @@
|
|
|
2406
2406
|
Icon["FilePdfRegular"] = "file_pdf_regular";
|
|
2407
2407
|
Icon["FilePdfSolid"] = "file_pdf_solid";
|
|
2408
2408
|
Icon["FileSignatureRegular"] = "file_signature_regular";
|
|
2409
|
+
Icon["FoldersSharpRegular"] = "folders_sharp_regular";
|
|
2409
2410
|
Icon["HouseBlankRegular"] = "house_blank_regular";
|
|
2410
2411
|
Icon["IoneWorkflow"] = "ione_workflow";
|
|
2411
2412
|
Icon["ListUlRegular"] = "list_ul_regular";
|
|
@@ -2424,6 +2425,7 @@
|
|
|
2424
2425
|
Icon["PrintRegular"] = "print_regular";
|
|
2425
2426
|
Icon["PrintSolid"] = "print_solid";
|
|
2426
2427
|
Icon["SignatureField"] = "signature_field";
|
|
2428
|
+
Icon["SquarePlusRegular"] = "square_plus_regular";
|
|
2427
2429
|
Icon["TagRegular"] = "tag_regular";
|
|
2428
2430
|
Icon["Task"] = "task";
|
|
2429
2431
|
Icon["Trashbin"] = "trashbin";
|
|
@@ -2472,6 +2474,7 @@
|
|
|
2472
2474
|
"file_pdf_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M320 464C328.8 464 336 456.8 336 448V416H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V416H48V448C48 456.8 55.16 464 64 464H320zM256 160C238.3 160 224 145.7 224 128V48H64C55.16 48 48 55.16 48 64V192H0V64C0 28.65 28.65 0 64 0H229.5C246.5 0 262.7 6.743 274.7 18.75L365.3 109.3C377.3 121.3 384 137.5 384 154.5V192H336V160H256zM88 224C118.9 224 144 249.1 144 280C144 310.9 118.9 336 88 336H80V368C80 376.8 72.84 384 64 384C55.16 384 48 376.8 48 368V240C48 231.2 55.16 224 64 224H88zM112 280C112 266.7 101.3 256 88 256H80V304H88C101.3 304 112 293.3 112 280zM160 240C160 231.2 167.2 224 176 224H200C226.5 224 248 245.5 248 272V336C248 362.5 226.5 384 200 384H176C167.2 384 160 376.8 160 368V240zM192 352H200C208.8 352 216 344.8 216 336V272C216 263.2 208.8 256 200 256H192V352zM336 224C344.8 224 352 231.2 352 240C352 248.8 344.8 256 336 256H304V288H336C344.8 288 352 295.2 352 304C352 312.8 344.8 320 336 320H304V368C304 376.8 296.8 384 288 384C279.2 384 272 376.8 272 368V240C272 231.2 279.2 224 288 224H336z\"/></svg>",
|
|
2473
2475
|
"file_pdf_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 224H88c30.9 0 56 25.1 56 56s-25.1 56-56 56H80v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V320 240c0-8.8 7.2-16 16-16zm24 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H80v48h8zm72-64c0-8.8 7.2-16 16-16h24c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H176c-8.8 0-16-7.2-16-16V240zm32 112h8c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16h-8v96zm96-128h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H304v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H304v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V304 240c0-8.8 7.2-16 16-16z\"/></svg>",
|
|
2474
2476
|
"file_signature_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M64 464H320c8.8 0 16-7.2 16-16v-6.7l39.8-9.9c2.8-.7 5.6-1.6 8.2-2.7V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3v49.1l-48 48V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zm96-115l-9.8 32.8c-6.1 20.3-24.8 34.2-46 34.2H96c-8.8 0-16-7.2-16-16s7.2-16 16-16h8.2c7.1 0 13.3-4.6 15.3-11.4l14.9-49.5c3.4-11.3 13.8-19.1 25.6-19.1s22.2 7.7 25.6 19.1l11.6 38.6c7.4-6.2 16.8-9.7 26.8-9.7c15.9 0 30.4 9 37.5 23.2l4.4 8.8h25.6l12-48.2c1.4-5.6 4.3-10.8 8.4-14.9L441.1 191.8l71 71L382.9 391.9c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-1.1 .3-2.1 .4-3.2 .5c-.8 .1-1.5 .2-2.3 .2H256c-6.1 0-11.6-3.4-14.3-8.8l-8.8-17.7c-1.7-3.4-5.1-5.5-8.8-5.5s-7.2 2.1-8.8 5.5l-8.8 17.7c-2.9 5.9-9.2 9.4-15.7 8.8s-12.1-5.1-13.9-11.3L160 349zM549.8 139.7l14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-29.4 29.4-71-71 29.4-29.4c15.6-15.6 40.9-15.6 56.6 0z\"/></svg>",
|
|
2477
|
+
"folders_sharp_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M304 32L144 32 96 32l0 48 0 256 0 48 48 0 384 0 48 0 0-48 0-192 0-48-48 0L368 96 304 32zm64 112l160 0 0 192-384 0 0-256 140.1 0 49.9 49.9L348.1 144l19.9 0zM48 120l0-24L0 96l0 24L0 456l0 24 24 0 432 0 24 0 0-48-24 0L48 432l0-312z\"/></svg>",
|
|
2475
2478
|
"house_blank_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M303.5 5.7c-9-7.6-22.1-7.6-31.1 0l-264 224c-10.1 8.6-11.3 23.7-2.8 33.8s23.7 11.3 33.8 2.8L64 245.5V432c0 44.2 35.8 80 80 80H432c44.2 0 80-35.8 80-80V245.5l24.5 20.8c10.1 8.6 25.3 7.3 33.8-2.8s7.3-25.3-2.8-33.8l-264-224zM464 204.8V432c0 17.7-14.3 32-32 32H144c-17.7 0-32-14.3-32-32V204.8L288 55.5 464 204.8z\"/></svg>",
|
|
2476
2479
|
"ione_workflow": "<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 display=\"none\"></g><g ><g ><g><g><rect x=\"34.3\" y=\"20\" fill=\"#484F60\" width=\"1.5\" height=\"3.7\"/><g><polygon fill=\"#484F60\" points=\"32,22.8 35,28 38,22.8 \"/></g></g><path fill=\"#484F60\" d=\"M18.5,21.5v7h-7v-7H18.5 M20,20H10v10h10V20L20,20z\"/><path fill=\"#484F60\" d=\"M38.5,11.5v7h-7v-7H38.5 M40,10H30v10h10V10L40,10z\"/><path fill=\"#484F60\" d=\"M38.5,31.5v7h-7v-7H38.5 M40,30H30v10h10V30L40,30z\"/><g><polygon fill=\"#484F60\" points=\"15.8,20 14.3,20 14.3,14.3 23.7,14.3 23.7,15.8 15.8,15.8 \"/><g><polygon fill=\"#484F60\" points=\"22.8,18 28,15 22.8,12 \"/></g></g><g><polygon fill=\"#484F60\" points=\"23.7,35.8 14.3,35.8 14.3,30 15.8,30 15.8,34.3 23.7,34.3 \"/><g><polygon fill=\"#484F60\" points=\"22.8,38 28,35 22.8,32 \"/></g></g></g></g><g display=\"none\"></g></g><g display=\"none\"></g><g display=\"none\"></g><g display=\"none\"></g><g display=\"none\"></g><g display=\"none\"><g display=\"inline\"><rect y=\"50\" opacity=\"0.25\" fill=\"#FFFFFF\" width=\"50\" height=\"50\"/></g><g display=\"inline\"><g><rect y=\"-45\" opacity=\"0.5\" fill=\"none\" width=\"50\" height=\"45\"/><text transform=\"matrix(1 0 0 1 7.375 -37.9002)\"><tspan x=\"0\" y=\"0\" font-family=\"'MyriadPro-Regular'\" font-size=\"10px\">Opmaak </tspan><tspan x=\"5.4\" y=\"12\" font-family=\"'MyriadPro-Regular'\" font-size=\"10px\">item / </tspan><tspan x=\"-1.4\" y=\"24\" font-family=\"'MyriadPro-Regular'\" font-size=\"10px\">structuur </tspan><tspan x=\"8.1\" y=\"36\" font-family=\"'MyriadPro-Regular'\" font-size=\"10px\">item </tspan></text></g></g><g display=\"inline\"><g><rect y=\"0\" opacity=\"0.25\" fill=\"#FFFFFF\" width=\"50\" height=\"50\"/><rect y=\"5\" opacity=\"0.5\" fill=\"none\" width=\"50\" height=\"45\"/><text transform=\"matrix(1 0 0 1 5.0054 12.0999)\" font-family=\"'MyriadPro-Regular'\" font-size=\"10px\">Workflow</text></g></g></g></svg>",
|
|
2477
2480
|
"list_ul_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M64 64a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm120 8c-13.3 0-24 10.7-24 24s10.7 24 24 24l304 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L184 72zm0 160c-13.3 0-24 10.7-24 24s10.7 24 24 24l304 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-304 0zm0 160c-13.3 0-24 10.7-24 24s10.7 24 24 24l304 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-304 0zM96 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM64 384a32 32 0 1 0 0 64 32 32 0 1 0 0-64z\"/></svg>",
|
|
@@ -2490,6 +2493,7 @@
|
|
|
2490
2493
|
"print_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M111.1 48h254.1L400 81.94V160H448V81.94c0-12.73-5.057-24.94-14.06-33.94l-33.94-33.94C391 5.057 378.8 0 366.1 0H111.1C85.49 0 64.01 21.48 64 47.98l.002 82.28c-.002 0 .002 0 0 0L64 160h48.01L111.1 48zM440 192H72C32.3 192 0 224.3 0 264v112c0 13.25 10.75 24 24 24H80V480c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32v-80h56c13.25 0 24-10.75 24-24v-112C512 224.3 479.7 192 440 192zM384 464H128v-96h256V464zM464 352h-32c0-17.67-14.33-32-32-32h-288c-17.67 0-32 14.33-32 32h-32V264c0-13.23 10.77-24 24-24h368c13.23 0 24 10.77 24 24V352z\"/></svg>",
|
|
2491
2494
|
"print_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z\"/></svg>",
|
|
2492
2495
|
"signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
|
|
2496
|
+
"square_plus_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L64 80zM0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM200 344l0-64-64 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l64 0 0-64c0-13.3 10.7-24 24-24s24 10.7 24 24l0 64 64 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-64 0 0 64c0 13.3-10.7 24-24 24s-24-10.7-24-24z\"/></svg>",
|
|
2493
2497
|
"tag_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M197.5 32c17 0 33.3 6.7 45.3 18.7l176 176c25 25 25 65.5 0 90.5L285.3 450.7c-25 25-65.5 25-90.5 0l-176-176C6.7 262.7 0 246.5 0 229.5V80C0 53.5 21.5 32 48 32H197.5zM48 229.5c0 4.2 1.7 8.3 4.7 11.3l176 176c6.2 6.2 16.4 6.2 22.6 0L384.8 283.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-3-3-7.1-4.7-11.3-4.7H48V229.5zM112 112a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\"/></svg>",
|
|
2494
2498
|
"task": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><path d=\"M23.82,3.53h-.88v1.32h.88c.24,0,.44,.2,.44,.44V28.24c0,.24-.2,.44-.44,.44H6.18c-.24,0-.44-.2-.44-.44V5.29c0-.24,.2-.44,.44-.44h.88v-1.32h-.88c-.97,0-1.76,.79-1.76,1.76V28.24c0,.97,.79,1.76,1.76,1.76H23.82c.97,0,1.76-.79,1.76-1.76V5.29c0-.97-.79-1.76-1.76-1.76Z\" fill=\"#484f60\"/><path d=\"M17.65,2.65c0,1.46-1.19,2.65-2.65,2.65s-2.65-1.19-2.65-2.65h-3.09c-.49,0-.88,.4-.88,.88v2.65c0,.49,.4,.88,.88,.88h11.47c.49,0,.88-.4,.88-.88V3.53c0-.49-.4-.88-.88-.88h-3.09Z\" fill=\"#484f60\"/><path d=\"M15,0C13.54,0,12.35,1.19,12.35,2.65s1.19,2.65,2.65,2.65,2.65-1.19,2.65-2.65S16.46,0,15,0Zm0,3.97c-.73,0-1.32-.59-1.32-1.32s.59-1.32,1.32-1.32,1.32,.59,1.32,1.32-.59,1.32-1.32,1.32Z\" fill=\"#484f60\"/><rect x=\"12.09\" y=\"11.51\" width=\"10\" height=\"1\" fill=\"#484f60\"/><rect x=\"12.09\" y=\"17.51\" width=\"10\" height=\"1\" fill=\"#484f60\"/><rect x=\"12.09\" y=\"23.51\" width=\"10\" height=\"1\" fill=\"#484f60\"/><path d=\"M10.09,23.51v1h-1v-1h1m1-1h-3v3h3v-3h0Z\" fill=\"#484f60\"/><polygon points=\"9.44 20.01 7.91 17.86 8.52 17.43 9.33 18.57 10.61 16.01 11.27 16.35 9.44 20.01\" fill=\"#484f60\"/><polygon points=\"9.44 14.01 7.91 11.86 8.52 11.43 9.33 12.57 10.61 10.01 11.27 10.35 9.44 14.01\" fill=\"#484f60\"/></g></g></svg>",
|
|
2495
2499
|
"trashbin": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M144 400C144 408.8 136.8 416 128 416C119.2 416 112 408.8 112 400V176C112 167.2 119.2 160 128 160C136.8 160 144 167.2 144 176V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V176C208 167.2 215.2 160 224 160C232.8 160 240 167.2 240 176V400zM336 400C336 408.8 328.8 416 320 416C311.2 416 304 408.8 304 400V176C304 167.2 311.2 160 320 160C328.8 160 336 167.2 336 176V400zM310.1 22.56L336.9 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V96H16C7.164 96 0 88.84 0 80C0 71.16 7.164 64 16 64H111.1L137 22.56C145.8 8.526 161.2 0 177.7 0H270.3C286.8 0 302.2 8.526 310.1 22.56V22.56zM148.9 64H299.1L283.8 39.52C280.9 34.84 275.8 32 270.3 32H177.7C172.2 32 167.1 34.84 164.2 39.52L148.9 64zM64 432C64 458.5 85.49 480 112 480H336C362.5 480 384 458.5 384 432V96H64V432z\" fill=\"#484f60\"></path></svg>",
|
|
@@ -5625,6 +5629,7 @@
|
|
|
5625
5629
|
KeyboardCode["NumpadEnter"] = "NumpadEnter";
|
|
5626
5630
|
KeyboardCode["NumpadSubtract"] = "NumpadSubtract";
|
|
5627
5631
|
KeyboardCode["Period"] = "Period";
|
|
5632
|
+
KeyboardCode["Tab"] = "Tab";
|
|
5628
5633
|
})(KeyboardCode || (KeyboardCode = {}));
|
|
5629
5634
|
|
|
5630
5635
|
var KeyPadComponent = /** @class */ (function () {
|
|
@@ -10125,7 +10130,7 @@
|
|
|
10125
10130
|
FilesUploadComponent.decorators = [
|
|
10126
10131
|
{ type: i0.Component, args: [{
|
|
10127
10132
|
selector: "co-files-upload",
|
|
10128
|
-
template: "\n <div class=\"files-upload-wrapper\">\n <drag-drop-container\n [sortableList]=\"documents\"\n (sortingChange)=\"handleSortingChange($event)\"\n [handleSort]=\"true\"\n dragHandle=\"tile\"\n [enabled]=\"!noDragDropOrdering\">\n <co-file-upload *ngIf=\"canAdd && addWithButton\" class=\"add-file\"\n
|
|
10133
|
+
template: "\n <div class=\"files-upload-wrapper\">\n <drag-drop-container\n [sortableList]=\"documents\"\n (sortingChange)=\"handleSortingChange($event)\"\n [handleSort]=\"true\"\n dragHandle=\"tile\"\n [enabled]=\"!noDragDropOrdering\">\n <div class=\"upload-add-wrapper\">\n <co-file-upload *ngIf=\"canAdd && addWithButton\" class=\"add-file\"\n isAddingTile\n icon=\"plus_round_open\"\n [link]=\"true\"\n [label]=\"label | localize\"\n (mouseover)=\"mouseOverAdd = true\"\n (mouseout)=\"mouseOverAdd = false\"\n (click)=\"handleAddClick()\"></co-file-upload> <!-- (click)=\"handleAddClick()\" -->\n <co-file-upload *ngIf=\"!documents || documents.length === 0\" class=\"add-dropzone\"\n isAddingTile\n [dropzone]=\"true\"\n [link]=\"true\"\n [label]=\"'DROPZONE_TEXT' | localize\"\n (mouseover)=\"mouseOverAdd = true\"\n (mouseout)=\"mouseOverAdd = false\"\n (click)=\"handleAddClick()\"></co-file-upload>\n </div>\n <co-file-upload *ngFor=\"let file of documents\" class=\"tile\"\n [readonly]=\"file.readonly || readonly\"\n [class.hidden]=\"hideAvatars ? file.isAvatar : false\"\n [file]=\"file\"\n [label]=\"file.fileName\"\n [showTrashCan]=\"canDelete\"\n [fileSavesOnPopupOkClick]=\"fileSavesOnPopupOkClick\"\n [isEditable]=\"isEditable\"\n [customImageClick]=\"customImageClick\"\n (imageClick)=\"imageClick.emit($event)\"\n (deleteClick)=\"handleDelete(file)\"\n (editClick)=\"handleEditDocumentClick($event)\"></co-file-upload>\n </drag-drop-container>\n <span class=\"maxuploadsize\" textContent=\"getMaxFileSizeNotition()\" [class.show]=\"mouseOverAdd\"></span>\n <input #inputFile [accept]=\"acceptedUploadFormats\" (change)=\"handleFileChange($event)\" type=\"file\" hidden multiple/>\n </div>\n ",
|
|
10129
10134
|
encapsulation: i0.ViewEncapsulation.None,
|
|
10130
10135
|
providers: [
|
|
10131
10136
|
{
|
|
@@ -10727,6 +10732,7 @@
|
|
|
10727
10732
|
this.icons = exports["ɵbv"];
|
|
10728
10733
|
// Element clickable
|
|
10729
10734
|
this.link = false;
|
|
10735
|
+
this.dropzone = false;
|
|
10730
10736
|
this.readonly = false;
|
|
10731
10737
|
// Is tile an 'adding' tile
|
|
10732
10738
|
this.isAddingTile = false;
|
|
@@ -10879,7 +10885,7 @@
|
|
|
10879
10885
|
FileUploadComponent.decorators = [
|
|
10880
10886
|
{ type: i0.Component, args: [{
|
|
10881
10887
|
selector: "co-file-upload",
|
|
10882
|
-
template: "\n <co-tile-render [hideImageDisplayWhenNoImage]=\"true\" [imageDataUri]=\"previewImage\" [description]=\"label\" (imageClick)=\"onImageClick()\">\n <ng-template #infoTemplate>\n <co-button *ngIf=\"isEditable && !readonly\" class=\"edit-file\" [iconData]=\"iconService.getIcon(icons.Account)\"\n (click)=\"onPencilClick()\"></co-button>\n </ng-template>\n <co-icon *ngIf=\"showTrashCan && !readonly\" [iconData]=\"iconService.getIcon(icons.Trashbin)\" class=\"trash\" (click)=\"onDeleteClick()\"></co-icon>\n <co-icon tile-render-image-content *ngIf=\"icon\" class=\"dark add-button\" [icon]=\"icon\"></co-icon>\n </co-tile-render>\n ",
|
|
10888
|
+
template: "\n <co-tile-render [hideImageDisplayWhenNoImage]=\"true\" [imageDataUri]=\"previewImage\" [description]=\"label\" (imageClick)=\"onImageClick()\">\n <ng-template #infoTemplate>\n <co-button *ngIf=\"isEditable && !readonly\" class=\"edit-file\" [iconData]=\"iconService.getIcon(icons.Account)\"\n (click)=\"onPencilClick()\"></co-button>\n </ng-template>\n <co-icon *ngIf=\"showTrashCan && !readonly\" [iconData]=\"iconService.getIcon(icons.Trashbin)\" class=\"trash\" (click)=\"onDeleteClick()\"></co-icon>\n <co-icon tile-render-image-content *ngIf=\"icon\" class=\"dark add-button\" [icon]=\"icon\"></co-icon>\n <co-icon tile-render-image-content *ngIf=\"dropzone\" class=\"dark add-button\" [iconData]=\"iconService.getIcon(icons.FoldersSharpRegular)\"></co-icon>\n </co-tile-render>\n ",
|
|
10883
10889
|
encapsulation: i0.ViewEncapsulation.None
|
|
10884
10890
|
},] }
|
|
10885
10891
|
];
|
|
@@ -10894,6 +10900,7 @@
|
|
|
10894
10900
|
file: [{ type: i0.Input }],
|
|
10895
10901
|
icon: [{ type: i0.Input }],
|
|
10896
10902
|
link: [{ type: i0.Input }],
|
|
10903
|
+
dropzone: [{ type: i0.Input }],
|
|
10897
10904
|
readonly: [{ type: i0.Input }],
|
|
10898
10905
|
isAddingTile: [{ type: i0.Input }],
|
|
10899
10906
|
fileSavesOnPopupOkClick: [{ type: i0.Input }],
|
|
@@ -13657,11 +13664,13 @@
|
|
|
13657
13664
|
};
|
|
13658
13665
|
|
|
13659
13666
|
var RoleEmailSelectorComponent = /** @class */ (function () {
|
|
13660
|
-
function RoleEmailSelectorComponent(iconService, sharedService) {
|
|
13667
|
+
function RoleEmailSelectorComponent(iconService, sharedService, renderer) {
|
|
13661
13668
|
this.iconService = iconService;
|
|
13662
13669
|
this.sharedService = sharedService;
|
|
13670
|
+
this.renderer = renderer;
|
|
13663
13671
|
this.icons = exports["ɵbv"];
|
|
13664
13672
|
this.recipientLabel = 'RECIPIENTS';
|
|
13673
|
+
this.fieldLabel = '';
|
|
13665
13674
|
this.extraLabel = '';
|
|
13666
13675
|
this.modelChange = new i0.EventEmitter();
|
|
13667
13676
|
this.emailAddressesAvailableForDropdown = [];
|
|
@@ -13670,6 +13679,7 @@
|
|
|
13670
13679
|
this._roleEmailAddresses = [];
|
|
13671
13680
|
this._customEmailAddresses = [];
|
|
13672
13681
|
this._model = [];
|
|
13682
|
+
this.chipsWrapperWidth = 0;
|
|
13673
13683
|
}
|
|
13674
13684
|
Object.defineProperty(RoleEmailSelectorComponent.prototype, "model", {
|
|
13675
13685
|
get: function () {
|
|
@@ -13677,6 +13687,7 @@
|
|
|
13677
13687
|
},
|
|
13678
13688
|
set: function (value) {
|
|
13679
13689
|
this._model = value;
|
|
13690
|
+
this.updateChipsWrapperWidth();
|
|
13680
13691
|
},
|
|
13681
13692
|
enumerable: false,
|
|
13682
13693
|
configurable: true
|
|
@@ -13718,6 +13729,9 @@
|
|
|
13718
13729
|
});
|
|
13719
13730
|
});
|
|
13720
13731
|
};
|
|
13732
|
+
RoleEmailSelectorComponent.prototype.ngAfterViewInit = function () {
|
|
13733
|
+
this.updateChipsWrapperWidth();
|
|
13734
|
+
};
|
|
13721
13735
|
RoleEmailSelectorComponent.prototype.fetchRoleEmailAddresses = function () {
|
|
13722
13736
|
return __awaiter(this, void 0, void 0, function () {
|
|
13723
13737
|
var _a;
|
|
@@ -13750,7 +13764,11 @@
|
|
|
13750
13764
|
this.updateModel();
|
|
13751
13765
|
};
|
|
13752
13766
|
RoleEmailSelectorComponent.prototype.handleKeyPressed = function (event) {
|
|
13753
|
-
if (event.code === KeyboardCode.Enter) {
|
|
13767
|
+
if (event.code === KeyboardCode.Enter || event.code === KeyboardCode.NumpadEnter) {
|
|
13768
|
+
this.addEmail();
|
|
13769
|
+
}
|
|
13770
|
+
else if (event.code === KeyboardCode.Tab) {
|
|
13771
|
+
event.preventDefault();
|
|
13754
13772
|
this.addEmail();
|
|
13755
13773
|
}
|
|
13756
13774
|
};
|
|
@@ -13762,38 +13780,53 @@
|
|
|
13762
13780
|
}
|
|
13763
13781
|
};
|
|
13764
13782
|
RoleEmailSelectorComponent.prototype.updateModel = function () {
|
|
13783
|
+
var _this = this;
|
|
13765
13784
|
this.model = this._roleEmailAddresses.concat(this._customEmailAddresses);
|
|
13766
13785
|
this.modelChange.emit(this.model);
|
|
13786
|
+
setTimeout(function () {
|
|
13787
|
+
_this.updateChipsWrapperWidth();
|
|
13788
|
+
});
|
|
13767
13789
|
};
|
|
13768
13790
|
RoleEmailSelectorComponent.prototype.removeOptionFromModel = function (email) {
|
|
13769
|
-
|
|
13770
|
-
|
|
13791
|
+
var indexRole = this._roleEmailAddresses.indexOf(email);
|
|
13792
|
+
if (indexRole > -1) {
|
|
13793
|
+
this._roleEmailAddresses.splice(indexRole, 1);
|
|
13771
13794
|
}
|
|
13772
|
-
|
|
13773
|
-
|
|
13795
|
+
var indexCustom = this._customEmailAddresses.indexOf(email);
|
|
13796
|
+
if (indexCustom > -1) {
|
|
13797
|
+
this._customEmailAddresses.splice(indexCustom, 1);
|
|
13774
13798
|
}
|
|
13775
13799
|
this.updateModel();
|
|
13776
13800
|
};
|
|
13801
|
+
RoleEmailSelectorComponent.prototype.updateChipsWrapperWidth = function () {
|
|
13802
|
+
if (this.chipsWrapper) {
|
|
13803
|
+
this.chipsWrapperWidth = this.chipsWrapper.nativeElement.offsetWidth;
|
|
13804
|
+
}
|
|
13805
|
+
};
|
|
13777
13806
|
return RoleEmailSelectorComponent;
|
|
13778
13807
|
}());
|
|
13779
13808
|
RoleEmailSelectorComponent.decorators = [
|
|
13780
13809
|
{ type: i0.Component, args: [{
|
|
13781
13810
|
selector: "co-role-email-selector",
|
|
13782
|
-
template: "\n
|
|
13811
|
+
template: "\n <co-input-text #inputText [(model)]=\"emailModel\" [ngStyle]=\"{'padding-left.px': chipsWrapperWidth}\" [placeholder]=\"fieldLabel | localize\" (keyDown)=\"handleKeyPressed($event)\"\n ></co-input-text>\n <co-list-of-values [multiselect]=\"true\" [label]=\"recipientLabel | localize\" [(model)]=\"chosenEmailAddressesInDropDown\" [showChips]=\"false\"\n [collection]=\"emailAddressesAvailableForDropdown\" [displayField]=\"'role'\"\n (modelChange)=\"roleChosen($event)\">\n </co-list-of-values>\n <div class=\"chips-wrapper\" #chipsWrapper>\n <div class=\"chips\" *ngFor=\"let email of model\">\n <span class=\"chips-description\" [textContent]=\"email\"></span>\n <co-icon class=\"remove-chip-icon\" [iconData]=\"iconService.getIcon(icons.CrossSkinny)\" (click)=\"removeOptionFromModel(email)\"></co-icon>\n </div>\n </div>\n\n "
|
|
13783
13812
|
},] }
|
|
13784
13813
|
];
|
|
13785
13814
|
RoleEmailSelectorComponent.ctorParameters = function () { return [
|
|
13786
13815
|
{ type: IconCacheService },
|
|
13787
|
-
{ type: SharedService }
|
|
13816
|
+
{ type: SharedService },
|
|
13817
|
+
{ type: i0.Renderer2 }
|
|
13788
13818
|
]; };
|
|
13789
13819
|
RoleEmailSelectorComponent.propDecorators = {
|
|
13790
13820
|
recipientLabel: [{ type: i0.Input }],
|
|
13821
|
+
fieldLabel: [{ type: i0.Input }],
|
|
13791
13822
|
extraLabel: [{ type: i0.Input }],
|
|
13792
13823
|
model: [{ type: i0.Input }],
|
|
13793
13824
|
key: [{ type: i0.Input }],
|
|
13794
13825
|
workflowCategoryType: [{ type: i0.Input }],
|
|
13795
13826
|
modelChange: [{ type: i0.Output }],
|
|
13796
|
-
showClass: [{ type: i0.HostBinding, args: ["class.co-role-email-selector",] }]
|
|
13827
|
+
showClass: [{ type: i0.HostBinding, args: ["class.co-role-email-selector",] }],
|
|
13828
|
+
chipsWrapper: [{ type: i0.ViewChild, args: ['chipsWrapper',] }],
|
|
13829
|
+
inputText: [{ type: i0.ViewChild, args: ['inputText',] }]
|
|
13797
13830
|
};
|
|
13798
13831
|
|
|
13799
13832
|
var RoleEmailSelectorModule = /** @class */ (function () {
|
|
@@ -13828,7 +13861,7 @@
|
|
|
13828
13861
|
this.sharedService = sharedService;
|
|
13829
13862
|
this.icons = exports["ɵbv"];
|
|
13830
13863
|
this.showBCC = false;
|
|
13831
|
-
this.buttonIcon = this.iconService.getIcon(this.icons.
|
|
13864
|
+
this.buttonIcon = this.iconService.getIcon(this.icons.SquarePlusRegular);
|
|
13832
13865
|
this.emailAddressesChange = new i0.EventEmitter();
|
|
13833
13866
|
this.bccEmailAddressesChange = new i0.EventEmitter();
|
|
13834
13867
|
this._emailAddresses = [];
|
|
@@ -13914,7 +13947,7 @@
|
|
|
13914
13947
|
EmailSelectorComponent.decorators = [
|
|
13915
13948
|
{ type: i0.Component, args: [{
|
|
13916
13949
|
selector: "co-email-selector",
|
|
13917
|
-
template: "\n\n <div class=\"recipients-line\">\n <co-role-email-selector [(model)]=\"emailAddresses\" [key]=\"key\" [workflowCategoryType]=\"workflowCategoryType\"\n (modelChange)=\"handleEmailAddressesChanged()\"></co-role-email-selector>\n <label class=\"BCC-label\"[textContent]=\"'BCC'\"></label>\n <co-button [iconData]=\"buttonIcon\" (click)=\"toggleBCC()\"></co-button>\n </div>\n <
|
|
13950
|
+
template: "\n\n <div class=\"recipients-line\">\n <co-role-email-selector [(model)]=\"emailAddresses\" [key]=\"key\" [workflowCategoryType]=\"workflowCategoryType\"\n [fieldLabel]=\"'Aan'\" (modelChange)=\"handleEmailAddressesChanged()\"></co-role-email-selector>\n <div class=\"recipients-bcc\" *ngIf=\"!showBCC\">\n <label class=\"BCC-label\"[textContent]=\"'BCC'\"></label>\n <co-button [iconData]=\"buttonIcon\" (click)=\"toggleBCC()\"></co-button>\n </div>\n <div class=\"recipients-add\" *ngIf=\"showBCC\">\n <label class=\"add-label\"[textContent]=\"'Aan'\"></label>\n <!--co-button [iconData]=\"buttonIcon\" (click)=\"toggleBCC()\"></co-button-->\n </div>\n </div>\n <div class=\"recipients-line\" *ngIf=\"showBCC\">\n <co-role-email-selector [(model)]=\"bccEmailAddresses\" [key]=\"key\" [workflowCategoryType]=\"workflowCategoryType\"\n [fieldLabel]=\"'BCC'\" (modelChange)=\"handleBccEmailAddressesChanged()\"></co-role-email-selector>\n <div class=\"recipients-bcc\">\n <label class=\"bcc-label\"[textContent]=\"'BCC'\"></label>\n <co-button [iconData]=\"buttonIcon\" (click)=\"toggleBCC()\"></co-button>\n </div>\n </div>\n\n "
|
|
13918
13951
|
},] }
|
|
13919
13952
|
];
|
|
13920
13953
|
EmailSelectorComponent.ctorParameters = function () { return [
|
|
@@ -15405,7 +15438,7 @@
|
|
|
15405
15438
|
TaskCreatorComponent.decorators = [
|
|
15406
15439
|
{ type: i0.Component, args: [{
|
|
15407
15440
|
selector: "co-task-creator",
|
|
15408
|
-
template: "\n <div class=\"top-rows\">\n
|
|
15441
|
+
template: "\n <div class=\"task-creator-wrapper\">\n <div class=\"top-rows\">\n <co-email-selector [(emailAddresses)]=\"emailAddresses\" [(bccEmailAddresses)]=\"bccEmailAddresses\"\n [key]=\"remarkAndWorkKey\" [workflowCategoryType]=\"workflowCategoryType\"></co-email-selector>\n <co-form #createForm class=\"creator-remarks input-fields\">\n <co-list-of-icons [collection]=\"optionCollection\" (itemSelected)=\"itemSelected($event)\"></co-list-of-icons>\n <co-input-textarea *ngIf=\"chosenActivityType === optionCollection[0]\" [required]=\"chosenActivityType === optionCollection[0]\"\n [placeholder]=\"'REMARK' | localize\" [(model)]=\"remarkText\"\n class=\"large-remark\"></co-input-textarea>\n <co-input-textarea *ngIf=\"chosenActivityType === optionCollection[1]\" [required]=\"chosenActivityType === optionCollection[1]\"\n [placeholder]=\"'DESCRIPTION' | localize\" [(model)]=\"workDescription\"\n class=\"large-remark\"></co-input-textarea>\n <div class=\"task-input-fields\" *ngIf=\"chosenActivityType === optionCollection[2]\">\n <co-input-text [(model)]=\"taskName\" [placeholder]=\"'NAME' | localize\"\n [required]=\"chosenActivityType === optionCollection[2]\"></co-input-text>\n <co-input-textarea [(model)]=\"taskDescription\" [placeholder]=\"'DESCRIPTION' | localize\"\n class=\"large-remark\"\n [required]=\"chosenActivityType === optionCollection[2]\"></co-input-textarea>\n </div>\n </co-form>\n </div>\n <div class=\"extras-buttons\">\n <co-button [iconData]=\"iconService.getIcon(icons.PaperclipRegular)\" (click)=\"openAttachmentDialog()\"\n [label]=\"documents.length === 0 ? '' : documents.length.toString()\" ></co-button>\n <co-button *ngIf=\"chosenActivityType === optionCollection[0]\"\n [iconData]=\"iconService.getIcon(icons.PaperPlaneTopSolid)\"\n (click)=\"createRemarkClicked()\"></co-button>\n <co-button *ngIf=\"chosenActivityType === optionCollection[1]\"\n [iconData]=\"iconService.getIcon(icons.PaperPlaneTopSolid)\"\n (click)=\"createWorkClicked()\"></co-button>\n <co-button *ngIf=\"chosenActivityType === optionCollection[2]\"\n [iconData]=\"iconService.getIcon(icons.PaperPlaneTopSolid)\"\n (click)=\"createTaskClicked()\"></co-button>\n </div>\n </div>\n <co-dialog *ngIf=\"showFilesDialog\" (closeClick)=\"attachmentDialogCancelled()\"\n [headerTemplate]=\"attachmentHeaderTemplate\"\n [footerTemplate]=\"attachmentFooterTemplate\">\n\n <ng-template #attachmentHeaderTemplate>\n <div class=\"co-dialog-wrapper-popup-title\">\n <co-icon [iconData]=\"iconService.getIcon(icons.PaperclipRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'ATTACHMENTS' | localize\"></div>\n </div>\n </ng-template>\n <co-files-upload (documentsAdded)=\"addedDocument($event)\" (documentDeleted)=\"deletedDocument\"\n [documents]=\"documents\" [useWithoutSettingProps]=\"true\"></co-files-upload>\n </co-dialog>\n\n\n <ng-template #attachmentFooterTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button class=\"save-button\"\n [iconData]=\"iconService.getIcon(icons.CheckDuotone)\"\n (click)=\"attachmentDialogClosed()\"></co-button>\n <co-button class=\"close-button\"\n [iconData]=\"iconService.getIcon(icons.CrossSkinny)\"\n (click)=\"attachmentDialogCancelled()\"></co-button>\n </div>\n </ng-template>\n ",
|
|
15409
15442
|
providers: [
|
|
15410
15443
|
corecomponents_v12.FormMasterService
|
|
15411
15444
|
]
|
|
@@ -15449,7 +15482,8 @@
|
|
|
15449
15482
|
corecomponents_v12.FormModule,
|
|
15450
15483
|
corecomponents_v12.IconModule,
|
|
15451
15484
|
RoleEmailSelectorModule,
|
|
15452
|
-
EmailSelectorModule
|
|
15485
|
+
EmailSelectorModule,
|
|
15486
|
+
corecomponents_v12.InputTextareaModule
|
|
15453
15487
|
],
|
|
15454
15488
|
declarations: [
|
|
15455
15489
|
TaskCreatorComponent
|