mountain-ui 1.0.96 → 1.0.97

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 (5) hide show
  1. package/index.js +1 -0
  2. package/package.json +1 -1
  3. package/src/lib/registry/navigationRegistry/components/Navbar.svelte +4 -21
  4. package/src/lib/registry/navigationRegistry/components/NavbarBtn.svelte +58 -56
  5. package/src/routes/exemple/[project_normalized_name]/+layout.svelte +54 -94
package/index.js CHANGED
@@ -62,6 +62,7 @@ export { default as Line } from './src/lib/registry/fieldTypeRegistry/components
62
62
  // ============================================
63
63
  export { entityRegistry } from './src/lib/registry/entityRegistry/registry.svelte.js';
64
64
  export { createEntity } from './src/lib/registry/entityRegistry/createEntity.js';
65
+ export { registerEntitiesFromProject } from './src/lib/registry/entityRegistry/registerEntitiesFromProject.js';
65
66
 
66
67
  // Entity Registry Components
67
68
  export { default as EntityButton } from './src/lib/registry/entityRegistry/components/EntityButton.svelte';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mountain-ui",
3
3
  "private": false,
4
- "version": "1.0.96",
4
+ "version": "1.0.97",
5
5
  "description": "A comprehensive UI component library for ERP systems with field types, entities, and registry management built with Svelte",
6
6
  "type": "module",
7
7
  "module": "index.js",
package/src/lib/registry/navigationRegistry/components/Navbar.svelte CHANGED
@@ -115,24 +115,8 @@
115
115
  <Scrollbar element={content}></Scrollbar>
116
116
  <div class="content" bind:this={content}>
117
117
  <NavbarBtn href="{$targetProjectHref}/home" text="Acceuil">
118
- <svg
119
- slot="endContent"
120
- width="24"
121
- height="24"
122
- viewBox="0 0 24 24"
123
- fill="none"
124
- xmlns="http://www.w3.org/2000/svg"
125
- >
126
- <path
127
- opacity="0.4"
128
- d="M20.0402 6.81994L14.2802 2.78994C12.7102 1.68994 10.3002 1.74994 8.79023 2.91994L3.78023 6.82994C2.78023 7.60994 1.99023 9.20994 1.99023 10.4699V17.3699C1.99023 19.9199 4.06023 21.9999 6.61023 21.9999H17.3902C19.9402 21.9999 22.0102 19.9299 22.0102 17.3799V10.5999C22.0102 9.24994 21.1402 7.58994 20.0402 6.81994Z"
129
- fill="#292D32"
130
- />
131
- <path
132
- d="M12 18.75C11.59 18.75 11.25 18.41 11.25 18V15C11.25 14.59 11.59 14.25 12 14.25C12.41 14.25 12.75 14.59 12.75 15V18C12.75 18.41 12.41 18.75 12 18.75Z"
133
- fill="#292D32"
134
- />
135
- </svg>
118
+ <NavbarIcon slot="endContent" icon="Essetionnal|home-2" color="var(--font-2)"
119
+ ></NavbarIcon>
136
120
  </NavbarBtn>
137
121
  {#each $navigationGroups as navigationGroup}
138
122
  {@const children = navigationRegistry.getAllFromGroup(navigationGroup.id)}
@@ -146,9 +130,7 @@
146
130
  ></NavbarBtn>
147
131
  {/each}
148
132
  {:else}
149
- <NavbarBtn
150
- text="Dossier vide !"
151
- ></NavbarBtn>
133
+ <NavbarBtn text="Dossier vide !"></NavbarBtn>
152
134
  {/if}
153
135
  <NavbarIcon
154
136
  slot="endContent"
@@ -331,6 +313,7 @@
331
313
 
332
314
  .content.settings {
333
315
  animation: apear 0.2s ease-out;
316
+ padding: 0px;
334
317
  }
335
318
 
336
319
  .bottom {
package/src/lib/registry/navigationRegistry/components/NavbarBtn.svelte CHANGED
@@ -78,11 +78,13 @@
78
78
  isHovered = false;
79
79
  }}
80
80
  >
81
- <h5>{text}</h5>
81
+ <slot name="endContent" />
82
+
83
+ <h5 class="in">{text}</h5>
82
84
 
83
85
  <Portal target="body" disabled={isHovered}>
84
86
  {#if isHovered}
85
- <h5
87
+ <div
86
88
  class="full"
87
89
  style="
88
90
  --x: {x}px;
@@ -91,12 +93,11 @@
91
93
  --h: {height}px;
92
94
  "
93
95
  >
94
- {text}
95
- </h5>
96
+ <slot name="endContent" />
97
+ <h5>{text}</h5>
98
+ </div>
96
99
  {/if}
97
100
  </Portal>
98
-
99
- <slot name="endContent" />
100
101
  </a>
101
102
 
102
103
  <style>
@@ -110,7 +111,7 @@
110
111
  z-index: 1000;
111
112
  position: relative;
112
113
  cursor: pointer;
113
- overflow: clip;
114
+ overflow: clip;
114
115
  }
115
116
 
116
117
  .btn:hover {
@@ -122,30 +123,40 @@
122
123
  /* overflow: hidden; */
123
124
  /* text-overflow: ellipsis; */
124
125
  }
125
- .btn::after {
126
- content: '';
127
- position: absolute;
128
- top: 0px;
129
- right: 0px;
130
- width: 30%;
131
- height: 100%;
132
- background-color: transparent;
133
- background: linear-gradient(90deg, rgba(114, 114, 114, 0) 0%, var(--bg-1) 100%);
134
- opacity: 1;
135
- transition: opacity .2s ease-out;
136
- }
137
- :global(.group) .btn::after {
138
- background: linear-gradient(90deg, rgba(114, 114, 114, 0) 0%, var(--bg-2) 100%);
126
+ .btn::after {
127
+ content: '';
128
+ position: absolute;
129
+ top: 0px;
130
+ right: 0px;
131
+ width: 30%;
132
+ height: 100%;
133
+ background-color: transparent;
134
+ background: linear-gradient(90deg, rgba(114, 114, 114, 0) 0%, var(--bg-1) 100%);
135
+ opacity: 1;
136
+ transition: opacity 0.2s ease-out;
137
+ }
138
+ :global(.group) .btn::after {
139
+ background: linear-gradient(90deg, rgba(114, 114, 114, 0) 0%, var(--bg-2) 100%);
140
+ }
141
+ :global(.navbar.close .group) .btn {
142
+ border-radius: var(--radius-m) 0 0 var(--radius-m);
143
+ }
144
+
145
+ .btn:has( :global( svg))::after {
146
+ user-select: none;
147
+ pointer-events: none;
148
+ opacity: 0;
139
149
  }
140
- :global(.navbar.close .group) .btn{
141
- border-radius:var(--radius-m) 0 0 var(--radius-m);
150
+ :global(.navbar.close) .btn:has( :global( svg)) h5.in {
151
+ display: none;
142
152
  }
143
153
 
144
- :global(.navbar.open) .btn::after {
145
- user-select: none;
146
- pointer-events: none;
147
- opacity: 0;
148
- }
154
+ :global(.navbar.open) .btn::after {
155
+ user-select: none;
156
+ pointer-events: none;
157
+ opacity: 0;
158
+ }
159
+
149
160
 
150
161
  .btn h5:not(.full) {
151
162
  width: 100%;
@@ -153,6 +164,9 @@
153
164
  }
154
165
 
155
166
  .full {
167
+ display: flex;
168
+ align-items: center;
169
+ column-gap: var(--pad-m);
156
170
  margin: 0;
157
171
  padding: var(--pad-s) var(--pad-m);
158
172
  border-radius: var(--radius-m);
@@ -161,7 +175,6 @@
161
175
  top: var(--y);
162
176
  left: var(--x);
163
177
 
164
-
165
178
  background-color: var(--bg-1);
166
179
  outline: 1px solid var(--bg-blur);
167
180
 
@@ -169,36 +182,25 @@
169
182
  pointer-events: none;
170
183
  user-select: none;
171
184
 
172
- animation: apear .2s ease-out;
185
+ animation: apear 0.2s ease-out;
173
186
  }
174
187
 
175
- .btn > :global(svg) {
176
- width: 20px;
177
- height: auto;
178
- flex-shrink: 0;
179
- }
188
+
180
189
 
181
- .btn > :global(svg path) {
182
- fill: var(--font-3);
183
- }
184
190
 
185
- .btn:hover > :global(svg path) {
186
- fill: var(--font-1);
187
- }
191
+ @keyframes apear {
192
+ from {
193
+ filter: blur(5px);
194
+ -webkit-filter: blur(5px);
195
+ opacity: 0;
196
+ transform: translateX(-5px);
197
+ }
188
198
 
189
- @keyframes apear {
190
- from {
191
- filter: blur(5px);
192
- -webkit-filter: blur(5px);
193
- opacity: 0;
194
- transform: translateX(-5px);
195
- }
196
-
197
- to {
198
- filter: blur(0px);
199
- -webkit-filter: blur(0px);
200
- opacity: 1;
201
- transform: translateX(0px);
202
- }
203
- }
199
+ to {
200
+ filter: blur(0px);
201
+ -webkit-filter: blur(0px);
202
+ opacity: 1;
203
+ transform: translateX(0px);
204
+ }
205
+ }
204
206
  </style>
package/src/routes/exemple/[project_normalized_name]/+layout.svelte CHANGED
@@ -10,6 +10,7 @@
10
10
  import { IconButton, init, RotativeLoader, sendRequest } from 'hamzus-ui';
11
11
  import { onMount } from 'svelte';
12
12
  import { navigationRegistry } from '$lib/registry/navigationRegistry/registry.svelte';
13
+ import NavbarIcon from '$lib/registry/navigationRegistry/components/NavbarIcon.svelte';
13
14
 
14
15
  let { children } = $props();
15
16
 
@@ -58,101 +59,60 @@
58
59
 
59
60
  await project.init(`/exemple/${$page.params.project_normalized_name}`);
60
61
 
61
- navigationRegistry.enableNavbar()
62
+ navigationRegistry.enableNavbar();
62
63
 
63
64
  loading = false;
64
65
 
65
- ()=>{
66
- navigationRegistry.desableNavbar()
67
- }
66
+ () => {
67
+ navigationRegistry.desableNavbar();
68
+ };
68
69
  }
69
70
 
70
- const targetProjectHref = projectRegistry.selectTargetProjectHref()
71
+ const targetProjectHref = projectRegistry.selectTargetProjectHref();
71
72
  </script>
73
+
72
74
  <Navbar>
73
- <div slot="settings">
74
- <NavbarBtn text="Administrateur">
75
- <svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
76
- <path opacity="0.4" d="M21.0802 8.58003V15.42C21.0802 16.54 20.4802 17.58 19.5102 18.15L13.5702 21.58C12.6002 22.14 11.4002 22.14 10.4202 21.58L4.48016 18.15C3.51016 17.59 2.91016 16.55 2.91016 15.42V8.58003C2.91016 7.46003 3.51016 6.41999 4.48016 5.84999L10.4202 2.42C11.3902 1.86 12.5902 1.86 13.5702 2.42L19.5102 5.84999C20.4802 6.41999 21.0802 7.45003 21.0802 8.58003Z" fill="#292D32"/>
77
- <path d="M11.9999 12.0001C13.2867 12.0001 14.3299 10.9569 14.3299 9.67004C14.3299 8.38322 13.2867 7.34009 11.9999 7.34009C10.7131 7.34009 9.66992 8.38322 9.66992 9.67004C9.66992 10.9569 10.7131 12.0001 11.9999 12.0001Z" fill="#292D32"/>
78
- <path d="M14.6792 16.6601C15.4892 16.6601 15.9592 15.7601 15.5092 15.0901C14.8292 14.0801 13.5092 13.4001 11.9992 13.4001C10.4892 13.4001 9.16919 14.0801 8.48919 15.0901C8.03919 15.7601 8.50919 16.6601 9.31919 16.6601H14.6792Z" fill="#292D32"/>
79
- </svg>
80
-
81
- </NavbarBtn>
82
- <NavbarBtn text="Modules">
83
- <svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
84
- <path opacity="0.4" d="M5.32914 19.42C5.21914 19.42 5.09914 19.39 4.99914 19.34L2.77914 18.23C2.52914 18.1 2.36914 17.84 2.36914 17.56V14.78C2.36914 14.37 2.70914 14.03 3.11914 14.03C3.52914 14.03 3.86914 14.37 3.86914 14.78V17.09L5.67914 17.99C6.04914 18.18 6.19913 18.63 6.01913 19C5.86913 19.26 5.60914 19.42 5.32914 19.42Z" fill="#292D32"/>
85
- <path d="M11.9995 22.75C11.9395 22.75 11.8795 22.74 11.8295 22.73C11.7695 22.72 11.7095 22.69 11.6495 22.66L9.43948 21.56C9.06948 21.37 8.91947 20.92 9.09947 20.55C9.28947 20.18 9.73947 20.03 10.1095 20.21L11.2495 20.78V19.22C11.2495 18.81 11.5895 18.47 11.9995 18.47C12.4095 18.47 12.7495 18.81 12.7495 19.22V20.78L13.8895 20.21C14.2595 20.03 14.7095 20.18 14.8995 20.55C15.0895 20.92 14.9395 21.37 14.5595 21.56L12.3495 22.66C12.2895 22.69 12.2295 22.71 12.1695 22.73C12.1095 22.74 12.0595 22.75 11.9995 22.75Z" fill="#292D32"/>
86
- <path opacity="0.4" d="M18.6702 19.42C18.4002 19.42 18.1302 19.27 18.0002 19.01C17.8102 18.64 17.9602 18.19 18.3402 18L20.1502 17.1001V14.79C20.1502 14.38 20.4902 14.04 20.9002 14.04C21.3102 14.04 21.6502 14.38 21.6502 14.79V17.5701C21.6502 17.8501 21.4902 18.1101 21.2402 18.2401L19.0202 19.3501C18.8902 19.3901 18.7802 19.42 18.6702 19.42Z" fill="#292D32"/>
87
- <path d="M11.9995 14.42C11.5895 14.42 11.2495 14.08 11.2495 13.67V11.36L9.43948 10.4601C9.06948 10.2701 8.91947 9.82004 9.09947 9.45004C9.28947 9.08004 9.73947 8.93005 10.1095 9.11005L11.9995 10.05L13.8895 9.11005C14.2595 8.93005 14.7095 9.07004 14.8995 9.45004C15.0895 9.82004 14.9395 10.2701 14.5595 10.4601L12.7495 11.36V13.67C12.7495 14.08 12.4095 14.42 11.9995 14.42Z" fill="#292D32"/>
88
- <path opacity="0.4" d="M3.10938 9.96988C2.69938 9.96988 2.35938 9.62988 2.35938 9.21988V6.45988V6.44987C2.35938 6.38987 2.36937 6.32987 2.37937 6.27987C2.39937 6.19987 2.42938 6.12987 2.46938 6.05987C2.49938 6.00987 2.52937 5.96987 2.56937 5.92987C2.60937 5.88987 2.65937 5.84988 2.70937 5.81988C2.72937 5.80988 2.75937 5.78987 2.77937 5.77987L4.98937 4.67987C5.35937 4.49987 5.80937 4.63988 5.99937 5.01988C6.18937 5.38988 6.03938 5.83987 5.65938 6.02987L4.77937 6.46988L5.65938 6.90988C6.02938 7.09988 6.17937 7.54987 5.99937 7.91987C5.81937 8.28987 5.35937 8.43987 4.98937 8.25987L3.84937 7.68988V9.24987C3.85937 9.63987 3.52937 9.96988 3.10938 9.96988Z" fill="#292D32"/>
89
- <path d="M14.2198 3.86004C14.1098 3.86004 13.9898 3.83004 13.8898 3.78004L11.9998 2.84004L10.1098 3.78004C9.73979 3.97004 9.28979 3.82004 9.09979 3.44004C8.90979 3.07004 9.05979 2.62003 9.43979 2.43003L11.6598 1.32005C11.8698 1.21005 12.1198 1.21005 12.3298 1.32005L14.5498 2.43003C14.9198 2.62003 15.0698 3.07004 14.8898 3.44004C14.7598 3.71004 14.4998 3.86004 14.2198 3.86004Z" fill="#292D32"/>
90
- <path opacity="0.4" d="M20.8904 9.97002C20.4804 9.97002 20.1404 9.63001 20.1404 9.22002V7.66002L19.0004 8.23001C18.6304 8.42001 18.1804 8.27001 17.9904 7.89001C17.8004 7.52001 17.9504 7.07002 18.3304 6.88002L19.2104 6.44002L18.3304 6.00001C17.9604 5.81001 17.8104 5.36002 17.9904 4.99002C18.1704 4.62002 18.6304 4.47001 19.0004 4.65001L21.2104 5.75001C21.2304 5.76001 21.2604 5.77001 21.2804 5.79001C21.3404 5.82001 21.3904 5.87001 21.4404 5.92001C21.4704 5.96001 21.5004 6.00001 21.5304 6.04001C21.5704 6.11001 21.6004 6.18001 21.6204 6.26001C21.6304 6.32001 21.6404 6.38001 21.6404 6.43001V6.44002V9.20001C21.6404 9.64001 21.3004 9.97002 20.8904 9.97002Z" fill="#292D32"/>
91
- </svg>
92
-
93
- </NavbarBtn>
94
- <NavbarBtn text="Entités" href="{$targetProjectHref}/entities">
95
- <svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
96
- <path d="M7 8H4C2.9 8 2 7.1 2 6V4C2 2.9 2.9 2 4 2H7C8.1 2 9 2.9 9 4V6C9 7.1 8.1 8 7 8Z" fill="#292D32"/>
97
- <path d="M20.8 7H17.2C16.54 7 16 6.45999 16 5.79999V4.20001C16 3.54001 16.54 3 17.2 3H20.8C21.46 3 22 3.54001 22 4.20001V5.79999C22 6.45999 21.46 7 20.8 7Z" fill="#292D32"/>
98
- <path d="M20.8 14.5H17.2C16.54 14.5 16 13.96 16 13.3V11.7C16 11.04 16.54 10.5 17.2 10.5H20.8C21.46 10.5 22 11.04 22 11.7V13.3C22 13.96 21.46 14.5 20.8 14.5Z" fill="#292D32"/>
99
- <path opacity="0.37" d="M16 13.25C16.41 13.25 16.75 12.91 16.75 12.5C16.75 12.09 16.41 11.75 16 11.75H13.25V5.75H16C16.41 5.75 16.75 5.41 16.75 5C16.75 4.59 16.41 4.25 16 4.25H9C8.59 4.25 8.25 4.59 8.25 5C8.25 5.41 8.59 5.75 9 5.75H11.75V18C11.75 19.52 12.98 20.75 14.5 20.75H16C16.41 20.75 16.75 20.41 16.75 20C16.75 19.59 16.41 19.25 16 19.25H14.5C13.81 19.25 13.25 18.69 13.25 18V13.25H16Z" fill="#292D32"/>
100
- <path d="M20.8 22H17.2C16.54 22 16 21.46 16 20.8V19.2C16 18.54 16.54 18 17.2 18H20.8C21.46 18 22 18.54 22 19.2V20.8C22 21.46 21.46 22 20.8 22Z" fill="#292D32"/>
101
- </svg>
102
-
103
- </NavbarBtn>
104
- <NavbarBtn href="{$targetProjectHref}/navigation" text="Navigation">
105
- <svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
106
- <path opacity="0.4" d="M22 7.81V16.19C22 19.83 19.83 22 16.19 22H9V2H16.19C19.83 2 22 4.17 22 7.81Z" fill="#292D32"/>
107
- <path d="M9 2V22H7.81C4.17 22 2 19.83 2 16.19V7.81C2 4.17 4.17 2 7.81 2H9Z" fill="#292D32"/>
108
- </svg>
109
-
110
- </NavbarBtn>
111
- <NavbarBtn text="Accueil"><svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
112
- <path opacity="0.4" d="M20.0402 6.81994L14.2802 2.78994C12.7102 1.68994 10.3002 1.74994 8.79023 2.91994L3.78023 6.82994C2.78023 7.60994 1.99023 9.20994 1.99023 10.4699V17.3699C1.99023 19.9199 4.06023 21.9999 6.61023 21.9999H17.3902C19.9402 21.9999 22.0102 19.9299 22.0102 17.3799V10.5999C22.0102 9.24994 21.1402 7.58994 20.0402 6.81994Z" fill="#292D32"/>
113
- <path d="M12 18.75C11.59 18.75 11.25 18.41 11.25 18V15C11.25 14.59 11.59 14.25 12 14.25C12.41 14.25 12.75 14.59 12.75 15V18C12.75 18.41 12.41 18.75 12 18.75Z" fill="#292D32"/>
114
- </svg>
115
- </NavbarBtn>
116
- <NavbarBtn text="Constantes"><svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
117
- <path opacity="0.4" d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
118
- <path d="M12.2003 17.6598C11.5003 17.6598 10.7903 17.3898 10.2603 16.8598C9.19031 15.7898 9.19031 14.0398 10.2603 12.9698L11.6703 11.5598C11.9603 11.2698 12.4403 11.2698 12.7303 11.5598C13.0203 11.8498 13.0203 12.3298 12.7303 12.6198L11.3203 14.0298C10.8303 14.5198 10.8303 15.3098 11.3203 15.7998C11.8103 16.2898 12.6003 16.2898 13.0903 15.7998L15.3103 13.5798C15.9203 12.9698 16.2603 12.1498 16.2603 11.2798C16.2603 10.4098 15.9203 9.59978 15.3103 8.97978C14.0803 7.74978 11.9403 7.74978 10.7103 8.97978L8.29031 11.3998C7.25031 12.4398 7.25031 14.1398 8.29031 15.1898C8.58031 15.4798 8.58031 15.9598 8.29031 16.2498C8.00031 16.5398 7.52031 16.5398 7.23031 16.2498C5.60031 14.6198 5.60031 11.9698 7.23031 10.3398L9.65031 7.91979C10.5503 7.01979 11.7403 6.52979 13.0103 6.52979C14.2803 6.52979 15.4703 7.01979 16.3703 7.91979C17.2703 8.81979 17.7603 10.0098 17.7603 11.2798C17.7603 12.5498 17.2703 13.7398 16.3703 14.6398L14.1503 16.8598C13.6103 17.3898 12.9103 17.6598 12.2003 17.6598Z" fill="#292D32"/>
119
- </svg>
120
- </NavbarBtn>
121
- <NavbarBtn text="Intégrations"><svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
122
- <path opacity="0.4" d="M19.2007 14.7799C18.3407 15.5699 17.2007 16.0099 16.0307 15.9999H6.3707C2.3007 15.7099 2.2907 9.79993 6.3707 9.50993H6.41071C3.62071 1.74993 15.4107 -1.34009 16.7607 6.79991C20.5307 7.27991 22.0607 12.2899 19.2007 14.7799Z" fill="#292D32"/>
123
- <path d="M18.75 21C18.75 21.41 18.41 21.75 18 21.75H14C13.95 21.75 13.91 21.75 13.86 21.73C13.57 22.47 12.84 23 12 23C11.16 23 10.43 22.47 10.14 21.73C10.09 21.75 10.05 21.75 10 21.75H6C5.59 21.75 5.25 21.41 5.25 21C5.25 20.59 5.59 20.25 6 20.25H10C10.05 20.25 10.09 20.25 10.14 20.27C10.34 19.75 10.75 19.34 11.27 19.14C11.25 19.09 11.25 19.05 11.25 19V16H12.75V19C12.75 19.05 12.75 19.09 12.73 19.14C13.25 19.34 13.66 19.75 13.86 20.27C13.91 20.25 13.95 20.25 14 20.25H18C18.41 20.25 18.75 20.59 18.75 21Z" fill="#292D32"/>
124
- </svg>
125
- </NavbarBtn>
126
- <NavbarBtn text="Templates Pdf"><svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
127
- <path opacity="0.4" d="M20.5 10.19H17.61C15.24 10.19 13.31 8.26 13.31 5.89V3C13.31 2.45 12.86 2 12.31 2H8.07C4.99 2 2.5 4 2.5 7.57V16.43C2.5 20 4.99 22 8.07 22H15.93C19.01 22 21.5 20 21.5 16.43V11.19C21.5 10.64 21.05 10.19 20.5 10.19Z" fill="#292D32"/>
128
- <path d="M15.7997 2.20999C15.3897 1.79999 14.6797 2.07999 14.6797 2.64999V6.13999C14.6797 7.59999 15.9197 8.80999 17.4297 8.80999C18.3797 8.81999 19.6997 8.81999 20.8297 8.81999C21.3997 8.81999 21.6997 8.14999 21.2997 7.74999C19.8597 6.29999 17.2797 3.68999 15.7997 2.20999Z" fill="#292D32"/>
129
- <path d="M13.5 13.75H7.5C7.09 13.75 6.75 13.41 6.75 13C6.75 12.59 7.09 12.25 7.5 12.25H13.5C13.91 12.25 14.25 12.59 14.25 13C14.25 13.41 13.91 13.75 13.5 13.75Z" fill="#292D32"/>
130
- <path d="M11.5 17.75H7.5C7.09 17.75 6.75 17.41 6.75 17C6.75 16.59 7.09 16.25 7.5 16.25H11.5C11.91 16.25 12.25 16.59 12.25 17C12.25 17.41 11.91 17.75 11.5 17.75Z" fill="#292D32"/>
131
- </svg>
132
- </NavbarBtn>
133
- <NavbarBtn text="Templates email"><svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
134
- <path d="M6 13C3.24 13 1 15.23 1 18C1 20.77 3.24 23 6 23C8.76 23 11 20.76 11 18C11 15.24 8.77 13 6 13ZM3.95999 15.96H6C6.38 15.96 6.67999 16.27 6.67999 16.64C6.67999 17.01 6.37 17.32 6 17.32H3.95999C3.57999 17.32 3.28 17.01 3.28 16.64C3.28 16.27 3.57999 15.96 3.95999 15.96ZM8.04001 20.04H3.95001C3.57001 20.04 3.26999 19.73 3.26999 19.36C3.26999 18.99 3.58001 18.68 3.95001 18.68H8.04001C8.42001 18.68 8.72 18.99 8.72 19.36C8.72 19.73 8.42001 20.04 8.04001 20.04Z" fill="#292D32"/>
135
- <path opacity="0.4" d="M17 3H7C4 3 2 4.5 2 8V11.14C2 11.87 2.75001 12.33 3.42001 12.04C4.52001 11.56 5.76999 11.38 7.07999 11.59C9.69999 12.02 11.84 14.09 12.37 16.69C12.52 17.45 12.54 18.19 12.44 18.9C12.36 19.49 12.84 20.01 13.43 20.01H17C20 20.01 22 18.51 22 15.01V8.00999C22 4.49999 20 3 17 3Z" fill="#292D32"/>
136
- <path d="M12.0008 11.87C11.1608 11.87 10.3108 11.61 9.66076 11.08L6.53075 8.57997C6.21075 8.31997 6.15076 7.84997 6.41076 7.52997C6.67076 7.20997 7.14075 7.14997 7.46075 7.40997L10.5908 9.90997C11.3508 10.52 12.6407 10.52 13.4007 9.90997L16.5308 7.40997C16.8508 7.14997 17.3307 7.19997 17.5807 7.52997C17.8407 7.84997 17.7907 8.32997 17.4607 8.57997L14.3307 11.08C13.6907 11.61 12.8408 11.87 12.0008 11.87Z" fill="#292D32"/>
137
- </svg>
138
- </NavbarBtn>
139
- <NavbarBtn text="Automatisation"><svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
140
- <path opacity="0.4" d="M5.75 16.1098V7.89977C7.04 7.56977 8 6.39977 8 5.00977C8 3.34977 6.66 2.00977 5 2.00977C3.34 2.00977 2 3.34977 2 5.00977C2 6.40977 2.96 7.56977 4.25 7.89977V16.1098C2.96 16.4398 2 17.6098 2 18.9998C2 20.6598 3.34 21.9998 5 21.9998C6.66 21.9998 8 20.6598 8 18.9998C8 17.5998 7.04 16.4398 5.75 16.1098Z" fill="#292D32"/>
141
- <path d="M19.75 16.1102V6.50017C19.75 4.98018 18.52 3.75017 17 3.75017H14.07L15.48 2.58018C15.8 2.31018 15.84 1.84018 15.58 1.52018C15.31 1.20018 14.84 1.16017 14.52 1.42017L11.52 3.92017C11.35 4.06017 11.25 4.27017 11.25 4.50017C11.25 4.73017 11.35 4.93018 11.52 5.08018L14.52 7.58018C14.66 7.70018 14.83 7.75017 15 7.75017C15.21 7.75017 15.43 7.66017 15.58 7.48017C15.85 7.16017 15.8 6.69017 15.48 6.42017L14.07 5.25017H17C17.69 5.25017 18.25 5.81017 18.25 6.50017V16.1102C16.96 16.4402 16 17.6102 16 19.0002C16 20.6602 17.34 22.0002 19 22.0002C20.66 22.0002 22 20.6602 22 19.0002C22 17.6002 21.04 16.4402 19.75 16.1102Z" fill="#292D32"/>
142
- </svg>
143
- </NavbarBtn>
144
- <NavbarBtn text="Roles"><svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
145
- <path opacity="0.4" d="M10.9608 2.10989L5.46078 4.16989C4.41078 4.56989 3.55078 5.80989 3.55078 6.93989V15.0399C3.55078 15.8499 4.08078 16.9199 4.73078 17.3999L10.2308 21.5099C11.2008 22.2399 12.7908 22.2399 13.7608 21.5099L19.2608 17.3999C19.9108 16.9099 20.4408 15.8499 20.4408 15.0399V6.93989C20.4408 5.81989 19.5808 4.56988 18.5308 4.17988L13.0308 2.11989C12.4708 1.89989 11.5308 1.89989 10.9608 2.10989Z" fill="#292D32"/>
146
- <path d="M14.5 10.5C14.5 9.12 13.38 8 12 8C10.62 8 9.5 9.12 9.5 10.5C9.5 11.62 10.24 12.55 11.25 12.87V15.5C11.25 15.91 11.59 16.25 12 16.25C12.41 16.25 12.75 15.91 12.75 15.5V12.87C13.76 12.55 14.5 11.62 14.5 10.5Z" fill="#292D32"/>
147
- </svg>
148
- </NavbarBtn>
149
- <NavbarBtn text="Logs"><svg slot="endContent" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
150
- <path opacity="0.4" d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
151
- <path d="M6.89088 15.75C6.61088 15.75 6.35088 15.6 6.22088 15.34C6.03088 14.97 6.18088 14.52 6.56088 14.33C7.43088 13.9 8.17088 13.24 8.70088 12.44C8.88088 12.17 8.88088 11.83 8.70088 11.56C8.16088 10.76 7.42088 10.1 6.56088 9.67002C6.18088 9.49002 6.03088 9.04002 6.22088 8.66002C6.40088 8.29002 6.85088 8.14002 7.22088 8.33002C8.32088 8.88002 9.26088 9.71002 9.94088 10.73C10.4509 11.5 10.4509 12.5 9.94088 13.27C9.26088 14.29 8.32088 15.12 7.22088 15.67C7.12088 15.72 7.00088 15.75 6.89088 15.75Z" fill="#292D32"/>
152
- <path d="M17 15.75H13C12.59 15.75 12.25 15.41 12.25 15C12.25 14.59 12.59 14.25 13 14.25H17C17.41 14.25 17.75 14.59 17.75 15C17.75 15.41 17.41 15.75 17 15.75Z" fill="#292D32"/>
153
- </svg>
154
- </NavbarBtn>
155
- </div>
75
+ <div slot="settings">
76
+ <NavbarBtn text="Administrateur">
77
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Users|user-octagon"></NavbarIcon>
78
+ </NavbarBtn>
79
+ <NavbarBtn text="Modules">
80
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Essetionnal|box-2"></NavbarIcon>
81
+ </NavbarBtn>
82
+ <NavbarBtn text="Entités" href="{$targetProjectHref}/entities">
83
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Programming|data-2"></NavbarIcon>
84
+ </NavbarBtn>
85
+ <NavbarBtn href="{$targetProjectHref}/navigation" text="Navigation">
86
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Grid|grid-4"></NavbarIcon>
87
+ </NavbarBtn>
88
+ <NavbarBtn text="Accueil">
89
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Essetionnal|home-2"></NavbarIcon>
90
+ </NavbarBtn>
91
+ <NavbarBtn text="Constantes">
92
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Typo|attach-square"></NavbarIcon>
93
+ </NavbarBtn>
94
+ <NavbarBtn text="Intégrations">
95
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Computers|cloud-connection"
96
+ ></NavbarIcon>
97
+ </NavbarBtn>
98
+ <NavbarBtn text="Templates Pdf">
99
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Content|document-text"></NavbarIcon>
100
+ </NavbarBtn>
101
+ <NavbarBtn text="Templates email">
102
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Email|sms-tracking"></NavbarIcon>
103
+ </NavbarBtn>
104
+ <NavbarBtn text="Automatisation">
105
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Programming|programming-arrow"
106
+ ></NavbarIcon>
107
+ </NavbarBtn>
108
+ <NavbarBtn text="Roles">
109
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Security|shield-security"
110
+ ></NavbarIcon>
111
+ </NavbarBtn>
112
+ <NavbarBtn text="Logs">
113
+ <NavbarIcon slot="endContent" color="var(--font-2)" icon="Programming|code"></NavbarIcon>
114
+ </NavbarBtn>
115
+ </div>
156
116
  </Navbar>
157
117
  {#if loading}
158
118
  <div class="loader">
@@ -163,10 +123,10 @@
163
123
  {/if}
164
124
 
165
125
  <style>
166
- .loader {
167
- display: flex;
168
- align-items: center;
169
- justify-content: center;
170
- padding: 60px var(--pad-m);
171
- }
126
+ .loader {
127
+ display: flex;
128
+ align-items: center;
129
+ justify-content: center;
130
+ padding: 60px var(--pad-m);
131
+ }
172
132
  </style>