ids-enterprise-wc 1.15.9-patch.16 → 1.15.9-patch.17

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.
@@ -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= */