ids-enterprise-wc 1.15.9-patch.10 → 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 (37) 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-accordion/ids-accordion.css +9 -93
  10. package/components/ids-app-menu/ids-app-menu.css +132 -23
  11. package/components/ids-button/ids-button.css +43 -392
  12. package/components/ids-calendar/ids-calendar.css +265 -190
  13. package/components/ids-checkbox/ids-checkbox.css +580 -7
  14. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  15. package/components/ids-data-grid/ids-data-grid-column.d.ts +2 -0
  16. package/components/ids-data-grid/ids-data-grid-column.js +1 -1
  17. package/components/ids-data-grid/ids-data-grid-filters.js +2 -2
  18. package/components/ids-data-grid/ids-data-grid-row.js +2 -2
  19. package/components/ids-data-grid/ids-data-grid.css +54 -1
  20. package/components/ids-data-grid/ids-data-grid.d.ts +18 -0
  21. package/components/ids-data-grid/ids-data-grid.js +5 -5
  22. package/components/ids-menu/ids-menu.css +17 -11
  23. package/components/ids-module-nav/ids-module-nav.css +276 -29
  24. package/components/ids-pager/ids-pager.css +25 -28
  25. package/components/ids-swappable/ids-swappable.css +19 -84
  26. package/components/ids-time-picker/ids-time-picker.css +67 -49
  27. package/components/ids-trigger-field/ids-trigger-field.css +1681 -1165
  28. package/custom-elements.json +1920 -1846
  29. package/enterprise-wc.all.iife.js +166 -7
  30. package/enterprise-wc.all.iife.js.map +2 -2
  31. package/enterprise-wc.js +5 -5
  32. package/package.json +1 -1
  33. package/vscode.html-custom-data.json +1 -1
  34. package/chunks/ids-chunk-HR4HAGMR-full.js.map +0 -7
  35. package/chunks/ids-chunk-SPEJ6VZH-full.js.map +0 -7
  36. /package/chunks/{ids-chunk-UD2BRVFR-full.js.map → ids-chunk-5GV6Y3WM-full.js.map} +0 -0
  37. /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,16 +1,22 @@
1
- /* Ids Menu Header Component */
1
+ /* Ids Menu Group Component */
2
+ /**
3
+ * Base Styles/Mixins for Ids Menu Component and all subcomponents.
4
+ */
2
5
  :root {
3
6
  display: block;
4
7
  }
5
8
 
6
- .ids-menu-header {
7
- margin-block: var(--ids-menu-header-margin);
8
- padding-inline: var(--ids-menu-header-padding);
9
- font-weight: var(--ids-menu-header-font-weight);
10
- font-size: var(--ids-menu-header-font-size);
11
- color: var(--ids-popup-menu-color-text-default);
12
- font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
13
- list-style: none;
14
- text-align: start;
9
+ .ids-menu-group {
10
+ display: block;
11
+ margin-block-end: 0;
12
+ margin-block-start: 0;
13
+ padding-inline-start: 0;
14
+ }
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;
15
21
  }
16
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbWVudSIsInNvdXJjZXMiOlsiaWRzLW1lbnUtaGVhZGVyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgTWVudSBIZWFkZXIgQ29tcG9uZW50ICovXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uaWRzLW1lbnUtaGVhZGVyIHtcbiAgbWFyZ2luLWJsb2NrOiB2YXIoLS1pZHMtbWVudS1oZWFkZXItbWFyZ2luKTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWlkcy1tZW51LWhlYWRlci1wYWRkaW5nKTtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLWlkcy1tZW51LWhlYWRlci1mb250LXdlaWdodCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0taWRzLW1lbnUtaGVhZGVyLWZvbnQtc2l6ZSk7XG4gIGNvbG9yOiB2YXIoLS1pZHMtcG9wdXAtbWVudS1jb2xvci10ZXh0LWRlZmF1bHQpO1xuICBmb250LWZhbWlseTogdmFyKC0taWRzLWZvbnQtZmFtaWx5LWRlZmF1bHQpLCB2YXIoLS1pZHMtZm9udC1mYW1pbHktc3lzdGVtLXNhbnMpO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICB0ZXh0LWFsaWduOiBzdGFydDtcbn1cbiJdfQ== */
22
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbWVudSIsInNvdXJjZXMiOlsiaWRzLW1lbnUtZ3JvdXAuc2NzcyIsImlkcy1tZW51LWJhc2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQ0FBO0FBQUE7QUFBQTtBREdBO0VBQ0U7OztBQUdGO0VDRkU7RUFDQTtFQUNBO0VBQ0E7O0FER0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUtBIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIE1lbnUgR3JvdXAgQ29tcG9uZW50ICovXG5AdXNlICcuL2lkcy1tZW51LWJhc2UnIGFzICo7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5pZHMtbWVudS1ncm91cCB7XG4gIEBpbmNsdWRlIHJlc2V0LW1lbnUtc3R5bGUoKTtcblxuXG4gICYuaWRzLW1lbnUtZ3JvdXAtd3JhcHBlZCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IGNvbHVtbiB3cmFwO1xuICAgIG1heC1oZWlnaHQ6IDkwdmg7XG4gICAgbWF4LXdpZHRoOiAxMDB2dztcblxuICAgIC8vIE5PVEU6IFwid2lkdGg6IG1heC1jb250ZW50XCIgZG9lc24ndCB3b3JrIGluIFNhZmFyaSBhbmQgRmlyZWZveFxuICAgIC8vIFNvIGFkZGVkIFwiYWZ0ZXJzaG93XCIgbWVudSBldmVudCB0byBjb25maWd1cmUgd2l0aCBtYW51YWxseVxuICAgIC8vIEBzZWUgSWRzTWVudUdyb3VwLmNvbmZpZ3VyZU1lZ2FNZW51KClcbiAgICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIH1cbn1cbiIsIi8qKlxuICogQmFzZSBTdHlsZXMvTWl4aW5zIGZvciBJZHMgTWVudSBDb21wb25lbnQgYW5kIGFsbCBzdWJjb21wb25lbnRzLlxuICovXG4vLyBSZXNldHMgdGhlIFVzZXItQWdlbnQgc3R5bGVzaGVldCBydWxlcyBmb3IgYDx1bD5gIGluIENocm9tZVxuQG1peGluIHJlc2V0LW1lbnUtc3R5bGUoKSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tYmxvY2stZW5kOiAwO1xuICBtYXJnaW4tYmxvY2stc3RhcnQ6IDA7XG4gIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xufVxuIl19 */
@@ -1,51 +1,298 @@
1
1
  :root {
2
- box-sizing: border-box;
2
+ display: block;
3
+ position: fixed;
4
+ transition: box-shadow var(--ids-motion-duration) var(--ids-motion-ease), transform var(--ids-motion-duration) var(--ids-motion-ease);
3
5
  }
4
6
 
5
- ::slotted(ids-button) {
6
- display: block;
7
- height: var(--ids-module-nav-switcher-button-size);
8
- width: var(--ids-module-nav-switcher-button-size);
7
+ :host([edge=bottom]) {
8
+ bottom: 0;
9
+ left: 0;
10
+ right: 0;
11
+ transform: translateY(100%);
9
12
  }
10
13
 
11
- ids-button::part(button) {
12
- height: var(--ids-module-nav-switcher-button-size);
13
- width: var(--ids-module-nav-switcher-button-size);
14
+ :host([edge=bottom][visible]) {
15
+ transform: translateY(0);
14
16
  }
15
17
 
16
- :host([display-mode=collapsed]) ::slotted(ids-dropdown) {
17
- display: none;
18
+ :host([edge=start]:not([dir])) {
19
+ bottom: 0;
20
+ left: 0;
21
+ top: 0;
22
+ transform: translateX(-100%);
23
+ }
24
+
25
+ :host([edge=start][visible]) {
26
+ transform: none;
27
+ }
28
+
29
+ :host([dir=rtl][edge=start]) {
30
+ bottom: 0;
31
+ right: 0;
32
+ top: 0;
33
+ transform: translateX(100%);
34
+ }
35
+
36
+ :host([dir=rtl][edge=start][visible]) {
37
+ transform: none;
38
+ }
39
+
40
+ .ids-drawer {
41
+ height: 100%;
42
+ width: 100%;
43
+ }
44
+ .ids-drawer.type-action-sheet {
45
+ background-color: var(--ids-drawer-action-sheet-color-background);
46
+ box-shadow: var(--ids-drawer-action-sheet-shadow);
47
+ color: var(--ids-drawer-action-sheet-color-text);
48
+ padding: var(--ids-space-12);
49
+ margin: 0 auto;
50
+ max-height: 70vh;
51
+ max-width: 480px;
52
+ min-height: 150px;
53
+ border-top-left-radius: 15px;
54
+ border-top-right-radius: 15px;
55
+ }
56
+ .ids-drawer.type-app-menu {
57
+ background-color: var(--ids-drawer-app-menu-color-background);
58
+ border-inline-end: 1px solid var(--ids-drawer-app-menu-color-border);
59
+ color: var(--ids-drawer-app-menu-color-text);
60
+ min-width: var(--ids-drawer-width);
61
+ width: var(--ids-drawer-width);
62
+ }
63
+ .ids-drawer.type-app-menu ::slotted(ids-text) {
64
+ color: inherit;
65
+ }
66
+ .ids-drawer.type-app-menu.visible {
67
+ box-shadow: var(--ids-drawer-app-menu-shadow);
68
+ }
69
+ @media (min-width: 840px) {
70
+ .ids-drawer.type-app-menu.visible {
71
+ box-shadow: none;
72
+ }
73
+ }
74
+ .ids-drawer.type-module-nav {
75
+ background-color: var(--ids-module-nav-background-color);
76
+ color: var(--ids-module-nav-text-color);
77
+ }
78
+
79
+ :host {
80
+ box-sizing: border-box;
81
+ display: flex;
82
+ flex-direction: column;
83
+ flex-basis: max-content;
84
+ position: relative;
85
+ transition: none;
86
+ z-index: var(--ids-module-nav-bar-z-index);
18
87
  }
19
88
 
20
- ::slotted(ids-dropdown) {
21
- margin-inline-start: var(--ids-module-nav-switcher-button-gutter-size);
22
- width: var(--ids-module-nav-switcher-dropdown-width);
89
+ :host([pinned]) ::slotted(ids-separator) {
90
+ visibility: hidden;
23
91
  }
24
92
 
25
- .ids-module-nav-switcher {
26
- align-items: center;
93
+ .ids-module-nav-bar {
94
+ box-sizing: border-box;
27
95
  display: flex;
28
- flex-direction: row;
96
+ flex-direction: column;
97
+ overflow: hidden;
98
+ align-items: stretch;
99
+ padding-block-start: var(--ids-module-nav-bar-padding-top);
100
+ }
101
+ .ids-module-nav-bar:not(.display-mode-collapsed):not(.display-mode-expanded) {
102
+ pointer-events: none;
103
+ }
104
+ .ids-module-nav-bar:not(.display-mode-collapsed):not(.display-mode-expanded) .ids-module-nav-bar-main {
105
+ width: 0;
106
+ }
107
+ .ids-module-nav-bar:not(.display-mode-collapsed):not(.display-mode-expanded) .ids-module-nav-bar-detail {
108
+ width: 0;
109
+ }
110
+ .ids-module-nav-bar:not(.display-mode-collapsed):not(.display-mode-expanded) .ids-module-nav-footer {
111
+ display: none;
112
+ }
113
+ .ids-module-nav-bar:not(.display-mode-collapsed):not(.display-mode-expanded) .ids-module-nav-search-wrapper {
114
+ display: none;
115
+ }
116
+ .ids-module-nav-bar:not(.display-mode-collapsed):not(.display-mode-expanded) .ids-module-nav-separator,
117
+ .ids-module-nav-bar:not(.display-mode-collapsed):not(.display-mode-expanded) .ids-module-nav-user-separator {
118
+ visibility: hidden;
119
+ }
120
+ .ids-module-nav-bar:not(.display-mode-expanded) .accordion-header .ids-text {
121
+ clip: rect(0, 0, 0, 0);
122
+ height: 0;
123
+ line-height: 0;
124
+ min-height: 0;
125
+ overflow: hidden;
126
+ padding: 0;
127
+ position: absolute;
128
+ width: 1px;
129
+ }
130
+ .ids-module-nav-bar .ids-module-nav-expander {
29
131
  position: relative;
30
- min-height: var(--ids-module-nav-switcher-button-size);
31
- margin: var(--ids-module-nav-switcher-button-gutter-size);
132
+ top: -3px;
32
133
  }
33
- .ids-module-nav-switcher.display-mode-collapsed {
134
+ .ids-module-nav-bar.display-mode-collapsed:not(.show-detail) .ids-module-nav-bar-detail, .ids-module-nav-bar.display-mode-expanded:not(.show-detail) .ids-module-nav-bar-detail {
135
+ display: none;
136
+ }
137
+ .ids-module-nav-bar.display-mode-collapsed.show-detail .ids-module-nav-bar-main, .ids-module-nav-bar.display-mode-expanded.show-detail .ids-module-nav-bar-main {
138
+ border-inline-end: 1px solid var(--ids-module-nav-border-color);
139
+ }
140
+ .ids-module-nav-bar.display-mode-collapsed.show-detail .ids-module-nav-bar-detail, .ids-module-nav-bar.display-mode-expanded.show-detail .ids-module-nav-bar-detail {
141
+ width: var(--ids-module-nav-submenu-size);
142
+ }
143
+ .ids-module-nav-bar.display-mode-collapsed {
144
+ border-inline-end: 1px solid var(--ids-module-nav-border-color);
145
+ }
146
+ .ids-module-nav-bar.display-mode-collapsed .ids-module-nav-separator,
147
+ .ids-module-nav-bar.display-mode-collapsed .ids-module-nav-user-separator {
148
+ visibility: hidden;
149
+ }
150
+ .ids-module-nav-bar.display-mode-collapsed .ids-module-nav-search-wrapper {
151
+ display: none;
152
+ }
153
+ .ids-module-nav-bar.display-mode-collapsed .ids-module-nav-bar-main {
154
+ width: var(--ids-module-nav-collapsed-size);
155
+ }
156
+ .ids-module-nav-bar.display-mode-collapsed .ids-module-nav-item {
34
157
  justify-content: center;
158
+ margin-inline: var(--ids-module-nav-item-margin-inline);
159
+ padding-block: var(--ids-module-nav-item-padding-size);
160
+ }
161
+ .ids-module-nav-bar.display-mode-collapsed .ids-module-nav-item > .icon {
162
+ margin-block: auto;
163
+ margin-inline: 0;
164
+ }
165
+ .ids-module-nav-bar.display-mode-collapsed .ids-module-nav-item span {
166
+ clip: rect(0, 0, 0, 0);
167
+ width: 1px;
168
+ overflow: hidden;
169
+ }
170
+ .ids-module-nav-bar.display-mode-collapsed .ids-module-nav-settings {
171
+ padding-block-end: 28px;
35
172
  }
36
- .ids-module-nav-switcher.display-mode-collapsed ::slotted(ids-dropdown) {
173
+ .ids-module-nav-bar.display-mode-expanded {
174
+ border-right: 1px solid var(--ids-module-nav-border-color);
175
+ }
176
+ .ids-module-nav-bar.display-mode-expanded .ids-module-nav-search-wrapper {
177
+ padding-inline: var(--ids-module-nav-accordion-gutter-size);
178
+ }
179
+ .ids-module-nav-bar.display-mode-expanded .ids-module-nav-bar-main {
180
+ width: var(--ids-module-nav-expanded-size);
181
+ }
182
+ .ids-module-nav-bar.display-mode-expanded .ids-module-nav-item {
183
+ margin-inline: var(--ids-module-nav-item-margin-inline);
184
+ padding: var(--ids-module-nav-item-padding-size);
185
+ padding-inline-start: var(--ids-module-nav-item-margin-inline);
186
+ }
187
+ .ids-module-nav-bar.display-mode-expanded .ids-module-nav-item > .icon {
188
+ margin-inline-end: var(--ids-module-nav-item-icon-end-spacing);
189
+ }
190
+ .ids-module-nav-bar.display-mode-expanded.show-detail .ids-module-nav-bar-detail {
191
+ width: var(--ids-module-nav-submenu-size);
192
+ }
193
+ .ids-module-nav-bar.display-mode-expanded .ids-module-nav-settings-wrapper {
194
+ padding-inline-start: 0;
195
+ }
196
+ .ids-module-nav-bar.display-mode-expanded .ids-module-nav-settings {
197
+ padding-block-end: 24px;
198
+ }
199
+ .ids-module-nav-bar:not(.filterable) .ids-module-nav-search-wrapper {
37
200
  display: none;
201
+ pointer-events: none;
202
+ }
203
+ .ids-module-nav-bar:not(.pinned) {
204
+ overflow: auto;
205
+ }
206
+ .ids-module-nav-bar:not(.pinned) .ids-module-nav-footer {
207
+ flex-grow: 1;
208
+ }
209
+ .ids-module-nav-bar.pinned {
210
+ overflow: hidden;
211
+ }
212
+ .ids-module-nav-bar.pinned .ids-module-nav-main,
213
+ .ids-module-nav-bar.pinned .ids-module-nav-search-no-results {
214
+ flex-grow: 1;
215
+ overflow: auto;
38
216
  }
39
- .ids-module-nav-switcher.display-mode-collapsed ::slotted(ids-button) {
40
- height: var(--ids-module-nav-switcher-button-size);
41
- width: var(--ids-module-nav-switcher-button-size);
42
- padding-inline: 4px;
217
+ .ids-module-nav-bar.pinned.display-mode-expanded .ids-module-nav-main + .ids-module-nav-separator {
218
+ display: block;
219
+ }
220
+ .ids-module-nav-bar.pinned .ids-module-nav-footer {
221
+ flex-grow: 0;
222
+ }
223
+
224
+ .ids-module-nav-bar-main {
225
+ box-sizing: border-box;
226
+ align-items: stretch;
227
+ display: flex;
228
+ flex-direction: column;
229
+ background-color: var(--ids-module-nav-bg-color);
230
+ color: var(--ids-module-nav-text-color);
231
+ height: 100%;
232
+ transition: margin var(--ids-motion-duration) var(--ids-motion-ease), transform var(--ids-motion-duration) var(--ids-motion-ease), width var(--ids-motion-duration) var(--ids-motion-ease);
233
+ }
234
+
235
+ .ids-module-nav-bar-detail {
236
+ box-sizing: border-box;
237
+ background-color: var(--ids-module-nav-detail-bg-color);
238
+ border-inline-end: 1px solid var(--ids-module-nav-border-color);
239
+ height: 100%;
240
+ }
241
+
242
+ .ids-module-nav-branding,
243
+ .ids-module-nav-footer,
244
+ .ids-module-nav-header,
245
+ .ids-module-nav-search,
246
+ .ids-module-nav-user {
247
+ flex-grow: 0;
43
248
  }
44
- .ids-module-nav-switcher.display-mode-collapsed .ids-dropdown {
249
+
250
+ .ids-module-nav-content {
251
+ overflow: auto;
252
+ flex-grow: 1;
253
+ }
254
+
255
+ .ids-module-nav-user {
256
+ padding: var(--ids-space-4xl);
257
+ }
258
+
259
+ .ids-module-nav-search {
260
+ padding: var(--ids-space-lg);
261
+ }
262
+
263
+ .ids-module-nav-search-no-results {
45
264
  display: none;
46
265
  }
47
- .ids-module-nav-switcher.display-mode-collapsed .ids-button {
48
- height: var(--ids-module-nav-switcher-button-size);
49
- width: var(--ids-module-nav-switcher-button-size);
266
+ .ids-module-nav-search-no-results.visible {
267
+ display: block;
268
+ }
269
+
270
+ ::slotted(ids-icon[slot=avatar]) {
271
+ padding: var(--ids-space-lg);
272
+ }
273
+
274
+ ::slotted(img[slot=avatar]) {
275
+ border-radius: var(--ids-border-radius-round);
276
+ height: 40px;
277
+ width: 40px;
278
+ }
279
+
280
+ ::slotted(ids-toolbar) {
281
+ padding-inline: var(--ids-space-lg);
282
+ margin-block-end: var(--ids-space-lg);
283
+ }
284
+
285
+ ::slotted(ids-tooltip) {
286
+ display: block;
287
+ white-space: nowrap;
288
+ }
289
+
290
+ ::slotted(ids-tooltip::part(tooltip)) {
291
+ display: flex;
292
+ }
293
+
294
+ ::slotted([slot=expander]) {
295
+ border-bottom: 1px solid var(--ids-module-nav-border-color);
296
+ margin-block-start: -2px;
50
297
  }
51
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbW9kdWxlLW5hdiIsInNvdXJjZXMiOlsiaWRzLW1vZHVsZS1uYXYtc3dpdGNoZXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFJQTtFQUNFOzs7QUFJSjtFQUNFO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBRUE7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIjpob3N0IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuOjpzbG90dGVkKGlkcy1idXR0b24pIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogdmFyKC0taWRzLW1vZHVsZS1uYXYtc3dpdGNoZXItYnV0dG9uLXNpemUpO1xuICB3aWR0aDogdmFyKC0taWRzLW1vZHVsZS1uYXYtc3dpdGNoZXItYnV0dG9uLXNpemUpO1xufVxuXG5pZHMtYnV0dG9uOjpwYXJ0KGJ1dHRvbikge1xuICBoZWlnaHQ6IHZhcigtLWlkcy1tb2R1bGUtbmF2LXN3aXRjaGVyLWJ1dHRvbi1zaXplKTtcbiAgd2lkdGg6IHZhcigtLWlkcy1tb2R1bGUtbmF2LXN3aXRjaGVyLWJ1dHRvbi1zaXplKTtcbn1cblxuOmhvc3QoW2Rpc3BsYXktbW9kZT1cImNvbGxhcHNlZFwiXSkge1xuICA6OnNsb3R0ZWQoaWRzLWRyb3Bkb3duKSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG46OnNsb3R0ZWQoaWRzLWRyb3Bkb3duKSB7XG4gIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IHZhcigtLWlkcy1tb2R1bGUtbmF2LXN3aXRjaGVyLWJ1dHRvbi1ndXR0ZXItc2l6ZSk7XG4gIHdpZHRoOiB2YXIoLS1pZHMtbW9kdWxlLW5hdi1zd2l0Y2hlci1kcm9wZG93bi13aWR0aCk7XG59XG5cbi5pZHMtbW9kdWxlLW5hdi1zd2l0Y2hlciB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLWhlaWdodDogdmFyKC0taWRzLW1vZHVsZS1uYXYtc3dpdGNoZXItYnV0dG9uLXNpemUpO1xuICBtYXJnaW46IHZhcigtLWlkcy1tb2R1bGUtbmF2LXN3aXRjaGVyLWJ1dHRvbi1ndXR0ZXItc2l6ZSk7XG5cbiAgJi5kaXNwbGF5LW1vZGUtY29sbGFwc2VkIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgIDo6c2xvdHRlZChpZHMtZHJvcGRvd24pIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgOjpzbG90dGVkKGlkcy1idXR0b24pIHtcbiAgICAgIGhlaWdodDogdmFyKC0taWRzLW1vZHVsZS1uYXYtc3dpdGNoZXItYnV0dG9uLXNpemUpO1xuICAgICAgd2lkdGg6IHZhcigtLWlkcy1tb2R1bGUtbmF2LXN3aXRjaGVyLWJ1dHRvbi1zaXplKTtcbiAgICAgIHBhZGRpbmctaW5saW5lOiA0cHg7XG4gICAgfVxuXG4gICAgLmlkcy1kcm9wZG93biB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5pZHMtYnV0dG9uIHtcbiAgICAgIGhlaWdodDogdmFyKC0taWRzLW1vZHVsZS1uYXYtc3dpdGNoZXItYnV0dG9uLXNpemUpO1xuICAgICAgd2lkdGg6IHZhcigtLWlkcy1tb2R1bGUtbmF2LXN3aXRjaGVyLWJ1dHRvbi1zaXplKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */
298
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbW9kdWxlLW5hdiIsInNvdXJjZXMiOlsiLi4vaWRzLWRyYXdlci9pZHMtZHJhd2VyLnNjc3MiLCJpZHMtbW9kdWxlLW5hdi1iYXIuc2NzcyIsIi4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTtFQUNBO0VBQ0EsWUFDRTs7O0FBT0o7RUFDRTtFQUNBO0VBQ0E7RUFHQTs7O0FBR0Y7RUFDRTs7O0FBTUY7RUFDRTtFQUNBO0VBQ0E7RUFHQTs7O0FBR0Y7RUFDRTs7O0FBTUY7RUFDRTtFQUNBO0VBQ0E7RUFHQTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBOztBQUtBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFHQTtFQUNBO0VBQ0E7RUFDQTtFQUdBO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFHQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFFQTtFQUhGO0lBSUk7OztBQUtOO0VBQ0U7RUFDQTs7O0FDMUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUlBO0VBQ0U7OztBQU9KO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUtBO0VBQ0U7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtBQUFBO0VBRUU7O0FBS0Y7RUNwQ0Y7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QURrQ0E7RUFDRTtFQUNBOztBQVNFO0VBQ0U7O0FBS0Y7RUFDRTs7QUFHRjtFQUNFOztBQVFOO0VBQ0U7O0FBRUE7QUFBQTtFQUVFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7O0FBSUY7RUFDRTtFQUNBO0VBQ0E7O0FBSUo7RUFDRTs7QUFPSjtFQUNFOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUtGO0VBQ0U7O0FBSUo7RUFDRTs7QUFHRjtFQUNFOztBQVFGO0VBQ0U7RUFDQTs7QUFPSjtFQUNFOztBQUVBO0VBQ0U7O0FBSUo7RUFDRTs7QUFFQTtBQUFBO0VBRUU7RUFDQTs7QUFJQTtFQUNFOztBQUlKO0VBQ0U7OztBQUtOO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBS0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7QUFBQTtBQUFBO0FBQUE7QUFBQTtFQUtFOzs7QUFHRjtFQUNFO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7O0FBRUE7RUFDRTs7O0FBS0o7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFHRjtFQUNFO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucycgYXMgKjtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gQmFzZSBEcmF3ZXIgU3R5bGVzXG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdHJhbnNpdGlvbjpcbiAgICBib3gtc2hhZG93IHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSksXG4gICAgdHJhbnNmb3JtIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG59XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIEJvdHRvbSBEcmF3ZXIgU3R5bGVzXG5cbjpob3N0KFtlZGdlPSdib3R0b20nXSkge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuXG4gIC8vIE1vdmVzIHRoZSBkcmF3ZXIgb2ZmIHRoZSBsZWZ0LW1vc3QgZWRnZVxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7XG59XG5cbjpob3N0KFtlZGdlPSdib3R0b20nXVt2aXNpYmxlXSkge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG59XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIExlZnQgRHJhd2VyIFN0eWxlc1xuXG46aG9zdChbZWRnZT0nc3RhcnQnXTpub3QoW2Rpcl0pKSB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuXG4gIC8vIE1vdmVzIHRoZSBkcmF3ZXIgb2ZmIHRoZSBsZWZ0LW1vc3QgZWRnZVxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xufVxuXG46aG9zdChbZWRnZT0nc3RhcnQnXVt2aXNpYmxlXSkge1xuICB0cmFuc2Zvcm06IG5vbmU7XG59XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIExlZnQgRHJhd2VyIFN0eWxlcyAoUlRMKVxuXG46aG9zdChbZGlyPSdydGwnXVtlZGdlPSdzdGFydCddKSB7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcblxuICAvLyBNb3ZlcyB0aGUgZHJhd2VyIG9mZiB0aGUgbGVmdC1tb3N0IGVkZ2VcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xufVxuXG46aG9zdChbZGlyPSdydGwnXVtlZGdlPSdzdGFydCddW3Zpc2libGVdKSB7XG4gIHRyYW5zZm9ybTogbm9uZTtcbn1cblxuLmlkcy1kcmF3ZXIge1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gVHlwZSBTdHlsZXNcblxuICAmLnR5cGUtYWN0aW9uLXNoZWV0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtZHJhd2VyLWFjdGlvbi1zaGVldC1jb2xvci1iYWNrZ3JvdW5kKTtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1pZHMtZHJhd2VyLWFjdGlvbi1zaGVldC1zaGFkb3cpO1xuICAgIGNvbG9yOiB2YXIoLS1pZHMtZHJhd2VyLWFjdGlvbi1zaGVldC1jb2xvci10ZXh0KTtcbiAgICBwYWRkaW5nOiB2YXIoLS1pZHMtc3BhY2UtMTIpO1xuXG4gICAgLy8gdGVtcG9yYXJ5XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gICAgbWF4LWhlaWdodDogNzB2aDtcbiAgICBtYXgtd2lkdGg6IDQ4MHB4O1xuICAgIG1pbi1oZWlnaHQ6IDE1MHB4O1xuXG4gICAgLy8gUm91bmRlZCB0b3AgZWRnZXNcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAxNXB4O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAxNXB4O1xuICB9XG5cbiAgJi50eXBlLWFwcC1tZW51IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtZHJhd2VyLWFwcC1tZW51LWNvbG9yLWJhY2tncm91bmQpO1xuICAgIGJvcmRlci1pbmxpbmUtZW5kOiAxcHggc29saWQgdmFyKC0taWRzLWRyYXdlci1hcHAtbWVudS1jb2xvci1ib3JkZXIpO1xuICAgIGNvbG9yOiB2YXIoLS1pZHMtZHJhd2VyLWFwcC1tZW51LWNvbG9yLXRleHQpO1xuXG4gICAgLy8gdGVtcG9yYXJ5XG4gICAgbWluLXdpZHRoOiB2YXIoLS1pZHMtZHJhd2VyLXdpZHRoKTtcbiAgICB3aWR0aDogdmFyKC0taWRzLWRyYXdlci13aWR0aCk7XG5cbiAgICA6OnNsb3R0ZWQoaWRzLXRleHQpIHtcbiAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cblxuICAgICYudmlzaWJsZSB7XG4gICAgICBib3gtc2hhZG93OiB2YXIoLS1pZHMtZHJhd2VyLWFwcC1tZW51LXNoYWRvdyk7XG5cbiAgICAgIEBtZWRpYSAobWluLXdpZHRoOiAkYnJlYWtwb2ludC1tZCkge1xuICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICYudHlwZS1tb2R1bGUtbmF2IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtbW9kdWxlLW5hdi1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgICBjb2xvcjogdmFyKC0taWRzLW1vZHVsZS1uYXYtdGV4dC1jb2xvcik7XG4gIH1cbn1cbiIsIkB1c2UgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zJyBhcyBjb3JlO1xuQHVzZSAnLi4vaWRzLWRyYXdlci9pZHMtZHJhd2VyJyBhcyAqO1xuXG46aG9zdCB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZsZXgtYmFzaXM6IG1heC1jb250ZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zaXRpb246IG5vbmU7XG4gIHotaW5kZXg6IHZhcigtLWlkcy1tb2R1bGUtbmF2LWJhci16LWluZGV4KTtcbn1cblxuOmhvc3QoW3Bpbm5lZF0pIHtcbiAgOjpzbG90dGVkKGlkcy1zZXBhcmF0b3IpIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIH1cbn1cblxuLy8gTW9kdWxlIE5hdiBCYXIgQ29tcG9uZW50XG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSAvL1xuXG4uaWRzLW1vZHVsZS1uYXYtYmFyIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLWlkcy1tb2R1bGUtbmF2LWJhci1wYWRkaW5nLXRvcCk7XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gRGlzcGxheSBNb2RlOiBIaWRkZW5cblxuICAmOm5vdCguZGlzcGxheS1tb2RlLWNvbGxhcHNlZCk6bm90KC5kaXNwbGF5LW1vZGUtZXhwYW5kZWQpIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcblxuICAgIC5pZHMtbW9kdWxlLW5hdi1iYXItbWFpbiB7XG4gICAgICB3aWR0aDogMDtcbiAgICB9XG5cbiAgICAuaWRzLW1vZHVsZS1uYXYtYmFyLWRldGFpbCB7XG4gICAgICB3aWR0aDogMDtcbiAgICB9XG5cbiAgICAuaWRzLW1vZHVsZS1uYXYtZm9vdGVyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmlkcy1tb2R1bGUtbmF2LXNlYXJjaC13cmFwcGVyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmlkcy1tb2R1bGUtbmF2LXNlcGFyYXRvcixcbiAgICAuaWRzLW1vZHVsZS1uYXYtdXNlci1zZXBhcmF0b3Ige1xuICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIH1cbiAgfVxuXG4gICY6bm90KC5kaXNwbGF5LW1vZGUtZXhwYW5kZWQpIHtcbiAgICAuYWNjb3JkaW9uLWhlYWRlciAuaWRzLXRleHQge1xuICAgICAgQGluY2x1ZGUgY29yZS5hdWRpYmxlKCk7XG4gICAgfVxuICB9XG5cbiAgLmlkcy1tb2R1bGUtbmF2LWV4cGFuZGVyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdG9wOiAtM3B4O1xuICB9XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gRGlzcGxheSBNb2RlOiBDb2xsYXBzZWQvRXhwYW5kZWRcblxuICAmLmRpc3BsYXktbW9kZS1jb2xsYXBzZWQsXG4gICYuZGlzcGxheS1tb2RlLWV4cGFuZGVkIHtcbiAgICAmOm5vdCguc2hvdy1kZXRhaWwpIHtcbiAgICAgIC5pZHMtbW9kdWxlLW5hdi1iYXItZGV0YWlsIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLnNob3ctZGV0YWlsIHtcbiAgICAgIC5pZHMtbW9kdWxlLW5hdi1iYXItbWFpbiB7XG4gICAgICAgIGJvcmRlci1pbmxpbmUtZW5kOiAxcHggc29saWQgdmFyKC0taWRzLW1vZHVsZS1uYXYtYm9yZGVyLWNvbG9yKTtcbiAgICAgIH1cblxuICAgICAgLmlkcy1tb2R1bGUtbmF2LWJhci1kZXRhaWwge1xuICAgICAgICB3aWR0aDogdmFyKC0taWRzLW1vZHVsZS1uYXYtc3VibWVudS1zaXplKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAvLyBEaXNwbGF5IE1vZGU6IENvbGxhcHNlZFxuXG4gICYuZGlzcGxheS1tb2RlLWNvbGxhcHNlZCB7XG4gICAgYm9yZGVyLWlubGluZS1lbmQ6IDFweCBzb2xpZCB2YXIoLS1pZHMtbW9kdWxlLW5hdi1ib3JkZXItY29sb3IpO1xuXG4gICAgLmlkcy1tb2R1bGUtbmF2LXNlcGFyYXRvcixcbiAgICAuaWRzLW1vZHVsZS1uYXYtdXNlci1zZXBhcmF0b3Ige1xuICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIH1cblxuICAgIC5pZHMtbW9kdWxlLW5hdi1zZWFyY2gtd3JhcHBlciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5pZHMtbW9kdWxlLW5hdi1iYXItbWFpbiB7XG4gICAgICB3aWR0aDogdmFyKC0taWRzLW1vZHVsZS1uYXYtY29sbGFwc2VkLXNpemUpO1xuICAgIH1cblxuICAgIC5pZHMtbW9kdWxlLW5hdi1pdGVtIHtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgbWFyZ2luLWlubGluZTogdmFyKC0taWRzLW1vZHVsZS1uYXYtaXRlbS1tYXJnaW4taW5saW5lKTtcbiAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWlkcy1tb2R1bGUtbmF2LWl0ZW0tcGFkZGluZy1zaXplKTtcblxuICAgICAgPiAuaWNvbiB7XG4gICAgICAgIG1hcmdpbi1ibG9jazogYXV0bztcbiAgICAgICAgbWFyZ2luLWlubGluZTogMDtcbiAgICAgIH1cblxuICAgICAgLy8gQ2FuJ3QgdXNlIGBhdWRpYmxlYCBoZXJlLCBuZWVkIHRvIHJldGFpbiBsaW5lIGhlaWdodFxuICAgICAgc3BhbiB7XG4gICAgICAgIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gICAgICAgIHdpZHRoOiAxcHg7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmlkcy1tb2R1bGUtbmF2LXNldHRpbmdzIHtcbiAgICAgIHBhZGRpbmctYmxvY2stZW5kOiAyOHB4O1xuICAgIH1cbiAgfVxuXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIERpc3BsYXkgTW9kZTogRXhwYW5kZWRcblxuICAmLmRpc3BsYXktbW9kZS1leHBhbmRlZCB7XG4gICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgdmFyKC0taWRzLW1vZHVsZS1uYXYtYm9yZGVyLWNvbG9yKTtcblxuICAgIC5pZHMtbW9kdWxlLW5hdi1zZWFyY2gtd3JhcHBlciB7XG4gICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0taWRzLW1vZHVsZS1uYXYtYWNjb3JkaW9uLWd1dHRlci1zaXplKTtcbiAgICB9XG5cbiAgICAuaWRzLW1vZHVsZS1uYXYtYmFyLW1haW4ge1xuICAgICAgd2lkdGg6IHZhcigtLWlkcy1tb2R1bGUtbmF2LWV4cGFuZGVkLXNpemUpO1xuICAgIH1cblxuICAgIC5pZHMtbW9kdWxlLW5hdi1pdGVtIHtcbiAgICAgIG1hcmdpbi1pbmxpbmU6IHZhcigtLWlkcy1tb2R1bGUtbmF2LWl0ZW0tbWFyZ2luLWlubGluZSk7XG4gICAgICBwYWRkaW5nOiB2YXIoLS1pZHMtbW9kdWxlLW5hdi1pdGVtLXBhZGRpbmctc2l6ZSk7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taWRzLW1vZHVsZS1uYXYtaXRlbS1tYXJnaW4taW5saW5lKTtcblxuICAgICAgPiAuaWNvbiB7XG4gICAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiB2YXIoLS1pZHMtbW9kdWxlLW5hdi1pdGVtLWljb24tZW5kLXNwYWNpbmcpO1xuICAgICAgfVxuICAgIH1cblxuICAgICYuc2hvdy1kZXRhaWwge1xuICAgICAgLmlkcy1tb2R1bGUtbmF2LWJhci1kZXRhaWwge1xuICAgICAgICB3aWR0aDogdmFyKC0taWRzLW1vZHVsZS1uYXYtc3VibWVudS1zaXplKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAuaWRzLW1vZHVsZS1uYXYtc2V0dGluZ3Mtd3JhcHBlciB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbiAgICB9XG5cbiAgICAuaWRzLW1vZHVsZS1uYXYtc2V0dGluZ3Mge1xuICAgICAgcGFkZGluZy1ibG9jay1lbmQ6IDI0cHg7XG4gICAgfVxuICB9XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gRmlsdGVyYWJsZSBTZXR0aW5nXG5cbiAgJjpub3QoLmZpbHRlcmFibGUpIHtcbiAgICAuaWRzLW1vZHVsZS1uYXYtc2VhcmNoLXdyYXBwZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbiAgfVxuXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIFBpbm5lZCBTZXR0aW5nXG5cbiAgJjpub3QoLnBpbm5lZCkge1xuICAgIG92ZXJmbG93OiBhdXRvO1xuXG4gICAgLmlkcy1tb2R1bGUtbmF2LWZvb3RlciB7XG4gICAgICBmbGV4LWdyb3c6IDE7XG4gICAgfVxuICB9XG5cbiAgJi5waW5uZWQge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuaWRzLW1vZHVsZS1uYXYtbWFpbixcbiAgICAuaWRzLW1vZHVsZS1uYXYtc2VhcmNoLW5vLXJlc3VsdHMge1xuICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgfVxuXG4gICAgJi5kaXNwbGF5LW1vZGUtZXhwYW5kZWQge1xuICAgICAgLmlkcy1tb2R1bGUtbmF2LW1haW4gKyAuaWRzLW1vZHVsZS1uYXYtc2VwYXJhdG9yIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmlkcy1tb2R1bGUtbmF2LWZvb3RlciB7XG4gICAgICBmbGV4LWdyb3c6IDA7XG4gICAgfVxuICB9XG59XG5cbi5pZHMtbW9kdWxlLW5hdi1iYXItbWFpbiB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtbW9kdWxlLW5hdi1iZy1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1pZHMtbW9kdWxlLW5hdi10ZXh0LWNvbG9yKTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0cmFuc2l0aW9uOiBtYXJnaW4gdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKSxcbiAgICB0cmFuc2Zvcm0gdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKSxcbiAgICB3aWR0aCB2YXIoLS1pZHMtbW90aW9uLWR1cmF0aW9uKSB2YXIoLS1pZHMtbW90aW9uLWVhc2UpO1xufVxuXG4uaWRzLW1vZHVsZS1uYXYtYmFyLWRldGFpbCB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1tb2R1bGUtbmF2LWRldGFpbC1iZy1jb2xvcik7XG4gIGJvcmRlci1pbmxpbmUtZW5kOiAxcHggc29saWQgdmFyKC0taWRzLW1vZHVsZS1uYXYtYm9yZGVyLWNvbG9yKTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4uaWRzLW1vZHVsZS1uYXYtYnJhbmRpbmcsXG4uaWRzLW1vZHVsZS1uYXYtZm9vdGVyLFxuLmlkcy1tb2R1bGUtbmF2LWhlYWRlcixcbi5pZHMtbW9kdWxlLW5hdi1zZWFyY2gsXG4uaWRzLW1vZHVsZS1uYXYtdXNlciB7XG4gIGZsZXgtZ3JvdzogMDtcbn1cblxuLmlkcy1tb2R1bGUtbmF2LWNvbnRlbnQge1xuICBvdmVyZmxvdzogYXV0bztcbiAgZmxleC1ncm93OiAxO1xufVxuXG4uaWRzLW1vZHVsZS1uYXYtdXNlciB7XG4gIHBhZGRpbmc6IHZhcigtLWlkcy1zcGFjZS00eGwpO1xufVxuXG4uaWRzLW1vZHVsZS1uYXYtc2VhcmNoIHtcbiAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLWxnKTtcbn1cblxuLmlkcy1tb2R1bGUtbmF2LXNlYXJjaC1uby1yZXN1bHRzIHtcbiAgZGlzcGxheTogbm9uZTtcblxuICAmLnZpc2libGUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG5cbi8vIEFkZCBzb21lIHBhZGRpbmcgYW5kIHNpemluZyBvbiBBdmF0YXIgSWNvbnNcbjo6c2xvdHRlZChpZHMtaWNvbltzbG90PSdhdmF0YXInXSkge1xuICBwYWRkaW5nOiB2YXIoLS1pZHMtc3BhY2UtbGcpO1xufVxuXG46OnNsb3R0ZWQoaW1nW3Nsb3Q9J2F2YXRhciddKSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlkcy1ib3JkZXItcmFkaXVzLXJvdW5kKTtcbiAgaGVpZ2h0OiA0MHB4O1xuICB3aWR0aDogNDBweDtcbn1cblxuOjpzbG90dGVkKGlkcy10b29sYmFyKSB7XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1pZHMtc3BhY2UtbGcpO1xuICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1pZHMtc3BhY2UtbGcpO1xufVxuXG46OnNsb3R0ZWQoaWRzLXRvb2x0aXApIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbjo6c2xvdHRlZChpZHMtdG9vbHRpcDo6cGFydCh0b29sdGlwKSkge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG46OnNsb3R0ZWQoW3Nsb3Q9J2V4cGFuZGVyJ10pIHtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWlkcy1tb2R1bGUtbmF2LWJvcmRlci1jb2xvcik7XG4gIG1hcmdpbi1ibG9jay1zdGFydDogLTJweDtcbn1cbiIsIi8vIEJyZWFrcG9pbnRzIC0gdGhpcyBjYW50IGJlIHRva2Vuc1xuJGJyZWFrcG9pbnQteHhsOiAxNDQwcHg7XG4kYnJlYWtwb2ludC14bDogMTI4MHB4O1xuJGJyZWFrcG9pbnQtbGc6IDEwMjRweDtcbiRicmVha3BvaW50LW1kOiA4NDBweDtcbiRicmVha3BvaW50LXNtOiA2MDBweDtcbiRicmVha3BvaW50LXhzOiAzMjBweDtcblxuLy8gU2V0cyBUZXh0IEFudGlhbGlhc2luZ1xuQG1peGluIGFudGlhbGlhc2VkIHtcbiAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG4gIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBncmF5c2NhbGU7XG59XG5cbi8vIHZlbmRvciBwcmVmaXhlZCB0cmFuc2l0aW9ucyBmb3IgcmVndWxhciBhdHRyaWJ1dGVzIChub24tdmVuZG9yIHByZWZpeGVkKVxuQG1peGluIHRyYW5zaXRpb24oJHRyYW5zaXRpb25zLWxpc3QuLi4pIHtcbiAgQGVhY2ggJHByZWZpeCBpbiAkcHJlZml4ZXMge1xuICAgICN7JHByZWZpeH10cmFuc2l0aW9uOiAkdHJhbnNpdGlvbnMtbGlzdDtcbiAgfVxufVxuXG4vLyBtYWtlIHRoZSB0ZXh0IGludmlzaWJsZSB2aXN1YWxseSBidXQgcmVhZGFibGUgYnkgc2NyZWVuIHJlYWRlcnNcbkBtaXhpbiBhdWRpYmxlKCkge1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBoZWlnaHQ6IDA7XG4gIGxpbmUtaGVpZ2h0OiAwO1xuICBtaW4taGVpZ2h0OiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG59XG4iXX0= */
@@ -1,42 +1,39 @@
1
- /* Ids Pager Input Component */
2
- :host(ids-pager-input) {
3
- display: inline-flex;
1
+ /* Ids Pager Number List Component */
2
+ :host(ids-pager-number-list) {
3
+ box-sizing: border-box;
4
+ flex-basis: 0;
5
+ flex-shrink: 0;
6
+ display: flex;
7
+ flex-direction: row;
8
+ justify-content: center;
4
9
  align-items: center;
10
+ white-space: nowrap;
11
+ text-align: center;
5
12
  }
6
13
 
7
- .ids-pager-input,
8
- ids-input::part(container) {
9
- margin-inline-start: var(--ids-space-2xs);
10
- margin-inline-end: var(--ids-space-2xs);
11
- margin-block-end: 0;
14
+ ids-button {
15
+ vertical-align: initial;
12
16
  }
13
17
 
14
- .ids-pager-input input,
15
- ids-input::part(input) {
16
- padding-block-start: 0;
17
- padding-block-end: 0;
18
- margin-block-end: 0;
19
- min-width: var(--ids-space-xl);
18
+ ids-button::part(button) {
19
+ max-width: var(--ids-space-xl);
20
+ padding: 6px var(--ids-space-xs);
20
21
  }
21
22
 
22
- .ids-pager-input label,
23
- ids-input::part(label) {
24
- margin-block-end: 0;
25
- height: 0;
23
+ ids-button:not([selected]):not([disabled])::part(button) {
24
+ color: var(--ids-hyperlink-color-text-default);
26
25
  }
27
26
 
28
- .ids-pager-input,
29
- ids-input::part(field-container) {
30
- margin-block-end: 0;
27
+ ids-button[selected]::part(button) {
28
+ font-weight: var(--ids-font-weight-semibold);
31
29
  }
32
30
 
33
- ids-text {
34
- margin-inline-start: var(--ids-space-2xs);
35
- margin-inline-end: var(--ids-space-2xs);
31
+ ids-button:not([selected]):hover {
32
+ border: none;
33
+ border-bottom: 1px solid var(--ids-color-border-focus);
36
34
  }
37
35
 
38
- ids-input[size=xs]::part(field-container),
39
- .ids-input.xs .field-container {
40
- width: auto;
36
+ .divider {
37
+ display: inline-flex;
41
38
  }
42
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtcGFnZXIiLCJzb3VyY2VzIjpbImlkcy1wYWdlci1pbnB1dC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7RUFDRTtFQUNBOzs7QUFHRjtBQUFBO0VBRUU7RUFDQTtFQUNBOzs7QUFHRjtBQUFBO0VBRUU7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0FBQUE7RUFFRTtFQUNBOzs7QUFHRjtBQUFBO0VBRUU7OztBQUdGO0VBQ0U7RUFDQTs7O0FBSUY7QUFBQTtFQUVFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIFBhZ2VyIElucHV0IENvbXBvbmVudCAqL1xuOmhvc3QoaWRzLXBhZ2VyLWlucHV0KSB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uaWRzLXBhZ2VyLWlucHV0LFxuaWRzLWlucHV0OjpwYXJ0KGNvbnRhaW5lcikge1xuICBtYXJnaW4taW5saW5lLXN0YXJ0OiB2YXIoLS1pZHMtc3BhY2UtMnhzKTtcbiAgbWFyZ2luLWlubGluZS1lbmQ6IHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICBtYXJnaW4tYmxvY2stZW5kOiAwO1xufVxuXG4uaWRzLXBhZ2VyLWlucHV0IGlucHV0LFxuaWRzLWlucHV0OjpwYXJ0KGlucHV0KSB7XG4gIHBhZGRpbmctYmxvY2stc3RhcnQ6IDA7XG4gIHBhZGRpbmctYmxvY2stZW5kOiAwO1xuICBtYXJnaW4tYmxvY2stZW5kOiAwO1xuICBtaW4td2lkdGg6IHZhcigtLWlkcy1zcGFjZS14bCk7XG59XG5cbi5pZHMtcGFnZXItaW5wdXQgbGFiZWwsXG5pZHMtaW5wdXQ6OnBhcnQobGFiZWwpIHtcbiAgbWFyZ2luLWJsb2NrLWVuZDogMDtcbiAgaGVpZ2h0OiAwO1xufVxuXG4uaWRzLXBhZ2VyLWlucHV0LFxuaWRzLWlucHV0OjpwYXJ0KGZpZWxkLWNvbnRhaW5lcikge1xuICBtYXJnaW4tYmxvY2stZW5kOiAwO1xufVxuXG5pZHMtdGV4dCB7XG4gIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG59XG5cbi8vIFJlbW92ZSBhdXRvbWF0aWMgd2lkdGggb24gXCJ4c1wiLXNpemVkIHBhZ2VyIGlucHV0c1xuaWRzLWlucHV0W3NpemU9J3hzJ106OnBhcnQoZmllbGQtY29udGFpbmVyKSxcbi5pZHMtaW5wdXQueHMgLmZpZWxkLWNvbnRhaW5lciB7XG4gIHdpZHRoOiBhdXRvO1xufVxuIl19 */
39
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtcGFnZXIiLCJzb3VyY2VzIjpbImlkcy1wYWdlci1udW1iZXItbGlzdC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIFBhZ2VyIE51bWJlciBMaXN0IENvbXBvbmVudCAqL1xuOmhvc3QoaWRzLXBhZ2VyLW51bWJlci1saXN0KSB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG5pZHMtYnV0dG9uIHtcbiAgdmVydGljYWwtYWxpZ246IGluaXRpYWw7XG59XG5cbmlkcy1idXR0b246OnBhcnQoYnV0dG9uKSB7XG4gIG1heC13aWR0aDogdmFyKC0taWRzLXNwYWNlLXhsKTtcbiAgcGFkZGluZzogNnB4IHZhcigtLWlkcy1zcGFjZS14cyk7XG59XG5cbmlkcy1idXR0b246bm90KFtzZWxlY3RlZF0pOm5vdChbZGlzYWJsZWRdKTo6cGFydChidXR0b24pIHtcbiAgY29sb3I6IHZhcigtLWlkcy1oeXBlcmxpbmstY29sb3ItdGV4dC1kZWZhdWx0KTtcbn1cblxuaWRzLWJ1dHRvbltzZWxlY3RlZF06OnBhcnQoYnV0dG9uKSB7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1pZHMtZm9udC13ZWlnaHQtc2VtaWJvbGQpO1xufVxuXG5pZHMtYnV0dG9uOm5vdChbc2VsZWN0ZWRdKTpob3ZlciB7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWlkcy1jb2xvci1ib3JkZXItZm9jdXMpO1xufVxuXG4uZGl2aWRlciB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuIl19 */
@@ -1,92 +1,27 @@
1
1
  :root {
2
- font-family: var(--ids-swappable-item-font-family);
3
- border: var(--ids-swappable-item-border-default);
4
- cursor: var(--ids-swappable-item-cursor-default);
5
- padding-inline: var(--ids-swappable-item-padding-inline);
6
- padding-block: var(--ids-swappable-item-padding-block);
7
- height: var(--ids-swappable-item-height);
8
- display: flex;
9
- flex-direction: row;
10
- transition: height 0.4s ease, padding 0.4s ease;
11
- overflow: hidden;
2
+ display: inherit;
3
+ border: var(--ids-swappable-active-border);
4
+ height: 100%;
5
+ overflow: auto;
12
6
  }
13
7
 
14
- :host([hidden]) {
15
- display: none;
8
+ :host([active]) {
9
+ border-color: var(--ids-swappable-color-border-active);
16
10
  }
17
11
 
18
- ::slotted(.sortable) {
19
- width: 100%;
12
+ ::slotted(ids-search-field) {
13
+ margin: 0 8px;
14
+ margin-bottom: 8px;
15
+ width: calc(100% - 16px);
16
+ position: sticky;
17
+ top: 0;
20
18
  }
21
19
 
22
- ids-icon {
23
- margin-inline: var(--ids-swappable-item-icon-margin-inline);
24
- visibility: hidden;
20
+ :host([searchable]) .has-searchfield {
21
+ border-block-end: var(--ids-swaplist-border);
22
+ position: sticky;
23
+ top: 0;
24
+ z-index: 1;
25
+ background-color: var(--ids-card-color-background);
25
26
  }
26
-
27
- :host(:hover) ids-icon,
28
- :host(.hover) ids-icon {
29
- visibility: visible;
30
- }
31
-
32
- :host([dir=rtl]:hover)::before {
33
- left: unset;
34
- right: 5px;
35
- transform: translate(-1px, -47%);
36
- }
37
-
38
- :host(:focus:not(.hide-focus)) {
39
- border: var(--ids-swappable-item-border-focus);
40
- box-shadow: var(--ids-swappable-item-shadow-focus);
41
- outline: var(--ids-swappable-item-outline-focus);
42
- }
43
-
44
- :host([selected]) {
45
- cursor: var(--ids-swappable-item-cursor-selected);
46
- }
47
-
48
- :host([dragging].touch-drag) {
49
- z-index: 99;
50
- position: absolute;
51
- }
52
-
53
- :host([dropped]) {
54
- transition: var(--ids-motion-duration) var(--ids-motion-ease);
55
- }
56
-
57
- :host(.dragging-clone) {
58
- opacity: var(--ids-swappable-item-opacity-dragging);
59
- }
60
-
61
- :host([dragging].mouse-drag) {
62
- opacity: var(--ids-swappable-item-opacity-dragging);
63
- }
64
-
65
- :host([dragging]:not(.slotted-ids-tab)),
66
- :host(.dragging-clone:not(.slotted-ids-tab)),
67
- :host([selected]:not(.slotted-ids-tab)) {
68
- background-color: var(--ids-swappable-item-color-background-selected);
69
- border: 1px solid var(--ids-swappable-item-color-border-selected);
70
- color: var(--ids-swappable-item-color-text-selected);
71
- }
72
-
73
- :host([over]) {
74
- border: var(--ids-swappable-item-over-border);
75
- }
76
-
77
- :host(.is-hidden) {
78
- height: var(--ids-space-none);
79
- padding: var(--ids-space-none);
80
- border: none;
81
- overflow: hidden;
82
- }
83
-
84
- ::slotted(ids-tab) {
85
- position: relative;
86
- margin: -1px;
87
- }
88
-
89
- :host(.slotted-ids-tab:not(.orientation-vertical)) {
90
- margin-inline-start: var(--ids-space-2xs);
91
- }
92
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtc3dhcHBhYmxlIiwic291cmNlcyI6WyJpZHMtc3dhcHBhYmxlLWl0ZW0uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFHRjtFQUNFOzs7QUFHRjtFQUNFO0VBQ0E7OztBQUtBO0FBQUE7RUFDRTs7O0FBS0Y7RUFDRTtFQUNBO0VBQ0E7OztBQUlKO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFHRjtFQUNFO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUdGO0FBQUE7QUFBQTtFQUdFO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBTUY7RUFDRTtFQUNBOzs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiOmhvc3Qge1xuICBmb250LWZhbWlseTogdmFyKC0taWRzLXN3YXBwYWJsZS1pdGVtLWZvbnQtZmFtaWx5KTtcbiAgYm9yZGVyOiB2YXIoLS1pZHMtc3dhcHBhYmxlLWl0ZW0tYm9yZGVyLWRlZmF1bHQpO1xuICBjdXJzb3I6IHZhcigtLWlkcy1zd2FwcGFibGUtaXRlbS1jdXJzb3ItZGVmYXVsdCk7XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1pZHMtc3dhcHBhYmxlLWl0ZW0tcGFkZGluZy1pbmxpbmUpO1xuICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1pZHMtc3dhcHBhYmxlLWl0ZW0tcGFkZGluZy1ibG9jayk7XG4gIGhlaWdodDogdmFyKC0taWRzLXN3YXBwYWJsZS1pdGVtLWhlaWdodCk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIHRyYW5zaXRpb246IGhlaWdodCAwLjRzIGVhc2UsIHBhZGRpbmcgMC40cyBlYXNlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG46aG9zdChbaGlkZGVuXSkge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG46OnNsb3R0ZWQoLnNvcnRhYmxlKSB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG5pZHMtaWNvbiB7XG4gIG1hcmdpbi1pbmxpbmU6IHZhcigtLWlkcy1zd2FwcGFibGUtaXRlbS1pY29uLW1hcmdpbi1pbmxpbmUpO1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG59XG5cbjpob3N0KDpob3ZlciksXG46aG9zdCguaG92ZXIpICB7XG4gIGlkcy1pY29uIHtcbiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB9XG59XG5cbjpob3N0KFtkaXI9J3J0bCddOmhvdmVyKSB7XG4gICY6OmJlZm9yZSB7XG4gICAgbGVmdDogdW5zZXQ7XG4gICAgcmlnaHQ6IDVweDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMXB4LCAtNDclKTtcbiAgfVxufVxuXG46aG9zdCg6Zm9jdXM6bm90KC5oaWRlLWZvY3VzKSkge1xuICBib3JkZXI6IHZhcigtLWlkcy1zd2FwcGFibGUtaXRlbS1ib3JkZXItZm9jdXMpO1xuICBib3gtc2hhZG93OiB2YXIoLS1pZHMtc3dhcHBhYmxlLWl0ZW0tc2hhZG93LWZvY3VzKTtcbiAgb3V0bGluZTogdmFyKC0taWRzLXN3YXBwYWJsZS1pdGVtLW91dGxpbmUtZm9jdXMpO1xufVxuXG46aG9zdChbc2VsZWN0ZWRdKSB7XG4gIGN1cnNvcjogdmFyKC0taWRzLXN3YXBwYWJsZS1pdGVtLWN1cnNvci1zZWxlY3RlZCk7XG59XG5cbjpob3N0KFtkcmFnZ2luZ10udG91Y2gtZHJhZykge1xuICB6LWluZGV4OiA5OTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xufVxuXG46aG9zdChbZHJvcHBlZF0pIHtcbiAgdHJhbnNpdGlvbjogdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKTtcbn1cblxuOmhvc3QoLmRyYWdnaW5nLWNsb25lKSB7XG4gIG9wYWNpdHk6IHZhcigtLWlkcy1zd2FwcGFibGUtaXRlbS1vcGFjaXR5LWRyYWdnaW5nKTtcbn1cblxuOmhvc3QoW2RyYWdnaW5nXS5tb3VzZS1kcmFnKSB7XG4gIG9wYWNpdHk6IHZhcigtLWlkcy1zd2FwcGFibGUtaXRlbS1vcGFjaXR5LWRyYWdnaW5nKTtcbn1cblxuOmhvc3QoW2RyYWdnaW5nXTpub3QoLnNsb3R0ZWQtaWRzLXRhYikpLFxuOmhvc3QoLmRyYWdnaW5nLWNsb25lOm5vdCguc2xvdHRlZC1pZHMtdGFiKSksXG46aG9zdChbc2VsZWN0ZWRdOm5vdCguc2xvdHRlZC1pZHMtdGFiKSkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtc3dhcHBhYmxlLWl0ZW0tY29sb3ItYmFja2dyb3VuZC1zZWxlY3RlZCk7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWlkcy1zd2FwcGFibGUtaXRlbS1jb2xvci1ib3JkZXItc2VsZWN0ZWQpO1xuICBjb2xvcjogdmFyKC0taWRzLXN3YXBwYWJsZS1pdGVtLWNvbG9yLXRleHQtc2VsZWN0ZWQpO1xufVxuXG46aG9zdChbb3Zlcl0pIHtcbiAgYm9yZGVyOiB2YXIoLS1pZHMtc3dhcHBhYmxlLWl0ZW0tb3Zlci1ib3JkZXIpO1xufVxuXG46aG9zdCguaXMtaGlkZGVuKSB7XG4gIGhlaWdodDogdmFyKC0taWRzLXNwYWNlLW5vbmUpO1xuICBwYWRkaW5nOiB2YXIoLS1pZHMtc3BhY2Utbm9uZSk7XG4gIGJvcmRlcjogbm9uZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLy8gRml4ZXMgc2xvdHRlZCBJZHNUYWJzIHRvIGFwcGVhciBmbHVzaCB3aXRoIHRoZWlyIGNvbnRhaW5lcnNcbi8vIChJZHNTd2FwcGFibGVJdGVtIGNhdXNlcyBhIDFweCBib3VuZGFyeSBhcyBhIHJlc3VsdCBvZiBpdHMgcmVxdWlyZWQgdHJhbnNwYXJlbnQgYm9yZGVyKVxuLy8gQFRPRE86IFJlbG9jYXRlIHRoaXMgdG8gYW5vdGhlciBjb21wb25lbnQgLyByZXZpZXcgd3JhcHBpbmcsIHNlcGFyYXRpb24gb2YgY29uY2VybnNcbjo6c2xvdHRlZChpZHMtdGFiKSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luOiAtMXB4O1xufVxuXG46aG9zdCguc2xvdHRlZC1pZHMtdGFiOm5vdCgub3JpZW50YXRpb24tdmVydGljYWwpKSB7XG4gIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IHZhcigtLWlkcy1zcGFjZS0yeHMpO1xufVxuIl19 */
27
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtc3dhcHBhYmxlIiwic291cmNlcyI6WyJpZHMtc3dhcHBhYmxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFJQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XG4gIGRpc3BsYXk6IGluaGVyaXQ7XG4gIGJvcmRlcjogdmFyKC0taWRzLXN3YXBwYWJsZS1hY3RpdmUtYm9yZGVyKTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbn1cblxuOmhvc3QoW2FjdGl2ZV0pIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pZHMtc3dhcHBhYmxlLWNvbG9yLWJvcmRlci1hY3RpdmUpO1xufVxuXG46OnNsb3R0ZWQoaWRzLXNlYXJjaC1maWVsZCkge1xuICBtYXJnaW46IDAgOHB4O1xuICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAxNnB4KTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgdG9wOiAwO1xufVxuXG46aG9zdChbc2VhcmNoYWJsZV0pIHtcbiAgLmhhcy1zZWFyY2hmaWVsZCB7XG4gICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0taWRzLXN3YXBsaXN0LWJvcmRlcik7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICB0b3A6IDA7XG4gICAgei1pbmRleDogMTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtY2FyZC1jb2xvci1iYWNrZ3JvdW5kKTtcbiAgfVxufVxuIl19 */