ids-enterprise-wc 1.15.9-patch.12 → 1.15.9-patch.13
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.
- package/chunks/{ids-chunk-EGZI5ZV3-full.js → ids-chunk-6YJ4HIUC-full.js} +16 -1
- package/chunks/{ids-chunk-EGZI5ZV3-full.js.map → ids-chunk-6YJ4HIUC-full.js.map} +2 -2
- package/chunks/{ids-chunk-MZTBZCHG-full.js → ids-chunk-CVY6XSRY-full.js} +17 -4
- package/chunks/ids-chunk-CVY6XSRY-full.js.map +7 -0
- package/chunks/{ids-chunk-A5IOTIO6-full.js → ids-chunk-DSWFDICX-full.js} +62 -14
- package/chunks/{ids-chunk-A5IOTIO6-full.js.map → ids-chunk-DSWFDICX-full.js.map} +2 -2
- package/chunks/{ids-chunk-FV5W3K6S-full.js → ids-chunk-O32SEXUF-full.js} +2 -2
- package/chunks/{ids-chunk-5GV6Y3WM-full.js → ids-chunk-OP5EXDDT-full.js} +2 -2
- package/components/ids-accordion/ids-accordion.css +93 -9
- package/components/ids-app-menu/ids-app-menu.css +23 -132
- package/components/ids-button/ids-button.css +392 -43
- package/components/ids-calendar/ids-calendar.css +190 -265
- package/components/ids-checkbox/ids-checkbox.css +7 -580
- package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
- package/components/ids-data-grid/ids-data-grid-editors.js +1 -1
- package/components/ids-data-grid/ids-data-grid-filters.js +2 -2
- package/components/ids-data-grid/ids-data-grid-row.js +2 -2
- package/components/ids-data-grid/ids-data-grid.js +5 -5
- package/components/ids-hierarchy/ids-hierarchy.css +117 -14
- package/components/ids-layout-grid/ids-layout-grid.css +10 -21300
- package/components/ids-list-box/ids-list-box.css +66 -98
- package/components/ids-list-view/ids-list-view.css +15 -112
- package/components/ids-menu/ids-menu.css +335 -11
- package/components/ids-modal/ids-modal.css +23 -94
- package/components/ids-pager/ids-pager.css +3 -37
- package/components/ids-swappable/ids-swappable.css +84 -19
- package/components/ids-tabs/ids-tabs.css +264 -470
- package/components/ids-tag/ids-tag.css +152 -8
- package/components/ids-time-picker/ids-time-picker.css +49 -67
- package/components/ids-toolbar/ids-toolbar.css +122 -12
- package/custom-elements.json +2769 -2749
- package/enterprise-wc.all.iife.js +88 -12
- package/enterprise-wc.all.iife.js.map +2 -2
- package/enterprise-wc.js +5 -5
- package/package.json +1 -1
- package/vscode.html-custom-data.json +1 -1
- package/chunks/ids-chunk-MZTBZCHG-full.js.map +0 -7
- /package/chunks/{ids-chunk-FV5W3K6S-full.js.map → ids-chunk-O32SEXUF-full.js.map} +0 -0
- /package/chunks/{ids-chunk-5GV6Y3WM-full.js.map → ids-chunk-OP5EXDDT-full.js.map} +0 -0
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import {
|
|
6
6
|
IdsDataGridCell
|
|
7
|
-
} from "./ids-chunk-
|
|
7
|
+
} from "./ids-chunk-6YJ4HIUC-full.js";
|
|
8
8
|
import {
|
|
9
9
|
escapeHTML
|
|
10
10
|
} from "./ids-chunk-2PYTBNLE-full.js";
|
|
@@ -1503,4 +1503,4 @@ var IdsDataGridFilters = class {
|
|
|
1503
1503
|
export {
|
|
1504
1504
|
IdsDataGridFilters
|
|
1505
1505
|
};
|
|
1506
|
-
//# sourceMappingURL=ids-chunk-
|
|
1506
|
+
//# sourceMappingURL=ids-chunk-O32SEXUF-full.js.map
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import {
|
|
6
6
|
IdsDataGridCell
|
|
7
|
-
} from "./ids-chunk-
|
|
7
|
+
} from "./ids-chunk-6YJ4HIUC-full.js";
|
|
8
8
|
import {
|
|
9
9
|
customElement
|
|
10
10
|
} from "./ids-chunk-KHLMW76I-full.js";
|
|
@@ -626,4 +626,4 @@ IdsDataGridRow = __decorateClass([
|
|
|
626
626
|
export {
|
|
627
627
|
IdsDataGridRow
|
|
628
628
|
};
|
|
629
|
-
//# sourceMappingURL=ids-chunk-
|
|
629
|
+
//# sourceMappingURL=ids-chunk-OP5EXDDT-full.js.map
|
|
@@ -1,18 +1,102 @@
|
|
|
1
|
-
/* Ids Accordion Section Component */
|
|
2
1
|
:root {
|
|
3
2
|
display: block;
|
|
4
3
|
}
|
|
5
4
|
|
|
6
|
-
:host([
|
|
7
|
-
|
|
5
|
+
:host([force-collapse]) .ids-accordion-pane {
|
|
6
|
+
height: 0 !important;
|
|
8
7
|
}
|
|
9
8
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
overflow-x: hidden;
|
|
9
|
+
::slotted([slot=content]) {
|
|
10
|
+
position: relative;
|
|
13
11
|
}
|
|
14
12
|
|
|
15
|
-
.ids-accordion-
|
|
16
|
-
|
|
13
|
+
.ids-accordion-panel:not([class*=color-variant-]) .ids-accordion-pane-content {
|
|
14
|
+
padding-block: var(--ids-accordion-pane-content-padding-block);
|
|
15
|
+
padding-inline-start: var(--ids-accordion-pane-content-padding-inline);
|
|
16
|
+
}
|
|
17
|
+
.ids-accordion-panel:not([class*=color-variant-]).nested .ids-accordion-pane-content {
|
|
18
|
+
padding-inline-start: 22px;
|
|
19
|
+
}
|
|
20
|
+
.ids-accordion-panel:not([class*=color-variant-]).has-icon .ids-accordion-pane-content {
|
|
21
|
+
padding-inline-start: var(--ids-accordion-pane-content-padding-icon);
|
|
22
|
+
}
|
|
23
|
+
.ids-accordion-panel.color-variant-app-menu {
|
|
24
|
+
margin-bottom: 4px;
|
|
25
|
+
background-color: var(--ids-app-menu-accordion-panel-color-background);
|
|
26
|
+
transition: background-color var(--ids-motion-duration) var(--ids-motion-linear), height var(--ids-motion-duration) var(--ids-motion-linear), padding var(--ids-motion-duration) var(--ids-motion-linear);
|
|
27
|
+
}
|
|
28
|
+
.ids-accordion-panel.color-variant-app-menu.expanded {
|
|
29
|
+
padding-block-start: 8px;
|
|
30
|
+
}
|
|
31
|
+
.ids-accordion-panel.color-variant-app-menu .ids-accordion-pane-content {
|
|
32
|
+
padding-inline-start: 8px;
|
|
33
|
+
}
|
|
34
|
+
.ids-accordion-panel.color-variant-app-menu:not(.rtl).nested .ids-accordion-pane-content {
|
|
35
|
+
padding-inline-start: 16px;
|
|
36
|
+
padding-inline-end: 0;
|
|
37
|
+
}
|
|
38
|
+
.ids-accordion-panel.color-variant-app-menu ::slotted(ids-accordion-panel) {
|
|
39
|
+
padding-inline-start: 24px;
|
|
40
|
+
padding-inline-end: 16px;
|
|
41
|
+
}
|
|
42
|
+
.ids-accordion-panel.color-variant-app-menu .ids-accordion-panel {
|
|
43
|
+
padding-inline-start: 24px;
|
|
44
|
+
}
|
|
45
|
+
.ids-accordion-panel.color-variant-sub-app-menu {
|
|
46
|
+
margin: 0;
|
|
47
|
+
}
|
|
48
|
+
.ids-accordion-panel.color-variant-sub-app-menu:not(.rtl) .ids-accordion-pane-content {
|
|
49
|
+
padding-inline-start: 28px;
|
|
50
|
+
}
|
|
51
|
+
.ids-accordion-panel.color-variant-module-nav .ids-accordion-pane-content {
|
|
52
|
+
padding-inline-start: 8px;
|
|
53
|
+
}
|
|
54
|
+
.ids-accordion-panel.color-variant-module-nav:not(.rtl).nested .ids-accordion-pane-content {
|
|
55
|
+
padding-inline-start: 16px;
|
|
56
|
+
padding-inline-end: 0;
|
|
57
|
+
}
|
|
58
|
+
.ids-accordion-panel.color-variant-module-nav .ids-accordion-pane-content {
|
|
59
|
+
padding-inline-start: 0;
|
|
60
|
+
}
|
|
61
|
+
.ids-accordion-panel.color-variant-module-nav.nested .ids-accordion-pane-content {
|
|
62
|
+
padding-inline-start: 16px;
|
|
63
|
+
padding-inline-end: 0;
|
|
64
|
+
}
|
|
65
|
+
.ids-accordion-panel.color-variant-sub-module-nav .ids-accordion-pane-content {
|
|
66
|
+
padding-inline-start: 0;
|
|
67
|
+
}
|
|
68
|
+
.ids-accordion-panel.color-variant-sub-module-nav.nested .ids-accordion-pane-content {
|
|
69
|
+
padding-inline-start: 0;
|
|
70
|
+
padding-inline-end: 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.ids-accordion-pane {
|
|
74
|
+
box-sizing: border-box;
|
|
75
|
+
display: none;
|
|
76
|
+
height: 0;
|
|
77
|
+
overflow: hidden;
|
|
78
|
+
transition: height var(--ids-motion-duration) var(--ids-motion-linear);
|
|
79
|
+
}
|
|
80
|
+
.ids-accordion-pane.expanded {
|
|
81
|
+
overflow: initial;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.ids-accordion-panex {
|
|
85
|
+
-ms-overflow-style: none;
|
|
86
|
+
scrollbar-width: none;
|
|
87
|
+
}
|
|
88
|
+
.ids-accordion-panex::-webkit-scrollbar {
|
|
89
|
+
display: none;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.ids-accordion-pane-title {
|
|
93
|
+
clip: rect(0, 0, 0, 0);
|
|
94
|
+
height: 0;
|
|
95
|
+
line-height: 0;
|
|
96
|
+
min-height: 0;
|
|
97
|
+
overflow: hidden;
|
|
98
|
+
padding: 0;
|
|
99
|
+
position: absolute;
|
|
100
|
+
width: 1px;
|
|
17
101
|
}
|
|
18
|
-
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
102
|
+
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtYWNjb3JkaW9uIiwic291cmNlcyI6WyJpZHMtYWNjb3JkaW9uLXBhbmVsLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0hBO0VBQ0U7OztBQUlBO0VBQ0U7OztBQUlKO0VBQ0U7OztBQXhDQTtFQUNFO0VBQ0E7O0FBSUE7RUFDRTs7QUFLRjtFQUNFOztBQXFDSjtFQWpJQTtFQUNBO0VBQ0EsWUFDRTs7QUFJRjtFQUNFOztBQTRDRjtFQUNFOztBQUtFO0VBQ0U7RUFDQTs7QUFzQ047RUFDRTtFQUNBOztBQUdGO0VBQ0U7O0FBK0JGO0VBdkhBOztBQXFERTtFQUNFOztBQWxCSjtFQUNFOztBQUtFO0VBQ0U7RUFDQTs7QUFyQ047RUFDRTs7QUFJQTtFQUNFO0VBQ0E7O0FBTUo7RUFDRTs7QUFJQTtFQUNFO0VBQ0E7OztBQTJHTjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBS0o7RUFDRTtFQUNBOztBQUVBO0VBQ0U7OztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zJyBhcyAqO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gVG9wLWxldmVsIEFwcCBNZW51IEFjY29yZGlvbiBQYW5lbCBTdHlsZXNcblxuQG1peGluIGFjY29yZGlvbi1wYW5lbC1hcHAtbWVudS1jb2xvcnMoKSB7XG4gIG1hcmdpbi1ib3R0b206IDRweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWFwcC1tZW51LWFjY29yZGlvbi1wYW5lbC1jb2xvci1iYWNrZ3JvdW5kKTtcbiAgdHJhbnNpdGlvbjpcbiAgICBiYWNrZ3JvdW5kLWNvbG9yIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tbGluZWFyKSxcbiAgICBoZWlnaHQgdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1saW5lYXIpLFxuICAgIHBhZGRpbmcgdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1saW5lYXIpO1xuXG4gICYuZXhwYW5kZWQge1xuICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IDhweDtcbiAgfVxufVxuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gU3ViLWxldmVsIEFwcCBNZW51IEFjY29yZGlvbiBQYW5lbCBTdHlsZXNcblxuQG1peGluIGFjY29yZGlvbi1wYW5lbC1zdWItbWVudS1jb2xvcnMoKSB7XG4gIG1hcmdpbjogMDtcbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIE1vZHVsZSBOYXYgQXBwIE1lbnUgQWNjb3JkaW9uIFBhbmVsIFN0eWxlc1xuXG5AbWl4aW4gYWNjb3JkaW9uLXBhbmVsLW1vZHVsZS1uYXYtcnVsZXMoKSB7XG4gIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDA7XG4gIH1cblxuICAmLm5lc3RlZCB7XG4gICAgLmlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50IHtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAxNnB4O1xuICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiAwO1xuICAgIH1cbiAgfVxufVxuXG5AbWl4aW4gYWNjb3JkaW9uLXBhbmVsLXN1Yi1tb2R1bGUtbmF2LXJ1bGVzKCkge1xuICAuaWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAwO1xuICB9XG5cbiAgJi5uZXN0ZWQge1xuICAgIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbiAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogMDtcbiAgICB9XG4gIH1cbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIENvbnRyb2xzIHRoZSBzaXplIG9mIG5lc3RlZCBhY2NvcmRpb25zXG5cbkBtaXhpbiBhY2NvcmRpb24tcGFuZS1zdGFuZGFyZC1zaXplKCkge1xuICAuaWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiA4cHg7XG4gIH1cblxuICAmOm5vdCgucnRsKSB7XG4gICAgJi5uZXN0ZWQge1xuICAgICAgLmlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50IHtcbiAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDE2cHg7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuQG1peGluIGFjY29yZGlvbi1wYW5lLW5lc3RlZC1zaXplKCkge1xuICAvLyBMVFIgbmVzdGVkIHN0eWxlcyAoZGVmYXVsdClcbiAgJjpub3QoLnJ0bCkge1xuICAgIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMjhweDtcbiAgICB9XG4gIH1cbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIENvbnRyb2xzIHRoZSBzaXplIG9mIGluLXBhZ2UgYWNjb3JkaW9uIGNvbnRlbnQgYXJlYVxuXG5AbWl4aW4gYWNjb3JkaW9uLXBhbmUtaW4tcGFnZS1zdGFuZGFyZC1zaXplKCkge1xuICAuaWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQge1xuICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50LXBhZGRpbmctYmxvY2spO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudC1wYWRkaW5nLWlubGluZSk7XG4gIH1cblxuICAmLm5lc3RlZCB7XG4gICAgLmlkcy1hY2NvcmRpb24tcGFuZS1jb250ZW50IHtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAyMnB4O1xuICAgIH1cbiAgfVxuXG4gICYuaGFzLWljb24ge1xuICAgIC5pZHMtYWNjb3JkaW9uLXBhbmUtY29udGVudCB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taWRzLWFjY29yZGlvbi1wYW5lLWNvbnRlbnQtcGFkZGluZy1pY29uKTtcbiAgICB9XG4gIH1cbn1cblxuQG1peGluIG5lc3RlZC1hY2NvcmRpb24tcGFuZWwtaW5kZW50YXRpb24oKSB7XG4gIDo6c2xvdHRlZChpZHMtYWNjb3JkaW9uLXBhbmVsKSB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDI0cHg7XG4gICAgcGFkZGluZy1pbmxpbmUtZW5kOiAxNnB4O1xuICB9XG5cbiAgLmlkcy1hY2NvcmRpb24tcGFuZWwge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAyNHB4O1xuICB9XG59XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KFtmb3JjZS1jb2xsYXBzZV0pIHtcbiAgLmlkcy1hY2NvcmRpb24tcGFuZSB7XG4gICAgaGVpZ2h0OiAwICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuOjpzbG90dGVkKFtzbG90PSdjb250ZW50J10pIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uaWRzLWFjY29yZGlvbi1wYW5lbCB7XG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIENvbG9yIFZhcmlhbnQgUnVsZXNcbiAgJjpub3QoW2NsYXNzKj1cImNvbG9yLXZhcmlhbnQtXCJdKSB7XG4gICAgQGluY2x1ZGUgYWNjb3JkaW9uLXBhbmUtaW4tcGFnZS1zdGFuZGFyZC1zaXplKCk7XG4gIH1cblxuICAmLmNvbG9yLXZhcmlhbnQtYXBwLW1lbnUge1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lbC1hcHAtbWVudS1jb2xvcnMoKTtcbiAgICBAaW5jbHVkZSBhY2NvcmRpb24tcGFuZS1zdGFuZGFyZC1zaXplKCk7XG4gICAgQGluY2x1ZGUgbmVzdGVkLWFjY29yZGlvbi1wYW5lbC1pbmRlbnRhdGlvbigpO1xuICB9XG5cbiAgJi5jb2xvci12YXJpYW50LXN1Yi1hcHAtbWVudSB7XG4gICAgQGluY2x1ZGUgYWNjb3JkaW9uLXBhbmVsLXN1Yi1tZW51LWNvbG9ycygpO1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lLW5lc3RlZC1zaXplKCk7XG4gIH1cblxuICAmLmNvbG9yLXZhcmlhbnQtbW9kdWxlLW5hdiB7XG4gICAgQGluY2x1ZGUgYWNjb3JkaW9uLXBhbmUtc3RhbmRhcmQtc2l6ZSgpO1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lbC1tb2R1bGUtbmF2LXJ1bGVzKCk7XG4gIH1cblxuICAmLmNvbG9yLXZhcmlhbnQtc3ViLW1vZHVsZS1uYXYge1xuICAgIEBpbmNsdWRlIGFjY29yZGlvbi1wYW5lbC1zdWItbW9kdWxlLW5hdi1ydWxlcygpO1xuICB9XG59XG5cbi5pZHMtYWNjb3JkaW9uLXBhbmUge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBub25lO1xuICBoZWlnaHQ6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb246IGhlaWdodCB2YXIoLS1pZHMtbW90aW9uLWR1cmF0aW9uKSB2YXIoLS1pZHMtbW90aW9uLWxpbmVhcik7XG5cbiAgJi5leHBhbmRlZCB7XG4gICAgb3ZlcmZsb3c6IGluaXRpYWw7XG4gIH1cbn1cblxuLy8gU28gdGhlIGFjY29yZGlvbiBkb2VzbnQgaGF2ZSBhIHNjcm9sbGJhciBnbGl0Y2ggd2hlbiBvcGVuZWRcbi5pZHMtYWNjb3JkaW9uLXBhbmV4IHtcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLmlkcy1hY2NvcmRpb24tcGFuZS10aXRsZSB7XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGhlaWdodDogMDtcbiAgbGluZS1oZWlnaHQ6IDA7XG4gIG1pbi1oZWlnaHQ6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbn1cbiJdfQ== */
|
|
@@ -1,143 +1,34 @@
|
|
|
1
|
+
/* Ids App Menu Container */
|
|
1
2
|
:root {
|
|
2
|
-
display:
|
|
3
|
-
|
|
4
|
-
transition: box-shadow var(--ids-motion-duration) var(--ids-motion-ease), transform var(--ids-motion-duration) var(--ids-motion-ease);
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
:host([edge=bottom]) {
|
|
8
|
-
bottom: 0;
|
|
9
|
-
left: 0;
|
|
10
|
-
right: 0;
|
|
11
|
-
transform: translateY(100%);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
:host([edge=bottom][visible]) {
|
|
15
|
-
transform: translateY(0);
|
|
16
|
-
}
|
|
17
|
-
|
|
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 {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-flow: column;
|
|
41
5
|
height: 100%;
|
|
42
6
|
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
|
-
.ids-app-menu {
|
|
80
|
-
display: flex;
|
|
81
|
-
flex-direction: column;
|
|
82
7
|
overflow: hidden;
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
.ids-app-menu-footer,
|
|
87
|
-
.ids-app-menu-header,
|
|
88
|
-
.ids-app-menu-search,
|
|
89
|
-
.ids-app-menu-user {
|
|
90
|
-
flex-grow: 0;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.ids-app-menu-content {
|
|
94
|
-
overflow: auto;
|
|
95
|
-
flex-grow: 1;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.ids-app-menu-user > * {
|
|
99
|
-
padding: 0 var(--ids-space-md);
|
|
100
|
-
padding-bottom: 0;
|
|
101
|
-
display: block;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.ids-app-menu-search {
|
|
105
|
-
padding: var(--ids-space-xs);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
::slotted(ids-icon[slot=avatar]) {
|
|
109
|
-
padding: var(--ids-space-xs);
|
|
8
|
+
position: relative;
|
|
9
|
+
transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
|
|
110
10
|
}
|
|
111
11
|
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
::slotted([slot=username]) {
|
|
121
|
-
display: block;
|
|
122
|
-
margin-block-start: var(--ids-space-2xs);
|
|
123
|
-
margin-block-end: var(--ids-space-md);
|
|
12
|
+
@media (min-width: 840px) {
|
|
13
|
+
:host(.app-menu) {
|
|
14
|
+
margin-bottom: var(--ids-space-none);
|
|
15
|
+
transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
|
|
16
|
+
transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
|
|
17
|
+
}
|
|
124
18
|
}
|
|
125
19
|
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
20
|
+
@media (min-width: 840px) {
|
|
21
|
+
:host(.app-menu-is-open) {
|
|
22
|
+
margin-inline-start: 0;
|
|
23
|
+
width: 100%;
|
|
24
|
+
transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
|
|
25
|
+
}
|
|
129
26
|
}
|
|
130
27
|
|
|
131
|
-
:
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
--ids-button-tertiary-color-background-hover: var(--ids-button-app-menu-color-background-hover);
|
|
137
|
-
--ids-button-tertiary-color-text-hover: var(--ids-button-app-menu-color-text-hover);
|
|
138
|
-
--ids-button-tertiary-color-text-disabled: var(--ids-button-app-menu-color-text-disabled);
|
|
139
|
-
--ids-button-tertiary-color-border-hover:var(--ids-button-app-menu-color-background-hover);
|
|
140
|
-
--ids-search-field-header-color-icon-hover: var(--ids-button-app-menu-color-background-hover);
|
|
141
|
-
--ids-button-formatter-color-text-hover: var(--ids-button-app-menu-color-text-default);
|
|
28
|
+
@media (min-width: 840px) {
|
|
29
|
+
:host(.app-menu-is-open) ::slotted(:not(ids-app-menu)) {
|
|
30
|
+
margin-inline-start: 300px;
|
|
31
|
+
transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
|
|
32
|
+
}
|
|
142
33
|
}
|
|
143
|
-
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtYXBwLW1lbnUiLCJzb3VyY2VzIjpbImlkcy1hcHAtbWVudS1jb250YWluZXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUdBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUtBO0VBREY7SUFFSTtJQUNBO0lBQ0E7Ozs7QUFLRjtFQURGO0lBRUk7SUFDQTtJQUNBOzs7O0FBS0Y7RUFERjtJQUVJO0lBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgQXBwIE1lbnUgQ29udGFpbmVyICovXG5AdXNlICcuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucycgYXMgbWl4aW5zO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZmxvdzogY29sdW1uO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKSwgY29sb3IgdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKTtcbn1cblxuLy8gaWRzLWFwcC1tZW51IHB1c2hlcyB0aGUgY29udGFpbmVyXG46aG9zdCguYXBwLW1lbnUpIHtcbiAgQG1lZGlhIChtaW4td2lkdGg6IG1peGlucy4kYnJlYWtwb2ludC1tZCkge1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigtLWlkcy1zcGFjZS1ub25lKTtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSksIGNvbG9yIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG4gICAgdHJhbnNpdGlvbjogd2lkdGggdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKSwgbWFyZ2luIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG4gIH1cbn1cblxuOmhvc3QoLmFwcC1tZW51LWlzLW9wZW4pIHtcbiAgQG1lZGlhIChtaW4td2lkdGg6IG1peGlucy4kYnJlYWtwb2ludC1tZCkge1xuICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgdHJhbnNpdGlvbjogd2lkdGggdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbikgdmFyKC0taWRzLW1vdGlvbi1lYXNlKSwgbWFyZ2luIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG4gIH1cbn1cblxuOmhvc3QoLmFwcC1tZW51LWlzLW9wZW4pIDo6c2xvdHRlZCg6bm90KGlkcy1hcHAtbWVudSkpIHtcbiAgQG1lZGlhIChtaW4td2lkdGg6IG1peGlucy4kYnJlYWtwb2ludC1tZCkge1xuICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IDMwMHB4O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSksIG1hcmdpbiB2YXIoLS1pZHMtbW90aW9uLWR1cmF0aW9uKSB2YXIoLS1pZHMtbW90aW9uLWVhc2UpO1xuICB9XG59XG4iXX0= */
|