iconograph-ui 1.7.20 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/example/src/routes/{+page.svelte → basic/+page.svelte} +1 -1
  2. package/example/src/routes/parabole/+layout.svelte +111 -0
  3. package/example/src/routes/parabole/+page.svelte +112 -0
  4. package/example/static/icons/discord-logo-icon.svg +22 -0
  5. package/example/static/icons/icon-add-w.svg +38 -0
  6. package/example/static/icons/icon-archive-black.svg +1 -0
  7. package/example/static/icons/icon-archive-grey.svg +38 -0
  8. package/example/static/icons/icon-beneficiaire-small.svg +50 -0
  9. package/example/static/icons/icon-beneficiaire.svg +48 -0
  10. package/example/static/icons/icon-cardlist-black.svg +56 -0
  11. package/example/static/icons/icon-cardlist-grey.svg +56 -0
  12. package/example/static/icons/icon-client.png +0 -0
  13. package/example/static/icons/icon-dashboard.svg +40 -0
  14. package/example/static/icons/icon-doc.svg +39 -0
  15. package/example/static/icons/icon-done.svg +1 -0
  16. package/example/static/icons/icon-edit-g.svg +61 -0
  17. package/example/static/icons/icon-edit-w.svg +1 -0
  18. package/example/static/icons/icon-info-100.svg +54 -0
  19. package/example/static/icons/icon-info-w.svg +39 -0
  20. package/example/static/icons/icon-kanban-black.svg +65 -0
  21. package/example/static/icons/icon-kanban-grey.svg +65 -0
  22. package/example/static/icons/icon-link.svg +47 -0
  23. package/example/static/icons/icon-list-black.svg +76 -0
  24. package/example/static/icons/icon-list-grey.svg +76 -0
  25. package/example/static/icons/icon-member.png +0 -0
  26. package/example/static/icons/icon-next-w.svg +42 -0
  27. package/example/static/icons/icon-note.svg +44 -0
  28. package/example/static/icons/icon-order.svg +61 -0
  29. package/example/static/icons/icon-out.svg +38 -0
  30. package/example/static/icons/icon-project.svg +39 -0
  31. package/example/static/icons/icon-red-star.svg +53 -0
  32. package/example/static/icons/icon-save-b.png +0 -0
  33. package/example/static/icons/icon-save-w.png +0 -0
  34. package/example/static/icons/icon-task.svg +40 -0
  35. package/example/static/icons/icon-timeline-black.svg +68 -0
  36. package/example/static/icons/icon-timeline-grey.svg +68 -0
  37. package/example/static/icons/icon-user-add.svg +41 -0
  38. package/example/static/icons/icon-user.png +0 -0
  39. package/example/static/icons/icon-user.svg +39 -0
  40. package/example/static/icons/loader-ring-w.svg +1 -0
  41. package/lib/{display → components/display}/Portal.svelte +3 -3
  42. package/lib/{layout → components/layout}/Card.svelte +2 -1
  43. package/lib/{navigation → components/navigation}/MainMenu.svelte +26 -33
  44. package/lib/{navigation → components/navigation}/MenuItem.svelte +8 -7
  45. package/lib/network/APIErrors.js +51 -0
  46. package/lib/network/action.js +21 -0
  47. package/lib/network/clientFetch.js +50 -0
  48. package/lib/network/index.js +1 -0
  49. package/lib/network/requestApi.js +127 -0
  50. package/lib/network/requestn8n.js +52 -0
  51. package/lib/utils/flattenType.js +8 -0
  52. package/lib/utils/transformers/entityTransformer.js +28 -0
  53. package/lib/utils/transformers/index.js +1 -0
  54. package/lib/utils/transformers/projectTransformer.js +17 -0
  55. package/lib/utils/transformers/userTransformer.js +36 -0
  56. package/package.json +11 -3
  57. /package/example/src/routes/{+layout.svelte → basic/+layout.svelte} +0 -0
  58. /package/example/src/routes/{example → basic/example}/+server.js +0 -0
  59. /package/example/src/routes/{user → basic/user}/+page.svelte +0 -0
  60. /package/example/src/routes/{user → basic/user}/+server.js +0 -0
  61. /package/lib/{display → components/display}/DateStr.svelte +0 -0
  62. /package/lib/{display → components/display}/Field.svelte +0 -0
  63. /package/lib/{display → components/display}/Link.svelte +0 -0
  64. /package/lib/{form → components/form}/ActionButton.svelte +0 -0
  65. /package/lib/{form → components/form}/Checkbox.svelte +0 -0
  66. /package/lib/{form → components/form}/FlexForm.svelte +0 -0
  67. /package/lib/{form → components/form}/Form.svelte +0 -0
  68. /package/lib/{form → components/form}/FormButton.svelte +0 -0
  69. /package/lib/{form → components/form}/Input.svelte +0 -0
  70. /package/lib/{form → components/form}/MultiSelect.svelte +0 -0
  71. /package/lib/{form → components/form}/SegmentedSwitchInput.svelte +0 -0
  72. /package/lib/{form → components/form}/SexeChoiceInput.svelte +0 -0
  73. /package/lib/{inputs → components/form/inputs}/Editor.svelte +0 -0
  74. /package/lib/{inputs → components/form/inputs}/PasswordInput.svelte +0 -0
  75. /package/lib/{inputs → components/form/inputs}/SearchSelect.svelte +0 -0
  76. /package/lib/{layout → components/layout}/BodySection.svelte +0 -0
  77. /package/lib/{layout → components/layout}/HeadSection.svelte +0 -0
  78. /package/lib/{layout → components/layout}/Modal.svelte +0 -0
  79. /package/lib/{layout → components/layout}/SectionContent.svelte +0 -0
  80. /package/lib/{navigation → components/navigation}/Button.svelte +0 -0
  81. /package/lib/{navigation → components/navigation}/NavBar.svelte +0 -0
  82. /package/lib/{notification → components/notification}/Notification.svelte +0 -0
  83. /package/lib/{notification → components/notification}/NotificationWrapper.svelte +0 -0
  84. /package/lib/{table → components/table}/CellLink.svelte +0 -0
  85. /package/lib/{table → components/table}/Table.svelte +0 -0
  86. /package/lib/{table → components/table}/TableColumnFilter.svelte +0 -0
  87. /package/lib/{table → components/table}/TableFilter.svelte +0 -0
  88. /package/lib/{table → components/table}/TablePagination.svelte +0 -0
  89. /package/lib/{table → components/table}/TableRow.svelte +0 -0
  90. /package/lib/{user → components/user}/SelectUserInput.svelte +0 -0
  91. /package/lib/{user → components/user}/UserPicture.svelte +0 -0
  92. /package/lib/utils/{clickOutside.js → ui/clickOutside.js} +0 -0
@@ -0,0 +1,38 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ viewBox="0 0 48 48"
4
+ width="48px"
5
+ height="48px"
6
+ version="1.1"
7
+ id="svg4"
8
+ sodipodi:docname="icon-out.svg"
9
+ inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
10
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ xmlns:svg="http://www.w3.org/2000/svg">
14
+ <defs
15
+ id="defs8" />
16
+ <sodipodi:namedview
17
+ id="namedview6"
18
+ pagecolor="#ffffff"
19
+ bordercolor="#111111"
20
+ borderopacity="1"
21
+ inkscape:pageshadow="0"
22
+ inkscape:pageopacity="0"
23
+ inkscape:pagecheckerboard="1"
24
+ showgrid="false"
25
+ inkscape:zoom="16.833333"
26
+ inkscape:cx="23.346535"
27
+ inkscape:cy="23.970297"
28
+ inkscape:window-width="3200"
29
+ inkscape:window-height="1721"
30
+ inkscape:window-x="2391"
31
+ inkscape:window-y="-993"
32
+ inkscape:window-maximized="1"
33
+ inkscape:current-layer="svg4" />
34
+ <path
35
+ d="M 40.960938 4.9804688 A 2.0002 2.0002 0 0 0 40.740234 5 L 28 5 A 2.0002 2.0002 0 1 0 28 9 L 36.171875 9 L 22.585938 22.585938 A 2.0002 2.0002 0 1 0 25.414062 25.414062 L 39 11.828125 L 39 20 A 2.0002 2.0002 0 1 0 43 20 L 43 7.2460938 A 2.0002 2.0002 0 0 0 40.960938 4.9804688 z M 12.5 8 C 8.3826878 8 5 11.382688 5 15.5 L 5 35.5 C 5 39.617312 8.3826878 43 12.5 43 L 32.5 43 C 36.617312 43 40 39.617312 40 35.5 L 40 26 A 2.0002 2.0002 0 1 0 36 26 L 36 35.5 C 36 37.446688 34.446688 39 32.5 39 L 12.5 39 C 10.553312 39 9 37.446688 9 35.5 L 9 15.5 C 9 13.553312 10.553312 12 12.5 12 L 22 12 A 2.0002 2.0002 0 1 0 22 8 L 12.5 8 z"
36
+ id="path2"
37
+ style="fill:#ffffff;fill-opacity:1" />
38
+ </svg>
@@ -0,0 +1,39 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ viewBox="0 0 32 32"
4
+ width="96px"
5
+ height="96px"
6
+ version="1.1"
7
+ id="svg4"
8
+ sodipodi:docname="icon-task.svg"
9
+ inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
10
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ xmlns:svg="http://www.w3.org/2000/svg">
14
+ <defs
15
+ id="defs8" />
16
+ <sodipodi:namedview
17
+ id="namedview6"
18
+ pagecolor="#ffffff"
19
+ bordercolor="#111111"
20
+ borderopacity="1"
21
+ inkscape:pageshadow="0"
22
+ inkscape:pageopacity="0"
23
+ inkscape:pagecheckerboard="1"
24
+ showgrid="false"
25
+ inkscape:zoom="4.2083334"
26
+ inkscape:cx="15.207921"
27
+ inkscape:cy="50.970297"
28
+ inkscape:window-width="3200"
29
+ inkscape:window-height="1721"
30
+ inkscape:window-x="2391"
31
+ inkscape:window-y="-993"
32
+ inkscape:window-maximized="1"
33
+ inkscape:current-layer="svg4" />
34
+ <path
35
+ id="rect855"
36
+ style="color:#000000;fill:#ffffff;fill-opacity:1;stroke-width:3;stroke-linecap:square;-inkscape-stroke:none;paint-order:fill markers stroke"
37
+ d="M 43.896484 9.0761719 C 43.785364 9.0761719 43.68043 9.0943723 43.570312 9.0976562 L 42.259766 9.0976562 C 38.477543 9.0976562 35.339844 12.235355 35.339844 16.017578 C 35.339844 17.234726 35.352651 18.391592 35.363281 19.558594 L 24.855469 19.558594 C 21.073245 19.558594 17.935547 22.696292 17.935547 26.478516 L 17.935547 80.076172 C 17.935547 83.858395 21.073245 87.001953 24.855469 87.001953 L 71.197266 87.001953 C 74.979489 87.001953 78.117188 83.858395 78.117188 80.076172 L 78.117188 26.478516 C 78.117188 22.696292 74.979489 19.558594 71.197266 19.558594 L 60.460938 19.558594 C 60.471397 19.038015 60.460524 18.467089 60.429688 17.876953 C 60.432687 17.248499 60.441406 16.65029 60.441406 16.007812 C 60.441406 12.225593 57.303707 9.0878906 53.521484 9.0878906 L 52.445312 9.0878906 C 52.323613 9.0839006 52.203069 9.0761719 52.080078 9.0761719 L 43.896484 9.0761719 z M 42.40625 15.052734 L 53.355469 15.052734 C 54.169041 15.052734 54.46875 15.503771 54.46875 16.232422 L 54.46875 19.558594 L 41.388672 19.558594 L 41.388672 16.099609 C 41.388672 15.39773 41.794676 15.052734 42.40625 15.052734 z M 23.902344 25.558594 L 24.855469 25.558594 L 31.464844 25.558594 L 33.388672 25.558594 L 37.388672 25.558594 L 58.46875 25.558594 L 60.460938 25.558594 L 64.318359 25.558594 L 71.197266 25.558594 L 72.119141 25.558594 L 72.119141 81 L 71.208984 81 C 71.204684 81.000043 71.201586 81.001953 71.197266 81.001953 L 24.855469 81.001953 C 24.851169 81.001953 24.84807 81.0001 24.84375 81 L 23.902344 81 L 23.902344 25.558594 z M 31.566406 34.919922 L 31.566406 41.009766 L 38.25 41.009766 L 38.25 34.919922 L 31.566406 34.919922 z M 44.138672 34.919922 L 44.138672 41.009766 L 64.375 41.009766 L 64.375 34.919922 L 44.138672 34.919922 z M 31.566406 51.009766 L 31.566406 57.099609 L 38.25 57.099609 L 38.25 51.009766 L 31.566406 51.009766 z M 44.138672 51.009766 L 44.138672 57.099609 L 64.375 57.099609 L 64.375 51.009766 L 44.138672 51.009766 z M 31.566406 67.099609 L 31.566406 73.1875 L 38.25 73.1875 L 38.25 67.099609 L 31.566406 67.099609 z M 44.138672 67.099609 L 44.138672 73.1875 L 64.375 73.1875 L 64.375 67.099609 L 44.138672 67.099609 z "
38
+ transform="scale(0.33333333)" />
39
+ </svg>
@@ -0,0 +1,53 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!-- Created with Inkscape (http://www.inkscape.org/) -->
3
+
4
+ <svg
5
+ width="120"
6
+ height="120"
7
+ viewBox="0 0 120 120"
8
+ version="1.1"
9
+ id="svg5"
10
+ inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
11
+ sodipodi:docname="red-star.svg"
12
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
13
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
14
+ xmlns="http://www.w3.org/2000/svg"
15
+ xmlns:svg="http://www.w3.org/2000/svg">
16
+ <sodipodi:namedview
17
+ id="namedview7"
18
+ pagecolor="#ffffff"
19
+ bordercolor="#111111"
20
+ borderopacity="1"
21
+ inkscape:pageshadow="0"
22
+ inkscape:pageopacity="0"
23
+ inkscape:pagecheckerboard="1"
24
+ inkscape:document-units="px"
25
+ showgrid="false"
26
+ inkscape:zoom="1.6833333"
27
+ inkscape:cx="187.72277"
28
+ inkscape:cy="66.831683"
29
+ inkscape:window-width="1920"
30
+ inkscape:window-height="1001"
31
+ inkscape:window-x="-9"
32
+ inkscape:window-y="-9"
33
+ inkscape:window-maximized="1"
34
+ inkscape:current-layer="layer1" />
35
+ <defs
36
+ id="defs2" />
37
+ <g
38
+ inkscape:label="Layer 1"
39
+ inkscape:groupmode="layer"
40
+ id="layer1">
41
+ <text
42
+ xml:space="preserve"
43
+ style="font-style:normal;font-weight:normal;font-size:233.356px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:5.83388"
44
+ x="-3.7691617"
45
+ y="185.56407"
46
+ id="text1508"><tspan
47
+ sodipodi:role="line"
48
+ id="tspan1506"
49
+ x="-3.7691617"
50
+ y="185.56407"
51
+ style="fill:#f50f00;fill-opacity:1;stroke-width:5.83388">*</tspan></text>
52
+ </g>
53
+ </svg>
@@ -0,0 +1,40 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ viewBox="0 0 32 32"
4
+ width="96px"
5
+ height="96px"
6
+ version="1.1"
7
+ id="svg4"
8
+ sodipodi:docname="icon-task.svg"
9
+ inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
10
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ xmlns:svg="http://www.w3.org/2000/svg">
14
+ <defs
15
+ id="defs8" />
16
+ <sodipodi:namedview
17
+ id="namedview6"
18
+ pagecolor="#ffffff"
19
+ bordercolor="#111111"
20
+ borderopacity="1"
21
+ inkscape:pageshadow="0"
22
+ inkscape:pageopacity="0"
23
+ inkscape:pagecheckerboard="1"
24
+ showgrid="false"
25
+ inkscape:zoom="5.9514822"
26
+ inkscape:cx="65.277857"
27
+ inkscape:cy="35.705391"
28
+ inkscape:window-width="1920"
29
+ inkscape:window-height="1009"
30
+ inkscape:window-x="-8"
31
+ inkscape:window-y="-8"
32
+ inkscape:window-maximized="1"
33
+ inkscape:current-layer="svg4"
34
+ inkscape:showpageshadow="0"
35
+ inkscape:deskcolor="#505050" />
36
+ <path
37
+ id="path1-1"
38
+ style="fill:#888888;fill-opacity:1;stroke-width:0.86666667;stroke:#888888;stroke-opacity:1;stroke-dasharray:none"
39
+ d="M 15.460938,3.7578125 C 11.341987,3.8835954 7.3586834,6.4347084 5.4003906,9.9414062 4.3075401,11.8902 3.7468128,14.134292 3.8284403,16.303036 c 0.024922,1.345887 0.3352048,2.887885 0.8219503,4.13837 1.5449986,4.178818 5.5778004,7.243349 9.9949234,7.717529 3.810097,0.491379 7.742082,-0.950716 10.362498,-3.776123 1.264207,-1.345759 2.346209,-3.143712 2.852524,-5.006621 0.452871,-1.644921 0.591641,-3.405102 0.327164,-5.139863 -0.570964,0.355469 -1.141927,0.710938 -1.712891,1.066406 0.327073,4.157134 -2.099211,8.368091 -5.892536,10.120097 -3.855403,1.851082 -8.81829,1.08006 -11.8417342,-1.977959 C 5.4604481,20.273661 4.6733712,14.880369 6.9398998,10.914936 8.9648105,7.2215986 13.362112,5.0051231 17.535881,5.6630499 c 1.55634,0.2172473 3.054099,0.8131538 4.352791,1.694372 0.383463,-0.4694011 0.766927,-0.9388021 1.15039,-1.4082031 -2.192986,-1.5528674 -4.893081,-2.342225 -7.578124,-2.1914063 z m 1.082031,14.2382815 c -0.431559,0.839721 -0.862375,0.04792 -1.294863,-0.35365 -1.074239,-1.074825 -2.148477,-2.14965 -3.222715,-3.224475 -0.436198,0.436198 -0.872396,0.872396 -1.308594,1.308593 1.785349,1.773238 3.538731,3.578842 5.353515,5.322266 C 20.099547,17.105915 24.04989,13.086711 28.044922,9.1113281 27.608724,8.6751302 27.172526,8.2389323 26.736328,7.8027344 23.338542,11.200521 19.940755,14.598307 16.542969,17.996094 Z" />
40
+ </svg>
@@ -0,0 +1,68 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ viewBox="0 0 32 32"
4
+ width="96px"
5
+ height="96px"
6
+ version="1.1"
7
+ id="svg4"
8
+ sodipodi:docname="icon-timeline-black.svg"
9
+ inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
10
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ xmlns:svg="http://www.w3.org/2000/svg">
14
+ <defs
15
+ id="defs8" />
16
+ <sodipodi:namedview
17
+ id="namedview6"
18
+ pagecolor="#ffffff"
19
+ bordercolor="#111111"
20
+ borderopacity="1"
21
+ inkscape:pageshadow="0"
22
+ inkscape:pageopacity="0"
23
+ inkscape:pagecheckerboard="1"
24
+ showgrid="false"
25
+ inkscape:zoom="5.9514822"
26
+ inkscape:cx="40.746152"
27
+ inkscape:cy="54.860283"
28
+ inkscape:window-width="1366"
29
+ inkscape:window-height="697"
30
+ inkscape:window-x="296"
31
+ inkscape:window-y="1072"
32
+ inkscape:window-maximized="1"
33
+ inkscape:current-layer="svg4"
34
+ inkscape:showpageshadow="0"
35
+ inkscape:deskcolor="#505050" />
36
+ <path
37
+ id="rect855-4-9"
38
+ style="color:#000000;fill:#121212;fill-opacity:1;stroke-width:0.943628;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
39
+ d="M 6.0544517,4 C 4.9326423,4 4,4.85771 4,5.889388 V 26.108845 C 4,27.140523 4.9326423,28 6.0544517,28 H 25.943625 C 27.065435,28 28,27.140523 28,26.108845 V 5.889388 C 28,4.85771 27.065435,4 25.943625,4 Z M 25.354167,6.666667 25.333334,25.333334 H 6.6666667 l 0.02083,-18.6666673 z"
40
+ sodipodi:nodetypes="sssssssssccccc" />
41
+ <rect
42
+ style="fill:#121212;fill-opacity:1;stroke-width:1.7087;stroke-linecap:square"
43
+ id="rect1"
44
+ width="2.6666667"
45
+ height="10.606602"
46
+ x="-12"
47
+ y="12.493929"
48
+ ry="0.00097641727"
49
+ transform="rotate(-90)" />
50
+ <rect
51
+ style="fill:#121212;fill-opacity:1;stroke-width:1.38932;stroke-linecap:square"
52
+ id="rect1-4-3"
53
+ width="2.6666667"
54
+ height="7.0121422"
55
+ x="-17.333334"
56
+ y="8.9878578"
57
+ ry="0.00064552028"
58
+ transform="rotate(-90)" />
59
+ <rect
60
+ style="fill:#121212;fill-opacity:1;stroke-width:1.38932;stroke-linecap:square"
61
+ id="rect1-4-3-3"
62
+ width="2.6666667"
63
+ height="7.0121422"
64
+ x="-22.666666"
65
+ y="12.582317"
66
+ ry="0.00064552028"
67
+ transform="rotate(-90)" />
68
+ </svg>
@@ -0,0 +1,68 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ viewBox="0 0 32 32"
4
+ width="96px"
5
+ height="96px"
6
+ version="1.1"
7
+ id="svg4"
8
+ sodipodi:docname="icon-timeline.svg"
9
+ inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
10
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ xmlns:svg="http://www.w3.org/2000/svg">
14
+ <defs
15
+ id="defs8" />
16
+ <sodipodi:namedview
17
+ id="namedview6"
18
+ pagecolor="#ffffff"
19
+ bordercolor="#111111"
20
+ borderopacity="1"
21
+ inkscape:pageshadow="0"
22
+ inkscape:pageopacity="0"
23
+ inkscape:pagecheckerboard="1"
24
+ showgrid="false"
25
+ inkscape:zoom="5.9514822"
26
+ inkscape:cx="40.746152"
27
+ inkscape:cy="41.418254"
28
+ inkscape:window-width="1366"
29
+ inkscape:window-height="697"
30
+ inkscape:window-x="296"
31
+ inkscape:window-y="1072"
32
+ inkscape:window-maximized="1"
33
+ inkscape:current-layer="svg4"
34
+ inkscape:showpageshadow="0"
35
+ inkscape:deskcolor="#505050" />
36
+ <path
37
+ id="rect855-4-9"
38
+ style="color:#000000;fill:#888888;fill-opacity:1;stroke-width:0.943628;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
39
+ d="M 6.0544517,4 C 4.9326423,4 4,4.85771 4,5.889388 V 26.108845 C 4,27.140523 4.9326423,28 6.0544517,28 H 25.943625 C 27.065435,28 28,27.140523 28,26.108845 V 5.889388 C 28,4.85771 27.065435,4 25.943625,4 Z M 25.354167,6.666667 25.333334,25.333334 H 6.6666667 l 0.02083,-18.6666673 z"
40
+ sodipodi:nodetypes="sssssssssccccc" />
41
+ <rect
42
+ style="fill:#888888;fill-opacity:1;stroke-width:1.7087;stroke-linecap:square"
43
+ id="rect1"
44
+ width="2.6666667"
45
+ height="10.606602"
46
+ x="-12"
47
+ y="12.493929"
48
+ ry="0.00097641727"
49
+ transform="rotate(-90)" />
50
+ <rect
51
+ style="fill:#888888;fill-opacity:1;stroke-width:1.38932;stroke-linecap:square"
52
+ id="rect1-4-3"
53
+ width="2.6666667"
54
+ height="7.0121422"
55
+ x="-17.333334"
56
+ y="8.9878578"
57
+ ry="0.00064552028"
58
+ transform="rotate(-90)" />
59
+ <rect
60
+ style="fill:#888888;fill-opacity:1;stroke-width:1.38932;stroke-linecap:square"
61
+ id="rect1-4-3-3"
62
+ width="2.6666667"
63
+ height="7.0121422"
64
+ x="-22.666666"
65
+ y="12.582317"
66
+ ry="0.00064552028"
67
+ transform="rotate(-90)" />
68
+ </svg>
@@ -0,0 +1,41 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ viewBox="0 0 32 32"
4
+ width="96px"
5
+ height="96px"
6
+ version="1.1"
7
+ id="svg4"
8
+ sodipodi:docname="icon-user-add.svg"
9
+ inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
10
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ xmlns:svg="http://www.w3.org/2000/svg">
14
+ <defs
15
+ id="defs8" />
16
+ <sodipodi:namedview
17
+ id="namedview6"
18
+ pagecolor="#ffffff"
19
+ bordercolor="#111111"
20
+ borderopacity="1"
21
+ inkscape:pageshadow="0"
22
+ inkscape:pageopacity="0"
23
+ inkscape:pagecheckerboard="1"
24
+ showgrid="false"
25
+ inkscape:zoom="4.0000002"
26
+ inkscape:cx="69.124997"
27
+ inkscape:cy="57.124997"
28
+ inkscape:window-width="1366"
29
+ inkscape:window-height="697"
30
+ inkscape:window-x="-8"
31
+ inkscape:window-y="-8"
32
+ inkscape:window-maximized="1"
33
+ inkscape:current-layer="svg4"
34
+ inkscape:showpageshadow="0"
35
+ inkscape:deskcolor="#505050" />
36
+ <path
37
+ id="path867"
38
+ style="color:#000000;fill:#777777;fill-opacity:1;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
39
+ d="M 12.183594,3 C 8.6880048,3 5.8339844,5.855973 5.8339844,9.3515625 c 0,3.4955885 2.8540204,6.3515625 6.3496096,6.3515625 3.495589,0 6.351562,-2.855974 6.351562,-6.3515625 C 18.535156,5.855973 15.679183,3 12.183594,3 Z m 13.326172,7.173828 c -0.552285,0 -1,0.447715 -1,1 V 14.25 h -3.076172 c -0.552285,0 -1,0.447715 -1,1 0,0.552285 0.447715,1 1,1 h 3.076172 v 3.076172 c 0,0.552285 0.447715,1 1,1 0.552285,0 1,-0.447715 1,-1 V 16.25 h 3.074218 c 0.552285,0 1,-0.447715 1,-1 0,-0.552285 -0.447715,-1 -1,-1 h -3.074218 v -3.076172 c 0,-0.552285 -0.447715,-1 -1,-1 z m -13.523438,8.279297 c -2.7257605,0.01352 -5.0999881,0.384026 -6.9140624,1.287109 -1.8140745,0.903084 -3.0761715,2.523684 -3.0761718,4.570313 v 2.621745 c 0,1.175999 0.8435205,2.063802 2.1028645,2.063802 H 19.985026 c 1.147904,0 2.016927,-0.953261 2.016927,-1.961589 v -2.680989 c 0,-2.047673 -1.096308,-3.729861 -2.873047,-4.652344 -1.776738,-0.922483 -4.162177,-1.262831 -7.142578,-1.248047 z"
40
+ sodipodi:nodetypes="ssssssscssscssscssscssssssssssss" />
41
+ </svg>
@@ -0,0 +1,39 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ viewBox="0 0 32 32"
4
+ width="96px"
5
+ height="96px"
6
+ version="1.1"
7
+ id="svg4"
8
+ sodipodi:docname="icon-user.svg"
9
+ inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
10
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12
+ xmlns="http://www.w3.org/2000/svg"
13
+ xmlns:svg="http://www.w3.org/2000/svg">
14
+ <defs
15
+ id="defs8" />
16
+ <sodipodi:namedview
17
+ id="namedview6"
18
+ pagecolor="#ffffff"
19
+ bordercolor="#111111"
20
+ borderopacity="1"
21
+ inkscape:pageshadow="0"
22
+ inkscape:pageopacity="0"
23
+ inkscape:pagecheckerboard="1"
24
+ showgrid="false"
25
+ inkscape:zoom="11.313709"
26
+ inkscape:cx="23.069359"
27
+ inkscape:cy="45.74097"
28
+ inkscape:window-width="3200"
29
+ inkscape:window-height="1721"
30
+ inkscape:window-x="2391"
31
+ inkscape:window-y="-993"
32
+ inkscape:window-maximized="1"
33
+ inkscape:current-layer="svg4" />
34
+ <path
35
+ id="path867"
36
+ style="color:#000000;fill:#ffffff;fill-opacity:1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
37
+ d="M 48.550781 9 C 38.064002 9 29.501953 17.567909 29.501953 28.054688 C 29.501953 38.541465 38.064002 47.109375 48.550781 47.109375 C 59.03756 47.109375 67.605469 38.541465 67.605469 28.054688 C 67.605469 17.567909 59.03756 9 48.550781 9 z M 48.550781 15 C 55.794923 15 61.605469 20.810546 61.605469 28.054688 C 61.605469 35.298828 55.794923 41.109375 48.550781 41.109375 C 41.306639 41.109375 35.501953 35.298828 35.501953 28.054688 C 35.501953 20.810546 41.306639 15 48.550781 15 z M 47.958984 55.359375 C 39.781692 55.399935 32.659026 56.511451 27.216797 59.220703 C 21.774568 61.929958 17.988282 66.791748 17.988281 72.931641 L 17.988281 80.796875 C 17.988281 84.324878 20.518839 86.988281 24.296875 86.988281 L 71.955078 86.988281 C 75.398793 86.988281 78.005859 84.128503 78.005859 81.103516 L 78.005859 73.060547 C 78.005859 66.917522 74.716942 61.870968 69.386719 59.103516 C 64.056499 56.336064 56.900196 55.315023 47.958984 55.359375 z M 47.988281 61.365234 C 56.423237 61.323384 62.782033 62.436445 66.621094 64.429688 C 70.460056 66.422933 72 68.768708 72 73.060547 L 72 80.982422 L 23.994141 80.982422 L 23.994141 72.931641 C 23.994141 69.018666 25.794691 66.634734 29.894531 64.59375 C 33.994371 62.552766 40.365785 61.40304 47.988281 61.365234 z "
38
+ transform="scale(0.33333333)" />
39
+ </svg>
@@ -0,0 +1 @@
1
+ <svg width="36" height="36" fill="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_P7sC{transform-origin:center;animation:spinner_svv2 .75s infinite linear}@keyframes spinner_svv2{100%{transform:rotate(360deg)}}</style><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_P7sC"/></svg>
@@ -26,9 +26,9 @@
26
26
  targetEl = target;
27
27
  } else {
28
28
  throw new TypeError(
29
- `Unknown portal target type: ${
30
- target === null ? "null" : typeof target
31
- }. Allowed types: string (CSS selector) or HTMLElement.`
29
+ `Unknown portal target type: ${
30
+ target === null ? "null" : typeof target
31
+ }. Allowed types: string (CSS selector) or HTMLElement.`
32
32
  );
33
33
  }
34
34
  targetEl.appendChild(el);
@@ -12,8 +12,9 @@
12
12
  width: 100%;
13
13
  background-color: var(--main-bg-color);
14
14
  box-sizing: border-box;
15
- border: 1px solid var(--main-border-color);
15
+ border: var(--main-border, 1px solid var(--main-border-color));
16
16
  border-radius: 8px;
17
17
  overflow: hidden;
18
+ box-shadow: var(--main-shadow);
18
19
  }
19
20
  </style>
@@ -13,6 +13,8 @@
13
13
  afterUpdate(() => {
14
14
  current_url = $page.url.pathname.split('/');
15
15
  current_url = '/' + current_url[1];
16
+
17
+ console.log(current_url);
16
18
  });
17
19
 
18
20
  </script>
@@ -26,9 +28,12 @@
26
28
  </div>
27
29
  </header>
28
30
 
29
- <div class="logo" >
30
- <!-- Logo -->
31
- </div>
31
+ {#if menu.logo != null}
32
+ <div class="logo" >
33
+ </div>
34
+ {:else}
35
+ <div><h1>Bienvenue</h1></div>
36
+ {/if}
32
37
 
33
38
  <div class="main">
34
39
  <ul>
@@ -53,19 +58,21 @@
53
58
  padding: 14px;
54
59
  position: absolute;
55
60
  top: 10px;
56
- right: -11px;
61
+ /*right: -11px;*/
62
+ left: 20px;
57
63
  z-index: 300;
64
+ margin-bottom: 12px;
58
65
  }
59
66
  header > div {
60
67
  position: absolute;
61
- top: 10px;
68
+ top: 16px;
62
69
  left: 0px;
63
70
  width: 32px;
64
71
  height: 32px;
65
72
  border-radius: 30px;
66
73
  cursor: pointer;
67
- background-color: #fff;
68
- border: 1px solid var(--main-border-color);
74
+ /*background-color: var(--main-menu-bg-color, #ffffff);
75
+ border: 1px solid var(--main-border-color);*/
69
76
  transition: all ease-in-out 0.3s;
70
77
  align-self: flex-end;
71
78
  }
@@ -77,22 +84,22 @@
77
84
  height: 32px;
78
85
  }
79
86
  header > div.menu-open {
80
- background-color: #fff;
87
+ /*background-color: var(--main-menu-bg-color, #ffffff);*/
81
88
  box-shadow: inset;
82
89
  }
83
90
  header > div > div > div{
84
91
  display: inline-block;
85
92
  position: absolute;
86
93
  vertical-align: top;
87
- background-color: #333;
94
+ background-color: #555;
88
95
  border-radius: 0px;
89
- height: 2px;
90
- width: 16px;
96
+ height: 3px;
97
+ width: 25px;
91
98
  transition: all 0.3s;
92
99
  border-radius: 0px;
93
100
  }
94
101
  header > div > div > div:nth-of-type(1){
95
- top: 15px;
102
+ top: 12px;
96
103
  left: 10px;
97
104
  }
98
105
  header > div > div > div:nth-of-type(2){
@@ -100,7 +107,7 @@
100
107
  left: 10px;
101
108
  }
102
109
  header > div > div > div:nth-of-type(3){
103
- top: 24px;
110
+ top: 28px;
104
111
  left: 10px;
105
112
  }
106
113
  header > div.menu-open > div > div:nth-of-type(1){
@@ -115,7 +122,7 @@
115
122
  transform: rotate(-45deg);
116
123
  }
117
124
  nav {
118
- background-color: var(--main-bg-color);
125
+ background-color: var(--main-menu-bg-color, #ffffff);
119
126
  position: fixed;
120
127
  top: 0px;
121
128
  left: 0px;
@@ -124,7 +131,7 @@
124
131
  max-height: 100vh;
125
132
  box-sizing: border-box;
126
133
  border-right: 1px solid var(--main-border-color);
127
- padding-top: 58px;
134
+ padding-top: 80px;
128
135
  padding-bottom: 10px;
129
136
  transition: all ease-in-out 0.4s;
130
137
  display: flex;
@@ -136,23 +143,6 @@
136
143
  transform: translateX(0px);
137
144
  width: 285px;
138
145
  }
139
- nav > .logo {
140
- width: 48px;
141
- height: 40px;
142
- min-height: 40px;
143
- background-image: var(--logo-large);
144
- background-size: auto 32px;
145
- background-repeat: no-repeat;
146
- background-position: 0px center;
147
- margin-bottom: 32px;
148
- margin-left: 17px;
149
- transition: all ease-in-out 0.4s;
150
- }
151
- nav.menu-open > .logo {
152
- width: 248px;
153
- background-size: auto 32px;
154
- background-position: 0px center;
155
- }
156
146
 
157
147
  nav > .main {
158
148
  flex: 1;
@@ -184,12 +174,15 @@
184
174
  width: 285px;
185
175
  }
186
176
  header {
177
+ position: fixed;
187
178
  top: 10px;
188
179
  right: initial;
189
180
  left: 105px;
181
+ transform: translateX(0px);
182
+ transition: all ease-in-out 0.4s;
190
183
  }
191
184
  nav.menu-open > header {
192
- left: 20px;
185
+ transform: translateX(-85px);
193
186
  }
194
187
  header > div {
195
188
  border: none;
@@ -24,7 +24,7 @@
24
24
  li {
25
25
  list-style: none;
26
26
  width: 100%;
27
- margin-bottom: 14px;
27
+ margin-bottom: 2px;
28
28
  }
29
29
 
30
30
  .menu-item {
@@ -68,8 +68,9 @@
68
68
  line-height: 48px;
69
69
  padding-left: 48px;
70
70
  overflow: hidden;
71
- font-weight: 600;
72
- color: var(--theme-text-darkgrey);
71
+ font-weight: var(--main-menu-font-weight, 600);
72
+ font-size: var(--main-menu-font-size);
73
+ color: var(--main-menu-fg-color, --theme-text-darkgrey);
73
74
  font-family: var(--theme-title-font);
74
75
  }
75
76
  .menu-item > div.menu-open > div:nth-of-type(2) {
@@ -78,13 +79,13 @@
78
79
  display: flex;
79
80
  }
80
81
  .menu-item.selected > div > div:nth-of-type(1) {
81
- background-color: var(--theme-main-color);
82
+ background-color: var(--main-menu-fg-color, --theme-main-color);
82
83
  }
83
84
  .menu-item.selected > div > div:nth-of-type(2) {
84
- color: var(--theme-main-color);
85
+ color: var(--main-menu-fg-color, --theme-main-color);
85
86
  }
86
87
  .menu-item:hover > div > div:nth-of-type(2) {
87
- background-color: var(--theme-bg-color-light);
88
- color: var(--theme-main-color);
88
+ background-color: var(--main-menu-bg-hover-color, --theme-bg-color-light);
89
+ color: var(--main-menu-fg-color, --theme-main-color);
89
90
  }
90
91
  </style>