@consent.software/catalog 1.4.5 → 1.5.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_bundle/bundle.js +38 -16
- package/dist_bundle/bundle.js.map +3 -3
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/consentsoftware-cookieconsent.d.ts +1 -0
- package/dist_ts_web/elements/consentsoftware-cookieconsent.js +38 -3
- package/dist_watch/bundle.js +37 -2
- package/dist_watch/bundle.js.map +2 -2
- package/package.json +2 -2
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/consentsoftware-cookieconsent.ts +38 -2
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@consent.software/catalog',
|
|
6
|
-
version: '1.
|
|
6
|
+
version: '1.5.0',
|
|
7
7
|
description: 'A library of web components designed to integrate robust consent management capabilities into web applications, ensuring compliance with privacy regulations.'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsMkJBQTJCO0lBQ2pDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSwrSkFBK0o7Q0FDN0ssQ0FBQSJ9
|
|
@@ -34,6 +34,7 @@ export declare class ConsentsoftwareCookieconsent extends LitElement {
|
|
|
34
34
|
* Sets the user’s chosen cookie level(s) and hides the banner.
|
|
35
35
|
*/
|
|
36
36
|
private handleConsentButtonClick;
|
|
37
|
+
private pageOverlayClick;
|
|
37
38
|
/**
|
|
38
39
|
* Dynamically switches the theme between light/dark,
|
|
39
40
|
* respecting `prefers-color-scheme` by default.
|
|
@@ -70,6 +70,11 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
70
70
|
transition: all 0.2s;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
+
.pageOverlay.shake {
|
|
74
|
+
background: rgba(0, 0, 0, 0.5) !important;
|
|
75
|
+
backdrop-filter: blur(20px) !important;
|
|
76
|
+
}
|
|
77
|
+
|
|
73
78
|
.modalBox {
|
|
74
79
|
display: block;
|
|
75
80
|
color: var(--text-color);
|
|
@@ -89,6 +94,23 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
89
94
|
opacity: 0;
|
|
90
95
|
}
|
|
91
96
|
|
|
97
|
+
.modalBox.shake {
|
|
98
|
+
animation: shake 150ms 2 linear;
|
|
99
|
+
box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.6);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
@keyframes shake {
|
|
103
|
+
0% {
|
|
104
|
+
transform: translate(3px, 0);
|
|
105
|
+
}
|
|
106
|
+
50% {
|
|
107
|
+
transform: translate(-3px, 0);
|
|
108
|
+
}
|
|
109
|
+
100% {
|
|
110
|
+
transform: translate(0, 0);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
92
114
|
/*
|
|
93
115
|
* Toggle display based on [show] attribute
|
|
94
116
|
* (so if show=false, the banner doesn't show at all).
|
|
@@ -166,7 +188,7 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
166
188
|
}
|
|
167
189
|
render() {
|
|
168
190
|
return html `
|
|
169
|
-
<div class="pageOverlay">
|
|
191
|
+
<div class="pageOverlay" @click=${this.pageOverlayClick}>
|
|
170
192
|
<div class="modalBox">
|
|
171
193
|
<div class="content">
|
|
172
194
|
<consentsoftware-header></consentsoftware-header>
|
|
@@ -249,7 +271,7 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
249
271
|
const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
|
|
250
272
|
if (pageOverlay) {
|
|
251
273
|
pageOverlay.style.background = 'rgba(255,255,255, 0.1)';
|
|
252
|
-
pageOverlay.style.backdropFilter = 'blur(
|
|
274
|
+
pageOverlay.style.backdropFilter = 'blur(0px)';
|
|
253
275
|
}
|
|
254
276
|
const modalBox = this.shadowRoot?.querySelector('.modalBox');
|
|
255
277
|
if (modalBox) {
|
|
@@ -299,6 +321,19 @@ let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends Li
|
|
|
299
321
|
// After user selection, re-check for any required scripts to run
|
|
300
322
|
this.updated();
|
|
301
323
|
}
|
|
324
|
+
async pageOverlayClick(e) {
|
|
325
|
+
if (e.target === e.currentTarget) {
|
|
326
|
+
const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
|
|
327
|
+
const modalBox = this.shadowRoot?.querySelector('.modalBox');
|
|
328
|
+
if (pageOverlay && modalBox) {
|
|
329
|
+
pageOverlay.classList.add('shake');
|
|
330
|
+
modalBox.classList.add('shake');
|
|
331
|
+
await delayFor(300);
|
|
332
|
+
pageOverlay.classList.remove('shake');
|
|
333
|
+
modalBox.classList.remove('shake');
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
}
|
|
302
337
|
/**
|
|
303
338
|
* Dynamically switches the theme between light/dark,
|
|
304
339
|
* respecting `prefers-color-scheme` by default.
|
|
@@ -320,4 +355,4 @@ ConsentsoftwareCookieconsent = __decorate([
|
|
|
320
355
|
__metadata("design:paramtypes", [])
|
|
321
356
|
], ConsentsoftwareCookieconsent);
|
|
322
357
|
export { ConsentsoftwareCookieconsent };
|
|
323
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
358
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sTUFBTSxhQUFhLENBQUM7QUFFdEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUF1QixNQUFNLEtBQUssQ0FBQztBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXRELE9BQU8sS0FBSyxZQUFZLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxLQUFLLFdBQVcsTUFBTSw2QkFBNkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFTM0MsSUFBTSw0QkFBNEIsR0FBbEMsTUFBTSw0QkFBNkIsU0FBUSxVQUFVO2FBQzVDLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsaUVBQWlFLEFBQTlFLENBQStFO0lBUWpHOzs7T0FHRzthQUNXLFdBQU0sR0FBRyxHQUFHLENBQUE7O3FCQUVQLE1BQU0sQ0FBQyxTQUFTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0SmxDLEFBOUptQixDQThKbEI7SUFFRjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBM0tILHdCQUFtQixHQUFHLElBQUksV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BELG1CQUFj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
|
package/dist_watch/bundle.js
CHANGED
|
@@ -42284,7 +42284,7 @@ var ConsentsoftwareCookieconsent = class extends r4 {
|
|
|
42284
42284
|
}
|
|
42285
42285
|
render() {
|
|
42286
42286
|
return x`
|
|
42287
|
-
<div class="pageOverlay">
|
|
42287
|
+
<div class="pageOverlay" @click=${this.pageOverlayClick}>
|
|
42288
42288
|
<div class="modalBox">
|
|
42289
42289
|
<div class="content">
|
|
42290
42290
|
<consentsoftware-header></consentsoftware-header>
|
|
@@ -42367,7 +42367,7 @@ var ConsentsoftwareCookieconsent = class extends r4 {
|
|
|
42367
42367
|
const pageOverlay = this.shadowRoot?.querySelector(".pageOverlay");
|
|
42368
42368
|
if (pageOverlay) {
|
|
42369
42369
|
pageOverlay.style.background = "rgba(255,255,255, 0.1)";
|
|
42370
|
-
pageOverlay.style.backdropFilter = "blur(
|
|
42370
|
+
pageOverlay.style.backdropFilter = "blur(0px)";
|
|
42371
42371
|
}
|
|
42372
42372
|
const modalBox = this.shadowRoot?.querySelector(".modalBox");
|
|
42373
42373
|
if (modalBox) {
|
|
@@ -42416,6 +42416,19 @@ var ConsentsoftwareCookieconsent = class extends r4 {
|
|
|
42416
42416
|
this.setAttribute("show", "false");
|
|
42417
42417
|
this.updated();
|
|
42418
42418
|
}
|
|
42419
|
+
async pageOverlayClick(e8) {
|
|
42420
|
+
if (e8.target === e8.currentTarget) {
|
|
42421
|
+
const pageOverlay = this.shadowRoot?.querySelector(".pageOverlay");
|
|
42422
|
+
const modalBox = this.shadowRoot?.querySelector(".modalBox");
|
|
42423
|
+
if (pageOverlay && modalBox) {
|
|
42424
|
+
pageOverlay.classList.add("shake");
|
|
42425
|
+
modalBox.classList.add("shake");
|
|
42426
|
+
await delayFor(300);
|
|
42427
|
+
pageOverlay.classList.remove("shake");
|
|
42428
|
+
modalBox.classList.remove("shake");
|
|
42429
|
+
}
|
|
42430
|
+
}
|
|
42431
|
+
}
|
|
42419
42432
|
/**
|
|
42420
42433
|
* Dynamically switches the theme between light/dark,
|
|
42421
42434
|
* respecting `prefers-color-scheme` by default.
|
|
@@ -42483,6 +42496,11 @@ ConsentsoftwareCookieconsent.styles = i`
|
|
|
42483
42496
|
transition: all 0.2s;
|
|
42484
42497
|
}
|
|
42485
42498
|
|
|
42499
|
+
.pageOverlay.shake {
|
|
42500
|
+
background: rgba(0, 0, 0, 0.5) !important;
|
|
42501
|
+
backdrop-filter: blur(20px) !important;
|
|
42502
|
+
}
|
|
42503
|
+
|
|
42486
42504
|
.modalBox {
|
|
42487
42505
|
display: block;
|
|
42488
42506
|
color: var(--text-color);
|
|
@@ -42502,6 +42520,23 @@ ConsentsoftwareCookieconsent.styles = i`
|
|
|
42502
42520
|
opacity: 0;
|
|
42503
42521
|
}
|
|
42504
42522
|
|
|
42523
|
+
.modalBox.shake {
|
|
42524
|
+
animation: shake 150ms 2 linear;
|
|
42525
|
+
box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.6);
|
|
42526
|
+
}
|
|
42527
|
+
|
|
42528
|
+
@keyframes shake {
|
|
42529
|
+
0% {
|
|
42530
|
+
transform: translate(3px, 0);
|
|
42531
|
+
}
|
|
42532
|
+
50% {
|
|
42533
|
+
transform: translate(-3px, 0);
|
|
42534
|
+
}
|
|
42535
|
+
100% {
|
|
42536
|
+
transform: translate(0, 0);
|
|
42537
|
+
}
|
|
42538
|
+
}
|
|
42539
|
+
|
|
42505
42540
|
/*
|
|
42506
42541
|
* Toggle display based on [show] attribute
|
|
42507
42542
|
* (so if show=false, the banner doesn't show at all).
|