@inera/ids-design 5.0.0 → 5.0.2

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 (9) hide show
  1. package/components/data-table/data-table-lit.js +1 -1
  2. package/components/data-table/data-table.css +0 -10
  3. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  4. package/components/header-1177-admin/header-1177-admin-avatar.css +4 -0
  5. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  6. package/components/header-1177-pro/header-1177-pro-avatar.css +4 -0
  7. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  8. package/components/header-1177-pro/header-1177-pro-nav.css +8 -0
  9. package/package.json +1 -1
package/components/data-table/data-table-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-data-table--empty.ids-table--disabled,.ids-data-table--empty[disabled],.ids-data-table--interactive.ids-table--disabled,.ids-data-table--interactive[disabled],.ids-data-table.ids-table--disabled,.ids-data-table[disabled]{background-color:#fff!important;border:var(--table-disabled_border)!important;color:var(--table-disabled_color)!important}.ids-data-table table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table td,.ids-data-table th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;position:relative;text-align:left;white-space:nowrap}.ids-data-table th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table th:first-child{padding:12px 8px 12px 16px}.ids-data-table th:last-child{padding:12px 16px 12px 8px}.ids-data-table th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table td:first-child{padding:8px 8px 8px 16px}.ids-data-table td:last-child{padding:8px 16px 8px 8px}.ids-data-table td:not(:first-child):not(:last-child){padding:8px}.ids-data-table tr{border-bottom:1px solid #ddd;position:relative}.ids-data-table td:last-child,.ids-data-table th:last-child{border-right:none}.ids-data-table .ids-data-table__col--wide{width:30em}.ids-data-table table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table table tbody tr:last-child td{border-bottom:none}.ids-data-table table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table th ids-icon-arrow,.ids-data-table th ids-icon-swap{cursor:pointer;margin-left:5.5px;position:relative;transform:rotate(-90deg)}.ids-data-table .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table td,.ids-data-table th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table th:focus{outline:2px solid --focus_outline;outline-offset:-5px;z-index:2}.ids-data-table tr:focus{outline:none}.ids-data-table table:active,.ids-data-table table:focus,.ids-data-table table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table.ids-table--s td,.ids-data-table.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table.ids-table--l td,.ids-data-table.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table table{width:100%}}@media (max-width:640px){.ids-data-table .ids-data-table__col--wide{width:auto}}.ids-data-table.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table.ids-table--bordered td,.ids-data-table.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--interactive td,.ids-data-table--interactive th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;cursor:pointer;padding:8px;position:relative;text-align:left;white-space:nowrap}.ids-data-table--interactive th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--interactive th:first-child{padding:12px 8px 12px 16px}.ids-data-table--interactive th:last-child{padding:12px 16px 12px 8px}.ids-data-table--interactive th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--interactive td:first-child{padding:8px 8px 8px 16px}.ids-data-table--interactive td:last-child{padding:8px 16px 8px 8px}.ids-data-table--interactive td:not(:first-child):not(:last-child){padding:8px}.ids-data-table--interactive tr{border-bottom:1px solid #ddd;position:relative}.ids-data-table--interactive td:last-child,.ids-data-table--interactive th:last-child{border-right:none}.ids-data-table--interactive .ids-data-table__col--wide{width:30em}.ids-data-table--interactive table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--interactive table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--interactive table tbody tr:last-child td{border-bottom:none}.ids-data-table--interactive table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--interactive table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--interactive th ids-icon-arrow,.ids-data-table--interactive th ids-icon-swap{cursor:pointer;margin-left:5.5px;position:relative;transform:rotate(-90deg)}.ids-data-table--interactive .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--interactive td,.ids-data-table--interactive th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--interactive th:focus,.ids-data-table--interactive tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--interactive tr:focus:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive th:focus{outline-offset:-5px}.ids-data-table--interactive tr:focus{outline-offset:-4px}.ids-data-table--interactive tbody tr:hover{box-shadow:0 0 5px #000;position:relative}.ids-data-table--interactive table:active,.ids-data-table--interactive table:focus,.ids-data-table--interactive table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--interactive tr:hover:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive.ids-table--s td,.ids-data-table--interactive.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--interactive.ids-table--l td,.ids-data-table--interactive.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--interactive table{width:100%}}@media (max-width:640px){.ids-data-table--interactive .ids-data-table__col--wide{width:auto}}.ids-data-table--interactive.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--interactive.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive.ids-table--bordered td,.ids-data-table--interactive.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--empty table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--empty td,.ids-data-table--empty th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;position:relative;text-align:left;white-space:nowrap}.ids-data-table--empty th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--empty th:first-child{padding:12px 8px 12px 16px}.ids-data-table--empty th:last-child{padding:12px 16px 12px 8px}.ids-data-table--empty th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--empty tr{border-bottom:1px solid #ddd;position:relative}.ids-data-table--empty td{padding:1em}.ids-data-table--empty td:last-child,.ids-data-table--empty th:last-child{border-right:none}.ids-data-table--empty .ids-data-table__col--wide{width:30em}.ids-data-table--empty table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--empty table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--empty table tbody tr:last-child td{border-bottom:none}.ids-data-table--empty table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--empty table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--empty th ids-icon-arrow,.ids-data-table--empty th ids-icon-swap{cursor:pointer;margin-left:5.5px;position:relative;transform:rotate(-90deg)}.ids-data-table--empty .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--empty td,.ids-data-table--empty th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--empty .empty-message{text-align:left}.ids-data-table--empty th:focus,.ids-data-table--empty tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--empty th:focus{outline-offset:-5px}.ids-data-table--empty tr:focus{outline-offset:-1px}.ids-data-table--empty .empty-message:focus{outline:none}.ids-data-table--empty table:active,.ids-data-table--empty table:focus,.ids-data-table--empty table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--empty.ids-table--s td,.ids-data-table--empty.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--empty.ids-table--l td,.ids-data-table--empty.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--empty table{width:100%}}@media (max-width:640px){.ids-data-table--empty .ids-data-table__col--wide{width:auto}}.ids-data-table--empty.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--empty.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--empty.ids-table--bordered td,.ids-data-table--empty.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-data-table--empty.ids-table--disabled,.ids-data-table--empty[disabled],.ids-data-table--interactive.ids-table--disabled,.ids-data-table--interactive[disabled],.ids-data-table.ids-table--disabled,.ids-data-table[disabled]{background-color:#fff!important;border:var(--table-disabled_border)!important;color:var(--table-disabled_color)!important}.ids-data-table table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table td,.ids-data-table th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;text-align:left;white-space:nowrap}.ids-data-table th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table th:first-child{padding:12px 8px 12px 16px}.ids-data-table th:last-child{padding:12px 16px 12px 8px}.ids-data-table th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table td:first-child{padding:8px 8px 8px 16px}.ids-data-table td:last-child{padding:8px 16px 8px 8px}.ids-data-table td:not(:first-child):not(:last-child){padding:8px}.ids-data-table tr{border-bottom:1px solid #ddd}.ids-data-table td:last-child,.ids-data-table th:last-child{border-right:none}.ids-data-table .ids-data-table__col--wide{width:30em}.ids-data-table table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table table tbody tr:last-child td{border-bottom:none}.ids-data-table table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table th ids-icon-arrow,.ids-data-table th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table td,.ids-data-table th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table th:focus{outline:2px solid --focus_outline;outline-offset:-5px;z-index:2}.ids-data-table tr:focus{outline:none}.ids-data-table table:active,.ids-data-table table:focus,.ids-data-table table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table.ids-table--s td,.ids-data-table.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table.ids-table--l td,.ids-data-table.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table table{width:100%}}@media (max-width:640px){.ids-data-table .ids-data-table__col--wide{width:auto}}.ids-data-table.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table.ids-table--bordered td,.ids-data-table.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--interactive td,.ids-data-table--interactive th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;cursor:pointer;padding:8px;text-align:left;white-space:nowrap}.ids-data-table--interactive th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--interactive th:first-child{padding:12px 8px 12px 16px}.ids-data-table--interactive th:last-child{padding:12px 16px 12px 8px}.ids-data-table--interactive th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--interactive td:first-child{padding:8px 8px 8px 16px}.ids-data-table--interactive td:last-child{padding:8px 16px 8px 8px}.ids-data-table--interactive td:not(:first-child):not(:last-child){padding:8px}.ids-data-table--interactive tr{border-bottom:1px solid #ddd}.ids-data-table--interactive td:last-child,.ids-data-table--interactive th:last-child{border-right:none}.ids-data-table--interactive .ids-data-table__col--wide{width:30em}.ids-data-table--interactive table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--interactive table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--interactive table tbody tr:last-child td{border-bottom:none}.ids-data-table--interactive table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--interactive table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--interactive th ids-icon-arrow,.ids-data-table--interactive th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table--interactive .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--interactive td,.ids-data-table--interactive th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--interactive th:focus,.ids-data-table--interactive tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--interactive tr:focus:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive th:focus{outline-offset:-5px}.ids-data-table--interactive tr:focus{outline-offset:-4px}.ids-data-table--interactive tbody tr:hover{box-shadow:0 0 5px #000}.ids-data-table--interactive table:active,.ids-data-table--interactive table:focus,.ids-data-table--interactive table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--interactive tr:hover:last-child{border-radius:0 0 5px 5px}.ids-data-table--interactive.ids-table--s td,.ids-data-table--interactive.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--interactive.ids-table--l td,.ids-data-table--interactive.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--interactive table{width:100%}}@media (max-width:640px){.ids-data-table--interactive .ids-data-table__col--wide{width:auto}}.ids-data-table--interactive.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--interactive.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--interactive.ids-table--bordered td,.ids-data-table--interactive.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}.ids-data-table--empty table{border:1px solid var(--data-table-cell_color);border-collapse:separate;border-radius:var(--data-table_border-radius);border-spacing:0;margin:20px auto 50px;overflow:visible;width:100%}.ids-data-table--empty td,.ids-data-table--empty th{border-bottom:1px solid var(--data-table-cell_color);border-right:none;padding:8px;text-align:left;white-space:nowrap}.ids-data-table--empty th{background-color:var(--data-table-head_background-color);border-bottom:2px solid var(--data-table-cell_color);cursor:pointer;font-family:var(--data-table_font-style);font-weight:700}.ids-data-table--empty th:first-child{padding:12px 8px 12px 16px}.ids-data-table--empty th:last-child{padding:12px 16px 12px 8px}.ids-data-table--empty th:not(:first-child):not(:last-child){padding:12px 8px}.ids-data-table--empty tr{border-bottom:1px solid #ddd}.ids-data-table--empty td{padding:1em}.ids-data-table--empty td:last-child,.ids-data-table--empty th:last-child{border-right:none}.ids-data-table--empty .ids-data-table__col--wide{width:30em}.ids-data-table--empty table thead tr:first-child th:first-child{border-top-left-radius:10px}.ids-data-table--empty table thead tr:first-child th:last-child{border-top-right-radius:10px}.ids-data-table--empty table tbody tr:last-child td{border-bottom:none}.ids-data-table--empty table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.ids-data-table--empty table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.ids-data-table--empty th ids-icon-arrow,.ids-data-table--empty th ids-icon-swap{cursor:pointer;margin-left:5.5px;transform:rotate(-90deg)}.ids-data-table--empty .ids-icon-arrow-opposite{margin-left:6em;transform:rotate(90deg)}.ids-data-table--empty td,.ids-data-table--empty th{color:var(--IDS-COLOR-NEUTRAL-20)}.ids-data-table--empty .empty-message{text-align:left}.ids-data-table--empty th:focus,.ids-data-table--empty tr:focus{outline:2px solid --focus_outline;z-index:2}.ids-data-table--empty th:focus{outline-offset:-5px}.ids-data-table--empty tr:focus{outline-offset:-1px}.ids-data-table--empty .empty-message:focus{outline:none}.ids-data-table--empty table:active,.ids-data-table--empty table:focus,.ids-data-table--empty table:hover{background-color:var(--table-active_background-color);box-shadow:var(--table-active_box-shadow)}.ids-data-table--empty.ids-table--s td,.ids-data-table--empty.ids-table--s th{font-size:.875rem;padding:4px}.ids-data-table--empty.ids-table--l td,.ids-data-table--empty.ids-table--l th{font-size:1.125rem;padding:12px}@media (max-width:1024px){.ids-data-table--empty table{width:100%}}@media (max-width:640px){.ids-data-table--empty .ids-data-table__col--wide{width:auto}}.ids-data-table--empty.ids-table--striped tbody tr:nth-child(odd){background-color:var(--table-striped_background-color)}.ids-data-table--empty.ids-table--bordered table{border:2px solid var(--table-bordered_border-color)}.ids-data-table--empty.ids-table--bordered td,.ids-data-table--empty.ids-table--bordered th{border-bottom:2px solid var(--table-bordered_border-color)}";
4
4
 
5
5
  var dataTableLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/data-table/data-table.css CHANGED
@@ -29,7 +29,6 @@
29
29
  padding: 8px;
30
30
  text-align: left;
31
31
  border-bottom: 1px solid var(--data-table-cell_color);
32
- position: relative;
33
32
  border-right: none;
34
33
  white-space: nowrap;
35
34
  }
@@ -60,7 +59,6 @@
60
59
  }
61
60
  .ids-data-table tr {
62
61
  border-bottom: 1px solid #ddd;
63
- position: relative;
64
62
  }
65
63
  .ids-data-table th:last-child, .ids-data-table td:last-child {
66
64
  border-right: none;
@@ -87,7 +85,6 @@
87
85
  .ids-data-table th ids-icon-swap {
88
86
  cursor: pointer;
89
87
  transform: rotate(-90deg);
90
- position: relative;
91
88
  margin-left: 5.5px;
92
89
  }
93
90
  .ids-data-table .ids-icon-arrow-opposite {
@@ -155,7 +152,6 @@
155
152
  padding: 8px;
156
153
  text-align: left;
157
154
  border-bottom: 1px solid var(--data-table-cell_color);
158
- position: relative;
159
155
  border-right: none;
160
156
  white-space: nowrap;
161
157
  }
@@ -185,7 +181,6 @@
185
181
  }
186
182
  .ids-data-table--interactive tr {
187
183
  border-bottom: 1px solid #ddd;
188
- position: relative;
189
184
  }
190
185
  .ids-data-table--interactive th:last-child, .ids-data-table--interactive td:last-child {
191
186
  border-right: none;
@@ -212,7 +207,6 @@
212
207
  .ids-data-table--interactive th ids-icon-swap {
213
208
  cursor: pointer;
214
209
  transform: rotate(-90deg);
215
- position: relative;
216
210
  margin-left: 5.5px;
217
211
  }
218
212
  .ids-data-table--interactive .ids-icon-arrow-opposite {
@@ -237,7 +231,6 @@
237
231
  }
238
232
  .ids-data-table--interactive tbody tr:hover {
239
233
  box-shadow: 0 0 5px black;
240
- position: relative;
241
234
  }
242
235
  .ids-data-table--interactive table:hover,
243
236
  .ids-data-table--interactive table:active,
@@ -289,7 +282,6 @@
289
282
  padding: 8px;
290
283
  text-align: left;
291
284
  border-bottom: 1px solid var(--data-table-cell_color);
292
- position: relative;
293
285
  border-right: none;
294
286
  white-space: nowrap;
295
287
  }
@@ -311,7 +303,6 @@
311
303
  }
312
304
  .ids-data-table--empty tr {
313
305
  border-bottom: 1px solid #ddd;
314
- position: relative;
315
306
  }
316
307
  .ids-data-table--empty td {
317
308
  padding: 1em;
@@ -341,7 +332,6 @@
341
332
  .ids-data-table--empty th ids-icon-swap {
342
333
  cursor: pointer;
343
334
  transform: rotate(-90deg);
344
- position: relative;
345
335
  margin-left: 5.5px;
346
336
  }
347
337
  .ids-data-table--empty .ids-icon-arrow-opposite {
package/components/header-1177-admin/header-1177-admin-avatar-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{color:var(--IDS-COLOR-NEUTRAL-20);max-width:15.625rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar{display:none}}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px)}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive){align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive){display:none}}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive).ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px)}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px)}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit,:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__name,:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{color:var(--IDS-COLOR-NEUTRAL-20);max-width:15.625rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}.ids-header-1177-admin--unresponsive .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar{display:none}}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive){align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive){display:none}}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive).ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}:host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-icon{display:flex;max-height:32px;max-width:32px}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron{grid-column:3;width:7px}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-chevron.ids-header-1177-admin__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content{display:grid;grid-template-rows:1fr 1fr}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-box .ids-header-1177-admin__avatar-content .ids-header-1177-admin__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive.ids-header-1177-admin__avatar--expanded .ids-header-1177-admin__avatar-dropdown{display:flex}:host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive .ids-header-1177-admin__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}";
4
4
 
5
5
  var header1177AdminAvatarLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177-admin/header-1177-admin-avatar.css CHANGED
@@ -87,6 +87,7 @@
87
87
  flex-direction: column;
88
88
  background-color: white;
89
89
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
90
+ z-index: 1;
90
91
  }
91
92
 
92
93
  .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__avatar {
@@ -154,6 +155,7 @@
154
155
  flex-direction: column;
155
156
  background-color: white;
156
157
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
158
+ z-index: 1;
157
159
  }
158
160
 
159
161
  :host .ids-header-1177-admin__avatar:not(.ids-header-1177-admin__avatar--unresponsive) {
@@ -221,6 +223,7 @@
221
223
  flex-direction: column;
222
224
  background-color: white;
223
225
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
226
+ z-index: 1;
224
227
  }
225
228
  :host .ids-header-1177-admin__avatar.ids-header-1177-admin__avatar--unresponsive {
226
229
  grid-column: 4;
@@ -282,4 +285,5 @@
282
285
  flex-direction: column;
283
286
  background-color: white;
284
287
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
288
+ z-index: 1;
285
289
  }
package/components/header-1177-pro/header-1177-pro-avatar-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{color:var(--IDS-COLOR-NEUTRAL-20);max-width:15.625rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px)}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){display:none}}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive).ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px)}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px)}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{color:var(--IDS-COLOR-NEUTRAL-20);max-width:15.625rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){display:none}}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive).ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive{align-items:center;display:grid;grid-column:4;justify-self:end;margin-right:20px;padding-left:20px;position:relative}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive button:focus{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:auto auto;justify-content:center;outline:inherit;padding:0}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box[aria-expanded=true] .ids-header-1177-pro__avatar-chevron{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;max-height:44px;max-width:36px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{grid-column:3;width:12px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded .ids-icon{transform:rotate(180deg)}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr 1fr;min-width:100px}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-dropdown{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:20px;min-width:280px;padding:32px 40px;position:absolute;right:0;top:calc(100% + 8px);z-index:1}";
4
4
 
5
5
  var header1177ProAvatarLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177-pro/header-1177-pro-avatar.css CHANGED
@@ -91,6 +91,7 @@
91
91
  display: none;
92
92
  flex-direction: column;
93
93
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
94
+ z-index: 1;
94
95
  }
95
96
 
96
97
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar {
@@ -162,6 +163,7 @@
162
163
  display: none;
163
164
  flex-direction: column;
164
165
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
166
+ z-index: 1;
165
167
  }
166
168
 
167
169
  :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) {
@@ -233,6 +235,7 @@
233
235
  display: none;
234
236
  flex-direction: column;
235
237
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
238
+ z-index: 1;
236
239
  }
237
240
  :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive {
238
241
  grid-column: 4;
@@ -298,4 +301,5 @@
298
301
  display: none;
299
302
  flex-direction: column;
300
303
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
304
+ z-index: 1;
301
305
  }
package/components/header-1177-pro/header-1177-pro-nav-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive nav.ids-header-1177-pro__nav{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}.ids-header-1177-pro--unresponsive nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0;max-width:var(--IDS_MAX-WIDTH)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap;height:48px;justify-content:space-between;padding:0 20px!important}}.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__nav-inner{max-width:100%!important}:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive){background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner{box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap;height:48px;justify-content:space-between;padding:0 20px!important}}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:0;max-width:var(--IDS_MAX-WIDTH)}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--fluid .ids-header-1177-pro__nav-inner{max-width:100%}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive nav.ids-header-1177-pro__nav{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}.ids-header-1177-pro--unresponsive nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner{box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap;height:48px;justify-content:space-between;padding:0 20px!important}}.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__nav-inner{max-width:100%!important}:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive){background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner{box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap;height:48px;justify-content:space-between;padding:0 20px!important}}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive{background-color:var(--IDS-COLOR-SECONDARY-95);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);position:relative}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__nav-inner{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--fluid .ids-header-1177-pro__nav-inner{max-width:100%}";
4
4
 
5
5
  var header1177ProNavLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177-pro/header-1177-pro-nav.css CHANGED
@@ -23,6 +23,8 @@
23
23
  align-items: center;
24
24
  margin-top: 0px;
25
25
  margin-bottom: 0px;
26
+ margin-left: auto;
27
+ margin-right: auto;
26
28
  }
27
29
 
28
30
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav {
@@ -38,6 +40,8 @@
38
40
  align-items: center;
39
41
  margin-top: 0px;
40
42
  margin-bottom: 0px;
43
+ margin-left: auto;
44
+ margin-right: auto;
41
45
  }
42
46
  @media (max-width: 1024px) {
43
47
  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner {
@@ -67,6 +71,8 @@
67
71
  align-items: center;
68
72
  margin-top: 0px;
69
73
  margin-bottom: 0px;
74
+ margin-left: auto;
75
+ margin-right: auto;
70
76
  }
71
77
  @media (max-width: 1024px) {
72
78
  :host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner {
@@ -91,6 +97,8 @@
91
97
  align-items: center;
92
98
  margin-top: 0px;
93
99
  margin-bottom: 0px;
100
+ margin-left: auto;
101
+ margin-right: auto;
94
102
  }
95
103
  :host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--fluid .ids-header-1177-pro__nav-inner {
96
104
  max-width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inera/ids-design",
3
- "version": "5.0.0",
3
+ "version": "5.0.2",
4
4
  "license": "SEE LICENSE IN LICENSE.md",
5
5
  "publishConfig": {
6
6
  "access": "public"