ids-enterprise-wc 1.15.9-patch.3 → 1.15.9-patch.4

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 (42) hide show
  1. package/chunks/{ids-chunk-PLPR5GKJ-full.js → ids-chunk-INOASOWB-full.js} +2 -2
  2. package/chunks/{ids-chunk-FBSXIEML-full.js → ids-chunk-LBCYQLZV-full.js} +2 -2
  3. package/chunks/{ids-chunk-FBSXIEML-full.js.map → ids-chunk-LBCYQLZV-full.js.map} +2 -2
  4. package/chunks/{ids-chunk-TUTTQTPT-full.js → ids-chunk-LFAI3KCS-full.js} +16 -5
  5. package/chunks/{ids-chunk-TUTTQTPT-full.js.map → ids-chunk-LFAI3KCS-full.js.map} +2 -2
  6. package/chunks/{ids-chunk-YNW5W3PP-full.js → ids-chunk-PNETRNHG-full.js} +35 -12
  7. package/chunks/ids-chunk-PNETRNHG-full.js.map +7 -0
  8. package/chunks/{ids-chunk-GLMW7DMU-full.js → ids-chunk-TJ35QP4Y-full.js} +4 -3
  9. package/chunks/{ids-chunk-GLMW7DMU-full.js.map → ids-chunk-TJ35QP4Y-full.js.map} +2 -2
  10. package/components/ids-accordion/ids-accordion.css +156 -8
  11. package/components/ids-calendar/ids-calendar.js +4 -4
  12. package/components/ids-card/ids-card.css +4 -344
  13. package/components/ids-data-grid/ids-data-grid-editors.js +3 -3
  14. package/components/ids-data-grid/ids-data-grid-filters.js +2 -2
  15. package/components/ids-data-grid/ids-data-grid.js +4 -4
  16. package/components/ids-date-picker/ids-date-picker-popup.js +2 -2
  17. package/components/ids-date-picker/ids-date-picker.css +389 -31
  18. package/components/ids-date-picker/ids-date-picker.d.ts +5 -0
  19. package/components/ids-date-picker/ids-date-picker.js +3 -3
  20. package/components/ids-hierarchy/ids-hierarchy.css +117 -14
  21. package/components/ids-hyperlink/ids-hyperlink.css +15 -188
  22. package/components/ids-layout-flex/ids-layout-flex.css +69 -6
  23. package/components/ids-layout-grid/ids-layout-grid.css +10 -21300
  24. package/components/ids-list-view/ids-list-view.css +112 -15
  25. package/components/ids-menu/ids-menu.css +11 -7
  26. package/components/ids-modal/ids-modal.css +23 -94
  27. package/components/ids-module-nav/ids-module-nav.css +1 -182
  28. package/components/ids-month-view/ids-month-view.js +1 -1
  29. package/components/ids-pager/ids-pager.css +28 -25
  30. package/components/ids-swappable/ids-swappable.css +84 -19
  31. package/components/ids-tabs/ids-tabs.css +542 -11
  32. package/components/ids-tag/ids-tag.css +8 -152
  33. package/components/ids-time-picker/ids-time-picker.css +49 -67
  34. package/components/ids-week-view/ids-week-view.js +3 -3
  35. package/custom-elements.json +964 -942
  36. package/enterprise-wc.all.iife.js +53 -18
  37. package/enterprise-wc.all.iife.js.map +3 -3
  38. package/enterprise-wc.js +5 -5
  39. package/package.json +1 -1
  40. package/vscode.html-custom-data.json +1 -1
  41. package/chunks/ids-chunk-YNW5W3PP-full.js.map +0 -7
  42. /package/chunks/{ids-chunk-PLPR5GKJ-full.js.map → ids-chunk-INOASOWB-full.js.map} +0 -0
@@ -1,18 +1,115 @@
1
- .ids-list-view-group-header {
2
- background-color: var(--ids-list-view-group-header-color-background);
3
- border-bottom: 1px solid var(--ids-list-view-group-header-color-border);
4
- border-top: 1px solid var(--ids-list-view-group-header-color-border);
5
- color: var(--ids-list-view-group-header-color-text);
6
- display: inline-flex;
1
+ [hide] {
2
+ display: none;
3
+ }
4
+
5
+ li,
6
+ :root {
7
+ --ids-badge-disabled-background-color: var(--ids-list-view-item-color-background-disabled);
8
+ --ids-badge-disabled-border-color: var(--ids-list-view-item-color-border-disabled);
9
+ --ids-badge-disabled-text-color: var(--ids-list-view-item-badge-color-text-disabled);
10
+ display: block;
11
+ background: var(--ids-color-transparent);
12
+ border: var(--ids-list-view-item-border);
13
+ border-top-color: var(--ids-list-view-item-color-border-top);
14
+ contain: content;
15
+ list-style-type: none;
16
+ margin: 0;
17
+ padding: var(--ids-list-view-item-padding);
18
+ }
19
+ li .list-item-area,
20
+ :host .list-item-area {
21
+ display: flex;
7
22
  align-items: center;
8
- flex-direction: row;
9
- font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
10
- font-size: var(--ids-list-view-group-header-font-size);
11
- padding: 0 var(--ids-list-view-group-header-padding);
23
+ line-height: var(--ids-list-builder-item-line-height);
24
+ }
25
+ li .list-item-area.ellipsis,
26
+ :host .list-item-area.ellipsis {
27
+ overflow: hidden;
28
+ text-overflow: ellipsis;
29
+ white-space: nowrap;
30
+ }
31
+ li .list-item-area .list-item-content,
32
+ :host .list-item-area .list-item-content {
12
33
  width: 100%;
13
- width: -moz-available;
14
- width: -webkit-fill-available;
15
- width: fill-available;
16
- height: var(--ids-list-view-group-header-height);
17
34
  }
18
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbGlzdC12aWV3Iiwic291cmNlcyI6WyJpZHMtbGlzdC12aWV3LWdyb3VwLWhlYWRlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiXG4uaWRzLWxpc3Qtdmlldy1ncm91cC1oZWFkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtbGlzdC12aWV3LWdyb3VwLWhlYWRlci1jb2xvci1iYWNrZ3JvdW5kKTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWlkcy1saXN0LXZpZXctZ3JvdXAtaGVhZGVyLWNvbG9yLWJvcmRlcik7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1pZHMtbGlzdC12aWV3LWdyb3VwLWhlYWRlci1jb2xvci1ib3JkZXIpO1xuICBjb2xvcjogdmFyKC0taWRzLWxpc3Qtdmlldy1ncm91cC1oZWFkZXItY29sb3ItdGV4dCk7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBmb250LWZhbWlseTogdmFyKC0taWRzLWZvbnQtZmFtaWx5LWRlZmF1bHQpLCB2YXIoLS1pZHMtZm9udC1mYW1pbHktc3lzdGVtLXNhbnMpO1xuICBmb250LXNpemU6IHZhcigtLWlkcy1saXN0LXZpZXctZ3JvdXAtaGVhZGVyLWZvbnQtc2l6ZSk7XG4gIHBhZGRpbmc6IDAgdmFyKC0taWRzLWxpc3Qtdmlldy1ncm91cC1oZWFkZXItcGFkZGluZyk7XG4gIHdpZHRoOiAxMDAlO1xuICB3aWR0aDogLW1vei1hdmFpbGFibGU7XG4gIHdpZHRoOiAtd2Via2l0LWZpbGwtYXZhaWxhYmxlO1xuICB3aWR0aDogZmlsbC1hdmFpbGFibGU7XG4gIGhlaWdodDogdmFyKC0taWRzLWxpc3Qtdmlldy1ncm91cC1oZWFkZXItaGVpZ2h0KTtcbn1cbiJdfQ== */
35
+ li .list-item-area .list-item-checkbox,
36
+ :host .list-item-area .list-item-checkbox {
37
+ padding-inline-end: var(--ids-space-20);
38
+ flex-grow: 0;
39
+ flex-shrink: 0;
40
+ max-height: var(--ids-space-sm);
41
+ max-width: var(--ids-space-sm);
42
+ margin-block-start: -20px;
43
+ }
44
+ li .list-item-area .list-item-checkbox[disabled]::part(checkmark),
45
+ :host .list-item-area .list-item-checkbox[disabled]::part(checkmark) {
46
+ background-color: var(--ids-color-transparent);
47
+ }
48
+
49
+ li.activated,
50
+ li[activated],
51
+ li.selected,
52
+ li[selected],
53
+ li:hover,
54
+ :host(:hover),
55
+ :host(.activated),
56
+ :host([activated]),
57
+ :host(.selected),
58
+ :host([selected]) {
59
+ display: block;
60
+ background-color: var(--ids-list-view-color-background-selected);
61
+ }
62
+
63
+ :host([hide-selected-color]) {
64
+ background-color: var(--ids-color-transparent);
65
+ }
66
+
67
+ li:focus,
68
+ li:focus-visible,
69
+ li:focus-within,
70
+ :host(:focus),
71
+ :host(:focus-visible),
72
+ :host(:focus-within) {
73
+ display: block;
74
+ border-color: var(--ids-list-view-item-color-border-focus);
75
+ box-shadow: var(--ids-list-view-item-shadow-focus);
76
+ outline: var(--ids-list-view-item-outline-focus);
77
+ }
78
+
79
+ li.disabled,
80
+ li[disabled],
81
+ .disabled,
82
+ [disabled],
83
+ :host(:hover[disabled]),
84
+ :host([disabled]:hover),
85
+ :host([disabled]),
86
+ :host(.disabled) {
87
+ background-color: var(--ids-list-view-item-color-background-default);
88
+ color: var(--ids-list-view-item-color-text-disabled);
89
+ cursor: var(--ids-cursor-default);
90
+ pointer-events: none;
91
+ user-select: none;
92
+ }
93
+ li.disabled:focus,
94
+ li[disabled]:focus,
95
+ .disabled:focus,
96
+ [disabled]:focus,
97
+ :host(:hover[disabled]):focus,
98
+ :host([disabled]:hover):focus,
99
+ :host([disabled]):focus,
100
+ :host(.disabled):focus {
101
+ border-color: var(--ids-list-view-item-color-border-disabled-focus);
102
+ border-top-color: var(--ids-list-view-item-top-color-border-disabled-focus);
103
+ box-shadow: var(--ids-list-view-item-shadow-disabled-focus);
104
+ }
105
+
106
+ .sortable li,
107
+ [sortable] li,
108
+ .sortable,
109
+ [sortable],
110
+ .sortable :host,
111
+ [sortable] :host {
112
+ cursor: inherit;
113
+ display: block;
114
+ }
115
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbGlzdC12aWV3Iiwic291cmNlcyI6WyJpZHMtbGlzdC12aWV3LWl0ZW0uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUFTOzs7QUFFVDtBQUFBO0VBRUU7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtBQUFBO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0FBQUE7RUFDRTtFQUNBO0VBQ0E7O0FBR0Y7QUFBQTtFQUNFOztBQUdGO0FBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7QUFBQTtFQUNFOzs7QUFLTjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtFQVVFO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtFQU1FO0VBQ0E7RUFDQTtFQUNBOzs7QUFpQkY7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtFQWJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtFQUNFO0VBQ0E7RUFDQTs7O0FBb0JKO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtFQUpFO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJbaGlkZV0geyBkaXNwbGF5OiBub25lOyB9XG5cbmxpLFxuOmhvc3Qge1xuICAtLWlkcy1iYWRnZS1kaXNhYmxlZC1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtbGlzdC12aWV3LWl0ZW0tY29sb3ItYmFja2dyb3VuZC1kaXNhYmxlZCk7XG4gIC0taWRzLWJhZGdlLWRpc2FibGVkLWJvcmRlci1jb2xvcjogdmFyKC0taWRzLWxpc3Qtdmlldy1pdGVtLWNvbG9yLWJvcmRlci1kaXNhYmxlZCk7XG4gIC0taWRzLWJhZGdlLWRpc2FibGVkLXRleHQtY29sb3I6IHZhcigtLWlkcy1saXN0LXZpZXctaXRlbS1iYWRnZS1jb2xvci10ZXh0LWRpc2FibGVkKTtcblxuICBkaXNwbGF5OiBibG9jaztcbiAgYmFja2dyb3VuZDogdmFyKC0taWRzLWNvbG9yLXRyYW5zcGFyZW50KTtcbiAgYm9yZGVyOiB2YXIoLS1pZHMtbGlzdC12aWV3LWl0ZW0tYm9yZGVyKTtcbiAgYm9yZGVyLXRvcC1jb2xvcjogdmFyKC0taWRzLWxpc3Qtdmlldy1pdGVtLWNvbG9yLWJvcmRlci10b3ApO1xuICBjb250YWluOiBjb250ZW50O1xuICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogdmFyKC0taWRzLWxpc3Qtdmlldy1pdGVtLXBhZGRpbmcpO1xuXG4gIC5saXN0LWl0ZW0tYXJlYSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1pZHMtbGlzdC1idWlsZGVyLWl0ZW0tbGluZS1oZWlnaHQpO1xuXG4gICAgJi5lbGxpcHNpcyB7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cblxuICAgIC5saXN0LWl0ZW0tY29udGVudCB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAubGlzdC1pdGVtLWNoZWNrYm94IHtcbiAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogdmFyKC0taWRzLXNwYWNlLTIwKTtcbiAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgbWF4LWhlaWdodDogdmFyKC0taWRzLXNwYWNlLXNtKTtcbiAgICAgIG1heC13aWR0aDogdmFyKC0taWRzLXNwYWNlLXNtKTtcbiAgICAgIG1hcmdpbi1ibG9jay1zdGFydDogLTIwcHg7IC8vIEFkanVzdCBmb3IgY2hlY2tib3ggc3R5bGVzIHNvIGl0cyBjZW50ZXJlZFxuICAgIH1cblxuICAgIC5saXN0LWl0ZW0tY2hlY2tib3hbZGlzYWJsZWRdOjpwYXJ0KGNoZWNrbWFyaykge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWNvbG9yLXRyYW5zcGFyZW50KTtcbiAgICB9XG4gIH1cbn1cblxubGkuYWN0aXZhdGVkLFxubGlbYWN0aXZhdGVkXSxcbmxpLnNlbGVjdGVkLFxubGlbc2VsZWN0ZWRdLFxubGk6aG92ZXIsXG46aG9zdCg6aG92ZXIpLFxuOmhvc3QoLmFjdGl2YXRlZCksXG46aG9zdChbYWN0aXZhdGVkXSksXG46aG9zdCguc2VsZWN0ZWQpLFxuOmhvc3QoW3NlbGVjdGVkXSkge1xuICBkaXNwbGF5OiBibG9jaztcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWxpc3Qtdmlldy1jb2xvci1iYWNrZ3JvdW5kLXNlbGVjdGVkKTtcbn1cblxuOmhvc3QoW2hpZGUtc2VsZWN0ZWQtY29sb3JdKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1jb2xvci10cmFuc3BhcmVudCk7XG59XG5cbmxpOmZvY3VzLFxubGk6Zm9jdXMtdmlzaWJsZSxcbmxpOmZvY3VzLXdpdGhpbixcbjpob3N0KDpmb2N1cyksXG46aG9zdCg6Zm9jdXMtdmlzaWJsZSksXG46aG9zdCg6Zm9jdXMtd2l0aGluKSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItY29sb3I6IHZhcigtLWlkcy1saXN0LXZpZXctaXRlbS1jb2xvci1ib3JkZXItZm9jdXMpO1xuICBib3gtc2hhZG93OiB2YXIoLS1pZHMtbGlzdC12aWV3LWl0ZW0tc2hhZG93LWZvY3VzKTtcbiAgb3V0bGluZTogdmFyKC0taWRzLWxpc3Qtdmlldy1pdGVtLW91dGxpbmUtZm9jdXMpO1xufVxuXG5AbWl4aW4gbGlzdC12aWV3LWl0ZW0tZGlzYWJsZWQoKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1saXN0LXZpZXctaXRlbS1jb2xvci1iYWNrZ3JvdW5kLWRlZmF1bHQpO1xuICBjb2xvcjogdmFyKC0taWRzLWxpc3Qtdmlldy1pdGVtLWNvbG9yLXRleHQtZGlzYWJsZWQpO1xuICBjdXJzb3I6IHZhcigtLWlkcy1jdXJzb3ItZGVmYXVsdCk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAmOmZvY3VzIHtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWlkcy1saXN0LXZpZXctaXRlbS1jb2xvci1ib3JkZXItZGlzYWJsZWQtZm9jdXMpO1xuICAgIGJvcmRlci10b3AtY29sb3I6IHZhcigtLWlkcy1saXN0LXZpZXctaXRlbS10b3AtY29sb3ItYm9yZGVyLWRpc2FibGVkLWZvY3VzKTtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1pZHMtbGlzdC12aWV3LWl0ZW0tc2hhZG93LWRpc2FibGVkLWZvY3VzKTtcbiAgfVxufVxuXG5saS5kaXNhYmxlZCxcbmxpW2Rpc2FibGVkXSxcbi5kaXNhYmxlZCxcbltkaXNhYmxlZF0sXG46aG9zdCg6aG92ZXJbZGlzYWJsZWRdKSxcbjpob3N0KFtkaXNhYmxlZF06aG92ZXIpLFxuOmhvc3QoW2Rpc2FibGVkXSksXG46aG9zdCguZGlzYWJsZWQpIHtcbiAgQGluY2x1ZGUgbGlzdC12aWV3LWl0ZW0tZGlzYWJsZWQoKTtcbn1cblxuQG1peGluIGxpc3Qtdmlldy1pdGVtLXNvcnRhYmxlKCkge1xuICBjdXJzb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uc29ydGFibGUgbGksXG5bc29ydGFibGVdIGxpLFxuLnNvcnRhYmxlLFxuW3NvcnRhYmxlXSxcbi5zb3J0YWJsZSA6aG9zdCxcbltzb3J0YWJsZV0gOmhvc3Qge1xuICBAaW5jbHVkZSBsaXN0LXZpZXctaXRlbS1zb3J0YWJsZSgpO1xufVxuIl19 */
@@ -1,12 +1,16 @@
1
- /* Ids Menu Component */
2
- /**
3
- * Base Styles/Mixins for Ids Menu Component and all subcomponents.
4
- */
1
+ /* Ids Menu Header Component */
5
2
  :root {
6
3
  display: block;
7
4
  }
8
5
 
9
- .ids-menu {
10
- display: block;
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;
11
15
  }
12
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbWVudSIsInNvdXJjZXMiOlsiaWRzLW1lbnUuc2NzcyIsImlkcy1tZW51LWJhc2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQ0FBO0FBQUE7QUFBQTtBREdBO0VBQ0U7OztBQUdGO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgTWVudSBDb21wb25lbnQgKi9cbkB1c2UgJy4vaWRzLW1lbnUtYmFzZScgYXMgKjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmlkcy1tZW51IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG4iLCIvKipcbiAqIEJhc2UgU3R5bGVzL01peGlucyBmb3IgSWRzIE1lbnUgQ29tcG9uZW50IGFuZCBhbGwgc3ViY29tcG9uZW50cy5cbiAqL1xuLy8gUmVzZXRzIHRoZSBVc2VyLUFnZW50IHN0eWxlc2hlZXQgcnVsZXMgZm9yIGA8dWw+YCBpbiBDaHJvbWVcbkBtaXhpbiByZXNldC1tZW51LXN0eWxlKCkge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLWJsb2NrLWVuZDogMDtcbiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAwO1xuICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcbn1cbiJdfQ== */
16
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbWVudSIsInNvdXJjZXMiOlsiaWRzLW1lbnUtaGVhZGVyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgTWVudSBIZWFkZXIgQ29tcG9uZW50ICovXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uaWRzLW1lbnUtaGVhZGVyIHtcbiAgbWFyZ2luLWJsb2NrOiB2YXIoLS1pZHMtbWVudS1oZWFkZXItbWFyZ2luKTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWlkcy1tZW51LWhlYWRlci1wYWRkaW5nKTtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLWlkcy1tZW51LWhlYWRlci1mb250LXdlaWdodCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0taWRzLW1lbnUtaGVhZGVyLWZvbnQtc2l6ZSk7XG4gIGNvbG9yOiB2YXIoLS1pZHMtcG9wdXAtbWVudS1jb2xvci10ZXh0LWRlZmF1bHQpO1xuICBmb250LWZhbWlseTogdmFyKC0taWRzLWZvbnQtZmFtaWx5LWRlZmF1bHQpLCB2YXIoLS1pZHMtZm9udC1mYW1pbHktc3lzdGVtLXNhbnMpO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICB0ZXh0LWFsaWduOiBzdGFydDtcbn1cbiJdfQ== */
@@ -1,111 +1,40 @@
1
- /* Ids Modal Component */
1
+ /* Ids Overlay Component */
2
2
  :root {
3
3
  display: block;
4
- position: fixed;
5
- visibility: visible;
4
+ pointer-events: none;
5
+ }
6
+
7
+ :host([background-color=page]) {
8
+ z-index: -1;
9
+ }
10
+
11
+ .ids-overlay {
6
12
  height: 100%;
7
13
  width: 100%;
8
14
  top: 0;
9
15
  left: 0;
10
- }
11
-
12
- :host(:not([visible])) {
16
+ box-sizing: border-box;
17
+ display: none;
18
+ outline: 0;
19
+ position: fixed;
13
20
  pointer-events: none;
14
- visibility: hidden;
21
+ background-color: rgb(var(--ids-overlay-background-color)/0);
22
+ transition: background-color 0.2s;
15
23
  }
16
-
17
- .ids-modal {
24
+ .ids-overlay.visible {
18
25
  display: block;
19
- pointer-events: none;
20
- }
21
- .ids-modal[visible] {
26
+ background-color: rgb(var(--ids-overlay-background-color)/0.3);
22
27
  pointer-events: auto;
23
28
  }
24
- .ids-modal.fullsize {
25
- height: 100%;
26
- }
27
- .ids-modal.fullsize .ids-modal-container {
28
- height: 100% !important;
29
- min-height: 100% !important;
30
- max-height: 100% !important;
31
- width: 100% !important;
32
- }
33
- .ids-modal.fullsize .ids-modal-header + .ids-modal-content {
34
- overflow-y: auto;
35
- }
36
- .ids-modal:not(.scrollable) .has-scrollbar {
37
- overflow: hidden;
38
- padding: 0;
39
- }
40
- .ids-modal.scrollable .has-scrollbar {
41
- overflow: auto;
42
- }
43
- .ids-modal:not(.fullsize)::part(popup) {
44
- max-height: calc(100% - 32px);
45
- }
46
29
 
47
- .ids-modal-header {
48
- padding: var(--ids-modal-header-padding);
30
+ :host(.contained)::part(overlay) {
31
+ position: relative;
49
32
  }
50
33
 
51
- .ids-modal-content {
52
- padding: var(--ids-modal-content-padding);
53
- flex-grow: 1;
54
- flex-shrink: 1;
55
- }
56
-
57
- .ids-modal-header + .ids-modal-content {
58
- padding-block-start: 0;
59
- }
60
-
61
- .ids-modal-header,
62
- .ids-modal-footer {
63
- align-items: center;
64
- display: flex;
65
- }
66
-
67
- .ids-modal-footer {
68
- margin: var(--ids-modal-footer-margin);
69
- border-top: 1px solid var(--ids-modal-footer-color-border);
70
- }
71
- .ids-modal-footer[hidden] {
72
- border-top: none;
73
- }
74
-
75
- .ids-modal-container {
34
+ [slot=widget-content], [slot=card-content] {
35
+ position: relative;
76
36
  display: flex;
77
37
  flex-direction: column;
78
- justify-content: space-around;
79
- height: 100%;
80
- width: 100%;
81
- }
82
-
83
- ::slotted([slot=buttons]) {
84
- flex-grow: 1;
85
- display: flex;
86
- }
87
-
88
- .modal-control-close {
89
- position: absolute;
90
- top: var(--ids-space-2xs);
91
- right: var(--ids-space-2xs);
92
- }
93
- .modal-control-close[dir=rtl] {
94
- left: var(--ids-space-2xs);
95
- right: unset;
96
- }
97
-
98
- ::slotted([slot=buttons]:not(:first-of-type)) {
99
- border-inline-start: 1px solid var(--ids-modal-footer-color-border);
100
- }
101
-
102
- .ids-modal-button:not(.ids-modal-icon-button):not(:first-of-type) {
103
- border-left: 1px solid var(--ids-modal-footer-color-border);
104
- }
105
-
106
- @media screen and (min-width: 600px) {
107
- ::slotted([slot=title]) {
108
- font-size: var(--ids-font-size-lg);
109
- }
38
+ min-height: 100px;
110
39
  }
111
- /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbW9kYWwiLCJzb3VyY2VzIjpbImlkcy1tb2RhbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBR0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUVBO0VBRUU7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7QUFLRjtFQUNFO0VBQ0E7O0FBS0Y7RUFDRTs7QUFLSjtFQUNFOzs7QUFJSjtFQUNFOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTs7O0FBR0Y7QUFBQTtFQUVFO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTs7QUFFQTtFQUNFOzs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOzs7QUFRSjtFQUNFOzs7QUFHRjtFQUNFOzs7QUFJRjtFQUNFO0lBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgTW9kYWwgQ29tcG9uZW50ICovXG5AdXNlICcuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucycgYXMgKjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IGZpeGVkO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG59XG5cbjpob3N0KDpub3QoW3Zpc2libGVdKSkge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuXG4uaWRzLW1vZGFsIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gICZbdmlzaWJsZV0ge1xuICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICB9XG5cbiAgJi5mdWxsc2l6ZSB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgLmlkcy1tb2RhbC1jb250YWluZXIge1xuICAgICAgLy8gaW1wb3J0YW50IGlzIG5lZWRlZCB0byBvdmVycmlkZSB0aGUgaW5saW5lIHNldHRpbmcgc3R5bGVzXG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIG1heC1oZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLmlkcy1tb2RhbC1oZWFkZXIgKyAuaWRzLW1vZGFsLWNvbnRlbnQge1xuICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICB9XG4gIH1cblxuICAmOm5vdCguc2Nyb2xsYWJsZSkge1xuICAgIC5oYXMtc2Nyb2xsYmFyIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuXG4gICYuc2Nyb2xsYWJsZSB7XG4gICAgLmhhcy1zY3JvbGxiYXIge1xuICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgfVxuICB9XG5cbiAgLy8gQWRkaW5nIHRvcC9ib3R0b20gc3BhY2UgdG8gdGhlIG1vZGFsIGlmIGZ1bGwgaGVpZ2h0XG4gICY6bm90KC5mdWxsc2l6ZSk6OnBhcnQocG9wdXApIHtcbiAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMCUgLSAzMnB4KTtcbiAgfVxufVxuXG4uaWRzLW1vZGFsLWhlYWRlciB7XG4gIHBhZGRpbmc6IHZhcigtLWlkcy1tb2RhbC1oZWFkZXItcGFkZGluZyk7XG59XG5cbi5pZHMtbW9kYWwtY29udGVudCB7XG4gIHBhZGRpbmc6IHZhcigtLWlkcy1tb2RhbC1jb250ZW50LXBhZGRpbmcpO1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtc2hyaW5rOiAxO1xufVxuXG4uaWRzLW1vZGFsLWhlYWRlciArIC5pZHMtbW9kYWwtY29udGVudCB7XG4gIHBhZGRpbmctYmxvY2stc3RhcnQ6IDA7XG59XG5cbi5pZHMtbW9kYWwtaGVhZGVyLFxuLmlkcy1tb2RhbC1mb290ZXIge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uaWRzLW1vZGFsLWZvb3RlciB7XG4gIG1hcmdpbjogdmFyKC0taWRzLW1vZGFsLWZvb3Rlci1tYXJnaW4pO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0taWRzLW1vZGFsLWZvb3Rlci1jb2xvci1ib3JkZXIpO1xuXG4gICZbaGlkZGVuXSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxufVxuXG4uaWRzLW1vZGFsLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG46OnNsb3R0ZWQoW3Nsb3Q9J2J1dHRvbnMnXSkge1xuICBmbGV4LWdyb3c6IDE7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5tb2RhbC1jb250cm9sLWNsb3NlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICByaWdodDogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG5cbiAgJltkaXI9J3J0bCddIHtcbiAgICBsZWZ0OiB2YXIoLS1pZHMtc3BhY2UtMnhzKTtcbiAgICByaWdodDogdW5zZXQ7XG4gIH1cbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIEFsdGVyIHRoZSBydWxlcyBpbiB0aGlzIGJsb2NrIHRvIGFmZmVjdCB0aGUgYm9yZGVyXG4vLyBiZXR3ZWVuIGJ1dHRvbnMgaW5zaWRlIHRoZSBNb2RhbCBGb290ZXJcblxuOjpzbG90dGVkKFtzbG90PSdidXR0b25zJ106bm90KDpmaXJzdC1vZi10eXBlKSkge1xuICBib3JkZXItaW5saW5lLXN0YXJ0OiAxcHggc29saWQgdmFyKC0taWRzLW1vZGFsLWZvb3Rlci1jb2xvci1ib3JkZXIpO1xufVxuXG4uaWRzLW1vZGFsLWJ1dHRvbjpub3QoLmlkcy1tb2RhbC1pY29uLWJ1dHRvbik6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gIGJvcmRlci1sZWZ0OiAxcHggc29saWQgdmFyKC0taWRzLW1vZGFsLWZvb3Rlci1jb2xvci1ib3JkZXIpO1xufVxuXG4vLyBNZWRpYSBxdWVyaWVzIHNldHVwXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAkYnJlYWtwb2ludC1zbSkge1xuICA6OnNsb3R0ZWQoW3Nsb3Q9J3RpdGxlJ10pIHtcbiAgICBmb250LXNpemU6IHZhcigtLWlkcy1mb250LXNpemUtbGcpO1xuICB9XG59XG4iXX0= */
40
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbW9kYWwiLCJzb3VyY2VzIjpbImlkcy1vdmVybGF5LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBR0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTs7O0FBSUo7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi8qIElkcyBPdmVybGF5IENvbXBvbmVudCAqL1xuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbjpob3N0KFtiYWNrZ3JvdW5kLWNvbG9yPVwicGFnZVwiXSkge1xuICB6LWluZGV4OiAtMTtcbn1cblxuLmlkcy1vdmVybGF5IHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBub25lO1xuICBvdXRsaW5lOiAwO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gIC8vIEFuaW1hdGlvblxuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0taWRzLW92ZXJsYXktYmFja2dyb3VuZC1jb2xvcikgLyAwKTtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzO1xuXG4gICYudmlzaWJsZSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLWlkcy1vdmVybGF5LWJhY2tncm91bmQtY29sb3IpIC8gMC4zKTtcbiAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgfVxufVxuXG46aG9zdCguY29udGFpbmVkKTo6cGFydChvdmVybGF5KSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuW3Nsb3Q9XCJ3aWRnZXQtY29udGVudFwiXSxbc2xvdD1cImNhcmQtY29udGVudFwiXSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLWhlaWdodDogMTAwcHg7XG59XG4iXX0= */