@itfin/components 2.0.80 → 2.0.81
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/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
{{ count > 99 ? '99+' : count }}
|
|
5
5
|
</div>
|
|
6
6
|
<div v-if="multiple" class="itf-alert-banner__panel itf-alert-banner__multiple rounded-3 border bg-muted-2"></div>
|
|
7
|
-
<div class="itf-alert-banner__panel px-3 rounded-3 border bg-muted-2 d-flex gap-3 align-items-start align-items-sm-center flex-row">
|
|
7
|
+
<div class="itf-alert-banner__panel px-3 rounded-3 border bg-muted-2 d-flex gap-3 align-items-start align-items-sm-center flex-sm-row flex-column">
|
|
8
8
|
<slot name="icon">
|
|
9
9
|
<div v-if="icon" class="itf-alert-banner__icon rounded-2 bg-danger flex-shrink-0 d-flex align-items-center justify-content-center">
|
|
10
10
|
<itf-icon new :name="icon" :size="24" class="text-white" />
|
|
@@ -21,11 +21,7 @@
|
|
|
21
21
|
.itf-alert-banner {
|
|
22
22
|
width: 100%;
|
|
23
23
|
position: relative;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
@media screen and (min-width: 576px) {
|
|
27
|
-
max-width: 420px;
|
|
28
|
-
}
|
|
24
|
+
max-width: 420px;
|
|
29
25
|
|
|
30
26
|
&__counter {
|
|
31
27
|
top: 0;
|
|
@@ -85,6 +85,10 @@ class itfPopover extends Vue {
|
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
destroy() {
|
|
88
|
+
if (this.initTimeout) {
|
|
89
|
+
clearTimeout(this.initTimeout);
|
|
90
|
+
this.initTimeout = null;
|
|
91
|
+
}
|
|
88
92
|
if (this.modalEl) {
|
|
89
93
|
this.modalEl.dispose();
|
|
90
94
|
this.modalEl = null;
|
|
@@ -151,6 +155,7 @@ class itfPopover extends Vue {
|
|
|
151
155
|
this.targetEl.removeEventListener('shown.bs.popover', this.handleShown);
|
|
152
156
|
this.targetEl.removeEventListener('hidden.bs.popover', this.handleHidden);
|
|
153
157
|
this.targetEl.classList.remove('pulsing');
|
|
158
|
+
this.targetEl = null;
|
|
154
159
|
}
|
|
155
160
|
|
|
156
161
|
handleShown() {
|