ids-enterprise-wc 1.15.9-patch.11 → 1.15.9-patch.12

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 (35) hide show
  1. package/chunks/{ids-chunk-UD2BRVFR-full.js → ids-chunk-5GV6Y3WM-full.js} +2 -2
  2. package/chunks/{ids-chunk-4MSGTAOV-full.js → ids-chunk-5XYPHVID-full.js} +1 -1
  3. package/chunks/{ids-chunk-4MSGTAOV-full.js.map → ids-chunk-5XYPHVID-full.js.map} +2 -2
  4. package/chunks/{ids-chunk-HR4HAGMR-full.js → ids-chunk-A5IOTIO6-full.js} +163 -11
  5. package/chunks/ids-chunk-A5IOTIO6-full.js.map +7 -0
  6. package/chunks/{ids-chunk-SPEJ6VZH-full.js → ids-chunk-EGZI5ZV3-full.js} +9 -2
  7. package/chunks/ids-chunk-EGZI5ZV3-full.js.map +7 -0
  8. package/chunks/{ids-chunk-7NHSNXHZ-full.js → ids-chunk-FV5W3K6S-full.js} +2 -2
  9. package/components/ids-app-menu/ids-app-menu.css +132 -23
  10. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  11. package/components/ids-data-grid/ids-data-grid-column.d.ts +2 -0
  12. package/components/ids-data-grid/ids-data-grid-column.js +1 -1
  13. package/components/ids-data-grid/ids-data-grid-filters.js +2 -2
  14. package/components/ids-data-grid/ids-data-grid-row.js +2 -2
  15. package/components/ids-data-grid/ids-data-grid.css +54 -1
  16. package/components/ids-data-grid/ids-data-grid.d.ts +18 -0
  17. package/components/ids-data-grid/ids-data-grid.js +5 -5
  18. package/components/ids-date-picker/ids-date-picker.css +59 -96
  19. package/components/ids-hierarchy/ids-hierarchy.css +14 -117
  20. package/components/ids-hyperlink/ids-hyperlink.css +15 -188
  21. package/components/ids-menu/ids-menu.css +13 -3
  22. package/components/ids-swappable/ids-swappable.css +19 -84
  23. package/components/ids-tabs/ids-tabs.css +470 -264
  24. package/components/ids-tag/ids-tag.css +8 -152
  25. package/components/ids-time-picker/ids-time-picker.css +67 -49
  26. package/custom-elements.json +74 -0
  27. package/enterprise-wc.all.iife.js +166 -7
  28. package/enterprise-wc.all.iife.js.map +2 -2
  29. package/enterprise-wc.js +5 -5
  30. package/package.json +1 -1
  31. package/vscode.html-custom-data.json +1 -1
  32. package/chunks/ids-chunk-HR4HAGMR-full.js.map +0 -7
  33. package/chunks/ids-chunk-SPEJ6VZH-full.js.map +0 -7
  34. /package/chunks/{ids-chunk-UD2BRVFR-full.js.map → ids-chunk-5GV6Y3WM-full.js.map} +0 -0
  35. /package/chunks/{ids-chunk-7NHSNXHZ-full.js.map → ids-chunk-FV5W3K6S-full.js.map} +0 -0
@@ -3189,6 +3189,8 @@ export default class IdsDataGrid extends Base {
3189
3189
  };
3190
3190
  selectWithFilterDropdown: boolean;
3191
3191
  dirtyRows?: Set<string | number>;
3192
+ /** Cache of expanded row heights for expandOnActivate feature */
3193
+ expandedRowHeights: Record<number, number>;
3192
3194
  constructor();
3193
3195
  get header(): IdsDataGridHeader | undefined;
3194
3196
  get body(): HTMLElement | null | undefined;
@@ -3605,6 +3607,22 @@ export default class IdsDataGrid extends Base {
3605
3607
  */
3606
3608
  set scrollMaxRows(virtualRows: number);
3607
3609
  get scrollMaxRows(): number;
3610
+ /**
3611
+ * Get the current pixel height for a given row, accounting for expanded state
3612
+ * @param {number} rowIndex The row index
3613
+ * @returns {number} The row height in pixels
3614
+ */
3615
+ getRowHeight(rowIndex: number): number;
3616
+ /**
3617
+ * Expand a cell to show full multi-line content
3618
+ * @param {number} rowIndex The row index
3619
+ * @param {number} columnIndex The column index
3620
+ */
3621
+ expandCell(rowIndex: number, columnIndex: number): void;
3622
+ /**
3623
+ * Collapse the currently expanded cell back to default row height
3624
+ */
3625
+ collapseCell(): void;
3608
3626
  /**
3609
3627
  * Scroll a given row into view
3610
3628
  * @param {number} rowIndex which row to scroll into view.
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import {
6
6
  IdsDataGrid
7
- } from "../../chunks/ids-chunk-HR4HAGMR-full.js";
7
+ } from "../../chunks/ids-chunk-A5IOTIO6-full.js";
8
8
  import "../../chunks/ids-chunk-GIBGRDF6-full.js";
9
9
  import "../../chunks/ids-chunk-QX3ENXGH-full.js";
10
10
  import "../../chunks/ids-chunk-PYIQTBXS-full.js";
@@ -26,7 +26,7 @@ import "../../chunks/ids-chunk-C7PV7F4A-full.js";
26
26
  import "../../chunks/ids-chunk-EEXWSEPC-full.js";
27
27
  import "../../chunks/ids-chunk-33YMAHTX-full.js";
28
28
  import "../../chunks/ids-chunk-3BYETIBG-full.js";
29
- import "../../chunks/ids-chunk-7NHSNXHZ-full.js";
29
+ import "../../chunks/ids-chunk-FV5W3K6S-full.js";
30
30
  import "../../chunks/ids-chunk-LZ3MVUCD-full.js";
31
31
  import "../../chunks/ids-chunk-JOU6YS65-full.js";
32
32
  import "../../chunks/ids-chunk-233LYH5W-full.js";
@@ -35,10 +35,10 @@ import "../../chunks/ids-chunk-Q7TEBMIW-full.js";
35
35
  import "../../chunks/ids-chunk-2WLFXEI4-full.js";
36
36
  import "../../chunks/ids-chunk-OIDOBGII-full.js";
37
37
  import "../../chunks/ids-chunk-HUXAWVOG-full.js";
38
- import "../../chunks/ids-chunk-UD2BRVFR-full.js";
38
+ import "../../chunks/ids-chunk-5GV6Y3WM-full.js";
39
39
  import "../../chunks/ids-chunk-GSEJTKXE-full.js";
40
- import "../../chunks/ids-chunk-SPEJ6VZH-full.js";
41
- import "../../chunks/ids-chunk-4MSGTAOV-full.js";
40
+ import "../../chunks/ids-chunk-EGZI5ZV3-full.js";
41
+ import "../../chunks/ids-chunk-5XYPHVID-full.js";
42
42
  import "../../chunks/ids-chunk-KHRPRI46-full.js";
43
43
  import "../../chunks/ids-chunk-CWCY7AOA-full.js";
44
44
  import "../../chunks/ids-chunk-H426JBWC-full.js";
@@ -1,122 +1,85 @@
1
- ids-popup::part(popup) {
2
- padding-block: 0;
3
- }
4
-
5
- ids-popup[visible][animated] {
6
- transition: none;
7
- }
8
-
9
- .ids-date-picker-popup .ids-popup.menu {
10
- padding-block: 0;
11
- }
12
-
13
- ids-month-view {
14
- width: 100%;
15
- }
16
-
17
- #month-year-view-trigger {
18
- margin: 4px;
1
+ :root {
2
+ display: block;
3
+ height: 100%;
19
4
  }
20
5
 
21
- .ids-date-picker-popup {
22
- min-width: 350px;
23
- }
24
- .ids-date-picker-popup:not(.has-time) ids-month-view::part(table-container) {
25
- margin-bottom: 10px;
26
- }
27
- .ids-date-picker-popup ids-popup::part(popup) {
28
- padding-block: 0;
29
- }
30
- .ids-date-picker-popup .popup-footer:not(.hidden) {
31
- border-top: 1px solid var(--ids-date-picker-popup-footer-color-border);
6
+ .picklist {
32
7
  display: flex;
33
- }
34
- .ids-date-picker-popup .popup-footer:not(.hidden) ids-modal-button:not([hidden]) + ids-modal-button,
35
- .ids-date-picker-popup .popup-footer:not(.hidden) .ids-modal-button:not([hidden]) + .ids-modal-button {
36
- border-left: 1px solid;
37
- border-left-color: var(--ids-date-picker-popup-footer-color-border);
38
- }
39
- .ids-date-picker-popup .popup-btn {
40
- width: 100%;
41
- }
42
-
43
- .ids-date-picker-content {
8
+ height: 100%;
44
9
  position: relative;
45
10
  }
46
11
 
47
- ids-expandable-area {
48
- display: block;
49
- }
50
-
51
- ids-expandable-area:not([expanded]),
52
- ids-expandable-area[expanded=false] {
53
- pointer-events: none;
12
+ :not(.is-expanded) .picklist-section::before {
13
+ background-color: var(--ids-color-transparent);
54
14
  }
55
15
 
56
- ids-expandable-area::part(container) {
57
- margin: 0;
58
- padding: 0;
16
+ .picklist-section {
59
17
  height: 100%;
60
- position: absolute;
61
- z-index: 3;
62
- border: none;
63
- left: 0;
64
- width: 100%;
18
+ width: 50%;
19
+ flex: 0 0 50%;
65
20
  }
66
-
67
- ids-expandable-area::part(header) {
68
- display: none;
69
- }
70
-
71
- ids-expandable-area::part(pane) {
72
- background-color: var(--ids-date-picker-color-background);
21
+ .picklist-section:only-child {
22
+ width: 100%;
23
+ flex: 0 0 100%;
73
24
  }
74
-
75
- ids-expandable-area::part(footer) {
76
- display: none;
25
+ .picklist-section + .picklist-section::before {
26
+ background-color: var(--ids-color-neutral-30);
27
+ position: absolute;
28
+ content: " ";
29
+ width: 1px;
30
+ left: 0;
31
+ right: 0;
32
+ margin-left: auto;
33
+ margin-right: auto;
34
+ height: calc(75% + 14px);
35
+ top: calc(12.5% - 4px);
77
36
  }
78
37
 
79
- ids-expandable-area::part(pane-content) {
38
+ .picklist-list {
39
+ display: flex;
40
+ list-style: none;
41
+ align-items: center;
42
+ flex-direction: column;
43
+ justify-content: space-around;
44
+ padding: 0;
80
45
  margin-top: 0;
46
+ margin-bottom: 0;
81
47
  height: 100%;
82
48
  }
83
49
 
84
- ids-time-picker-popup {
50
+ .picklist-item {
85
51
  display: flex;
52
+ cursor: pointer;
53
+ border: 1px solid transparent;
54
+ color: var(--ids-date-picker-picklist-item-color-text-default);
55
+ padding-block: 1px;
56
+ box-sizing: border-box;
57
+ user-select: none;
58
+ height: 12.5%;
59
+ align-items: center;
86
60
  justify-content: center;
61
+ contain: content;
62
+ width: 100%;
87
63
  }
88
- ids-time-picker-popup[hidden] {
89
- display: none;
64
+ .picklist-item ids-text {
65
+ line-height: 0;
90
66
  }
91
- ids-time-picker-popup[embeddable] {
92
- margin-top: -18px;
67
+ .picklist-item.is-selected {
68
+ color: var(--ids-date-picker-picklist-item-color-text-selected);
69
+ background-color: var(--ids-date-picker-picklist-item-color-background-selected);
93
70
  }
94
-
95
- .btn-today {
96
- margin-right: -7px;
71
+ .picklist-item.is-selected ids-text::part(text) {
72
+ font-weight: 600;
97
73
  }
98
- .btn-today::part(button) {
99
- padding: 8px;
100
- margin: 3px;
74
+ .picklist-item:focus {
75
+ border-color: var(--ids-date-picker-item-color-border-focus);
76
+ box-shadow: var(--ids-date-picker-item-shadow-focus);
77
+ outline: none;
101
78
  }
102
-
103
- .btn-today-text {
104
- color: var(--ids-date-picker-popup-button-today-color-text);
79
+ .picklist-item.is-year-nav, .picklist-item.is-month-nav {
80
+ z-index: 1;
105
81
  }
106
-
107
- .btn-previous,
108
- .btn-next {
109
- padding-inline-start: 0;
110
- margin: 3px;
111
- }
112
- .btn-previous::part(button),
113
- .btn-next::part(button) {
114
- padding: 0;
115
- width: 38px;
116
- height: 38px;
117
- }
118
-
119
- .btn-next {
120
- margin: 3px 3px 3px -5px;
82
+ .picklist-item.is-month-nav {
83
+ width: calc(100% + 1px);
121
84
  }
122
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtZGF0ZS1waWNrZXIiLCJzb3VyY2VzIjpbImlkcy1kYXRlLXBpY2tlci1wb3B1cC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBO0VBQ0U7OztBQUlGO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFFQTtBQUFBO0VBRUU7RUFDQTs7QUFJSjtFQUNFOzs7QUFJSjtFQUNFOzs7QUFNRjtFQUNFOzs7QUFHRjtBQUFBO0VBRUU7OztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFNRjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOzs7QUFPSjtFQUNFOztBQUVBO0VBQ0U7RUFDQTs7O0FBSUo7RUFDRTs7O0FBR0Y7QUFBQTtFQUVFO0VBQ0E7O0FBRUE7QUFBQTtFQUNFO0VBQ0E7RUFDQTs7O0FBSUo7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi8vIERhdGUgUGlja2VyIFBvcHVwIHBhZGRpbmcgcmVzZXRcbmlkcy1wb3B1cDo6cGFydChwb3B1cCkge1xuICBwYWRkaW5nLWJsb2NrOiAwO1xufVxuXG4vLyBSZW1vdmUgbGVmdC90b3AgdHJhbnNmb3JtcyBmcm9tIGFuaW1hdGlvbiBvbiB0aGlzIGNvbXBvbmVudCdzIHBvcHVwXG5pZHMtcG9wdXBbdmlzaWJsZV1bYW5pbWF0ZWRdIHtcbiAgdHJhbnNpdGlvbjogbm9uZTtcbn1cblxuLmlkcy1kYXRlLXBpY2tlci1wb3B1cCAuaWRzLXBvcHVwLm1lbnUge1xuICBwYWRkaW5nLWJsb2NrOiAwO1xufVxuXG5pZHMtbW9udGgtdmlldyB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4jbW9udGgteWVhci12aWV3LXRyaWdnZXIge1xuICBtYXJnaW46IDRweDtcbn1cblxuLmlkcy1kYXRlLXBpY2tlci1wb3B1cCB7XG4gIG1pbi13aWR0aDogMzUwcHg7XG5cbiAgJjpub3QoLmhhcy10aW1lKSBpZHMtbW9udGgtdmlldzo6cGFydCh0YWJsZS1jb250YWluZXIpIHtcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICB9XG5cbiAgaWRzLXBvcHVwOjpwYXJ0KHBvcHVwKSB7XG4gICAgcGFkZGluZy1ibG9jazogMDtcbiAgfVxuXG4gIC5wb3B1cC1mb290ZXI6bm90KC5oaWRkZW4pIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0taWRzLWRhdGUtcGlja2VyLXBvcHVwLWZvb3Rlci1jb2xvci1ib3JkZXIpO1xuICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICBpZHMtbW9kYWwtYnV0dG9uOm5vdChbaGlkZGVuXSkgKyBpZHMtbW9kYWwtYnV0dG9uLFxuICAgIC5pZHMtbW9kYWwtYnV0dG9uOm5vdChbaGlkZGVuXSkgKyAuaWRzLW1vZGFsLWJ1dHRvbiB7XG4gICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkO1xuICAgICAgYm9yZGVyLWxlZnQtY29sb3I6IHZhcigtLWlkcy1kYXRlLXBpY2tlci1wb3B1cC1mb290ZXItY29sb3ItYm9yZGVyKTtcbiAgICB9XG4gIH1cblxuICAucG9wdXAtYnRuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxufVxuXG4uaWRzLWRhdGUtcGlja2VyLWNvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIElkc0V4cGFuZGFibGVBcmVhXG5cbmlkcy1leHBhbmRhYmxlLWFyZWEge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuaWRzLWV4cGFuZGFibGUtYXJlYTpub3QoW2V4cGFuZGVkXSksXG5pZHMtZXhwYW5kYWJsZS1hcmVhW2V4cGFuZGVkPSdmYWxzZSddIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbmlkcy1leHBhbmRhYmxlLWFyZWE6OnBhcnQoY29udGFpbmVyKSB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDM7XG4gIGJvcmRlcjogbm9uZTtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbmlkcy1leHBhbmRhYmxlLWFyZWE6OnBhcnQoaGVhZGVyKSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbmlkcy1leHBhbmRhYmxlLWFyZWE6OnBhcnQocGFuZSkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtZGF0ZS1waWNrZXItY29sb3ItYmFja2dyb3VuZCk7XG59XG5cbmlkcy1leHBhbmRhYmxlLWFyZWE6OnBhcnQoZm9vdGVyKSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbmlkcy1leHBhbmRhYmxlLWFyZWE6OnBhcnQocGFuZS1jb250ZW50KSB7XG4gIG1hcmdpbi10b3A6IDA7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gVGltZXBpY2tlclxuXG5pZHMtdGltZS1waWNrZXItcG9wdXAge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAmW2hpZGRlbl0ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cblxuICAmW2VtYmVkZGFibGVdIHtcbiAgICBtYXJnaW4tdG9wOiAtMThweDtcbiAgfVxufVxuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBGb290ZXIgYnV0dG9uc1xuXG4uYnRuLXRvZGF5IHtcbiAgbWFyZ2luLXJpZ2h0OiAtN3B4O1xuXG4gICY6OnBhcnQoYnV0dG9uKSB7XG4gICAgcGFkZGluZzogOHB4O1xuICAgIG1hcmdpbjogM3B4O1xuICB9XG59XG5cbi5idG4tdG9kYXktdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1pZHMtZGF0ZS1waWNrZXItcG9wdXAtYnV0dG9uLXRvZGF5LWNvbG9yLXRleHQpO1xufVxuXG4uYnRuLXByZXZpb3VzLFxuLmJ0bi1uZXh0IHtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDA7XG4gIG1hcmdpbjogM3B4O1xuXG4gICY6OnBhcnQoYnV0dG9uKSB7XG4gICAgcGFkZGluZzogMDtcbiAgICB3aWR0aDogMzhweDtcbiAgICBoZWlnaHQ6IDM4cHg7XG4gIH1cbn1cblxuLmJ0bi1uZXh0IHtcbiAgbWFyZ2luOiAzcHggM3B4IDNweCAtNXB4O1xufVxuIl19 */
85
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtZGF0ZS1waWNrZXIiLCJzb3VyY2VzIjpbImlkcy1tb250aC15ZWFyLXBpY2tsaXN0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBOzs7QUFJRjtFQUNFO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUtBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUtOO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFFQTtFQUNFOztBQUlKO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBRUU7O0FBR0Y7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLy8gUGlja2xpc3Rcbi5waWNrbGlzdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG46bm90KC5pcy1leHBhbmRlZCkgLnBpY2tsaXN0LXNlY3Rpb246OmJlZm9yZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1jb2xvci10cmFuc3BhcmVudCk7XG59XG5cbi5waWNrbGlzdC1zZWN0aW9uIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogNTAlO1xuICBmbGV4OiAwIDAgNTAlO1xuXG4gICY6b25seS1jaGlsZCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZmxleDogMCAwIDEwMCU7XG4gIH1cblxuICArIC5waWNrbGlzdC1zZWN0aW9uIHtcbiAgICAvLyBzZWN0aW9uIHNlcGFyYXRvclxuICAgICY6OmJlZm9yZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtY29sb3ItbmV1dHJhbC0zMCk7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnICc7XG4gICAgICB3aWR0aDogMXB4O1xuICAgICAgbGVmdDogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gICAgICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gICAgICBoZWlnaHQ6IGNhbGMoNzUlICsgMTRweCk7XG4gICAgICB0b3A6IGNhbGMoMTIuNSUgLSA0cHgpO1xuICAgIH1cbiAgfVxufVxuXG4ucGlja2xpc3QtbGlzdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW4tdG9wOiAwO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5waWNrbGlzdC1pdGVtIHtcbiAgZGlzcGxheTogZmxleDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHZhcigtLWlkcy1kYXRlLXBpY2tlci1waWNrbGlzdC1pdGVtLWNvbG9yLXRleHQtZGVmYXVsdCk7XG4gIHBhZGRpbmctYmxvY2s6IDFweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGhlaWdodDogMTIuNSU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjb250YWluOiBjb250ZW50O1xuICB3aWR0aDogMTAwJTtcblxuICBpZHMtdGV4dCB7XG4gICAgbGluZS1oZWlnaHQ6IDA7XG4gIH1cblxuICAmLmlzLXNlbGVjdGVkIHtcbiAgICBjb2xvcjogdmFyKC0taWRzLWRhdGUtcGlja2VyLXBpY2tsaXN0LWl0ZW0tY29sb3ItdGV4dC1zZWxlY3RlZCk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWRhdGUtcGlja2VyLXBpY2tsaXN0LWl0ZW0tY29sb3ItYmFja2dyb3VuZC1zZWxlY3RlZCk7XG5cbiAgICBpZHMtdGV4dDo6cGFydCh0ZXh0KSB7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgIH1cbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0taWRzLWRhdGUtcGlja2VyLWl0ZW0tY29sb3ItYm9yZGVyLWZvY3VzKTtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1pZHMtZGF0ZS1waWNrZXItaXRlbS1zaGFkb3ctZm9jdXMpO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cblxuICAmLmlzLXllYXItbmF2LFxuICAmLmlzLW1vbnRoLW5hdiB7XG4gICAgei1pbmRleDogMTtcbiAgfVxuXG4gICYuaXMtbW9udGgtbmF2IHtcbiAgICB3aWR0aDogY2FsYygxMDAlICsgMXB4KTtcbiAgfVxufVxuIl19 */
@@ -1,124 +1,21 @@
1
- .ids-hierarchy-item {
2
- align-items: center;
3
- display: flex;
4
- justify-content: center;
5
- flex-direction: column;
6
- padding-inline-start: calc(var(--ids-space-xs) * 12);
7
- }
8
- @media all and (max-width: 600px) {
9
- .ids-hierarchy-item {
10
- padding-inline-start: var(--ids-space-none);
11
- }
1
+ :root {
2
+ --background: var(--ids-hierarchy-legend-color-background-default);
12
3
  }
13
4
 
14
- .leaf {
15
- border: var(--ids-space-4xs) solid var(--ids-hierarchy-item-leaf-color-border);
16
- margin-block-end: calc(var(--ids-space-xs) * 4);
17
- box-shadow: var(--ids-hierarchy-item-leaf-shadow);
18
- border-radius: var(--ids-hierarchy-item-border-radius);
19
- position: relative;
20
- width: 315px;
21
- }
22
- .leaf::before {
23
- display: block;
24
- position: absolute;
25
- border-bottom: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
26
- border-inline-start: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
27
- content: "";
28
- height: 112px;
29
- inset-inline-start: -30px;
30
- top: -70px;
31
- width: 50%;
32
- z-index: 0;
33
- }
34
-
35
- .leaf-inside {
5
+ .ids-hierarchy-legend-item {
6
+ display: flex;
36
7
  align-items: center;
37
- background-color: var(--ids-hierarchy-item-color-background);
38
- border-inline-start: var(--ids-hierarchy-item-leaf-inside-border-left);
39
- box-shadow: var(--ids-hierarchy-item-leaf-inside-shadow);
40
- padding: var(--ids-space-xs) calc(var(--ids-space-xs) * 2);
8
+ margin-inline-end: calc(var(--ids-space-xs) * 4);
9
+ margin-block-end: var(--ids-space-xs);
41
10
  position: relative;
42
- display: flex;
43
- z-index: 1;
44
11
  }
45
-
46
- .avatar {
47
- flex-shrink: 0;
12
+ .ids-hierarchy-legend-item::before {
13
+ border-radius: var(--ids-border-radius-circle);
14
+ content: " ";
48
15
  display: block;
49
- height: 55px;
50
- width: 55px;
51
- border: var(--ids-hierarchy-item-border-default);
52
- border-radius: 100%;
53
- margin-inline-end: calc(var(--ids-space-xs) * 2);
54
- overflow: hidden;
55
- }
56
- .avatar ::slotted(img) {
57
- max-width: 100%;
58
- }
59
-
60
- :host([root-item]) .leaf::before {
61
- display: none;
62
- }
63
- :host([root-item]) .ids-hierarchy-item {
64
- padding-inline-start: var(--ids-space-none);
65
- }
66
-
67
- @media all and (max-width: 600px) {
68
- :host([root-item][expanded]) .leaf::before {
69
- border-inline-start: none;
70
- display: block;
71
- }
72
- }
73
-
74
- :host(:focus) {
75
- outline: none;
76
- border: none;
77
- border-color: var(--ids-color-transparent);
78
- box-shadow: var(--ids-hierarchy-item-shadow-focus);
79
- }
80
-
81
- :host([selected]) .leaf {
82
- box-shadow: var(--ids-hierarchy-item-selected-leaf-shadow);
83
- }
84
-
85
- div[part=actions] {
86
- margin-inline-start: auto;
87
- display: flex;
88
- }
89
-
90
- ids-button[part=icon-menu] {
91
- margin-inline-end: var(--ids-space-2xs);
92
- }
93
- ids-button[part=icon-menu] .ids-icon-button {
94
- padding: var(--ids-space-2xs);
95
- }
96
-
97
- ids-button[part=icon-btn] {
98
- display: none;
99
- cursor: pointer;
100
- }
101
- ids-button[part=icon-btn] .ids-icon-button {
102
- padding: var(--ids-space-2xs);
103
- }
104
-
105
- :host([expanded]) ids-button[part=icon-btn] ids-icon {
106
- transform: rotate(180deg);
107
- }
108
-
109
- .has-nested-items ids-button[part=icon-btn] {
110
- display: block;
111
- }
112
-
113
- .sub-level {
114
- display: none;
115
- }
116
-
117
- :host([expanded]) .sub-level {
118
- display: block;
119
- }
120
-
121
- ::slotted([slot=menu]) {
122
- position: relative;
16
+ height: calc(var(--ids-space-xs) * 2);
17
+ width: calc(var(--ids-space-xs) * 2);
18
+ margin-inline-end: var(--ids-space-xs);
19
+ background-color: var(--background);
123
20
  }
124
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtaGllcmFyY2h5Iiwic291cmNlcyI6WyJpZHMtaGllcmFyY2h5LWl0ZW0uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFQRjtJQVFJOzs7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUE7RUFDRTs7QUFJSjtFQUNFOzs7QUFPRTtFQURGO0lBRUk7SUFDQTs7OztBQU1SO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7OztBQUlBO0VBQ0U7OztBQUlKO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTs7QUFFQTtFQUNFOzs7QUFJSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUE7RUFDRTs7O0FBTUo7RUFDRTs7O0FBSUo7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBSUY7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zJyBhcyAqO1xuXG4uaWRzLWhpZXJhcmNoeS1pdGVtIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLWlkcy1zcGFjZS14cykgKiAxMik7XG5cbiAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJGJyZWFrcG9pbnQtc20pIHtcbiAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taWRzLXNwYWNlLW5vbmUpO1xuICB9XG59XG5cbi5sZWFmIHtcbiAgYm9yZGVyOiB2YXIoLS1pZHMtc3BhY2UtNHhzKSBzb2xpZCB2YXIoLS1pZHMtaGllcmFyY2h5LWl0ZW0tbGVhZi1jb2xvci1ib3JkZXIpO1xuICBtYXJnaW4tYmxvY2stZW5kOiBjYWxjKHZhcigtLWlkcy1zcGFjZS14cykgKiA0KTtcbiAgYm94LXNoYWRvdzogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWxlYWYtc2hhZG93KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWJvcmRlci1yYWRpdXMpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAzMTVweDtcblxuICAmOjpiZWZvcmUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3JkZXItYm90dG9tOiAxLjM0cHggc29saWQgdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWxlYWYtYmVmb3JlLWNvbG9yLWJvcmRlcik7XG4gICAgYm9yZGVyLWlubGluZS1zdGFydDogMS4zNHB4IHNvbGlkIHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1sZWFmLWJlZm9yZS1jb2xvci1ib3JkZXIpO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGhlaWdodDogMTEycHg7XG4gICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAtMzBweDtcbiAgICB0b3A6IC03MHB4O1xuICAgIHdpZHRoOiA1MCU7XG4gICAgei1pbmRleDogMDtcbiAgfVxufVxuXG4ubGVhZi1pbnNpZGUge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtaGllcmFyY2h5LWl0ZW0tY29sb3ItYmFja2dyb3VuZCk7XG4gIGJvcmRlci1pbmxpbmUtc3RhcnQ6IHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1sZWFmLWluc2lkZS1ib3JkZXItbGVmdCk7XG4gIGJveC1zaGFkb3c6IHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1sZWFmLWluc2lkZS1zaGFkb3cpO1xuICBwYWRkaW5nOiB2YXIoLS1pZHMtc3BhY2UteHMpIGNhbGModmFyKC0taWRzLXNwYWNlLXhzKSAqIDIpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHotaW5kZXg6IDE7XG59XG5cbi5hdmF0YXIge1xuICBmbGV4LXNocmluazogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogNTVweDtcbiAgd2lkdGg6IDU1cHg7XG4gIGJvcmRlcjogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWJvcmRlci1kZWZhdWx0KTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgbWFyZ2luLWlubGluZS1lbmQ6IGNhbGModmFyKC0taWRzLXNwYWNlLXhzKSAqIDIpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIDo6c2xvdHRlZChpbWcpIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gIH1cbn1cblxuOmhvc3QoW3Jvb3QtaXRlbV0pIHtcbiAgLmxlYWYge1xuICAgICY6OmJlZm9yZSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuXG4gIC5pZHMtaGllcmFyY2h5LWl0ZW0ge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pZHMtc3BhY2Utbm9uZSk7XG4gIH1cbn1cblxuOmhvc3QoW3Jvb3QtaXRlbV1bZXhwYW5kZWRdKSB7XG4gIC5sZWFmIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJGJyZWFrcG9pbnQtc20pIHtcbiAgICAgICAgYm9yZGVyLWlubGluZS1zdGFydDogbm9uZTtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbjpob3N0KDpmb2N1cykge1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taWRzLWNvbG9yLXRyYW5zcGFyZW50KTtcbiAgYm94LXNoYWRvdzogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLXNoYWRvdy1mb2N1cyk7XG59XG5cbjpob3N0KFtzZWxlY3RlZF0pIHtcbiAgLmxlYWYge1xuICAgIGJveC1zaGFkb3c6IHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1zZWxlY3RlZC1sZWFmLXNoYWRvdyk7XG4gIH1cbn1cblxuZGl2W3BhcnQ9J2FjdGlvbnMnXSB7XG4gIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbmlkcy1idXR0b25bcGFydD0naWNvbi1tZW51J10ge1xuICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG5cbiAgLmlkcy1pY29uLWJ1dHRvbiB7XG4gICAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG4gIH1cbn1cblxuaWRzLWJ1dHRvbltwYXJ0PSdpY29uLWJ0biddIHtcbiAgZGlzcGxheTogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5pZHMtaWNvbi1idXR0b24ge1xuICAgIHBhZGRpbmc6IHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICB9XG59XG5cbjpob3N0KFtleHBhbmRlZF0pIHtcbiAgaWRzLWJ1dHRvbltwYXJ0PSdpY29uLWJ0biddIHtcbiAgICBpZHMtaWNvbiB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgIH1cbiAgfVxufVxuXG4uaGFzLW5lc3RlZC1pdGVtcyB7XG4gIGlkcy1idXR0b25bcGFydD0naWNvbi1idG4nXSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbn1cblxuLnN1Yi1sZXZlbCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbjpob3N0KFtleHBhbmRlZF0pIC5zdWItbGV2ZWwge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLy8gRm9yIGlkcy1wb3B1cC1tZW51IHRvIGNhbGN1bGF0ZSBpdHMgcG9zaXRpb24gY29ycmVjdGx5XG46OnNsb3R0ZWQoW3Nsb3Q9J21lbnUnXSkge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4iXX0= */
21
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtaGllcmFyY2h5Iiwic291cmNlcyI6WyJpZHMtaGllcmFyY2h5LWxlZ2VuZC1pdGVtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XG4gIC0tYmFja2dyb3VuZDogdmFyKC0taWRzLWhpZXJhcmNoeS1sZWdlbmQtY29sb3ItYmFja2dyb3VuZC1kZWZhdWx0KTtcbn1cblxuLmlkcy1oaWVyYXJjaHktbGVnZW5kLWl0ZW0ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4taW5saW5lLWVuZDogY2FsYyh2YXIoLS1pZHMtc3BhY2UteHMpICogNCk7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLWlkcy1zcGFjZS14cyk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOjpiZWZvcmUge1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWlkcy1ib3JkZXItcmFkaXVzLWNpcmNsZSk7XG4gICAgY29udGVudDogJyAnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogY2FsYyh2YXIoLS1pZHMtc3BhY2UteHMpICogMik7XG4gICAgd2lkdGg6IGNhbGModmFyKC0taWRzLXNwYWNlLXhzKSAqIDIpO1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiB2YXIoLS1pZHMtc3BhY2UteHMpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQpO1xuICB9XG59XG4iXX0= */
@@ -1,194 +1,21 @@
1
- /* Ids Hyperlink Component */
2
- .ids-hyperlink {
3
- -webkit-font-smoothing: antialiased;
4
- -moz-osx-font-smoothing: grayscale;
5
- border: 1px solid transparent;
6
- border-radius: var(--ids-hyperlink-border-radius);
7
- cursor: var(--ids-hyperlink-cursor);
8
- display: inline-block;
9
- font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
10
- font-size: var(--ids-hyperlink-font-size);
11
- font-weight: var(--ids-hyperlink-font-weight);
12
- padding: var(--ids-space-3xs) var(--ids-space-2xs);
13
- position: relative;
14
- margin-block-start: -3px;
15
- margin-inline-start: -4px;
16
- /* Ids Typography System */
17
- }
18
- .ids-hyperlink.disabled, .ids-hyperlink[disabled] {
19
- cursor: var(--ids-cursor-default);
20
- pointer-events: none;
21
- user-select: none;
22
- }
23
- .ids-hyperlink.text-ellipsis {
24
- display: block;
25
- width: inherit;
26
- overflow: hidden;
27
- text-overflow: ellipsis;
28
- white-space: nowrap;
29
- }
30
- .ids-hyperlink:focus {
31
- outline: none;
32
- }
33
- .ids-hyperlink.bold {
34
- font-weight: var(--ids-font-weight-bold);
35
- }
36
- .ids-hyperlink.semibold {
37
- font-weight: var(--ids-font-weight-semibold);
38
- }
39
- .ids-hyperlink.hitbox::after {
40
- content: "";
41
- display: block;
42
- height: var(--ids-size-40);
43
- top: 50%;
44
- left: 0;
45
- position: absolute;
46
- transform: translateY(-50%);
47
- width: 100%;
48
- }
49
- .ids-hyperlink.ids-text-10 {
50
- font-size: var(--ids-font-size-3xs);
51
- text-transform: var(--ids-font-uppercase);
52
- }
53
- .ids-hyperlink.ids-text-12, .ids-hyperlink.ids-text-xs {
54
- font-size: var(--ids-font-size-2xs);
55
- text-transform: var(--ids-font-uppercase);
56
- }
57
- .ids-hyperlink.ids-text-14, .ids-hyperlink.ids-text-sm {
58
- font-size: var(--ids-font-size-xs);
59
- }
60
- .ids-hyperlink.ids-text-16, .ids-hyperlink.ids-text, .ids-hyperlink.ids-text-base {
61
- font-size: var(--ids-font-size-sm);
62
- }
63
- .ids-hyperlink.ids-text-20 {
64
- font-size: var(--ids-font-size-md);
65
- }
66
- .ids-hyperlink.ids-text-24, .ids-hyperlink.ids-text-lg {
67
- font-size: var(--ids-font-size-xl);
68
- }
69
- .ids-hyperlink.ids-text-28 {
70
- font-size: var(--ids-font-size-xl);
71
- }
72
- .ids-hyperlink.ids-text-32, .ids-hyperlink.ids-text-xl {
73
- font-size: var(--ids-font-size-2xl);
74
- }
75
- .ids-hyperlink.ids-text-40 {
76
- font-size: var(--ids-font-size-3xl);
77
- }
78
- .ids-hyperlink.ids-text-48 {
79
- font-size: var(--ids-font-size-4xl);
80
- }
81
- .ids-hyperlink.ids-text-60 {
82
- font-size: var(--ids-font-size-5xl);
83
- }
84
- .ids-hyperlink.ids-text-72 {
85
- font-size: var(--ids-font-size-6xl);
86
- margin-bottom: 0;
87
- }
88
- .ids-hyperlink:not(.ids-hyperlink-color-unset) {
89
- color: var(--ids-hyperlink-color-text-default);
90
- }
91
- .ids-hyperlink:not(.ids-hyperlink-color-unset).show-visited-color:visited {
92
- color: var(--ids-hyperlink-color-text-visited);
93
- }
94
- .ids-hyperlink:not(.ids-hyperlink-color-unset):focus {
95
- border: 1px solid var(--ids-hyperlink-color-text-default);
96
- box-shadow: var(--ids-shadow-focus);
97
- }
98
- .ids-hyperlink:not(.ids-hyperlink-color-unset):hover:not([disabled]):not(.ids-text-decoration-hover):not(.disabled):not(.color-variant-breadcrumb), .ids-hyperlink:not(.ids-hyperlink-color-unset):active:not([disabled]):not(.ids-text-decoration-hover):not(.disabled):not(.color-variant-breadcrumb) {
99
- color: var(--ids-hyperlink-color-text-hover);
100
- text-decoration-line: underline;
101
- text-decoration-style: solid;
102
- }
103
- .ids-hyperlink:not(.ids-hyperlink-color-unset).disabled, .ids-hyperlink:not(.ids-hyperlink-color-unset)[disabled] {
104
- color: var(--ids-hyperlink-color-text-disabled);
105
- }
106
- .ids-hyperlink:not(.ids-hyperlink-color-unset).hide-focus:focus {
107
- border-color: var(--ids-color-transparent);
108
- box-shadow: none;
109
- }
110
- .ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb {
111
- color: var(--ids-breadcrumb-color-text-default);
112
- }
113
- .ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb.disabled, .ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb[disabled] {
114
- color: var(--ids-breadcrumb-color-text-disabled);
115
- }
116
- .ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb.semibold {
117
- color: var(--ids-breadcrumb-color-text-selected);
118
- }
119
- .ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb.semibold:hover {
120
- color: var(--ids-breadcrumb-color-text-selected);
121
- }
122
- .ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb:hover {
123
- color: var(--ids-breadcrumb-color-text-hover);
124
- text-decoration: underline;
125
- }
126
- .ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-alternate {
127
- color: var(--ids-breadcrumb-color-text-emphasis);
128
- }
129
- .ids-hyperlink.ids-hyperlink-color-unset:focus {
130
- --ids-box-shadowed-color-border: 1px solid var(--ids-hyperlink-color-text-default);
131
- --ids-box-shadow: var(--ids-box-shadow-focus);
1
+ /* Ids Link List Component */
2
+ .ids-link-list {
3
+ list-style: none;
4
+ margin-top: var(--ids-link-list-top-margin);
132
5
  }
133
6
 
134
- .ids-text-decoration-none {
135
- text-decoration: none;
136
- }
137
- .ids-text-decoration-none:hover {
138
- text-decoration: none;
139
- }
140
-
141
- .ids-text-decoration-hover {
142
- text-decoration: none;
143
- }
144
- .ids-text-decoration-hover:hover {
145
- text-decoration: underline;
7
+ ::slotted(*) {
8
+ display: list-item;
9
+ margin-bottom: var(--ids-link-list-item-margin);
10
+ font-weight: var(--ids-font-weight-semi-bold);
146
11
  }
147
12
 
148
- :host(:not([allow-empty-href=false])) .ids-hyperlink:not(.ids-text-decoration-none):not(.color-variant-breadcrumb):not(.ids-text-decoration-hover) {
149
- text-decoration: underline;
150
- }
151
-
152
- ::slotted(ids-box:not([height])) {
153
- --ids-box-height: var(--ids-hyperlink-box-height);
154
- }
155
-
156
- ::slotted(ids-box:not([width])) {
157
- --ids-box-width: var(--ids-hyperlink-box-width);
158
- }
159
-
160
- .ids-hyperlink.colspan ::slotted(ids-box:not([width])) {
161
- --ids-box-width: var(--ids-hyperlink-box-width-double);
162
- }
163
-
164
- ::slotted(ids-box) {
165
- text-align: center;
166
- --ids-icon-height-default: var(--ids-space-2xl);
167
- --ids-icon-width-default: var(--ids-space-2xl);
168
- --ids-icon-color-default: var(--ids-hyperlink-box-icon-color-text-default);
169
- --ids-box-padding: var(--ids-space-xs);
170
- }
171
-
172
- ::slotted(ids-box:hover) {
173
- --ids-box-shadowed-color-border: 1px solid var(--ids-hyperlink-box-color-border-default);
174
- }
175
-
176
- ::slotted(ids-icon) {
177
- --ids-icon-color-default: var(--ids-hyperlink-color-text-default);
178
- display: inline;
179
- margin-inline-end: var(--ids-space-xs);
180
- top: var(--ids-space-2xs);
181
- }
182
-
183
- :host(.disabled) .ids-hyperlink,
184
- :host([disabled]) .ids-hyperlink {
185
- color: var(--ids-hyperlink-color-text-disabled);
186
- cursor: var(--ids-cursor-default);
187
- pointer-events: none;
188
- user-select: none;
13
+ ids-text {
14
+ color: var(--ids-link-list-title-color-text-default);
15
+ margin-bottom: var(--ids-link-list-title-bottom-margin);
16
+ display: block;
189
17
  }
190
- :host(.disabled) .ids-hyperlink ::slotted(ids-icon),
191
- :host([disabled]) .ids-hyperlink ::slotted(ids-icon) {
192
- --ids-icon-color-default: var(--ids-hyperlink-color-text-disabled);
18
+ ids-text:empty {
19
+ margin-bottom: 0;
193
20
  }
194
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtaHlwZXJsaW5rIiwic291cmNlcyI6WyJpZHMtaHlwZXJsaW5rLnNjc3MiLCIuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBR0E7RUNPRTtFQUNBO0VETEE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtBQXdDQTs7QUF0Q0E7RUFFRTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJRjtFQUNFO0VBQ0E7O0FBR0Y7RUFFRTtFQUNBOztBQUdGO0VBRUU7O0FBR0Y7RUFHRTs7QUFHRjtFQUNFOztBQUdGO0VBRUU7O0FBR0Y7RUFDRTs7QUFHRjtFQUVDOztBQUdEO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFLRjtFQUNFOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOztBQUdGO0VBRUU7RUFDQTtFQUNBOztBQUdGO0VBRUU7O0FBR0Y7RUFDRTtFQUNBOztBQU1GO0VBQ0U7O0FBRUE7RUFFRTs7QUFHRjtFQUNFOztBQUVBO0VBQ0U7O0FBSUo7RUFDRTtFQUNBOztBQUlKO0VBQ0U7O0FBSUo7RUFDRTtFQUNBOzs7QUFJSjtFQUNFOztBQUVBO0VBQ0U7OztBQUlKO0VBQ0U7O0FBRUE7RUFDRTs7O0FBS0Y7RUFDRTs7O0FBS0o7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTtFQUVBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFJRjtFQUNFO0VBRUE7RUFDQTtFQUNBOzs7QUFLQTtBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7QUFBQTtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIEh5cGVybGluayBDb21wb25lbnQgKi9cbkB1c2UgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zJyBhcyBtaXhpbnM7XG5cbi5pZHMtaHlwZXJsaW5rIHtcbiAgQGluY2x1ZGUgbWl4aW5zLmFudGlhbGlhc2VkKCk7XG5cbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlkcy1oeXBlcmxpbmstYm9yZGVyLXJhZGl1cyk7XG4gIGN1cnNvcjogdmFyKC0taWRzLWh5cGVybGluay1jdXJzb3IpO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1pZHMtZm9udC1mYW1pbHktZGVmYXVsdCksIHZhcigtLWlkcy1mb250LWZhbWlseS1zeXN0ZW0tc2Fucyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0taWRzLWh5cGVybGluay1mb250LXNpemUpO1xuICBmb250LXdlaWdodDogdmFyKC0taWRzLWh5cGVybGluay1mb250LXdlaWdodCk7XG4gIHBhZGRpbmc6IHZhcigtLWlkcy1zcGFjZS0zeHMpIHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbi1ibG9jay1zdGFydDogLTNweDtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogLTRweDtcblxuICAmLmRpc2FibGVkLFxuICAmW2Rpc2FibGVkXSB7XG4gICAgY3Vyc29yOiB2YXIoLS1pZHMtY3Vyc29yLWRlZmF1bHQpO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICB9XG5cbiAgJi50ZXh0LWVsbGlwc2lzIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogaW5oZXJpdDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJi5ib2xkIHtcbiAgICBmb250LXdlaWdodDogdmFyKC0taWRzLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICB9XG5cbiAgJi5zZW1pYm9sZCB7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWlkcy1mb250LXdlaWdodC1zZW1pYm9sZCk7XG4gIH1cblxuICAmLmhpdGJveDo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogdmFyKC0taWRzLXNpemUtNDApO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gIC8qIElkcyBUeXBvZ3JhcGh5IFN5c3RlbSAqL1xuICAmLmlkcy10ZXh0LTEwIHtcbiAgICBmb250LXNpemU6IHZhcigtLWlkcy1mb250LXNpemUtM3hzKTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdmFyKC0taWRzLWZvbnQtdXBwZXJjYXNlKTtcbiAgfVxuXG4gICYuaWRzLXRleHQtMTIsXG4gICYuaWRzLXRleHQteHMge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0taWRzLWZvbnQtc2l6ZS0yeHMpO1xuICAgIHRleHQtdHJhbnNmb3JtOiB2YXIoLS1pZHMtZm9udC11cHBlcmNhc2UpO1xuICB9XG5cbiAgJi5pZHMtdGV4dC0xNCxcbiAgJi5pZHMtdGV4dC1zbSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLXhzKTtcbiAgfVxuXG4gICYuaWRzLXRleHQtMTYsXG4gICYuaWRzLXRleHQsXG4gICYuaWRzLXRleHQtYmFzZSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLXNtKTtcbiAgfVxuXG4gICYuaWRzLXRleHQtMjAge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0taWRzLWZvbnQtc2l6ZS1tZCk7XG4gIH1cblxuICAmLmlkcy10ZXh0LTI0LFxuICAmLmlkcy10ZXh0LWxnIHtcbiAgICBmb250LXNpemU6IHZhcigtLWlkcy1mb250LXNpemUteGwpO1xuICB9XG5cbiAgJi5pZHMtdGV4dC0yOCB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLXhsKTtcbiAgfVxuXG4gICYuaWRzLXRleHQtMzIsXG4gICYuaWRzLXRleHQteGwge1xuICAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLTJ4bCk7XG4gIH1cblxuICAmLmlkcy10ZXh0LTQwIHtcbiAgICBmb250LXNpemU6IHZhcigtLWlkcy1mb250LXNpemUtM3hsKTtcbiAgfVxuXG4gICYuaWRzLXRleHQtNDgge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0taWRzLWZvbnQtc2l6ZS00eGwpO1xuICB9XG5cbiAgJi5pZHMtdGV4dC02MCB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLTV4bCk7XG4gIH1cblxuICAmLmlkcy10ZXh0LTcyIHtcbiAgICBmb250LXNpemU6IHZhcigtLWlkcy1mb250LXNpemUtNnhsKTtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICB9XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gVGhlbWUgY29sb3JzIGFyZSBhcHBsaWVkIHdoZW4gYGNvbG9yPVwidW5zZXRcImAgaXMgbm90IHNldFxuICAmOm5vdCguaWRzLWh5cGVybGluay1jb2xvci11bnNldCkge1xuICAgIGNvbG9yOiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGVmYXVsdCk7XG5cbiAgICAmLnNob3ctdmlzaXRlZC1jb2xvcjp2aXNpdGVkIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtdmlzaXRlZCk7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGVmYXVsdCk7XG4gICAgICBib3gtc2hhZG93OiB2YXIoLS1pZHMtc2hhZG93LWZvY3VzKTtcbiAgICB9XG5cbiAgICAmOmhvdmVyOm5vdChbZGlzYWJsZWRdKTpub3QoLmlkcy10ZXh0LWRlY29yYXRpb24taG92ZXIpOm5vdCguZGlzYWJsZWQpOm5vdCguY29sb3ItdmFyaWFudC1icmVhZGNydW1iKSxcbiAgICAmOmFjdGl2ZTpub3QoW2Rpc2FibGVkXSk6bm90KC5pZHMtdGV4dC1kZWNvcmF0aW9uLWhvdmVyKTpub3QoLmRpc2FibGVkKTpub3QoLmNvbG9yLXZhcmlhbnQtYnJlYWRjcnVtYikge1xuICAgICAgY29sb3I6IHZhcigtLWlkcy1oeXBlcmxpbmstY29sb3ItdGV4dC1ob3Zlcik7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLXN0eWxlOiBzb2xpZDtcbiAgICB9XG5cbiAgICAmLmRpc2FibGVkLFxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGlzYWJsZWQpO1xuICAgIH1cblxuICAgICYuaGlkZS1mb2N1czpmb2N1cyB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWlkcy1jb2xvci10cmFuc3BhcmVudCk7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cblxuXG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICAvLyBDb2xvciBWYXJpYW50c1xuICAgICYuY29sb3ItdmFyaWFudC1icmVhZGNydW1iIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1pZHMtYnJlYWRjcnVtYi1jb2xvci10ZXh0LWRlZmF1bHQpO1xuXG4gICAgICAmLmRpc2FibGVkLFxuICAgICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjb2xvcjogdmFyKC0taWRzLWJyZWFkY3J1bWItY29sb3ItdGV4dC1kaXNhYmxlZCk7XG4gICAgICB9XG5cbiAgICAgICYuc2VtaWJvbGQge1xuICAgICAgICBjb2xvcjogdmFyKC0taWRzLWJyZWFkY3J1bWItY29sb3ItdGV4dC1zZWxlY3RlZCk7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWlkcy1icmVhZGNydW1iLWNvbG9yLXRleHQtc2VsZWN0ZWQpO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKC0taWRzLWJyZWFkY3J1bWItY29sb3ItdGV4dC1ob3Zlcik7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgfVxuICAgIH1cblxuICAgICYuY29sb3ItdmFyaWFudC1hbHRlcm5hdGUge1xuICAgICAgY29sb3I6IHZhcigtLWlkcy1icmVhZGNydW1iLWNvbG9yLXRleHQtZW1waGFzaXMpO1xuICAgIH1cbiAgfVxuXG4gICYuaWRzLWh5cGVybGluay1jb2xvci11bnNldDpmb2N1cyB7XG4gICAgLS1pZHMtYm94LXNoYWRvd2VkLWNvbG9yLWJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWlkcy1oeXBlcmxpbmstY29sb3ItdGV4dC1kZWZhdWx0KTtcbiAgICAtLWlkcy1ib3gtc2hhZG93OiB2YXIoLS1pZHMtYm94LXNoYWRvdy1mb2N1cyk7XG4gIH1cbn1cblxuLmlkcy10ZXh0LWRlY29yYXRpb24tbm9uZSB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbn1cblxuLmlkcy10ZXh0LWRlY29yYXRpb24taG92ZXIge1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIH1cbn1cblxuOmhvc3QoOm5vdChbYWxsb3ctZW1wdHktaHJlZj0nZmFsc2UnXSkpIHtcbiAgLmlkcy1oeXBlcmxpbms6bm90KC5pZHMtdGV4dC1kZWNvcmF0aW9uLW5vbmUpOm5vdCguY29sb3ItdmFyaWFudC1icmVhZGNydW1iKTpub3QoLmlkcy10ZXh0LWRlY29yYXRpb24taG92ZXIpIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgfVxufVxuXG4vLyBCb3ggU3R5bGUgTGlua3Ncbjo6c2xvdHRlZChpZHMtYm94Om5vdChbaGVpZ2h0XSkpIHtcbiAgLS1pZHMtYm94LWhlaWdodDogdmFyKC0taWRzLWh5cGVybGluay1ib3gtaGVpZ2h0KTtcbn1cblxuOjpzbG90dGVkKGlkcy1ib3g6bm90KFt3aWR0aF0pKSB7XG4gIC0taWRzLWJveC13aWR0aDogdmFyKC0taWRzLWh5cGVybGluay1ib3gtd2lkdGgpO1xufVxuXG4uaWRzLWh5cGVybGluay5jb2xzcGFuIDo6c2xvdHRlZChpZHMtYm94Om5vdChbd2lkdGhdKSkge1xuICAtLWlkcy1ib3gtd2lkdGg6IHZhcigtLWlkcy1oeXBlcmxpbmstYm94LXdpZHRoLWRvdWJsZSk7XG59XG5cbjo6c2xvdHRlZChpZHMtYm94KSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAtLWlkcy1pY29uLWhlaWdodC1kZWZhdWx0OiB2YXIoLS1pZHMtc3BhY2UtMnhsKTtcbiAgLS1pZHMtaWNvbi13aWR0aC1kZWZhdWx0OiB2YXIoLS1pZHMtc3BhY2UtMnhsKTtcbiAgLS1pZHMtaWNvbi1jb2xvci1kZWZhdWx0OiB2YXIoLS1pZHMtaHlwZXJsaW5rLWJveC1pY29uLWNvbG9yLXRleHQtZGVmYXVsdCk7XG4gIC0taWRzLWJveC1wYWRkaW5nOiB2YXIoLS1pZHMtc3BhY2UteHMpO1xufVxuXG46OnNsb3R0ZWQoaWRzLWJveDpob3Zlcikge1xuICAtLWlkcy1ib3gtc2hhZG93ZWQtY29sb3ItYm9yZGVyOiAxcHggc29saWQgdmFyKC0taWRzLWh5cGVybGluay1ib3gtY29sb3ItYm9yZGVyLWRlZmF1bHQpO1xufVxuXG4vLyBJY29ucyB3aXRoIHRoZSBsaW5rXG46OnNsb3R0ZWQoaWRzLWljb24pIHtcbiAgLS1pZHMtaWNvbi1jb2xvci1kZWZhdWx0OiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGVmYXVsdCk7XG5cbiAgZGlzcGxheTogaW5saW5lO1xuICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0taWRzLXNwYWNlLXhzKTtcbiAgdG9wOiB2YXIoLS1pZHMtc3BhY2UtMnhzKTtcbn1cblxuOmhvc3QoLmRpc2FibGVkKSxcbjpob3N0KFtkaXNhYmxlZF0pIHtcbiAgLmlkcy1oeXBlcmxpbmsge1xuICAgIGNvbG9yOiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGlzYWJsZWQpO1xuICAgIGN1cnNvcjogdmFyKC0taWRzLWN1cnNvci1kZWZhdWx0KTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIDo6c2xvdHRlZChpZHMtaWNvbikge1xuICAgICAgLS1pZHMtaWNvbi1jb2xvci1kZWZhdWx0OiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGlzYWJsZWQpO1xuICAgIH1cbiAgfVxufVxuIiwiLy8gQnJlYWtwb2ludHMgLSB0aGlzIGNhbnQgYmUgdG9rZW5zXG4kYnJlYWtwb2ludC14eGw6IDE0NDBweDtcbiRicmVha3BvaW50LXhsOiAxMjgwcHg7XG4kYnJlYWtwb2ludC1sZzogMTAyNHB4O1xuJGJyZWFrcG9pbnQtbWQ6IDg0MHB4O1xuJGJyZWFrcG9pbnQtc206IDYwMHB4O1xuJGJyZWFrcG9pbnQteHM6IDMyMHB4O1xuXG4vLyBTZXRzIFRleHQgQW50aWFsaWFzaW5nXG5AbWl4aW4gYW50aWFsaWFzZWQge1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbn1cblxuLy8gdmVuZG9yIHByZWZpeGVkIHRyYW5zaXRpb25zIGZvciByZWd1bGFyIGF0dHJpYnV0ZXMgKG5vbi12ZW5kb3IgcHJlZml4ZWQpXG5AbWl4aW4gdHJhbnNpdGlvbigkdHJhbnNpdGlvbnMtbGlzdC4uLikge1xuICBAZWFjaCAkcHJlZml4IGluICRwcmVmaXhlcyB7XG4gICAgI3skcHJlZml4fXRyYW5zaXRpb246ICR0cmFuc2l0aW9ucy1saXN0O1xuICB9XG59XG5cbi8vIG1ha2UgdGhlIHRleHQgaW52aXNpYmxlIHZpc3VhbGx5IGJ1dCByZWFkYWJsZSBieSBzY3JlZW4gcmVhZGVyc1xuQG1peGluIGF1ZGlibGUoKSB7XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGhlaWdodDogMDtcbiAgbGluZS1oZWlnaHQ6IDA7XG4gIG1pbi1oZWlnaHQ6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbn1cbiJdfQ== */
21
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtaHlwZXJsaW5rIiwic291cmNlcyI6WyJpZHMtbGluay1saXN0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIExpbmsgTGlzdCBDb21wb25lbnQgKi9cbi5pZHMtbGluay1saXN0IHtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luLXRvcDogdmFyKC0taWRzLWxpbmstbGlzdC10b3AtbWFyZ2luKTtcbn1cblxuOjpzbG90dGVkKCopIHtcbiAgZGlzcGxheTogbGlzdC1pdGVtO1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS1pZHMtbGluay1saXN0LWl0ZW0tbWFyZ2luKTtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLWlkcy1mb250LXdlaWdodC1zZW1pLWJvbGQpO1xufVxuXG5pZHMtdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1pZHMtbGluay1saXN0LXRpdGxlLWNvbG9yLXRleHQtZGVmYXVsdCk7XG4gIG1hcmdpbi1ib3R0b206IHZhcigtLWlkcy1saW5rLWxpc3QtdGl0bGUtYm90dG9tLW1hcmdpbik7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gICY6ZW1wdHkge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cbn1cbiJdfQ== */
@@ -1,4 +1,4 @@
1
- /* Ids Menu Component */
1
+ /* Ids Menu Group Component */
2
2
  /**
3
3
  * Base Styles/Mixins for Ids Menu Component and all subcomponents.
4
4
  */
@@ -6,7 +6,17 @@
6
6
  display: block;
7
7
  }
8
8
 
9
- .ids-menu {
9
+ .ids-menu-group {
10
10
  display: block;
11
+ margin-block-end: 0;
12
+ margin-block-start: 0;
13
+ padding-inline-start: 0;
11
14
  }
12
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbWVudSIsInNvdXJjZXMiOlsiaWRzLW1lbnUuc2NzcyIsImlkcy1tZW51LWJhc2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQ0FBO0FBQUE7QUFBQTtBREdBO0VBQ0U7OztBQUdGO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgTWVudSBDb21wb25lbnQgKi9cbkB1c2UgJy4vaWRzLW1lbnUtYmFzZScgYXMgKjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmlkcy1tZW51IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG4iLCIvKipcbiAqIEJhc2UgU3R5bGVzL01peGlucyBmb3IgSWRzIE1lbnUgQ29tcG9uZW50IGFuZCBhbGwgc3ViY29tcG9uZW50cy5cbiAqL1xuLy8gUmVzZXRzIHRoZSBVc2VyLUFnZW50IHN0eWxlc2hlZXQgcnVsZXMgZm9yIGA8dWw+YCBpbiBDaHJvbWVcbkBtaXhpbiByZXNldC1tZW51LXN0eWxlKCkge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWJsb2NrLWVuZDogMDtcbiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAwO1xuICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbn1cbiJdfQ== */
15
+ .ids-menu-group.ids-menu-group-wrapped {
16
+ display: flex;
17
+ flex-flow: column wrap;
18
+ max-height: 90vh;
19
+ max-width: 100vw;
20
+ width: max-content;
21
+ }
22
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbWVudSIsInNvdXJjZXMiOlsiaWRzLW1lbnUtZ3JvdXAuc2NzcyIsImlkcy1tZW51LWJhc2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQ0FBO0FBQUE7QUFBQTtBREdBO0VBQ0U7OztBQUdGO0VDRkU7RUFDQTtFQUNBO0VBQ0E7O0FER0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUtBIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIE1lbnUgR3JvdXAgQ29tcG9uZW50ICovXG5AdXNlICcuL2lkcy1tZW51LWJhc2UnIGFzICo7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5pZHMtbWVudS1ncm91cCB7XG4gIEBpbmNsdWRlIHJlc2V0LW1lbnUtc3R5bGUoKTtcblxuXG4gICYuaWRzLW1lbnUtZ3JvdXAtd3JhcHBlZCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IGNvbHVtbiB3cmFwO1xuICAgIG1heC1oZWlnaHQ6IDkwdmg7XG4gICAgbWF4LXdpZHRoOiAxMDB2dztcblxuICAgIC8vIE5PVEU6IFwid2lkdGg6IG1heC1jb250ZW50XCIgZG9lc24ndCB3b3JrIGluIFNhZmFyaSBhbmQgRmlyZWZveFxuICAgIC8vIFNvIGFkZGVkIFwiYWZ0ZXJzaG93XCIgbWVudSBldmVudCB0byBjb25maWd1cmUgd2l0aCBtYW51YWxseVxuICAgIC8vIEBzZWUgSWRzTWVudUdyb3VwLmNvbmZpZ3VyZU1lZ2FNZW51KClcbiAgICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIH1cbn1cbiIsIi8qKlxuICogQmFzZSBTdHlsZXMvTWl4aW5zIGZvciBJZHMgTWVudSBDb21wb25lbnQgYW5kIGFsbCBzdWJjb21wb25lbnRzLlxuICovXG4vLyBSZXNldHMgdGhlIFVzZXItQWdlbnQgc3R5bGVzaGVldCBydWxlcyBmb3IgYDx1bD5gIGluIENocm9tZVxuQG1peGluIHJlc2V0LW1lbnUtc3R5bGUoKSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tYmxvY2stZW5kOiAwO1xuICBtYXJnaW4tYmxvY2stc3RhcnQ6IDA7XG4gIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xufVxuIl19 */