@everymatrix/nuts-inbox-widget 1.49.2 → 1.50.0
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/dist/cjs/nuts-inbox-widget_3.cjs.entry.js +2 -2
- package/dist/collection/components/nuts-notification/nuts-notification.css +9 -9
- package/dist/collection/components/nuts-popover/nuts-popover.css +11 -11
- package/dist/esm/nuts-inbox-widget_3.entry.js +2 -2
- package/dist/nuts-inbox-widget/nuts-inbox-widget.esm.js +1 -1
- package/dist/nuts-inbox-widget/{p-9326aa64.entry.js → p-e1b0c3bd.entry.js} +1 -1
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.dev.d.ts +0 -2
|
@@ -40641,7 +40641,7 @@ const truncate = (str, n) => {
|
|
|
40641
40641
|
return str.length > n ? str.slice(0, n - 1) + '...' : str;
|
|
40642
40642
|
};
|
|
40643
40643
|
|
|
40644
|
-
const nutsNotificationCss = ":host{display:block}p{display:block;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px}.NotificationContainer{animation:show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards;transform-origin:top center;padding:15px;position:relative;display:flex;line-height:20px;justify-content:space-between;align-items:flex-start;border-radius:7px;margin:10px 15px;color:var(--
|
|
40644
|
+
const nutsNotificationCss = ":host{display:block}p{display:block;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px}.NotificationContainer{animation:show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards;transform-origin:top center;padding:15px;position:relative;display:flex;line-height:20px;justify-content:space-between;align-items:flex-start;border-radius:7px;margin:10px 15px;color:var(--emw--color-white, rgb(255, 255, 255));background:var(--emw--color-gray-400, rgb(35, 35, 43));font-weight:400;font-size:14px;gap:8px;cursor:pointer}@keyframes show{100%{opacity:1;transform:none}}.NotificationContainer .AvatarContainer{margin-right:10px;width:40px;min-width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:40px;border:1px solid var(--emw--color-gray-200, rgb(82, 82, 102));overflow:hidden}.NotificationContainer .AvatarContainer .Avatar{box-sizing:border-box;position:relative;display:flex;user-select:none;overflow:hidden;width:38px;min-width:38px;height:38px;border-radius:32px;text-decoration:none;border:0px;background-color:transparent;padding:0px;justify-content:center;align-items:center}.NotificationContainer .AvatarContainer .Avatar .AvatarImage{object-fit:cover;width:100%;height:100%;display:block}.NotificationContainer .AvatarContainer .Avatar svg{object-fit:cover;display:block}.NotificationContainer .ContentContainer{display:flex;flex-direction:column;word-break:break-all}.NotificationContainer .RightActionsContainer{display:flex;flex-direction:column}.NotificationContainer .FlipX{transform:rotateX(180deg) translate(0, 4px)}.NotificationContainer .AccordionArrow{margin-left:4px;transition-duration:0.2s;transition-property:transform}.NotificationContainer .Date{min-width:55px;font-size:12px;font-weight:400;opacity:0.5;line-height:14.4px;color:var(--emw--color-gray-200, rgb(82, 82, 102))}.NotificationContainer .Settings{opacity:0.5;display:inline;cursor:pointer}.Unseen::before{content:\"\";position:absolute;inset:0px;width:5px;border-radius:7px 0px 0px 7px;background:linear-gradient(0deg, var(--emw--color-secondary-20, rgb(255, 81, 47)) 0%, var(--emw--color-secondary, rgb(221, 36, 118)) 100%)}.Unseen:hover .UnseenButton{display:none}.SettingsDropdown{z-index:999;position:absolute;background:var(--emw--color-gray-400, rgb(41, 41, 51));box-shadow:var(--emw--color-gray-20, rgba(0, 0, 0, 0.2)) 0px 5px 20px;border-radius:7px;padding:4px;border:none;transition-property:opacity;transition-duration:150ms;transition-timing-function:ease;opacity:1;width:max-content;display:flex;flex-direction:column;right:50px;top:50px}.SettingsDropdown svg{margin-right:10px}.SettingsDropdown button{font-family:inherit;border:0px;background-color:transparent;outline:0px;width:100%;text-align:left;text-decoration:none;box-sizing:border-box;padding:10px 12px;cursor:pointer;border-radius:7px;display:flex;align-items:center;color:var(--emw--color-white, rgb(255, 255, 255));font-weight:400;font-size:14px}.SettingsDropdown button:hover{background:var(--emw--color-gray-300, rgb(61, 61, 77));transition:300ms}.Wrapper{position:relative}";
|
|
40645
40645
|
const NutsNotificationStyle0 = nutsNotificationCss;
|
|
40646
40646
|
|
|
40647
40647
|
const systemIcons = {
|
|
@@ -40859,7 +40859,7 @@ const NutsNotification = class {
|
|
|
40859
40859
|
};
|
|
40860
40860
|
NutsNotification.style = NutsNotificationStyle0;
|
|
40861
40861
|
|
|
40862
|
-
const nutsPopoverCss = ":host{display:block}.Popover{padding:15px 0px;border-radius:7px;box-shadow:var(--
|
|
40862
|
+
const nutsPopoverCss = ":host{display:block}.Popover{padding:15px 0px;border-radius:7px;box-shadow:var(--emw--color-gray-400, rgba(0, 0, 0, 0.2)) 0px 5px 20px;background:var(--emw--color-gray-300, rgb(30, 30, 38));margin:0px;font-family:inherit;color:var(--emw--color-gray-200, rgb(51, 55, 55));direction:ltr;width:420px;z-index:999;position:absolute;right:0}.Popover .Header{display:flex;justify-content:space-between;padding:0 20px 10px 20px;box-shadow:var(--emw--color-gray-20, rgba(0, 0, 0, 0.2)) 0px 5px 5px -5px}.Popover .Header .Title{color:var(--emw--color-white, rgb(255, 255, 255));font-size:20px;font-style:normal;font-weight:700;line-height:24px;text-align:center;padding-left:10px}.Popover .Header .Title .UnseenCounter{text-decoration:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;border-radius:10px;letter-spacing:0.25px;text-overflow:ellipsis;overflow:hidden;padding:0px;margin-left:10px;width:25px;height:20px;pointer-events:none;border:none;background:linear-gradient(0deg, var(--emw--color-secondary-20, rgb(255, 81, 47)) 0%, var(--emw--color-secondary, rgb(221, 36, 118)) 100%);font-family:inherit;line-height:14px;color:var(--emw--color-white, rgb(255, 255, 255));font-weight:bold;font-size:12px}.Popover .Header .MarkAsRead{margin-top:5px;margin-right:10px;font-size:14px;font-style:normal;font-weight:400;line-height:17px;color:var(--emw--color-gray-150, rgb(130, 130, 153));cursor:pointer;pointer-events:auto;opacity:0.5}.Popover .Header .MarkAsRead:hover{opacity:0.7;transition:250ms}.Popover .NotificationList{height:400px;overflow:auto;box-shadow:0px 20px 10px -20px rgba(0, 0, 0, 0.45) inset, 0px -20px 10px -20px rgba(0, 0, 0, 0.45) inset}.Popover .NotificationList .NoMessages{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%}.Popover .NotificationList .NoMessages p{color:var(--emw--color-white, #fff);opacity:0.7}.Popover .Pagination{display:flex;justify-content:space-around;margin-top:13px}.Popover .Pagination .Button{width:43%}.Popover .Pagination .Button button{font-family:inherit;border:0px;background-color:transparent;outline:0px;width:100%;text-align:left;text-decoration:none;box-sizing:border-box;padding:10px 12px;cursor:pointer;border-radius:7px;display:flex;align-items:center;color:var(--emw--color-white, rgb(255, 255, 255));font-weight:400;font-size:14px;justify-content:center}.Popover .Pagination .Button button svg{width:15px;height:15px;fill:white}.Popover .Pagination .Button button:disabled{cursor:default;opacity:0.5}.Popover .Pagination .Button button:hover:enabled{background:var(--emw--color-gray-300, rgb(61, 61, 77));transition:300ms}";
|
|
40863
40863
|
const NutsPopoverStyle0 = nutsPopoverCss;
|
|
40864
40864
|
|
|
40865
40865
|
const NutsPopover = class {
|
|
@@ -21,8 +21,8 @@ p {
|
|
|
21
21
|
align-items: flex-start;
|
|
22
22
|
border-radius: 7px;
|
|
23
23
|
margin: 10px 15px;
|
|
24
|
-
color: var(--
|
|
25
|
-
background: var(--
|
|
24
|
+
color: var(--emw--color-white, rgb(255, 255, 255));
|
|
25
|
+
background: var(--emw--color-gray-400, rgb(35, 35, 43));
|
|
26
26
|
font-weight: 400;
|
|
27
27
|
font-size: 14px;
|
|
28
28
|
gap: 8px;
|
|
@@ -44,7 +44,7 @@ p {
|
|
|
44
44
|
justify-content: center;
|
|
45
45
|
align-items: center;
|
|
46
46
|
font-size: 40px;
|
|
47
|
-
border: 1px solid var(--
|
|
47
|
+
border: 1px solid var(--emw--color-gray-200, rgb(82, 82, 102));
|
|
48
48
|
overflow: hidden;
|
|
49
49
|
}
|
|
50
50
|
.NotificationContainer .AvatarContainer .Avatar {
|
|
@@ -97,7 +97,7 @@ p {
|
|
|
97
97
|
font-weight: 400;
|
|
98
98
|
opacity: 0.5;
|
|
99
99
|
line-height: 14.4px;
|
|
100
|
-
color: var(--
|
|
100
|
+
color: var(--emw--color-gray-200, rgb(82, 82, 102));
|
|
101
101
|
}
|
|
102
102
|
.NotificationContainer .Settings {
|
|
103
103
|
opacity: 0.5;
|
|
@@ -111,7 +111,7 @@ p {
|
|
|
111
111
|
inset: 0px;
|
|
112
112
|
width: 5px;
|
|
113
113
|
border-radius: 7px 0px 0px 7px;
|
|
114
|
-
background: linear-gradient(0deg, var(--
|
|
114
|
+
background: linear-gradient(0deg, var(--emw--color-secondary-20, rgb(255, 81, 47)) 0%, var(--emw--color-secondary, rgb(221, 36, 118)) 100%);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
.Unseen:hover .UnseenButton {
|
|
@@ -121,8 +121,8 @@ p {
|
|
|
121
121
|
.SettingsDropdown {
|
|
122
122
|
z-index: 999;
|
|
123
123
|
position: absolute;
|
|
124
|
-
background: var(--
|
|
125
|
-
box-shadow: var(--
|
|
124
|
+
background: var(--emw--color-gray-400, rgb(41, 41, 51));
|
|
125
|
+
box-shadow: var(--emw--color-gray-20, rgba(0, 0, 0, 0.2)) 0px 5px 20px;
|
|
126
126
|
border-radius: 7px;
|
|
127
127
|
padding: 4px;
|
|
128
128
|
border: none;
|
|
@@ -153,12 +153,12 @@ p {
|
|
|
153
153
|
border-radius: 7px;
|
|
154
154
|
display: flex;
|
|
155
155
|
align-items: center;
|
|
156
|
-
color: var(--
|
|
156
|
+
color: var(--emw--color-white, rgb(255, 255, 255));
|
|
157
157
|
font-weight: 400;
|
|
158
158
|
font-size: 14px;
|
|
159
159
|
}
|
|
160
160
|
.SettingsDropdown button:hover {
|
|
161
|
-
background: var(--
|
|
161
|
+
background: var(--emw--color-gray-300, rgb(61, 61, 77));
|
|
162
162
|
transition: 300ms;
|
|
163
163
|
}
|
|
164
164
|
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
.Popover {
|
|
6
6
|
padding: 15px 0px;
|
|
7
7
|
border-radius: 7px;
|
|
8
|
-
box-shadow: var(--
|
|
9
|
-
background: var(--
|
|
8
|
+
box-shadow: var(--emw--color-gray-400, rgba(0, 0, 0, 0.2)) 0px 5px 20px;
|
|
9
|
+
background: var(--emw--color-gray-300, rgb(30, 30, 38));
|
|
10
10
|
margin: 0px;
|
|
11
11
|
font-family: inherit;
|
|
12
|
-
color: var(--
|
|
12
|
+
color: var(--emw--color-gray-200, rgb(51, 55, 55));
|
|
13
13
|
direction: ltr;
|
|
14
14
|
width: 420px;
|
|
15
15
|
z-index: 999;
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
display: flex;
|
|
21
21
|
justify-content: space-between;
|
|
22
22
|
padding: 0 20px 10px 20px;
|
|
23
|
-
box-shadow: var(--
|
|
23
|
+
box-shadow: var(--emw--color-gray-20, rgba(0, 0, 0, 0.2)) 0px 5px 5px -5px;
|
|
24
24
|
}
|
|
25
25
|
.Popover .Header .Title {
|
|
26
|
-
color: var(--
|
|
26
|
+
color: var(--emw--color-white, rgb(255, 255, 255));
|
|
27
27
|
font-size: 20px;
|
|
28
28
|
font-style: normal;
|
|
29
29
|
font-weight: 700;
|
|
@@ -48,10 +48,10 @@
|
|
|
48
48
|
height: 20px;
|
|
49
49
|
pointer-events: none;
|
|
50
50
|
border: none;
|
|
51
|
-
background: linear-gradient(0deg, var(--
|
|
51
|
+
background: linear-gradient(0deg, var(--emw--color-secondary-20, rgb(255, 81, 47)) 0%, var(--emw--color-secondary, rgb(221, 36, 118)) 100%);
|
|
52
52
|
font-family: inherit;
|
|
53
53
|
line-height: 14px;
|
|
54
|
-
color: var(--
|
|
54
|
+
color: var(--emw--color-white, rgb(255, 255, 255));
|
|
55
55
|
font-weight: bold;
|
|
56
56
|
font-size: 12px;
|
|
57
57
|
}
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
font-style: normal;
|
|
63
63
|
font-weight: 400;
|
|
64
64
|
line-height: 17px;
|
|
65
|
-
color: var(--
|
|
65
|
+
color: var(--emw--color-gray-150, rgb(130, 130, 153));
|
|
66
66
|
cursor: pointer;
|
|
67
67
|
pointer-events: auto;
|
|
68
68
|
opacity: 0.5;
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
height: 100%;
|
|
85
85
|
}
|
|
86
86
|
.Popover .NotificationList .NoMessages p {
|
|
87
|
-
color: var(--
|
|
87
|
+
color: var(--emw--color-white, #fff);
|
|
88
88
|
opacity: 0.7;
|
|
89
89
|
}
|
|
90
90
|
.Popover .Pagination {
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
border-radius: 7px;
|
|
110
110
|
display: flex;
|
|
111
111
|
align-items: center;
|
|
112
|
-
color: var(--
|
|
112
|
+
color: var(--emw--color-white, rgb(255, 255, 255));
|
|
113
113
|
font-weight: 400;
|
|
114
114
|
font-size: 14px;
|
|
115
115
|
justify-content: center;
|
|
@@ -124,6 +124,6 @@
|
|
|
124
124
|
opacity: 0.5;
|
|
125
125
|
}
|
|
126
126
|
.Popover .Pagination .Button button:hover:enabled {
|
|
127
|
-
background: var(--
|
|
127
|
+
background: var(--emw--color-gray-300, rgb(61, 61, 77));
|
|
128
128
|
transition: 300ms;
|
|
129
129
|
}
|
|
@@ -40637,7 +40637,7 @@ const truncate = (str, n) => {
|
|
|
40637
40637
|
return str.length > n ? str.slice(0, n - 1) + '...' : str;
|
|
40638
40638
|
};
|
|
40639
40639
|
|
|
40640
|
-
const nutsNotificationCss = ":host{display:block}p{display:block;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px}.NotificationContainer{animation:show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards;transform-origin:top center;padding:15px;position:relative;display:flex;line-height:20px;justify-content:space-between;align-items:flex-start;border-radius:7px;margin:10px 15px;color:var(--
|
|
40640
|
+
const nutsNotificationCss = ":host{display:block}p{display:block;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px}.NotificationContainer{animation:show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards;transform-origin:top center;padding:15px;position:relative;display:flex;line-height:20px;justify-content:space-between;align-items:flex-start;border-radius:7px;margin:10px 15px;color:var(--emw--color-white, rgb(255, 255, 255));background:var(--emw--color-gray-400, rgb(35, 35, 43));font-weight:400;font-size:14px;gap:8px;cursor:pointer}@keyframes show{100%{opacity:1;transform:none}}.NotificationContainer .AvatarContainer{margin-right:10px;width:40px;min-width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:40px;border:1px solid var(--emw--color-gray-200, rgb(82, 82, 102));overflow:hidden}.NotificationContainer .AvatarContainer .Avatar{box-sizing:border-box;position:relative;display:flex;user-select:none;overflow:hidden;width:38px;min-width:38px;height:38px;border-radius:32px;text-decoration:none;border:0px;background-color:transparent;padding:0px;justify-content:center;align-items:center}.NotificationContainer .AvatarContainer .Avatar .AvatarImage{object-fit:cover;width:100%;height:100%;display:block}.NotificationContainer .AvatarContainer .Avatar svg{object-fit:cover;display:block}.NotificationContainer .ContentContainer{display:flex;flex-direction:column;word-break:break-all}.NotificationContainer .RightActionsContainer{display:flex;flex-direction:column}.NotificationContainer .FlipX{transform:rotateX(180deg) translate(0, 4px)}.NotificationContainer .AccordionArrow{margin-left:4px;transition-duration:0.2s;transition-property:transform}.NotificationContainer .Date{min-width:55px;font-size:12px;font-weight:400;opacity:0.5;line-height:14.4px;color:var(--emw--color-gray-200, rgb(82, 82, 102))}.NotificationContainer .Settings{opacity:0.5;display:inline;cursor:pointer}.Unseen::before{content:\"\";position:absolute;inset:0px;width:5px;border-radius:7px 0px 0px 7px;background:linear-gradient(0deg, var(--emw--color-secondary-20, rgb(255, 81, 47)) 0%, var(--emw--color-secondary, rgb(221, 36, 118)) 100%)}.Unseen:hover .UnseenButton{display:none}.SettingsDropdown{z-index:999;position:absolute;background:var(--emw--color-gray-400, rgb(41, 41, 51));box-shadow:var(--emw--color-gray-20, rgba(0, 0, 0, 0.2)) 0px 5px 20px;border-radius:7px;padding:4px;border:none;transition-property:opacity;transition-duration:150ms;transition-timing-function:ease;opacity:1;width:max-content;display:flex;flex-direction:column;right:50px;top:50px}.SettingsDropdown svg{margin-right:10px}.SettingsDropdown button{font-family:inherit;border:0px;background-color:transparent;outline:0px;width:100%;text-align:left;text-decoration:none;box-sizing:border-box;padding:10px 12px;cursor:pointer;border-radius:7px;display:flex;align-items:center;color:var(--emw--color-white, rgb(255, 255, 255));font-weight:400;font-size:14px}.SettingsDropdown button:hover{background:var(--emw--color-gray-300, rgb(61, 61, 77));transition:300ms}.Wrapper{position:relative}";
|
|
40641
40641
|
const NutsNotificationStyle0 = nutsNotificationCss;
|
|
40642
40642
|
|
|
40643
40643
|
const systemIcons = {
|
|
@@ -40855,7 +40855,7 @@ const NutsNotification = class {
|
|
|
40855
40855
|
};
|
|
40856
40856
|
NutsNotification.style = NutsNotificationStyle0;
|
|
40857
40857
|
|
|
40858
|
-
const nutsPopoverCss = ":host{display:block}.Popover{padding:15px 0px;border-radius:7px;box-shadow:var(--
|
|
40858
|
+
const nutsPopoverCss = ":host{display:block}.Popover{padding:15px 0px;border-radius:7px;box-shadow:var(--emw--color-gray-400, rgba(0, 0, 0, 0.2)) 0px 5px 20px;background:var(--emw--color-gray-300, rgb(30, 30, 38));margin:0px;font-family:inherit;color:var(--emw--color-gray-200, rgb(51, 55, 55));direction:ltr;width:420px;z-index:999;position:absolute;right:0}.Popover .Header{display:flex;justify-content:space-between;padding:0 20px 10px 20px;box-shadow:var(--emw--color-gray-20, rgba(0, 0, 0, 0.2)) 0px 5px 5px -5px}.Popover .Header .Title{color:var(--emw--color-white, rgb(255, 255, 255));font-size:20px;font-style:normal;font-weight:700;line-height:24px;text-align:center;padding-left:10px}.Popover .Header .Title .UnseenCounter{text-decoration:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;border-radius:10px;letter-spacing:0.25px;text-overflow:ellipsis;overflow:hidden;padding:0px;margin-left:10px;width:25px;height:20px;pointer-events:none;border:none;background:linear-gradient(0deg, var(--emw--color-secondary-20, rgb(255, 81, 47)) 0%, var(--emw--color-secondary, rgb(221, 36, 118)) 100%);font-family:inherit;line-height:14px;color:var(--emw--color-white, rgb(255, 255, 255));font-weight:bold;font-size:12px}.Popover .Header .MarkAsRead{margin-top:5px;margin-right:10px;font-size:14px;font-style:normal;font-weight:400;line-height:17px;color:var(--emw--color-gray-150, rgb(130, 130, 153));cursor:pointer;pointer-events:auto;opacity:0.5}.Popover .Header .MarkAsRead:hover{opacity:0.7;transition:250ms}.Popover .NotificationList{height:400px;overflow:auto;box-shadow:0px 20px 10px -20px rgba(0, 0, 0, 0.45) inset, 0px -20px 10px -20px rgba(0, 0, 0, 0.45) inset}.Popover .NotificationList .NoMessages{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%}.Popover .NotificationList .NoMessages p{color:var(--emw--color-white, #fff);opacity:0.7}.Popover .Pagination{display:flex;justify-content:space-around;margin-top:13px}.Popover .Pagination .Button{width:43%}.Popover .Pagination .Button button{font-family:inherit;border:0px;background-color:transparent;outline:0px;width:100%;text-align:left;text-decoration:none;box-sizing:border-box;padding:10px 12px;cursor:pointer;border-radius:7px;display:flex;align-items:center;color:var(--emw--color-white, rgb(255, 255, 255));font-weight:400;font-size:14px;justify-content:center}.Popover .Pagination .Button button svg{width:15px;height:15px;fill:white}.Popover .Pagination .Button button:disabled{cursor:default;opacity:0.5}.Popover .Pagination .Button button:hover:enabled{background:var(--emw--color-gray-300, rgb(61, 61, 77));transition:300ms}";
|
|
40859
40859
|
const NutsPopoverStyle0 = nutsPopoverCss;
|
|
40860
40860
|
|
|
40861
40861
|
const NutsPopover = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as n,b as i}from"./p-80fb2012.js";export{s as setNonce}from"./p-80fb2012.js";import{g as e}from"./p-e1255160.js";(()=>{const i=import.meta.url,e={};return""!==i&&(e.resourcesUrl=new URL(".",i).href),n(e)})().then((async n=>(await e(),i([["p-
|
|
1
|
+
import{p as n,b as i}from"./p-80fb2012.js";export{s as setNonce}from"./p-80fb2012.js";import{g as e}from"./p-e1255160.js";(()=>{const i=import.meta.url,e={};return""!==i&&(e.resourcesUrl=new URL(".",i).href),n(e)})().then((async n=>(await e(),i([["p-e1b0c3bd",[[1,"nuts-inbox-widget",{backendUrl:[513,"backend-url"],socketUrl:[513,"socket-url"],userId:[513,"user-id"],sessionId:[513,"session-id"],operatorId:[513,"operator-id"],subscriberId:[513,"subscriber-id"],deviceId:[513,"device-id"],language:[513],environment:[513],applicationIdentifier:[513,"application-identifier"],clientStyling:[1537,"client-styling"],clientStylingUrl:[513,"client-styling-url"],bellIconPosition:[513,"bell-icon-position"],notificationAction:[513,"notification-action"],translationUrl:[513,"translation-url"],isLoading:[32],popoverVisible:[32],unseenCount:[32],limitStylingAppends:[32]},[[8,"click","clickOutsideHandle"],[0,"allNotificationsRead","resetUnseenCount"]],{subscriberId:["initializeHandler"],operatorId:["initializeHandler"],applicationIdentifier:["initializeHandler"],deviceId:["initializeHandler"],clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"],translationUrl:["handleNewTranslations"]}],[0,"nuts-popover",{language:[513],userId:[513,"user-id"],operatorId:[513,"operator-id"],token:[513],sessionId:[513,"session-id"],backendUrl:[513,"backend-url"],unseenCount:[514,"unseen-count"],clientStylingUrl:[513,"client-styling-url"],notificationAction:[513,"notification-action"],clientStyling:[1537,"client-styling"],translationUrl:[513,"translation-url"],notifications:[32],isLoading:[32],showMarkAll:[32],limitStylingAppends:[32]},[[8,"messageDeleted","messageDeteledHandler"],[8,"newNotification","newNotificationHandler"]],{unseenCount:["unseenCountHandler"],clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"],translationUrl:["handleNewTranslations"]}],[0,"nuts-notification",{badge:[513],content:[513],date:[513],showSettings:[516,"show-settings"],read:[516],seen:[516],language:[513],sessionId:[513,"session-id"],subscriberId:[513,"subscriber-id"],userId:[513,"user-id"],messageId:[513,"message-id"],operatorId:[513,"operator-id"],token:[513],backendUrl:[513,"backend-url"],redirectUrl:[513,"redirect-url"],notificationAction:[513,"notification-action"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],clientStyling:[1537,"client-styling"],showSettingsModal:[32],messageSeen:[32],messageRead:[32],displayedContent:[32],limitStylingAppends:[32]},[[8,"allNotificationsRead","allNotificationsReadHandler"],[8,"settingsOpened","settingsOpenedHandler"]],{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"],translationUrl:["handleNewTranslations"]}]]]],n))));
|